@solid-design-system/components 4.12.0 → 5.0.1

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 (627) hide show
  1. package/cdn/_components/menu-item/menu-item.js +2 -2
  2. package/cdn/chunks/{chunk.67UPRVLG.js → chunk.24NAQP34.js} +2 -2
  3. package/cdn/chunks/chunk.2NKZVN6T.js +1 -0
  4. package/cdn/chunks/{chunk.ZXGG5GRH.js → chunk.2OZUXFC2.js} +1 -1
  5. package/cdn/chunks/{chunk.E4YB3LZK.js → chunk.3FDVJBSF.js} +1 -1
  6. package/cdn/chunks/{chunk.F3EVJTED.js → chunk.3X2DDJ4U.js} +1 -1
  7. package/cdn/chunks/{chunk.SJYLPRLG.js → chunk.4FWO2JFZ.js} +1 -1
  8. package/cdn/chunks/{chunk.53YBES5S.js → chunk.4VSK5ST5.js} +1 -1
  9. package/cdn/chunks/{chunk.FZHMZAIV.js → chunk.4VT5Z2HL.js} +1 -1
  10. package/cdn/chunks/{chunk.DQ3ZESZK.js → chunk.5QKKX7BL.js} +2 -2
  11. package/cdn/chunks/{chunk.C74Q5TJX.js → chunk.5QNLI2ZJ.js} +4 -4
  12. package/cdn/chunks/{chunk.QVTWOB7V.js → chunk.5RKART7T.js} +2 -2
  13. package/cdn/chunks/chunk.63MF7F4O.js +1 -0
  14. package/cdn/chunks/{chunk.RZFDYDI4.js → chunk.65USTXPJ.js} +1 -1
  15. package/cdn/chunks/{chunk.WKQAOKOH.js → chunk.6HETYMOP.js} +1 -1
  16. package/cdn/chunks/chunk.6OTM3PE5.js +1 -0
  17. package/cdn/chunks/{chunk.5HYU75RE.js → chunk.7GCBGKAC.js} +1 -1
  18. package/cdn/chunks/{chunk.RATITDF2.js → chunk.AB7XNCA6.js} +1 -1
  19. package/cdn/chunks/{chunk.CIKOD7QT.js → chunk.ACQENQRU.js} +1 -1
  20. package/cdn/chunks/chunk.ALYMVLUP.js +1 -0
  21. package/cdn/chunks/{chunk.M2HFJMGX.js → chunk.C577EOP7.js} +1 -1
  22. package/cdn/chunks/chunk.D5IOD6QB.js +1 -0
  23. package/cdn/chunks/{chunk.KVDKWL34.js → chunk.DCKEYTYR.js} +1 -1
  24. package/cdn/chunks/{chunk.HT7C2KQ3.js → chunk.DDYOZMUK.js} +1 -1
  25. package/cdn/chunks/{chunk.Y3WFK6NY.js → chunk.DZQ3ELX5.js} +1 -1
  26. package/cdn/chunks/chunk.EQD3QFY2.js +1 -0
  27. package/{cdn-versioned/chunks/chunk.EFLL7VXU.js → cdn/chunks/chunk.GJFN7PBS.js} +1 -1
  28. package/cdn/chunks/{chunk.TSSJABGO.js → chunk.GJMMISZZ.js} +1 -1
  29. package/cdn/chunks/{chunk.GUCU2YK5.js → chunk.GUQYIKUH.js} +1 -1
  30. package/cdn/chunks/{chunk.RZINWES7.js → chunk.H7MIOI36.js} +1 -1
  31. package/cdn/chunks/{chunk.YMXJOB2H.js → chunk.I4ZKBGAB.js} +1 -1
  32. package/cdn/chunks/{chunk.ZB5RQUA2.js → chunk.IXF4WTNA.js} +1 -1
  33. package/cdn/chunks/{chunk.HVKAMCXX.js → chunk.JGSQEZKI.js} +1 -1
  34. package/cdn/chunks/{chunk.ETB7FHWC.js → chunk.JPHZN55N.js} +1 -1
  35. package/cdn/chunks/{chunk.SKIEUJZN.js → chunk.KFZTALU6.js} +1 -1
  36. package/cdn/chunks/chunk.KV2JBQ2O.js +1 -0
  37. package/cdn/chunks/{chunk.YSFDXYDA.js → chunk.LL5NC5IC.js} +1 -1
  38. package/cdn/chunks/{chunk.XXPYJZI4.js → chunk.LLMJPBPU.js} +1 -1
  39. package/cdn/chunks/chunk.NODVJPTE.js +25 -0
  40. package/cdn/chunks/{chunk.ADDDVS6W.js → chunk.OLLYYRFO.js} +1 -1
  41. package/cdn/chunks/{chunk.E4JOV74T.js → chunk.OQM23IJ6.js} +1 -1
  42. package/cdn/chunks/{chunk.2XZZWTI2.js → chunk.OYZELC4M.js} +1 -1
  43. package/cdn/chunks/{chunk.QM2SZYDM.js → chunk.SUL3XIWG.js} +1 -1
  44. package/cdn/chunks/{chunk.HBBILILZ.js → chunk.T57D67S5.js} +1 -1
  45. package/cdn/chunks/{chunk.QX3REGZG.js → chunk.U47LULNM.js} +1 -1
  46. package/cdn/chunks/{chunk.TMVIWO7D.js → chunk.UCP62LZF.js} +1 -1
  47. package/cdn/chunks/{chunk.AHXJHNQ7.js → chunk.UHTFJWWX.js} +1 -1
  48. package/cdn/chunks/chunk.UO5T3YYC.js +1 -0
  49. package/cdn/chunks/{chunk.BRAJGYMM.js → chunk.VEAL7L4X.js} +1 -1
  50. package/cdn/chunks/{chunk.HB2MDLS4.js → chunk.VH5VPRX2.js} +1 -1
  51. package/cdn/chunks/chunk.VKFY3OQC.js +1 -0
  52. package/cdn/chunks/{chunk.UKXOMULO.js → chunk.XMYHQ3RJ.js} +1 -1
  53. package/cdn/chunks/chunk.XVOWJXRK.js +1 -0
  54. package/cdn/chunks/{chunk.RKVW7KG4.js → chunk.XYJWLDWC.js} +1 -1
  55. package/cdn/chunks/{chunk.HTEPIDNH.js → chunk.YB2NTPL2.js} +2 -2
  56. package/cdn/components/accordion/accordion.js +1 -1
  57. package/cdn/components/accordion-group/accordion-group.js +1 -1
  58. package/cdn/components/animation/animation.js +1 -1
  59. package/cdn/components/audio/audio.js +1 -1
  60. package/cdn/components/badge/badge.js +1 -1
  61. package/cdn/components/brandshape/brandshape.js +1 -1
  62. package/cdn/components/button/button.js +1 -1
  63. package/cdn/components/button-group/button-group.js +1 -1
  64. package/cdn/components/carousel/carousel.js +1 -1
  65. package/cdn/components/carousel/scroll-controller.js +1 -1
  66. package/cdn/components/carousel-item/carousel-item.js +1 -1
  67. package/cdn/components/checkbox/checkbox.js +1 -1
  68. package/cdn/components/checkbox-group/checkbox-group.js +1 -1
  69. package/cdn/components/combobox/combobox.js +1 -1
  70. package/cdn/components/dialog/dialog.js +1 -1
  71. package/cdn/components/divider/divider.js +1 -1
  72. package/cdn/components/drawer/drawer.js +1 -1
  73. package/cdn/components/dropdown/dropdown.js +1 -1
  74. package/cdn/components/expandable/expandable.d.ts +2 -1
  75. package/cdn/components/expandable/expandable.js +1 -1
  76. package/cdn/components/flipcard/flipcard.js +1 -1
  77. package/cdn/components/header/header.d.ts +3 -6
  78. package/cdn/components/header/header.js +1 -1
  79. package/cdn/components/icon/icon.js +1 -1
  80. package/{cdn-versioned/components/icon/library.system.d.ts → cdn/components/icon/library.internal.d.ts} +2 -2
  81. package/cdn/components/icon/library.internal.js +1 -0
  82. package/cdn/components/icon/library.js +1 -1
  83. package/cdn/components/include/include.js +1 -1
  84. package/cdn/components/input/input.js +1 -1
  85. package/cdn/components/link/link.js +1 -1
  86. package/cdn/components/map-marker/map-marker.js +1 -1
  87. package/cdn/components/navigation-item/navigation-item.js +1 -1
  88. package/cdn/components/notification/notification.js +1 -1
  89. package/cdn/components/optgroup/optgroup.js +1 -1
  90. package/cdn/components/option/option.js +1 -1
  91. package/cdn/components/popup/popup.js +1 -1
  92. package/cdn/components/quickfact/quickfact.js +1 -1
  93. package/cdn/components/radio/radio.js +1 -1
  94. package/cdn/components/radio-button/radio-button.js +1 -1
  95. package/cdn/components/radio-group/radio-group.js +1 -1
  96. package/cdn/components/scrollable/scrollable.js +1 -1
  97. package/cdn/components/select/select.js +1 -1
  98. package/cdn/components/spinner/spinner.js +1 -1
  99. package/cdn/components/step/step.js +1 -1
  100. package/cdn/components/step-group/step-group.js +1 -1
  101. package/cdn/components/switch/switch.js +1 -1
  102. package/cdn/components/tab/tab.js +1 -1
  103. package/cdn/components/tab-group/tab-group.js +1 -1
  104. package/cdn/components/tab-panel/tab-panel.js +1 -1
  105. package/cdn/components/tag/tag.js +1 -1
  106. package/cdn/components/teaser/teaser.js +1 -1
  107. package/cdn/components/teaser-media/teaser-media.js +1 -1
  108. package/cdn/components/textarea/textarea.js +1 -1
  109. package/cdn/components/tooltip/tooltip.js +1 -1
  110. package/cdn/components/video/video.js +1 -1
  111. package/cdn/custom-elements.json +27 -15
  112. package/cdn/internal/animate.d.ts +1 -1
  113. package/cdn/internal/animate.js +2 -2
  114. package/cdn/internal/solid-element.js +4 -1
  115. package/cdn/solid-components.bundle.js +47 -47
  116. package/cdn/solid-components.iife.js +47 -47
  117. package/cdn/solid-components.js +1 -1
  118. package/cdn/utilities/autocomplete-config.js +1 -1
  119. package/cdn/utilities/icon-library.js +1 -1
  120. package/cdn/vscode.html-custom-data.json +1 -1
  121. package/cdn/web-types.json +10 -2
  122. package/cdn-versioned/_components/menu/menu.js +1 -1
  123. package/cdn-versioned/_components/menu/menu.styles.js +1 -1
  124. package/cdn-versioned/_components/menu-item/menu-item.js +2 -2
  125. package/cdn-versioned/chunks/chunk.24NAQP34.js +11 -0
  126. package/cdn-versioned/chunks/chunk.2NKZVN6T.js +1 -0
  127. package/cdn-versioned/chunks/chunk.2OZUXFC2.js +1 -0
  128. package/cdn-versioned/chunks/{chunk.E4YB3LZK.js → chunk.3FDVJBSF.js} +1 -1
  129. package/cdn-versioned/chunks/{chunk.F3EVJTED.js → chunk.3X2DDJ4U.js} +1 -1
  130. package/cdn-versioned/chunks/{chunk.SJYLPRLG.js → chunk.4FWO2JFZ.js} +1 -1
  131. package/cdn-versioned/chunks/{chunk.53YBES5S.js → chunk.4VSK5ST5.js} +1 -1
  132. package/cdn-versioned/chunks/chunk.4VT5Z2HL.js +1 -0
  133. package/cdn-versioned/chunks/chunk.5QKKX7BL.js +13 -0
  134. package/cdn-versioned/chunks/{chunk.C74Q5TJX.js → chunk.5QNLI2ZJ.js} +4 -4
  135. package/cdn-versioned/chunks/chunk.5RKART7T.js +11 -0
  136. package/cdn-versioned/chunks/chunk.63MF7F4O.js +1 -0
  137. package/cdn-versioned/chunks/{chunk.RZFDYDI4.js → chunk.65USTXPJ.js} +1 -1
  138. package/cdn-versioned/chunks/{chunk.WKQAOKOH.js → chunk.6HETYMOP.js} +1 -1
  139. package/cdn-versioned/chunks/chunk.6HLS5XU2.js +1 -1
  140. package/cdn-versioned/chunks/chunk.6OTM3PE5.js +1 -0
  141. package/cdn-versioned/chunks/chunk.7GCBGKAC.js +1 -0
  142. package/cdn-versioned/chunks/{chunk.RATITDF2.js → chunk.AB7XNCA6.js} +1 -1
  143. package/cdn-versioned/chunks/{chunk.CIKOD7QT.js → chunk.ACQENQRU.js} +1 -1
  144. package/cdn-versioned/chunks/chunk.ALYMVLUP.js +1 -0
  145. package/cdn-versioned/chunks/{chunk.M2HFJMGX.js → chunk.C577EOP7.js} +1 -1
  146. package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
  147. package/cdn-versioned/chunks/chunk.D5IOD6QB.js +1 -0
  148. package/cdn-versioned/chunks/{chunk.KVDKWL34.js → chunk.DCKEYTYR.js} +1 -1
  149. package/cdn-versioned/chunks/{chunk.HT7C2KQ3.js → chunk.DDYOZMUK.js} +1 -1
  150. package/cdn-versioned/chunks/{chunk.Y3WFK6NY.js → chunk.DZQ3ELX5.js} +1 -1
  151. package/cdn-versioned/chunks/chunk.EQD3QFY2.js +1 -0
  152. package/{cdn/chunks/chunk.EFLL7VXU.js → cdn-versioned/chunks/chunk.GJFN7PBS.js} +1 -1
  153. package/cdn-versioned/chunks/{chunk.TSSJABGO.js → chunk.GJMMISZZ.js} +1 -1
  154. package/cdn-versioned/chunks/{chunk.GUCU2YK5.js → chunk.GUQYIKUH.js} +1 -1
  155. package/cdn-versioned/chunks/{chunk.RZINWES7.js → chunk.H7MIOI36.js} +2 -2
  156. package/cdn-versioned/chunks/chunk.I4ZKBGAB.js +1 -0
  157. package/cdn-versioned/chunks/{chunk.ZB5RQUA2.js → chunk.IXF4WTNA.js} +1 -1
  158. package/cdn-versioned/chunks/{chunk.HVKAMCXX.js → chunk.JGSQEZKI.js} +1 -1
  159. package/cdn-versioned/chunks/chunk.JPHZN55N.js +1 -0
  160. package/cdn-versioned/chunks/{chunk.SKIEUJZN.js → chunk.KFZTALU6.js} +1 -1
  161. package/cdn-versioned/chunks/chunk.KV2JBQ2O.js +1 -0
  162. package/cdn-versioned/chunks/{chunk.YSFDXYDA.js → chunk.LL5NC5IC.js} +1 -1
  163. package/cdn-versioned/chunks/chunk.LLMJPBPU.js +1 -0
  164. package/cdn-versioned/chunks/chunk.NODVJPTE.js +25 -0
  165. package/cdn-versioned/chunks/{chunk.ADDDVS6W.js → chunk.OLLYYRFO.js} +1 -1
  166. package/cdn-versioned/chunks/{chunk.E4JOV74T.js → chunk.OQM23IJ6.js} +1 -1
  167. package/cdn-versioned/chunks/{chunk.2XZZWTI2.js → chunk.OYZELC4M.js} +1 -1
  168. package/cdn-versioned/chunks/{chunk.QM2SZYDM.js → chunk.SUL3XIWG.js} +2 -2
  169. package/cdn-versioned/chunks/{chunk.HBBILILZ.js → chunk.T57D67S5.js} +1 -1
  170. package/cdn-versioned/chunks/chunk.U47LULNM.js +1 -0
  171. package/cdn-versioned/chunks/{chunk.TMVIWO7D.js → chunk.UCP62LZF.js} +1 -1
  172. package/cdn-versioned/chunks/chunk.UHTFJWWX.js +1 -0
  173. package/cdn-versioned/chunks/{chunk.4D5G5PFQ.js → chunk.UO5T3YYC.js} +1 -1
  174. package/cdn-versioned/chunks/{chunk.BRAJGYMM.js → chunk.VEAL7L4X.js} +1 -1
  175. package/cdn-versioned/chunks/chunk.VH5VPRX2.js +1 -0
  176. package/cdn-versioned/chunks/chunk.VKFY3OQC.js +1 -0
  177. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  178. package/cdn-versioned/chunks/chunk.XMYHQ3RJ.js +1 -0
  179. package/cdn-versioned/chunks/chunk.XVOWJXRK.js +1 -0
  180. package/cdn-versioned/chunks/{chunk.RKVW7KG4.js → chunk.XYJWLDWC.js} +1 -1
  181. package/cdn-versioned/chunks/{chunk.HTEPIDNH.js → chunk.YB2NTPL2.js} +2 -2
  182. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  183. package/cdn-versioned/components/accordion/accordion.js +1 -1
  184. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  185. package/cdn-versioned/components/accordion-group/accordion-group.js +1 -1
  186. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  187. package/cdn-versioned/components/animation/animation.js +1 -1
  188. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  189. package/cdn-versioned/components/audio/audio.js +1 -1
  190. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  191. package/cdn-versioned/components/badge/badge.js +1 -1
  192. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  193. package/cdn-versioned/components/brandshape/brandshape.js +1 -1
  194. package/cdn-versioned/components/button/button.d.ts +1 -1
  195. package/cdn-versioned/components/button/button.js +1 -1
  196. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  197. package/cdn-versioned/components/button-group/button-group.js +1 -1
  198. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  199. package/cdn-versioned/components/carousel/carousel.js +1 -1
  200. package/cdn-versioned/components/carousel/scroll-controller.js +1 -1
  201. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  202. package/cdn-versioned/components/carousel-item/carousel-item.js +1 -1
  203. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  204. package/cdn-versioned/components/checkbox/checkbox.js +1 -1
  205. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  206. package/cdn-versioned/components/checkbox-group/checkbox-group.js +1 -1
  207. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  208. package/cdn-versioned/components/combobox/combobox.js +1 -1
  209. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  210. package/cdn-versioned/components/dialog/dialog.js +1 -1
  211. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  212. package/cdn-versioned/components/divider/divider.js +1 -1
  213. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  214. package/cdn-versioned/components/drawer/drawer.js +1 -1
  215. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  216. package/cdn-versioned/components/dropdown/dropdown.js +1 -1
  217. package/cdn-versioned/components/expandable/expandable.d.ts +3 -2
  218. package/cdn-versioned/components/expandable/expandable.js +1 -1
  219. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  220. package/cdn-versioned/components/flipcard/flipcard.js +1 -1
  221. package/cdn-versioned/components/header/header.d.ts +4 -7
  222. package/cdn-versioned/components/header/header.js +1 -1
  223. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  224. package/cdn-versioned/components/icon/icon.js +1 -1
  225. package/{dist-versioned/components/icon/library.system.d.ts → cdn-versioned/components/icon/library.internal.d.ts} +2 -2
  226. package/cdn-versioned/components/icon/library.internal.js +1 -0
  227. package/cdn-versioned/components/icon/library.js +1 -1
  228. package/cdn-versioned/components/include/include.d.ts +1 -1
  229. package/cdn-versioned/components/include/include.js +1 -1
  230. package/cdn-versioned/components/input/input.d.ts +1 -1
  231. package/cdn-versioned/components/input/input.js +1 -1
  232. package/cdn-versioned/components/link/link.d.ts +1 -1
  233. package/cdn-versioned/components/link/link.js +1 -1
  234. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  235. package/cdn-versioned/components/map-marker/map-marker.js +1 -1
  236. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  237. package/cdn-versioned/components/navigation-item/navigation-item.js +1 -1
  238. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  239. package/cdn-versioned/components/notification/notification.js +1 -1
  240. package/cdn-versioned/components/optgroup/optgroup.d.ts +2 -2
  241. package/cdn-versioned/components/optgroup/optgroup.js +1 -1
  242. package/cdn-versioned/components/option/option.d.ts +1 -1
  243. package/cdn-versioned/components/option/option.js +1 -1
  244. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  245. package/cdn-versioned/components/popup/popup.js +1 -1
  246. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  247. package/cdn-versioned/components/quickfact/quickfact.js +1 -1
  248. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  249. package/cdn-versioned/components/radio/radio.js +1 -1
  250. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  251. package/cdn-versioned/components/radio-button/radio-button.js +1 -1
  252. package/cdn-versioned/components/radio-group/radio-group.d.ts +2 -2
  253. package/cdn-versioned/components/radio-group/radio-group.js +1 -1
  254. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  255. package/cdn-versioned/components/scrollable/scrollable.js +1 -1
  256. package/cdn-versioned/components/select/select.d.ts +1 -1
  257. package/cdn-versioned/components/select/select.js +1 -1
  258. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  259. package/cdn-versioned/components/spinner/spinner.js +1 -1
  260. package/cdn-versioned/components/step/step.d.ts +1 -1
  261. package/cdn-versioned/components/step/step.js +1 -1
  262. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  263. package/cdn-versioned/components/step-group/step-group.js +1 -1
  264. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  265. package/cdn-versioned/components/switch/switch.js +1 -1
  266. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  267. package/cdn-versioned/components/tab/tab.js +1 -1
  268. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  269. package/cdn-versioned/components/tab-group/tab-group.js +1 -1
  270. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  271. package/cdn-versioned/components/tab-panel/tab-panel.js +1 -1
  272. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  273. package/cdn-versioned/components/tag/tag.js +1 -1
  274. package/cdn-versioned/components/teaser/teaser.js +1 -1
  275. package/cdn-versioned/components/teaser-media/teaser-media.js +1 -1
  276. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  277. package/cdn-versioned/components/textarea/textarea.js +1 -1
  278. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  279. package/cdn-versioned/components/tooltip/tooltip.js +1 -1
  280. package/cdn-versioned/components/video/video.d.ts +1 -1
  281. package/cdn-versioned/components/video/video.js +1 -1
  282. package/cdn-versioned/custom-elements.json +237 -225
  283. package/cdn-versioned/internal/animate.d.ts +1 -1
  284. package/cdn-versioned/internal/animate.js +2 -2
  285. package/cdn-versioned/internal/form.js +3 -3
  286. package/cdn-versioned/internal/solid-element.js +4 -1
  287. package/cdn-versioned/solid-components.bundle.js +47 -47
  288. package/cdn-versioned/solid-components.css +2 -2
  289. package/cdn-versioned/solid-components.iife.js +47 -47
  290. package/cdn-versioned/solid-components.js +1 -1
  291. package/cdn-versioned/utilities/autocomplete-config.js +1 -1
  292. package/cdn-versioned/utilities/icon-library.js +1 -1
  293. package/cdn-versioned/vscode.html-custom-data.json +81 -81
  294. package/cdn-versioned/web-types.json +146 -138
  295. package/dist/_components/menu-item/menu-item.js +2 -2
  296. package/dist/chunks/{chunk.BABTMD4T.js → chunk.2BVPWR2S.js} +4 -4
  297. package/dist/chunks/{chunk.T5QL4V5F.js → chunk.2FRKOJLK.js} +1 -1
  298. package/dist/chunks/{chunk.JQD4QY3H.js → chunk.34LQ4H4Y.js} +7 -13
  299. package/dist/chunks/{chunk.B7BIS5Y4.js → chunk.357PR2IB.js} +1 -1
  300. package/dist/chunks/{chunk.DYRAOE5L.js → chunk.3AQM6FKF.js} +3 -3
  301. package/dist/chunks/{chunk.KWP3CREC.js → chunk.3MARQHUW.js} +18 -14
  302. package/dist/chunks/{chunk.4TLTIOIY.js → chunk.4J3ZCSIH.js} +1 -1
  303. package/dist/chunks/{chunk.BWIRKW7E.js → chunk.4JPDAEAZ.js} +4 -4
  304. package/dist/chunks/{chunk.GAJFV5V3.js → chunk.4PVTBZ45.js} +2 -2
  305. package/dist/chunks/{chunk.LOW4LWP6.js → chunk.5TXDZ6OQ.js} +1 -1
  306. package/dist/chunks/chunk.73ZM47SZ.js +79 -0
  307. package/dist/chunks/{chunk.HEYBJG64.js → chunk.75VFJ3VZ.js} +1 -1
  308. package/dist/chunks/{chunk.27LAMXW5.js → chunk.7GKULTU7.js} +3 -3
  309. package/dist/chunks/{chunk.BJSTXBIQ.js → chunk.AH4MJVKG.js} +1 -1
  310. package/dist/chunks/{chunk.VUKS4CBF.js → chunk.AUFB3CF2.js} +1 -1
  311. package/dist/chunks/{chunk.R3PPZNKA.js → chunk.BLQFQXCU.js} +3 -3
  312. package/dist/chunks/chunk.DXLUBAVX.js +81 -0
  313. package/dist/chunks/{chunk.QCQLFJGJ.js → chunk.ENBSTUKA.js} +3 -3
  314. package/dist/chunks/{chunk.CWJB3CZO.js → chunk.EYYHIJ7Q.js} +1 -1
  315. package/dist/chunks/{chunk.ULQU6P3E.js → chunk.F4LWSCE7.js} +7 -7
  316. package/dist/chunks/{chunk.LWJAHDGO.js → chunk.F5WZXOGP.js} +2 -2
  317. package/{dist-versioned/chunks/chunk.DLBXYZN6.js → dist/chunks/chunk.FNYEXUNK.js} +1 -1
  318. package/dist/chunks/{chunk.JNTED6KG.js → chunk.G3LCJLER.js} +1 -1
  319. package/dist/chunks/{chunk.CMK6UTW6.js → chunk.GCNQNIVQ.js} +1 -1
  320. package/{dist-versioned/chunks/chunk.25AH7KN2.js → dist/chunks/chunk.HQWAKJBV.js} +3 -2
  321. package/dist/chunks/{chunk.KNZPI3QD.js → chunk.K3HF3JA4.js} +1 -1
  322. package/dist/chunks/{chunk.ECH5BTRG.js → chunk.M2VTLBRP.js} +3 -3
  323. package/dist/chunks/{chunk.LW7RVQTS.js → chunk.M7TUM74F.js} +2 -2
  324. package/dist/chunks/{chunk.ERRAXV4M.js → chunk.MBOP4XDK.js} +1 -1
  325. package/dist/chunks/{chunk.C4WMHAOW.js → chunk.MGUEJDPC.js} +1 -1
  326. package/dist/chunks/{chunk.O7OXBLZU.js → chunk.MJ3MZ7IA.js} +37 -4
  327. package/dist/chunks/{chunk.ZXC3A5GK.js → chunk.NMI37BFS.js} +1 -1
  328. package/dist/chunks/{chunk.QEQDPEN2.js → chunk.O6YESZHA.js} +1 -1
  329. package/dist/chunks/{chunk.7WEXXSFH.js → chunk.OC7IH3HF.js} +4 -4
  330. package/dist/chunks/{chunk.EYTEM45R.js → chunk.OGWBQ3DK.js} +4 -4
  331. package/dist/chunks/{chunk.X7IRGFBS.js → chunk.P3M4RPHM.js} +1 -1
  332. package/dist/chunks/{chunk.JNJHWACL.js → chunk.P4BL4RSV.js} +2 -2
  333. package/dist/chunks/{chunk.YGRJQZFR.js → chunk.P775L6OS.js} +2 -2
  334. package/dist/chunks/{chunk.VOWE6LHF.js → chunk.PK3XZW2G.js} +3 -3
  335. package/dist/chunks/{chunk.6V7KPUGO.js → chunk.QDFEG22S.js} +1 -1
  336. package/dist/chunks/{chunk.4LV4VHB5.js → chunk.QF3WLERT.js} +2 -2
  337. package/dist/chunks/{chunk.IFJ7LPJV.js → chunk.QHQBGFCN.js} +3 -3
  338. package/dist/chunks/{chunk.4UEQEUQ5.js → chunk.QQHF7ENZ.js} +1 -1
  339. package/dist/chunks/{chunk.7VCFYOV5.js → chunk.QZCGIMWI.js} +2 -2
  340. package/dist/chunks/{chunk.E73VDVFB.js → chunk.RHQ6U3DB.js} +2 -2
  341. package/dist/chunks/{chunk.LQKJMBVH.js → chunk.SOAF3TY4.js} +2 -2
  342. package/dist/chunks/{chunk.QTZYBV5A.js → chunk.V5HD2RQH.js} +4 -4
  343. package/dist/chunks/{chunk.NI45NXZV.js → chunk.WM4AGOIZ.js} +1 -1
  344. package/dist/chunks/{chunk.H36YEYQD.js → chunk.X7HYCD3E.js} +2 -2
  345. package/dist/chunks/{chunk.EQRUJQQW.js → chunk.XI3IZCLB.js} +1 -1
  346. package/dist/chunks/{chunk.XS4QJO4N.js → chunk.YNSZZDYQ.js} +5 -5
  347. package/dist/chunks/{chunk.MSSKOOJJ.js → chunk.YTDKF4U7.js} +1 -1
  348. package/dist/chunks/{chunk.F4UAU4OM.js → chunk.YTDXH4KI.js} +3 -3
  349. package/dist/chunks/{chunk.C2LS4326.js → chunk.ZAWI6TGO.js} +2 -2
  350. package/dist/components/accordion/accordion.js +6 -6
  351. package/dist/components/accordion-group/accordion-group.js +7 -7
  352. package/dist/components/animation/animation.js +3 -3
  353. package/dist/components/audio/audio.js +8 -8
  354. package/dist/components/badge/badge.js +3 -3
  355. package/dist/components/brandshape/brandshape.js +3 -3
  356. package/dist/components/button/button.js +4 -4
  357. package/dist/components/button-group/button-group.js +3 -3
  358. package/dist/components/carousel/carousel.js +8 -8
  359. package/dist/components/carousel/scroll-controller.js +2 -2
  360. package/dist/components/carousel-item/carousel-item.js +3 -3
  361. package/dist/components/checkbox/checkbox.js +6 -6
  362. package/dist/components/checkbox-group/checkbox-group.js +6 -6
  363. package/dist/components/combobox/combobox.js +7 -7
  364. package/dist/components/dialog/dialog.js +8 -8
  365. package/dist/components/divider/divider.js +3 -3
  366. package/dist/components/drawer/drawer.js +8 -8
  367. package/dist/components/dropdown/dropdown.js +3 -3
  368. package/dist/components/expandable/expandable.d.ts +2 -1
  369. package/dist/components/expandable/expandable.js +7 -6
  370. package/dist/components/flipcard/flipcard.js +8 -8
  371. package/dist/components/header/header.d.ts +3 -6
  372. package/dist/components/header/header.js +3 -3
  373. package/dist/components/icon/icon.js +5 -5
  374. package/dist/components/icon/{library.system.d.ts → library.internal.d.ts} +2 -2
  375. package/dist/components/icon/library.internal.js +9 -0
  376. package/dist/components/icon/library.js +2 -2
  377. package/dist/components/include/include.js +3 -3
  378. package/dist/components/input/input.js +6 -6
  379. package/dist/components/link/link.js +3 -3
  380. package/dist/components/map-marker/map-marker.js +3 -3
  381. package/dist/components/navigation-item/navigation-item.js +7 -7
  382. package/dist/components/notification/notification.js +8 -8
  383. package/dist/components/optgroup/optgroup.js +4 -4
  384. package/dist/components/option/option.js +6 -6
  385. package/dist/components/popup/popup.js +3 -3
  386. package/dist/components/quickfact/quickfact.js +7 -7
  387. package/dist/components/radio/radio.js +3 -3
  388. package/dist/components/radio-button/radio-button.js +3 -3
  389. package/dist/components/radio-group/radio-group.js +5 -5
  390. package/dist/components/scrollable/scrollable.js +6 -6
  391. package/dist/components/select/select.js +7 -7
  392. package/dist/components/spinner/spinner.js +3 -3
  393. package/dist/components/step/step.js +6 -6
  394. package/dist/components/step-group/step-group.js +3 -3
  395. package/dist/components/switch/switch.js +3 -3
  396. package/dist/components/tab/tab.js +3 -3
  397. package/dist/components/tab-group/tab-group.js +6 -6
  398. package/dist/components/tab-panel/tab-panel.js +3 -3
  399. package/dist/components/tag/tag.js +6 -6
  400. package/dist/components/teaser/teaser.js +3 -3
  401. package/dist/components/teaser-media/teaser-media.js +3 -3
  402. package/dist/components/textarea/textarea.js +6 -6
  403. package/dist/components/tooltip/tooltip.js +6 -6
  404. package/dist/components/video/video.js +6 -6
  405. package/dist/custom-elements.json +27 -15
  406. package/dist/internal/animate.d.ts +1 -1
  407. package/dist/internal/animate.js +2 -2
  408. package/dist/internal/solid-element.js +4 -1
  409. package/dist/solid-components.js +54 -54
  410. package/dist/utilities/autocomplete-config.js +3 -3
  411. package/dist/utilities/icon-library.js +2 -2
  412. package/dist/vscode.html-custom-data.json +1 -1
  413. package/dist/web-types.json +10 -2
  414. package/dist-versioned/_components/menu/menu.js +1 -1
  415. package/dist-versioned/_components/menu/menu.styles.js +1 -1
  416. package/dist-versioned/_components/menu-item/menu-item.js +2 -2
  417. package/dist-versioned/chunks/{chunk.BABTMD4T.js → chunk.2BVPWR2S.js} +6 -6
  418. package/dist-versioned/chunks/{chunk.T5QL4V5F.js → chunk.2FRKOJLK.js} +2 -2
  419. package/dist-versioned/chunks/{chunk.JQD4QY3H.js → chunk.34LQ4H4Y.js} +11 -17
  420. package/dist-versioned/chunks/{chunk.B7BIS5Y4.js → chunk.357PR2IB.js} +2 -2
  421. package/dist-versioned/chunks/{chunk.DYRAOE5L.js → chunk.3AQM6FKF.js} +4 -4
  422. package/dist-versioned/chunks/{chunk.KWP3CREC.js → chunk.3MARQHUW.js} +22 -18
  423. package/dist-versioned/chunks/{chunk.4TLTIOIY.js → chunk.4J3ZCSIH.js} +3 -3
  424. package/dist-versioned/chunks/{chunk.BWIRKW7E.js → chunk.4JPDAEAZ.js} +28 -28
  425. package/dist-versioned/chunks/{chunk.GAJFV5V3.js → chunk.4PVTBZ45.js} +3 -3
  426. package/dist-versioned/chunks/{chunk.LOW4LWP6.js → chunk.5TXDZ6OQ.js} +3 -3
  427. package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
  428. package/dist-versioned/chunks/chunk.73ZM47SZ.js +79 -0
  429. package/dist-versioned/chunks/{chunk.HEYBJG64.js → chunk.75VFJ3VZ.js} +5 -5
  430. package/dist-versioned/chunks/{chunk.27LAMXW5.js → chunk.7GKULTU7.js} +6 -6
  431. package/dist-versioned/chunks/{chunk.BJSTXBIQ.js → chunk.AH4MJVKG.js} +3 -3
  432. package/dist-versioned/chunks/{chunk.VUKS4CBF.js → chunk.AUFB3CF2.js} +2 -2
  433. package/dist-versioned/chunks/{chunk.R3PPZNKA.js → chunk.BLQFQXCU.js} +4 -4
  434. package/dist-versioned/chunks/chunk.DXLUBAVX.js +81 -0
  435. package/dist-versioned/chunks/{chunk.QCQLFJGJ.js → chunk.ENBSTUKA.js} +16 -16
  436. package/dist-versioned/chunks/{chunk.CWJB3CZO.js → chunk.EYYHIJ7Q.js} +2 -2
  437. package/dist-versioned/chunks/{chunk.ULQU6P3E.js → chunk.F4LWSCE7.js} +10 -10
  438. package/dist-versioned/chunks/{chunk.LWJAHDGO.js → chunk.F5WZXOGP.js} +4 -4
  439. package/{dist/chunks/chunk.DLBXYZN6.js → dist-versioned/chunks/chunk.FNYEXUNK.js} +1 -1
  440. package/dist-versioned/chunks/{chunk.JNTED6KG.js → chunk.G3LCJLER.js} +6 -6
  441. package/dist-versioned/chunks/{chunk.CMK6UTW6.js → chunk.GCNQNIVQ.js} +3 -3
  442. package/{dist/chunks/chunk.25AH7KN2.js → dist-versioned/chunks/chunk.HQWAKJBV.js} +3 -2
  443. package/dist-versioned/chunks/{chunk.KNZPI3QD.js → chunk.K3HF3JA4.js} +3 -3
  444. package/dist-versioned/chunks/chunk.KVKRZJS7.js +3 -3
  445. package/dist-versioned/chunks/{chunk.ECH5BTRG.js → chunk.M2VTLBRP.js} +7 -7
  446. package/dist-versioned/chunks/{chunk.LW7RVQTS.js → chunk.M7TUM74F.js} +3 -3
  447. package/dist-versioned/chunks/{chunk.ERRAXV4M.js → chunk.MBOP4XDK.js} +2 -2
  448. package/dist-versioned/chunks/{chunk.C4WMHAOW.js → chunk.MGUEJDPC.js} +2 -2
  449. package/dist-versioned/chunks/{chunk.O7OXBLZU.js → chunk.MJ3MZ7IA.js} +38 -5
  450. package/dist-versioned/chunks/{chunk.ZXC3A5GK.js → chunk.NMI37BFS.js} +2 -2
  451. package/dist-versioned/chunks/{chunk.QEQDPEN2.js → chunk.O6YESZHA.js} +2 -2
  452. package/dist-versioned/chunks/{chunk.7WEXXSFH.js → chunk.OC7IH3HF.js} +4 -4
  453. package/dist-versioned/chunks/{chunk.EYTEM45R.js → chunk.OGWBQ3DK.js} +5 -5
  454. package/dist-versioned/chunks/{chunk.X7IRGFBS.js → chunk.P3M4RPHM.js} +2 -2
  455. package/dist-versioned/chunks/{chunk.JNJHWACL.js → chunk.P4BL4RSV.js} +4 -4
  456. package/dist-versioned/chunks/{chunk.YGRJQZFR.js → chunk.P775L6OS.js} +3 -3
  457. package/dist-versioned/chunks/{chunk.VOWE6LHF.js → chunk.PK3XZW2G.js} +15 -15
  458. package/dist-versioned/chunks/{chunk.6V7KPUGO.js → chunk.QDFEG22S.js} +3 -3
  459. package/dist-versioned/chunks/{chunk.4LV4VHB5.js → chunk.QF3WLERT.js} +11 -11
  460. package/dist-versioned/chunks/{chunk.IFJ7LPJV.js → chunk.QHQBGFCN.js} +4 -4
  461. package/dist-versioned/chunks/{chunk.4UEQEUQ5.js → chunk.QQHF7ENZ.js} +2 -2
  462. package/dist-versioned/chunks/{chunk.7VCFYOV5.js → chunk.QZCGIMWI.js} +3 -3
  463. package/dist-versioned/chunks/{chunk.E73VDVFB.js → chunk.RHQ6U3DB.js} +7 -7
  464. package/dist-versioned/chunks/{chunk.LQKJMBVH.js → chunk.SOAF3TY4.js} +3 -3
  465. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  466. package/dist-versioned/chunks/{chunk.QTZYBV5A.js → chunk.V5HD2RQH.js} +26 -26
  467. package/dist-versioned/chunks/{chunk.NI45NXZV.js → chunk.WM4AGOIZ.js} +4 -4
  468. package/dist-versioned/chunks/{chunk.H36YEYQD.js → chunk.X7HYCD3E.js} +4 -4
  469. package/dist-versioned/chunks/{chunk.EQRUJQQW.js → chunk.XI3IZCLB.js} +3 -3
  470. package/dist-versioned/chunks/{chunk.XS4QJO4N.js → chunk.YNSZZDYQ.js} +5 -5
  471. package/dist-versioned/chunks/{chunk.MSSKOOJJ.js → chunk.YTDKF4U7.js} +12 -12
  472. package/dist-versioned/chunks/{chunk.F4UAU4OM.js → chunk.YTDXH4KI.js} +6 -6
  473. package/dist-versioned/chunks/{chunk.C2LS4326.js → chunk.ZAWI6TGO.js} +3 -3
  474. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  475. package/dist-versioned/components/accordion/accordion.js +6 -6
  476. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  477. package/dist-versioned/components/accordion-group/accordion-group.js +7 -7
  478. package/dist-versioned/components/animation/animation.d.ts +1 -1
  479. package/dist-versioned/components/animation/animation.js +3 -3
  480. package/dist-versioned/components/audio/audio.d.ts +1 -1
  481. package/dist-versioned/components/audio/audio.js +8 -8
  482. package/dist-versioned/components/badge/badge.d.ts +1 -1
  483. package/dist-versioned/components/badge/badge.js +3 -3
  484. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  485. package/dist-versioned/components/brandshape/brandshape.js +3 -3
  486. package/dist-versioned/components/button/button.d.ts +1 -1
  487. package/dist-versioned/components/button/button.js +4 -4
  488. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  489. package/dist-versioned/components/button-group/button-group.js +3 -3
  490. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  491. package/dist-versioned/components/carousel/carousel.js +8 -8
  492. package/dist-versioned/components/carousel/scroll-controller.js +2 -2
  493. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  494. package/dist-versioned/components/carousel-item/carousel-item.js +3 -3
  495. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  496. package/dist-versioned/components/checkbox/checkbox.js +6 -6
  497. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  498. package/dist-versioned/components/checkbox-group/checkbox-group.js +6 -6
  499. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  500. package/dist-versioned/components/combobox/combobox.js +7 -7
  501. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  502. package/dist-versioned/components/dialog/dialog.js +8 -8
  503. package/dist-versioned/components/divider/divider.d.ts +1 -1
  504. package/dist-versioned/components/divider/divider.js +3 -3
  505. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  506. package/dist-versioned/components/drawer/drawer.js +8 -8
  507. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  508. package/dist-versioned/components/dropdown/dropdown.js +3 -3
  509. package/dist-versioned/components/expandable/expandable.d.ts +3 -2
  510. package/dist-versioned/components/expandable/expandable.js +7 -6
  511. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  512. package/dist-versioned/components/flipcard/flipcard.js +8 -8
  513. package/dist-versioned/components/header/header.d.ts +4 -7
  514. package/dist-versioned/components/header/header.js +3 -3
  515. package/dist-versioned/components/icon/icon.d.ts +1 -1
  516. package/dist-versioned/components/icon/icon.js +5 -5
  517. package/{cdn/components/icon/library.system.d.ts → dist-versioned/components/icon/library.internal.d.ts} +2 -2
  518. package/dist-versioned/components/icon/library.internal.js +9 -0
  519. package/dist-versioned/components/icon/library.js +2 -2
  520. package/dist-versioned/components/include/include.d.ts +1 -1
  521. package/dist-versioned/components/include/include.js +3 -3
  522. package/dist-versioned/components/input/input.d.ts +1 -1
  523. package/dist-versioned/components/input/input.js +6 -6
  524. package/dist-versioned/components/link/link.d.ts +1 -1
  525. package/dist-versioned/components/link/link.js +3 -3
  526. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  527. package/dist-versioned/components/map-marker/map-marker.js +3 -3
  528. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  529. package/dist-versioned/components/navigation-item/navigation-item.js +7 -7
  530. package/dist-versioned/components/notification/notification.d.ts +1 -1
  531. package/dist-versioned/components/notification/notification.js +8 -8
  532. package/dist-versioned/components/optgroup/optgroup.d.ts +2 -2
  533. package/dist-versioned/components/optgroup/optgroup.js +4 -4
  534. package/dist-versioned/components/option/option.d.ts +1 -1
  535. package/dist-versioned/components/option/option.js +6 -6
  536. package/dist-versioned/components/popup/popup.d.ts +1 -1
  537. package/dist-versioned/components/popup/popup.js +3 -3
  538. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  539. package/dist-versioned/components/quickfact/quickfact.js +7 -7
  540. package/dist-versioned/components/radio/radio.d.ts +1 -1
  541. package/dist-versioned/components/radio/radio.js +3 -3
  542. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  543. package/dist-versioned/components/radio-button/radio-button.js +3 -3
  544. package/dist-versioned/components/radio-group/radio-group.d.ts +2 -2
  545. package/dist-versioned/components/radio-group/radio-group.js +5 -5
  546. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  547. package/dist-versioned/components/scrollable/scrollable.js +6 -6
  548. package/dist-versioned/components/select/select.d.ts +1 -1
  549. package/dist-versioned/components/select/select.js +7 -7
  550. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  551. package/dist-versioned/components/spinner/spinner.js +3 -3
  552. package/dist-versioned/components/step/step.d.ts +1 -1
  553. package/dist-versioned/components/step/step.js +6 -6
  554. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  555. package/dist-versioned/components/step-group/step-group.js +3 -3
  556. package/dist-versioned/components/switch/switch.d.ts +1 -1
  557. package/dist-versioned/components/switch/switch.js +3 -3
  558. package/dist-versioned/components/tab/tab.d.ts +1 -1
  559. package/dist-versioned/components/tab/tab.js +3 -3
  560. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  561. package/dist-versioned/components/tab-group/tab-group.js +6 -6
  562. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  563. package/dist-versioned/components/tab-panel/tab-panel.js +3 -3
  564. package/dist-versioned/components/tag/tag.d.ts +1 -1
  565. package/dist-versioned/components/tag/tag.js +6 -6
  566. package/dist-versioned/components/teaser/teaser.js +3 -3
  567. package/dist-versioned/components/teaser-media/teaser-media.js +3 -3
  568. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  569. package/dist-versioned/components/textarea/textarea.js +6 -6
  570. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  571. package/dist-versioned/components/tooltip/tooltip.js +6 -6
  572. package/dist-versioned/components/video/video.d.ts +1 -1
  573. package/dist-versioned/components/video/video.js +6 -6
  574. package/dist-versioned/custom-elements.json +237 -225
  575. package/dist-versioned/internal/animate.d.ts +1 -1
  576. package/dist-versioned/internal/animate.js +2 -2
  577. package/dist-versioned/internal/form.js +3 -3
  578. package/dist-versioned/internal/solid-element.js +4 -1
  579. package/dist-versioned/solid-components.css +2 -2
  580. package/dist-versioned/solid-components.js +54 -54
  581. package/dist-versioned/utilities/autocomplete-config.js +3 -3
  582. package/dist-versioned/utilities/icon-library.js +2 -2
  583. package/dist-versioned/vscode.html-custom-data.json +81 -81
  584. package/dist-versioned/web-types.json +146 -138
  585. package/package.json +3 -3
  586. package/cdn/chunks/chunk.4D5G5PFQ.js +0 -1
  587. package/cdn/chunks/chunk.4GU3VMG2.js +0 -1
  588. package/cdn/chunks/chunk.B62VWQ7C.js +0 -1
  589. package/cdn/chunks/chunk.JIODFCR2.js +0 -1
  590. package/cdn/chunks/chunk.JXFEK45U.js +0 -1
  591. package/cdn/chunks/chunk.NPUXUQCC.js +0 -1
  592. package/cdn/chunks/chunk.PTSISQCW.js +0 -1
  593. package/cdn/chunks/chunk.QLGX6E5R.js +0 -1
  594. package/cdn/chunks/chunk.SNS2IHBI.js +0 -1
  595. package/cdn/chunks/chunk.T4JP7QUW.js +0 -25
  596. package/cdn/chunks/chunk.XBPJDDEM.js +0 -1
  597. package/cdn/components/icon/library.system.js +0 -1
  598. package/cdn-versioned/chunks/chunk.4GU3VMG2.js +0 -1
  599. package/cdn-versioned/chunks/chunk.5HYU75RE.js +0 -1
  600. package/cdn-versioned/chunks/chunk.67UPRVLG.js +0 -11
  601. package/cdn-versioned/chunks/chunk.AHXJHNQ7.js +0 -1
  602. package/cdn-versioned/chunks/chunk.B62VWQ7C.js +0 -1
  603. package/cdn-versioned/chunks/chunk.DQ3ZESZK.js +0 -13
  604. package/cdn-versioned/chunks/chunk.ETB7FHWC.js +0 -1
  605. package/cdn-versioned/chunks/chunk.FZHMZAIV.js +0 -1
  606. package/cdn-versioned/chunks/chunk.HB2MDLS4.js +0 -1
  607. package/cdn-versioned/chunks/chunk.JIODFCR2.js +0 -1
  608. package/cdn-versioned/chunks/chunk.JXFEK45U.js +0 -1
  609. package/cdn-versioned/chunks/chunk.NPUXUQCC.js +0 -1
  610. package/cdn-versioned/chunks/chunk.PTSISQCW.js +0 -1
  611. package/cdn-versioned/chunks/chunk.QLGX6E5R.js +0 -1
  612. package/cdn-versioned/chunks/chunk.QVTWOB7V.js +0 -11
  613. package/cdn-versioned/chunks/chunk.QX3REGZG.js +0 -1
  614. package/cdn-versioned/chunks/chunk.SNS2IHBI.js +0 -1
  615. package/cdn-versioned/chunks/chunk.T4JP7QUW.js +0 -25
  616. package/cdn-versioned/chunks/chunk.UKXOMULO.js +0 -1
  617. package/cdn-versioned/chunks/chunk.XBPJDDEM.js +0 -1
  618. package/cdn-versioned/chunks/chunk.XXPYJZI4.js +0 -1
  619. package/cdn-versioned/chunks/chunk.YMXJOB2H.js +0 -1
  620. package/cdn-versioned/chunks/chunk.ZXGG5GRH.js +0 -1
  621. package/cdn-versioned/components/icon/library.system.js +0 -1
  622. package/dist/chunks/chunk.OWACJFST.js +0 -78
  623. package/dist/chunks/chunk.RWUFX5GL.js +0 -98
  624. package/dist/components/icon/library.system.js +0 -9
  625. package/dist-versioned/chunks/chunk.OWACJFST.js +0 -78
  626. package/dist-versioned/chunks/chunk.RWUFX5GL.js +0 -98
  627. package/dist-versioned/components/icon/library.system.js +0 -9
@@ -0,0 +1,11 @@
1
+ import{a as A}from"./chunk.CDC46OKY.js";import{a as P}from"./chunk.X2GM34WQ.js";import{a as L,d as H,e as R,f as w}from"./chunk.W7A3TU2Z.js";import{c as K}from"./chunk.3L472FD4.js";import{a as E,c as C}from"./chunk.SKUMYG4O.js";import{a as x}from"./chunk.KLRPP4NQ.js";import{b as z}from"./chunk.6HLS5XU2.js";import{a as M}from"./chunk.YTG5BN3U.js";import{a as F}from"./chunk.6HO6CE4A.js";import{a as $}from"./chunk.OYZELC4M.js";import{a as V}from"./chunk.DEXOQON7.js";import{a as d}from"./chunk.26V4EXHB.js";import{a as g}from"./chunk.E2DRD2OX.js";import{a as k,b as r,c as u,d as c,h as T}from"./chunk.NODVJPTE.js";import{b as D,e as p}from"./chunk.UWPDCU52.js";import{b as S,e as I}from"./chunk.6OTM3PE5.js";import{e as l}from"./chunk.TJOCV4DC.js";var s=class extends T{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-5-0-1-input"]});this.hasSlotController=new F(this,"help-text","label");this.localize=new V(this);this.hasFocus=!1;this.displayInputValue="";this.selectedTextLabel="";this.selectedOptions=[];this.filteredOptions=[];this.allOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.deletedTagLabel="";this.name="";this.value="";this.defaultValue="";this.size="lg";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.type="text";this.currentPlacement=this.placement;this.getOption=P;this.multiple=!1;this.useTags=!0;this.maxOptionsVisible=3;this.styleOnValid=!1;this.filter=(t,e)=>{let i=w(t.value),a=w(t.getTextLabel()),n=w(e);return i.includes(n)||a.includes(n)};this.getTag=t=>p`<sd-5-0-1-tag ?disabled="${this.disabled}" part="tag" exportparts="
2
+ base:tag__base,
3
+ content:tag__content,
4
+ removable-indicator:tag__removable-indicator,
5
+ " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-5-0-1-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let i=t.composedPath().some(o=>o instanceof HTMLButtonElement&&o.classList.contains("combobox-button"));if(this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}if(!(i||t.target.closest(".combobox__clear")!==null)){if(t.key==="Escape"&&(this.open?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.displayInputValue=""),t.key==="Backspace"&&this.multiple&&this.displayInput.value===""){this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}if(t.key==="Enter"){let o=this.getCurrentOption(),f=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!this.open&&!f){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||o!=null&&o.disabled)return;if(o&&!o.disabled){let h=this.value;this.multiple?(this.toggleOptionSelection(o),this.lastOption=o,this.setOrderedSelectedOptions(o),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(o),this.setSelectedOptions(o)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==h&&(this.emit("sd-input"),this.emit("sd-change"))})}this.displayInput.focus({preventScroll:!0}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){if(!this.multiple){let t=this.findOptionByValue(this.getSlottedOptions(),this.value);this.selectedTextLabel=(t==null?void 0:t.getTextLabel())||""}this.formControlController.updateValidity()}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}get options(){let t=e=>{let i=this.displayInput.value,a=this.getOption(e,i);return e.tabIndex=0,p`${typeof a=="string"?$(a):a}`};return this.filteredOptions.map(e=>e.tagName.toLowerCase()==="sd-5-0-1-optgroup"?(Array.from(e.children).forEach(i=>{i.tagName.toLowerCase()==="sd-5-0-1-option"&&t(i)}),e):t(e))}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let i=this.getTag(t,e);return p`<div @sd-remove="${a=>this.handleTagRemove(a,t)}">${typeof i=="string"?$(i):i}</div>`}return[p``]}):[p`<sd-5-0-1-tag ?disabled="${this.disabled}" part="tag" exportparts="
6
+ base:tag__base,
7
+ content:tag__content,
8
+ removable-indicator:tag__removable-indicator,
9
+ " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-5-0-1-tag>`]}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){(t.key==="Backspace"||t.key==="Enter"||t.key===" ")&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleTagMaxOptionsKeyDown(t){(t.key==="Backspace"||t.key==="Enter"||t.key===" ")&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleLabelClick(){this.visuallyDisabled||this.displayInput.focus()}handleTagRemove(t,e){t.stopPropagation(),e||this.clearCombobox(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.setOrderedSelectedOptions(e),this.deletedTagLabel="",this.deletedTagLabel=this.localize.term("removed",e.textContent),this.updateComplete.then(()=>{this.selectionChanged(),this.emit("sd-input"),this.emit("sd-change")}))}handleComboboxMouseDown(t){if(this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}let i=t.composedPath().some(n=>n instanceof HTMLSlotElement&&n.name==="removable-indicator");if(this.disabled||i)return;(this.open?this.hide():this.show()).then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}handleNoResultsClick(t){t.preventDefault(),this.hide()}clearCombobox(){this.value!==""&&(this.value="",this.displayInputValue="",this.selectedTextLabel="",this.lastOption=void 0,this.selectedOptions=[],this.getSlottedOptions().forEach(t=>{t.selected=!1}),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let i=t.target.closest("sd-5-0-1-option"),a=this.value;i&&!i.disabled&&(this.multiple?(this.toggleOptionSelection(i),this.lastOption=i,this.setOrderedSelectedOptions(i),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(i),this.setSelectedOptions(i)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==a&&(this.emit("sd-input"),this.emit("sd-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let i=this.getCurrentOption(),a=e.indexOf(i),n=Math.max(0,a);if(t){let o=a+1;n=o>e.length-1?0:o}else{let o=a-1;n=o<0?e.length-1:o}this.setCurrentOption(e[n],new KeyboardEvent("keydown")),K(this.getCurrentOption(),this.listbox,"vertical","auto")}getAllFilteredOptions(){return[...this.filteredWrapper.querySelectorAll("sd-5-0-1-option")]}getCurrentOption(){return this.getAllFilteredOptions().find(t=>t.current)}setCurrentOption(t,e){let i=this.getAllFilteredOptions();this.displayInput.removeAttribute("aria-activedescendant"),i.forEach(a=>{a.current=!1,a.setAttribute("aria-selected","false"),a.isKeyboardFocus=!1}),t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id)),t&&(e==null?void 0:e.type)==="keydown"&&(t.isKeyboardFocus=!0)}toggleOptionSelection(t,e){let a=this.getSlottedOptions().find(n=>n.value&&t.value?n.value===t.value:n.getTextLabel()===t.getTextLabel());a&&(a.selected=e!=null?e:!a.selected)}findOptionByValue(t,e){if(e)return Array.isArray(e)?t.find(i=>e.includes(i.value)):t.find(i=>i.value===e)}selectedOptionsAndValueSynced(){var t;return!this.value&&this.selectedOptions.length===0?!0:Array.isArray(this.value)?this.value.length===this.selectedOptions.length:this.value===((t=this.selectedOptions[0])==null?void 0:t.value)}isOptionSelected(t){return t.value?this.value.includes(t.value):this.value.includes(t.getTextLabel())}syncSelectedOptionsAndValue(){return this.selectedOptionsAndValueSynced()?void 0:(this.getSlottedOptions().forEach(e=>{e.selected=!1}),this.selectedOptions=this.getSlottedOptions().filter(e=>this.isOptionSelected(e)),this.selectedOptions.forEach(e=>{e&&(e.selected=!0)}),Promise.resolve())}compareOptions(t,e){return t.value&&e.value?t.value===e.value:t.getTextLabel()===e.getTextLabel()}setSelectedOptions(t){this.getSlottedOptions().forEach(i=>{i.selected=this.compareOptions(i,t)}),this.selectionChanged()}setOrderedSelectedOptions(t){let e=this.getSlottedOptions().find(i=>this.compareOptions(i,t));this.multiple?this.selectedOptions.length>0&&e&&this.selectedOptions.find(i=>this.compareOptions(i,e))?this.selectedOptions=this.selectedOptions.filter(i=>!this.compareOptions(i,e)):this.selectedOptions=[...this.selectedOptions,e]:this.selectedOptions=[e]}selectionChanged(){var e,i,a;let t=this.selectedOptions.some(n=>n?this.isOptionSelected(n):!1);this.multiple?(!t&&this.selectedOptions.length>0?this.value=[...this.value,...this.selectedOptions.map(n=>n.value||n.getTextLabel())]:this.value=this.selectedOptions.map(n=>(n==null?void 0:n.value)||(n==null?void 0:n.getTextLabel())||""),this.displayInputValue=""):(this.value=((e=this.selectedOptions[0])==null?void 0:e.value)||((i=this.selectedOptions[0])==null?void 0:i.getTextLabel())||"",this.selectedTextLabel=((a=this.selectedOptions[0])==null?void 0:a.getTextLabel())||"",this.displayInputValue=""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}createComboboxOptionsFromQuery(t){let e=[];this.filteredOptions=this.getSlottedOptions().filter(i=>this.filter(i,t)||t==="").map(i=>{var y,b,m;let a=i.cloneNode(!0);if(a.current=a.value===((y=this.lastOption)==null?void 0:y.value),a.selected=i.selected,a.checkbox=i.checkbox,a.size=i.size,!(((b=i.parentElement)==null?void 0:b.tagName.toLowerCase())==="sd-5-0-1-optgroup"))return a;let o=i.parentElement,f=(m=o.querySelector('[slot="label"]'))==null?void 0:m.cloneNode(!0),h=e.find(O=>O.id===o.id);if(h){h==null||h.appendChild(a),f&&(h==null||h.appendChild(f));return}let v=o.cloneNode();return v.appendChild(a),f&&v.appendChild(f),e.push(v),v}).filter(Boolean)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleFilterChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}handleUseTagsChange(){let t=this.getAllFilteredOptions();customElements.get("sd-5-0-1-option")&&t.forEach(e=>{e.checkbox=this.multiple})}applySizeToOptions(){this.getSlottedOptions().forEach(t=>{t.size=this.size})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),(this.disabled||this.visuallyDisabled)&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInput.value):this.createComboboxOptionsFromQuery("")}handleDisplayInputValueChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}async handleOpenChange(){if(this.open&&(!this.disabled||!this.visuallyDisabled)){this.emit("sd-show"),this.addOpenListeners(),await I(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:i,options:a}=C(this,"combobox.show",{dir:this.localize.dir()});await S(this.popup.popup,i,a),this.emit("sd-after-show"),this.filteredOptions.length===0&&this.emit("sd-error");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("sd-hide"),this.removeOpenListeners(),await I(this);let{keyframes:t,options:e}=C(this,"combobox.hide",{dir:this.localize.dir()});await S(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}async show(){if(this.open||this.disabled||this.visuallyDisabled){this.open=!1;return}return this.open=!0,Promise.race([x(this,"sd-after-show"),x(this,"sd-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.displayInputValue="",this.open=!1,x(this,"sd-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}async handleInput(){let t=this.displayInput.value;this.displayInputValue=t,await this.updateComplete,this.open=this.filteredWrapper.children.length>0,this.formControlController.updateValidity(),this.emit("sd-input")}handleChange(){(!this.selectedOptions||!this.multiple)&&(this.selectedTextLabel=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("sd-change"))}getSlottedOptions(){return H(L(this.defaultSlot)).flat()}getSlottedOptGroups(){return R(L(this.defaultSlot))}async handleDefaultSlotChange(){if(!customElements.get("sd-5-0-1-option")){customElements.whenDefined("sd-5-0-1-option").then(()=>this.handleDefaultSlotChange());return}let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();this.applySizeToOptions();let i=this.findOptionByValue(t,this.value);this.selectedTextLabel=(i==null?void 0:i.getTextLabel())||"",t.forEach((a,n)=>{this.multiple&&(a.checkbox=!0),a.id=a.id||`sd-5-0-1-combobox-option-${n}`}),e.forEach((a,n)=>{a.id=a.id||`sd-5-0-1-combobox-optgroup-${n}`}),await this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInputValue):this.createComboboxOptionsFromQuery("")}render(){let t={left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")},e=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),a=this.label?!0:!!e,n=this.helpText?!0:!!i,o=this.clearable&&!this.disabled&&!this.visuallyDisabled,f=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",h=this.disabled||this.visuallyDisabled?"cursor-not-allowed":"cursor-pointer",v=this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",y={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],b={sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size],m={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return p`<div part="form-control" class="${d("relative text-left",h,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><label id="label" part="form-control-label" class="${a&&"inline-block mb-2"}" aria-hidden="${!a}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> <span aria-live="polite" class="sr-only">${this.deletedTagLabel}</span><div part="form-control-input" class="relative w-full bg-white text-black"><div part="border" class="${d("absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[f],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-5-0-1-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${d("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
10
+ popup:popup__content,
11
+ "><div part="combobox" class="${d("relative w-full px-4 flex flex-row items-center rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200",this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"py-1 min-h-[32px]",md:"py-1 min-h-[40px]",lg:"py-2 min-h-[48px]"}[this.size])}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}">${t.left?p`<slot part="left" name="left" class="${d("inline-flex",b,v,m)}"></slot>`:""} ${this.multiple&&this.useTags&&this.tags.length>0?p`<div part="tags" class="${d("flex items-center gap-1",b)}">${this.tags}</div>`:null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${d("appearance-none outline-none bg-transparent flex-auto min-w-0",h,this.selectedTextLabel&&!this.multiple?"placeholder-black":"placeholder-neutral-700")}" type="text" placeholder="${this.selectedTextLabel&&!this.multiple?this.selectedTextLabel:this.placeholder||this.localize.term("comboboxDefaultPlaceholder")}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(O=>O==null?void 0:O.getTextLabel()).join(", ")}</div><input class="${d("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",h)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${o?p`<button part="clear-button" class="${d("flex justify-center",y,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-0-1-icon class="${d("text-neutral-700",m)}" name="closing-round" library="_internal"></sd-5-0-1-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-5-0-1-icon part="invalid-icon" class="${d(y,m,"text-error")}" library="_internal" name="risk"></sd-5-0-1-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-5-0-1-icon part="valid-icon" class="${d("flex-shrink-0 text-success",y,m)}" library="_internal" name="status-check"></sd-5-0-1-icon>`:""}<slot name="right" part="right" class="${d("inline-flex ml-2 leading-[0]",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",m)}">${this.type!=="search"?p`<sd-5-0-1-icon class="${d("transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0")}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-5-0-1-icon>`:""}</slot>${this.type==="search"?p`<button class="${d("flex items-center sd-interactive",y)}" type="button"><sd-5-0-1-icon class="${d(v,m)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-5-0-1-icon></button>`:p`<button class="sd-interactive combobox-button absolute top-2" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${M(this.multiple?void 0:"listbox")}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${d("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox">${this.filteredOptions.length===0?p`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>`:this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-5-0-1-popup></div><div part="form-control-help-text" id="help-text" class="text-sm text-neutral-700 mt-2" aria-hidden="${!n}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};s.styles=[...T.styles,D`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([visually-disabled]) input{caret-color:transparent}:host([size=sm]) .combobox-button{height:var(--sd-spacing-4,1rem);right:var(--sd-spacing-4,1rem);width:var(--sd-spacing-4,1rem)}:host([size=md]) .combobox-button{height:var(--sd-spacing-6,1.5rem);right:.85rem;width:var(--sd-spacing-6,1.5rem)}:host([size=lg]) .combobox-button{height:var(--sd-spacing-8,2rem);right:var(--sd-spacing-3,.75rem);width:var(--sd-spacing-8,2rem)}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-5-0-1-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-5-0-1-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-5-0-1-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-5-0-1-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-5-0-1-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}[part=filtered-listbox] sd-5-0-1-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`],l([c("sd-5-0-1-popup")],s.prototype,"popup",2),l([c('[part="combobox"]')],s.prototype,"combobox",2),l([c('[part="display-input"]')],s.prototype,"displayInput",2),l([c(".value-input")],s.prototype,"valueInput",2),l([c('[part="listbox"]')],s.prototype,"listbox",2),l([c('[part="tags"]')],s.prototype,"tagWrapper",2),l([c('[part="filtered-listbox"]')],s.prototype,"filteredWrapper",2),l([c("slot:not([name])")],s.prototype,"defaultSlot",2),l([c("#invalid-message")],s.prototype,"invalidMessage",2),l([u()],s.prototype,"hasFocus",2),l([u()],s.prototype,"displayInputValue",2),l([u()],s.prototype,"selectedTextLabel",2),l([u()],s.prototype,"selectedOptions",2),l([u()],s.prototype,"filteredOptions",2),l([u()],s.prototype,"allOptions",2),l([u()],s.prototype,"lastOption",2),l([u()],s.prototype,"showValidStyle",2),l([u()],s.prototype,"showInvalidStyle",2),l([u()],s.prototype,"deletedTagLabel",2),l([r({reflect:!0})],s.prototype,"name",2),l([r({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],s.prototype,"value",2),l([A()],s.prototype,"defaultValue",2),l([r({type:String,reflect:!0})],s.prototype,"size",2),l([r({type:String,reflect:!0})],s.prototype,"placeholder",2),l([r({type:String,attribute:"max-options-tag-label",reflect:!0})],s.prototype,"maxOptionsTagLabel",2),l([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2),l([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],s.prototype,"visuallyDisabled",2),l([r({type:Boolean,reflect:!0})],s.prototype,"clearable",2),l([r({type:Boolean,reflect:!0})],s.prototype,"open",2),l([r({type:Boolean,reflect:!0})],s.prototype,"hoist",2),l([r({type:String,reflect:!0})],s.prototype,"label",2),l([r({type:String,reflect:!0})],s.prototype,"placement",2),l([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),l([r({type:String,reflect:!0})],s.prototype,"form",2),l([r({type:Boolean,reflect:!0})],s.prototype,"required",2),l([r({type:String,reflect:!0})],s.prototype,"type",2),l([u()],s.prototype,"currentPlacement",2),l([r()],s.prototype,"getOption",2),l([r({type:Boolean,reflect:!0})],s.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],s.prototype,"useTags",2),l([r({type:Number,reflect:!0,attribute:"max-options-visible"})],s.prototype,"maxOptionsVisible",2),l([r({type:Boolean,reflect:!0,attribute:"style-on-valid"})],s.prototype,"styleOnValid",2),l([r()],s.prototype,"filter",2),l([r()],s.prototype,"getTag",2),l([g("filter",{waitUntilFirstUpdate:!0})],s.prototype,"handleFilterChange",1),l([g("useTags",{waitUntilFirstUpdate:!0})],s.prototype,"handleUseTagsChange",1),l([g("size",{waitUntilFirstUpdate:!0})],s.prototype,"applySizeToOptions",1),l([g(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),l([g("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),l([g("displayInputValue",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisplayInputValueChange",1),l([g("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),s=l([k("sd-5-0-1-combobox")],s);E("combobox.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});E("combobox.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{s as a};
@@ -0,0 +1 @@
1
+ import{b as d}from"./chunk.5XTSQKKL.js";import{a as f}from"./chunk.CDC46OKY.js";import{b as m}from"./chunk.6HLS5XU2.js";import{a as p}from"./chunk.YTG5BN3U.js";import{a}from"./chunk.26V4EXHB.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as c,b as l,c as u,d as s,h as o}from"./chunk.NODVJPTE.js";import{b as h,e as r}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,b)=>t.checked=b});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(t){if(this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false"),this.formControlController.setValidity(t)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return r`<label part="base" class="${a("sd-5-0-1-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${a("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[t])}">${this.checked?r`<sd-5-0-1-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-0-1-icon>`:""} ${!this.checked&&this.indeterminate?r`<sd-5-0-1-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-0-1-icon>`:""} </span><span part="label" id="label" class="${a("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...o.styles,h`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label:after{content:" *"}`],i([s('input[type="checkbox"]')],e.prototype,"input",2),i([s("#invalid-message")],e.prototype,"invalidMessage",2),i([l({type:String,reflect:!0})],e.prototype,"title",2),i([l({type:String,reflect:!0})],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({type:String,reflect:!0})],e.prototype,"size",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),i([f("checked")],e.prototype,"defaultChecked",2),i([l({type:String,reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([u()],e.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=i([c("sd-5-0-1-checkbox")],e);export{e as a};
@@ -1 +1 @@
1
- import{b as $}from"./chunk.5XTSQKKL.js";import{a as C}from"./chunk.CDC46OKY.js";import{b as g}from"./chunk.6HLS5XU2.js";import{a as r}from"./chunk.YTG5BN3U.js";import{a as x}from"./chunk.6HO6CE4A.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as d}from"./chunk.E2DRD2OX.js";import{a as y,b as i,c as h,d as p,h as m}from"./chunk.T4JP7QUW.js";import{b as v,e as n}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new x(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,o="none"){this.textarea.setSelectionRange(l,a,o)}setRangeText(l,a,o,u){this.textarea.setRangeText(l,a,o,u),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,o=this.helpText?!0:!!l.helpText,u=!!l.tooltip,c=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",b={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return n`<div part="form-control" class="flex flex-col h-full text-left">${a||u?n`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block":"hidden",f)}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?n`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${s("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[c])}"></div><div part="base" class="${s("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",c==="disabled"||c==="visuallyDisabled"?"text-neutral-500":"text-black")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none group-has-[sd-4-12-0-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${$(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${r(this.placeholder)}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?n`<sd-4-12-0-icon class="${s("text-error absolute right-4 pointer-events-none",b)}" library="system" name="risk" part="invalid-icon"></sd-4-12-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?n`<sd-4-12-0-icon class="${s("text-success absolute right-4 pointer-events-none",b)}" library="system" name="status-check" part="valid-icon"></sd-4-12-0-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${o?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...m.styles,v`:host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([required]) #label:after{content:" *"}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([p("#input")],t.prototype,"textarea",2),e([p("#invalid-message")],t.prototype,"invalidMessage",2),e([h()],t.prototype,"hasFocus",2),e([h()],t.prototype,"showValidStyle",2),e([h()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:String,reflect:!0})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([C()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=e([y("sd-4-12-0-textarea")],t);export{t as a};
1
+ import{b as $}from"./chunk.5XTSQKKL.js";import{a as C}from"./chunk.CDC46OKY.js";import{b as g}from"./chunk.6HLS5XU2.js";import{a as r}from"./chunk.YTG5BN3U.js";import{a as x}from"./chunk.6HO6CE4A.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as d}from"./chunk.E2DRD2OX.js";import{a as y,b as i,c as h,d as p,h as m}from"./chunk.NODVJPTE.js";import{b as v,e as n}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new x(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,o="none"){this.textarea.setSelectionRange(l,a,o)}setRangeText(l,a,o,u){this.textarea.setRangeText(l,a,o,u),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,o=this.helpText?!0:!!l.helpText,u=!!l.tooltip,c=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",b={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return n`<div part="form-control" class="flex flex-col h-full text-left">${a||u?n`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block":"hidden",f)}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?n`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${s("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[c])}"></div><div part="base" class="${s("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",c==="disabled"||c==="visuallyDisabled"?"text-neutral-500":"text-black")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder-neutral-700 resize-none group-has-[sd-5-0-1-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${$(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${r(this.placeholder)}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?n`<sd-5-0-1-icon class="${s("text-error absolute right-4 pointer-events-none",b)}" library="_internal" name="risk" part="invalid-icon"></sd-5-0-1-icon>`:""} ${this.styleOnValid&&this.showValidStyle?n`<sd-5-0-1-icon class="${s("text-success absolute right-4 pointer-events-none",b)}" library="_internal" name="status-check" part="valid-icon"></sd-5-0-1-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${o?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...m.styles,v`:host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([required]) #label:after{content:" *"}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([p("#input")],t.prototype,"textarea",2),e([p("#invalid-message")],t.prototype,"invalidMessage",2),e([h()],t.prototype,"hasFocus",2),e([h()],t.prototype,"showValidStyle",2),e([h()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:String,reflect:!0})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([C()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=e([y("sd-5-0-1-textarea")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as r,h as e}from"./chunk.T4JP7QUW.js";import{b as l,e as o}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends e{static isCarouselItem(s){return s instanceof Element&&s.getAttribute("aria-roledescription")==="slide"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return o`<slot></slot>`}};t.styles=[...e.styles,l`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`],t=i([r("sd-4-12-0-carousel-item")],t);export{t as a};
1
+ import{a as r,h as e}from"./chunk.NODVJPTE.js";import{b as l,e as o}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends e{static isCarouselItem(s){return s instanceof Element&&s.getAttribute("aria-roledescription")==="slide"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return o`<slot></slot>`}};t.styles=[...e.styles,l`:host{align-items:center;aspect-ratio:var(--aspect-ratio);display:flex;flex-direction:column;height:100%;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;width:100%}::slotted(img){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}`],t=i([r("sd-5-0-1-carousel-item")],t);export{t as a};
@@ -1 +1 @@
1
- import{e as p}from"./chunk.UWPDCU52.js";import{a as l,b as m}from"./chunk.TJOCV4DC.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-4-12-0-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-4-12-0-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-4-12-0-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(){return p`<div id="invalid-message" class="text-error text-sm mt-2 text-left" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
1
+ import{e as p}from"./chunk.UWPDCU52.js";import{a as l,b as m}from"./chunk.TJOCV4DC.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-5-0-1-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-5-0-1-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-5-0-1-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(){return p`<div id="invalid-message" class="text-error text-sm mt-2 text-left" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
@@ -0,0 +1 @@
1
+ import{a,b as u}from"./chunk.TJOCV4DC.js";function s(t,n){let e=/var\((--[\w-]+)(?:,\s*([^)]+))?\)/.exec(t);if(!e)return t;let[,r,i]=e;return getComputedStyle(n).getPropertyValue(r).trim()||i||null}function l(t,n,e){return new Promise(r=>{var m;if((e==null?void 0:e.duration)===1/0)throw new Error("Promise-based animations must be finite.");let i=f(),o=typeof e.duration=="string"?d((m=s(e.duration,t))!=null?m:""):e.duration,c=t.animate(n,u(a({},e),{duration:i&&(e==null?void 0:e.reducedMotion)!=="allow"?0:o}));c.addEventListener("cancel",r,{once:!0}),c.addEventListener("finish",r,{once:!0})})}function d(t){return t=t.toString().toLowerCase(),t.indexOf("ms")>-1?parseFloat(t):t.indexOf("s")>-1?parseFloat(t)*1e3:parseFloat(t)}function f(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function h(t){return Promise.all(t.getAnimations().map(n=>new Promise(e=>{let r=requestAnimationFrame(e);n.addEventListener("cancel",()=>r,{once:!0}),n.addEventListener("finish",()=>r,{once:!0}),n.cancel()})))}function g(t,n){return t.map(e=>u(a({},e),{height:e.height==="auto"?`${n}px`:e.height}))}export{s as a,l as b,d as c,f as d,h as e,g as f};
@@ -0,0 +1 @@
1
+ import{a as z}from"./chunk.64UNKF45.js";import{c as I}from"./chunk.3L472FD4.js";import{a as u,c as m}from"./chunk.SKUMYG4O.js";import{a as c}from"./chunk.KLRPP4NQ.js";import{a as O}from"./chunk.DEXOQON7.js";import{a as D}from"./chunk.26V4EXHB.js";import{a as K}from"./chunk.E2DRD2OX.js";import{a as C,b as o,d as l,h as p}from"./chunk.NODVJPTE.js";import{b as M,e as A}from"./chunk.UWPDCU52.js";import{b as d,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var n=class extends p{constructor(){super(...arguments);this.localize=new O(this);this.open=!1;this.rounded=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.noAutoSize=!1;this.noFlip=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>z(a).start),s=null;if(t)switch(t.tagName.toLowerCase()){case"sd-5-0-1-button":case"sd-5-0-1-icon-button":s=t.button;break;case"sd-5-0-1-navigation-item":s=t.button;break;default:s=t}return s}updateAccessibleTrigger(){let e=this.getAccessibleTrigger();e&&(e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"))}focusOnTrigger(){let e=this.getAccessibleTrigger();typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="sd-menu")}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="sd-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}setTimeout(()=>{var a,r,f,g,y,w,b,E,v,k,T,L;let s=((y=(g=(f=(r=(a=document.activeElement)==null?void 0:a.shadowRoot)==null?void 0:r.activeElement)==null?void 0:f.shadowRoot)==null?void 0:g.activeElement)==null?void 0:y.getRootNode())instanceof ShadowRoot?(v=(E=(b=(w=document.activeElement)==null?void 0:w.shadowRoot)==null?void 0:b.activeElement)==null?void 0:E.shadowRoot)==null?void 0:v.activeElement:((k=this.containingElement)==null?void 0:k.getRootNode())instanceof ShadowRoot?(L=(T=document.activeElement)==null?void 0:T.shadowRoot)==null?void 0:L.activeElement:document.activeElement;(!this.containingElement||(s==null?void 0:s.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}}handleDocumentMouseDown(e){let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){let t=e.target;I(t,this.panel)}handlePanelSelect(e){let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="sd-menu"&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.defaultSlot.assignedElements({flatten:!0}),a=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),s.length>0&&requestAnimationFrame(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(a),a.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}async show(){if(!this.open)return this.open=!0,c(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-5-0-1-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-5-0-1-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await h(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=m(this,"dropdown.show",{dir:this.localize.dir()});await d(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await h(this);let{keyframes:e,options:t}=m(this,"dropdown.hide",{dir:this.localize.dir()});await d(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return A`<sd-5-0-1-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${D("shadow bg-white block",this.open?"pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-5-0-1-popup>`}};n.styles=[...p.styles,M`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important;overflow:auto}`],i([l("#dropdown")],n.prototype,"popup",2),i([l("[part=trigger]")],n.prototype,"trigger",2),i([l("[part=panel]")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({type:Boolean,reflect:!0})],n.prototype,"rounded",2),i([o({type:String,reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({type:Object})],n.prototype,"containingElement",2),i([o({type:Number,reflect:!0})],n.prototype,"distance",2),i([o({type:Number,reflect:!0})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0,attribute:"no-auto-size"})],n.prototype,"noAutoSize",2),i([o({type:Boolean,reflect:!0,attribute:"no-flip"})],n.prototype,"noFlip",2),i([o({type:Boolean,reflect:!0})],n.prototype,"hoist",2),i([K("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1),n=i([C("sd-5-0-1-dropdown")],n);u("dropdown.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});u("dropdown.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{n as a};
@@ -1 +1 @@
1
- import{a as l}from"./chunk.XR2KNB36.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as y,b as a,f,h as r}from"./chunk.T4JP7QUW.js";import{b as c,e as d}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-4-12-0-animation")],t);export{t as a};
1
+ import{a as l}from"./chunk.XR2KNB36.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as y,b as a,f,h as r}from"./chunk.NODVJPTE.js";import{b as c,e as d}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-5-0-1-animation")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as n}from"./chunk.26V4EXHB.js";import{a as l,b as e,h as o}from"./chunk.T4JP7QUW.js";import{b as a,e as i}from"./chunk.UWPDCU52.js";import{e as r}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.orientation="horizontal";this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return i`<hr part="main" aria-orientation="${this.orientation}" class="${n(this.inverted?"border-primary-400":"border-neutral-400",this.orientation==="horizontal"?"border-t w-full":" border-l h-full")}">`}};t.styles=[...o.styles,a`:host{margin:var(--sd-spacing-0,0)}:host(sd-4-12-0-divider[orientation=horizontal]){display:block}:host(sd-4-12-0-divider[orientation=vertical]){display:inline-block}`],r([e({type:String,reflect:!0})],t.prototype,"orientation",2),r([e({type:Boolean,reflect:!0})],t.prototype,"inverted",2),t=r([l("sd-4-12-0-divider")],t);export{t as a};
1
+ import{a as n}from"./chunk.26V4EXHB.js";import{a as l,b as e,h as o}from"./chunk.NODVJPTE.js";import{b as a,e as i}from"./chunk.UWPDCU52.js";import{e as r}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.orientation="horizontal";this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return i`<hr part="main" aria-orientation="${this.orientation}" class="${n(this.inverted?"border-primary-400":"border-neutral-400",this.orientation==="horizontal"?"border-t w-full":" border-l h-full")}">`}};t.styles=[...o.styles,a`:host{margin:var(--sd-spacing-0,0)}:host(sd-5-0-1-divider[orientation=horizontal]){display:block}:host(sd-5-0-1-divider[orientation=vertical]){display:inline-block}`],r([e({type:String,reflect:!0})],t.prototype,"orientation",2),r([e({type:Boolean,reflect:!0})],t.prototype,"inverted",2),t=r([l("sd-5-0-1-divider")],t);export{t as a};
@@ -0,0 +1 @@
1
+ import{a as c,c as p}from"./chunk.SKUMYG4O.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as b}from"./chunk.YTG5BN3U.js";import{a as y}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as f,b as a,d as n,h}from"./chunk.NODVJPTE.js";import{b as g,e as u}from"./chunk.UWPDCU52.js";import{b as r,e as l,f as d}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends h{constructor(){super(...arguments);this.open=!1;this.inverted=!1;this.localize=new y(this)}updateMaxHeight(){var s;let e=(s=this.contentPreview)==null?void 0:s.scrollHeight.toString();this.style.setProperty("--max-height-pixel",`${e}px`),this.style.setProperty("--max-height",e)}onToggleClick(){this.updateMaxHeight(),this.open=!this.open}async onOpenChange(){if(this.body.classList.add("transitioning"),this.open){this.emit("sd-show"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.show",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-show")})}else{this.emit("sd-hide"),await l(this.body);let{keyframes:e,options:s}=p(this,"expandable.hide",{dir:this.localize.dir()});await r(this.body,d(e,this.body.scrollHeight),s),this.body.style.height="auto",this.updateComplete.then(()=>{this.emit("sd-after-hide")})}this.details.setAttribute("open",this.open.toString()),this.body.classList.remove("transitioning")}async show(){if(!this.open)return this.onToggleClick(),m(this,"sd-after-show")}async hide(){if(this.open)return this.onToggleClick(),m(this,"sd-after-hide")}render(){return u`<div part="base" class="flex flex-col-reverse gap-4"><button part="toggle" class="${o("sd-interactive sd-interactive--reset",this.inverted&&"sd-interactive--inverted",this.inverted?"!focus-visible:focus-outline-inverted":"!focus-visible:focus-outline")}" @click="${this.onToggleClick}" aria-expanded="${this.open}"><div class="${o("h-full justify-center w-full text-base flex items-center toggle")}"><span part="toggle-icon" class="${o("flex items-center mr-2 transition-transform duration-medium ease-in-out",this.open&&"rotate-180")}"><slot name="expand-icon" class="${o(this.open&&"hidden")}"><sd-5-0-1-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-0-1-icon></slot><slot name="collapse-icon" class="${o(!this.open&&"hidden")}"><sd-5-0-1-icon library="_internal" name="chevron-down" class="text-xl"></sd-5-0-1-icon></slot></span><slot name="toggle-closed" class="${o(this.open&&"hidden")}">${this.localize.term("showMore")}</slot><slot name="toggle-open" class="${o(!this.open&&"hidden")}">${this.localize.term("showLess")}</slot></div></button><details part="details" ?inert="${b(!this.open)}"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details></div>`}firstUpdated(){this.cloneContentToLightDOM(),this.details.setAttribute("open",this.open.toString())}cloneContentToLightDOM(){let e=document.createElement("div");e.setAttribute("slot","clone"),Array.from(this.childNodes).forEach(x=>{let w=x.cloneNode(!0);e.appendChild(w)}),this.appendChild(e)}};t.styles=[...h.styles,g`:host{--gradient-color-start:hsla(0,0%,100%,0);--gradient-color-end:#fff;--component-expandable-max-block-size:90px;--gradient-height:24px;--gradient:var(--gradient-color-start) 0%,var(--gradient-color-end) 80%,var(--gradient-color-end) 100%;display:inline-block;position:relative;width:100%}.toggle::-moz-focus-inner{border-style:none;padding:var(--sd-spacing-0,0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content,:host:has(.transitioning) .content{max-block-size:var(--max-height-pixel,1000vh)}.content:after{background:linear-gradient(180deg,var(--gradient));bottom:var(--sd-spacing-0,0);content:" ";display:block;height:var(--gradient-height);left:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);position:absolute;transition-duration:.15s;transition-duration:var(--sd-duration-medium,.3s);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}:host([inverted]) .content:after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,rgba(0,53,142,0) 0,#00358e 80%,#00358e 100%))}:host(:not([open])) .content:after{opacity:var(--sd-opacity-100,1)}`],i([n(".content-preview")],t.prototype,"contentPreview",2),i([n("details")],t.prototype,"details",2),i([n('[part="content"]')],t.prototype,"body",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"onOpenChange",1),t=i([f("sd-5-0-1-expandable")],t);c("expandable.show",{keyframes:[{height:"var(--component-expandable-max-block-size, 90px)"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});c("expandable.hide",{keyframes:[{height:"auto"},{height:"var(--component-expandable-max-block-size, 90px)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
@@ -1 +1 @@
1
- import{a as l}from"./chunk.MHWW3RZB.js";import{a as i}from"./chunk.KLRPP4NQ.js";import{d as r}from"./chunk.XBPJDDEM.js";import{e as s}from"./chunk.TJOCV4DC.js";var n=class{constructor(t){this.pointers=new Set;this.dragging=!1;this.scrolling=!1;this.mouseDragging=!1;this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()};this.handlePointerDown=t=>{if(t.pointerType==="touch")return;this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&t.button===0&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove))};this.handlePointerMove=t=>{let e=this.host.scrollContainer,o=!!t.movementX||!!t.movementY;!this.dragging&&o?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)};this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),this.pointers.size===0&&this.handleDragEnd()};this.handleTouchEnd=t=>{for(let e of t.changedTouches)this.pointers.delete(e.identifier)};this.handleTouchStart=t=>{for(let e of t.touches)this.pointers.add(e.identifier)};this.host=t,t.addController(this)}async hostConnected(){let t=this.host;await t.updateComplete;let e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){let e=this.host.scrollContainer;e.removeEventListener("scroll",this.handleScroll),e.removeEventListener("pointerdown",this.handlePointerDown),e.removeEventListener("pointerup",this.handlePointerUp),e.removeEventListener("pointercancel",this.handlePointerUp),e.removeEventListener("touchstart",this.handleTouchStart),e.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){let t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){let t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;let o=e.scrollLeft,a=e.scrollTop;e.style.removeProperty("scroll-snap-type");let h=e.scrollLeft,c=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:o,top:a,behavior:"auto"}),e.scrollTo({left:h,top:c,behavior:r()?"auto":"smooth"}),this.scrolling&&await i(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}};s([l(100)],n.prototype,"handleScrollEnd",1);export{n as a};
1
+ import{a as l}from"./chunk.MHWW3RZB.js";import{a as i}from"./chunk.KLRPP4NQ.js";import{d as r}from"./chunk.6OTM3PE5.js";import{e as s}from"./chunk.TJOCV4DC.js";var n=class{constructor(t){this.pointers=new Set;this.dragging=!1;this.scrolling=!1;this.mouseDragging=!1;this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()};this.handlePointerDown=t=>{if(t.pointerType==="touch")return;this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&t.button===0&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove))};this.handlePointerMove=t=>{let e=this.host.scrollContainer,o=!!t.movementX||!!t.movementY;!this.dragging&&o?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)};this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),this.pointers.size===0&&this.handleDragEnd()};this.handleTouchEnd=t=>{for(let e of t.changedTouches)this.pointers.delete(e.identifier)};this.handleTouchStart=t=>{for(let e of t.touches)this.pointers.add(e.identifier)};this.host=t,t.addController(this)}async hostConnected(){let t=this.host;await t.updateComplete;let e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){let e=this.host.scrollContainer;e.removeEventListener("scroll",this.handleScroll),e.removeEventListener("pointerdown",this.handlePointerDown),e.removeEventListener("pointerup",this.handlePointerUp),e.removeEventListener("pointercancel",this.handlePointerUp),e.removeEventListener("touchstart",this.handleTouchStart),e.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){let t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){let t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;let o=e.scrollLeft,a=e.scrollTop;e.style.removeProperty("scroll-snap-type");let h=e.scrollLeft,c=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:o,top:a,behavior:"auto"}),e.scrollTo({left:h,top:c,behavior:r()?"auto":"smooth"}),this.scrolling&&await i(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}};s([l(100)],n.prototype,"handleScrollEnd",1);export{n as a};
@@ -1 +1 @@
1
- function w(n,{setValueOnSelection:p,scrollSelectionIntoView:c}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=n?typeof n=="string"?document.querySelector(n):n:document.querySelector("#autoComplete"),i=r.shadowRoot.querySelector("input"),l=o=>o[0];return i.addEventListener("init",()=>{var a,s;let o=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");o==null||o.setAttribute("part","listbox");let t=document.createElement("sd-4-12-0-popup");t.appendChild(o),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let d=l`sd-4-12-0-popup::part(popup){border-bottom-left-radius:var(--sd-border-radius-default,.25rem);border-bottom-right-radius:var(--sd-border-radius-default,.25rem);border-width:0 2px 2px;overflow-y:scroll;z-index:var(--sd-z-index-dropdown,900);--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-4-12-0-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-4-12-0-popup li:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}sd-4-12-0-popup li{list-style-type:""}sd-4-12-0-popup li mark{background-color:transparent;font-weight:700}sd-4-12-0-popup li:not(:has(sd-4-12-0-option)){cursor:pointer;font-size:var(--sd-font-size-base,1rem);padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-4,1rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}sd-4-12-0-popup li:not(:has(sd-4-12-0-option)):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}sd-4-12-0-popup li[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}`,e=new CSSStyleSheet;e.replaceSync(d),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,e]}),p&&i.addEventListener("selection",o=>{var t;r.value=(t=o==null?void 0:o.detail)==null?void 0:t.selection.value}),i.addEventListener("open",()=>{var o,t,d,e,a,s;(t=(o=r.shadowRoot)==null?void 0:o.querySelector("sd-4-12-0-popup"))==null||t.setAttribute("active","true"),(e=(d=r.shadowRoot)==null?void 0:d.querySelector('[part="border"]'))==null||e.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),i.addEventListener("close",()=>{var o,t,d,e,a,s;(t=(o=r.shadowRoot)==null?void 0:o.querySelector("sd-4-12-0-popup"))==null||t.removeAttribute("active"),(e=(d=r.shadowRoot)==null?void 0:d.querySelector('[part="border"]'))==null||e.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),c&&i.addEventListener("navigate",()=>{let o=r.shadowRoot.querySelector('[aria-selected="true"]');o==null||o.scrollIntoView({block:"nearest"})}),{config:{selector:()=>i,resultsList:{tag:"ul"},wrapper:!1}}}export{w as a};
1
+ function w(n,{setValueOnSelection:p,scrollSelectionIntoView:c}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=n?typeof n=="string"?document.querySelector(n):n:document.querySelector("#autoComplete"),i=r.shadowRoot.querySelector("input"),l=o=>o[0];return i.addEventListener("init",()=>{var a,s;let o=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");o==null||o.setAttribute("part","listbox");let t=document.createElement("sd-5-0-1-popup");t.appendChild(o),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let d=l`sd-5-0-1-popup::part(popup){border-bottom-left-radius:var(--sd-border-radius-default,.25rem);border-bottom-right-radius:var(--sd-border-radius-default,.25rem);border-width:0 2px 2px;overflow-y:scroll;z-index:var(--sd-z-index-dropdown,900);--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-0-1-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-5-0-1-popup li:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}sd-5-0-1-popup li{list-style-type:""}sd-5-0-1-popup li mark{background-color:transparent;font-weight:700}sd-5-0-1-popup li:not(:has(sd-5-0-1-option)){cursor:pointer;font-size:var(--sd-font-size-base,1rem);padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-4,1rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}sd-5-0-1-popup li:not(:has(sd-5-0-1-option)):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}sd-5-0-1-popup li[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}`,e=new CSSStyleSheet;e.replaceSync(d),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,e]}),p&&i.addEventListener("selection",o=>{var t;r.value=(t=o==null?void 0:o.detail)==null?void 0:t.selection.value}),i.addEventListener("open",()=>{var o,t,d,e,a,s;(t=(o=r.shadowRoot)==null?void 0:o.querySelector("sd-5-0-1-popup"))==null||t.setAttribute("active","true"),(e=(d=r.shadowRoot)==null?void 0:d.querySelector('[part="border"]'))==null||e.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),i.addEventListener("close",()=>{var o,t,d,e,a,s;(t=(o=r.shadowRoot)==null?void 0:o.querySelector("sd-5-0-1-popup"))==null||t.removeAttribute("active"),(e=(d=r.shadowRoot)==null?void 0:d.querySelector('[part="border"]'))==null||e.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),c&&i.addEventListener("navigate",()=>{let o=r.shadowRoot.querySelector('[aria-selected="true"]');o==null||o.scrollIntoView({block:"nearest"})}),{config:{selector:()=>i,resultsList:{tag:"ul"},wrapper:!1}}}export{w as a};
@@ -0,0 +1 @@
1
+ import{a as i}from"./chunk.K7HF3VBZ.js";import{b as a}from"./chunk.GJFN7PBS.js";import{b as c}from"./chunk.PYHYYOBE.js";var o=[a,i,c],e=[];function f(r){e.push(r)}function p(r){e=e.filter(t=>t!==r)}function b(r){return o.find(t=>t.name===r)}function l(r,t){s(r),o.push({name:r,resolver:t.resolver,mutator:t.mutator}),e.forEach(n=>{n.library===r&&n.setIcon()})}function s(r){o=o.filter(t=>t.name!==r)}export{f as a,p as b,b as c,l as d,s as e};
@@ -1 +1 @@
1
- import{a as L,b as z}from"./chunk.I6OYJBJI.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as E}from"./chunk.6HO6CE4A.js";import{a as A}from"./chunk.DEXOQON7.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as C,b as r,d as c,h as w}from"./chunk.T4JP7QUW.js";import{b as x,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.XBPJDDEM.js";import{e as i}from"./chunk.TJOCV4DC.js";function k(y){return y.charAt(0).toUpperCase()+y.slice(1)}var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new A(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var v;let e=(v=this.closeButton.shadowRoot)==null?void 0:v.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()});let d=l(this,`drawer.show${k(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${k(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-4-12-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-4-12-0-icon label="${this.localize.term("close")}" name="close" library="system"></sd-4-12-0-icon></sd-4-12-0-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-4-12-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-4-12-0-icon label="${this.localize.term("close")}" name="close" library="system"></sd-4-12-0-icon></sd-4-12-0-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...w.styles,x`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([b("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([C("sd-4-12-0-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
1
+ import{a as L,b as z}from"./chunk.I6OYJBJI.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as E}from"./chunk.6HO6CE4A.js";import{a as A}from"./chunk.DEXOQON7.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as C,b as r,d as c,h as w}from"./chunk.NODVJPTE.js";import{b as x,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";function k(y){return y.charAt(0).toUpperCase()+y.slice(1)}var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new A(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var v;let e=(v=this.closeButton.shadowRoot)==null?void 0:v.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()});let d=l(this,`drawer.show${k(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${k(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-5-0-1-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-0-1-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-0-1-icon></sd-5-0-1-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-5-0-1-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-0-1-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-0-1-icon></sd-5-0-1-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...w.styles,x`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([b("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([C("sd-5-0-1-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
@@ -1 +1 @@
1
- import{a as p}from"./chunk.YTG5BN3U.js";import{a as c}from"./chunk.6HO6CE4A.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as u,b as r,c as b,d as o,h as a}from"./chunk.T4JP7QUW.js";import{b as d,e as l}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends a{constructor(){super(...arguments);this.hasSlotController=new c(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),i=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return l`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 border-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",e&&"px-4",this.hasFocus&&"focused-class",e&&"button--has-label",i&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${p(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${n(i&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!i}"></slot>${e?l`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...a.styles,d`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-4-12-0-button-group__button--first:not(.sd-4-12-0-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-4-12-0-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-4-12-0-button-group__button--last:not(.sd-4-12-0-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-4-12-0-button-group__button:not(.sd-4-12-0-button-group__button--first)){margin-inline-start:-1px}:host(.sd-4-12-0-button-group__button--hover){z-index:10}:host(.sd-4-12-0-button-group__button--focus),:host(.sd-4-12-0-button-group__button[checked]){z-index:20}`],s([o(".button")],t.prototype,"input",2),s([o(".hidden-input")],t.prototype,"hiddenInput",2),s([b()],t.prototype,"hasFocus",2),s([r({type:String,reflect:!0})],t.prototype,"size",2),s([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([r()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([u("sd-4-12-0-radio-button")],t);export{t as a};
1
+ import{a as p}from"./chunk.YTG5BN3U.js";import{a as c}from"./chunk.6HO6CE4A.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as u,b as r,c as b,d as o,h as a}from"./chunk.NODVJPTE.js";import{b as d,e as l}from"./chunk.UWPDCU52.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends a{constructor(){super(...arguments);this.hasSlotController=new c(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(e){if(this.disabled||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false")}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test("[default]"),i=this.hasSlotController.test("icon"),m=`${this.size}-${e?"label":"no-label"}`;return l`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${n("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 border-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",e&&"px-4",this.hasFocus&&"focused-class",e&&"button--has-label",i&&"button--has-icon flex gap-2",m)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${p(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${n(i&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!i}"></slot>${e?l`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};t.styles=[...a.styles,d`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-5-0-1-button-group__button--first:not(.sd-5-0-1-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-5-0-1-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-5-0-1-button-group__button--last:not(.sd-5-0-1-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-5-0-1-button-group__button:not(.sd-5-0-1-button-group__button--first)){margin-inline-start:-1px}:host(.sd-5-0-1-button-group__button--hover){z-index:10}:host(.sd-5-0-1-button-group__button--focus),:host(.sd-5-0-1-button-group__button[checked]){z-index:20}`],s([o(".button")],t.prototype,"input",2),s([o(".hidden-input")],t.prototype,"hiddenInput",2),s([b()],t.prototype,"hasFocus",2),s([r({type:String,reflect:!0})],t.prototype,"size",2),s([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),s([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),s([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),s([r()],t.prototype,"value",2),s([h(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=s([u("sd-5-0-1-radio-button")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as v}from"./chunk.6HO6CE4A.js";import{a as g}from"./chunk.DEXOQON7.js";import{a}from"./chunk.26V4EXHB.js";import{a as f,b as d,c as l,d as h,h as p}from"./chunk.T4JP7QUW.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{a as c}from"./chunk.WNP2V63C.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends p{constructor(){super();this.localize=new g(this);this.hasSlotController=new v(this,"transcript");this.reversedLayout=!1;this.hideTimestamps=!1;this.animated=!1;this.inverted=!1;this.speed=1;this.currentTime=this.formatTime(0);this.duration="";this.isPlaying=!1;this.isMuted=!1;this.isTranscriptOpen=!1;this.progress=0;this.updateCurrentTime=this.updateCurrentTime.bind(this),this.handleAudioEnd=this.handleAudioEnd.bind(this),this.handleAudioProgress=this.handleAudioProgress.bind(this),this.handleAudioProgressKeydown=this.handleAudioProgressKeydown.bind(this),this.handleTranscriptDrawerToggle=this.handleTranscriptDrawerToggle.bind(this)}firstUpdated(){this.audioElement&&(this.audioElement.addEventListener("timeupdate",this.updateCurrentTime),this.audioElement.addEventListener("ended",this.handleAudioEnd),this.audioElement.setAttribute("controlsList","nodownload"),document.addEventListener("sd-after-hide",this.handleTranscriptDrawerToggle),this.audioElement.playbackRate=this.speed,this.animated&&this.initAnimation())}updated(e){if(e.has("animated")){let r=e.get("animated");!r&&this.animated?this.initAnimation():r&&!this.animated&&this.clear()}}get audioElement(){let e=this.shadowRoot.querySelector("slot");return(e==null?void 0:e.assignedElements().length)>0?e.assignedElements()[0]:null}updateCurrentTime(){if(!this.audioElement)return;let e=this.audioElement.currentTime;this.currentTime=this.formatTime(e),this.progress=e,this.progressSlider&&(this.progressSlider.value=this.progress.toString())}updateAudioDuration(){if(this.audioElement){if(isNaN(this.audioElement.duration)){setTimeout(()=>{this.updateAudioDuration()},100);return}this.duration=this.formatTime(this.audioElement.duration),this.progressSlider.max=this.audioElement.duration.toString()}}playAudio(){this.audioElement&&(this.isPlaying=!0,this.audioElement.play(),this.emit("sd-playback-start"),this.animated&&this.draw())}pauseAudio(){this.audioElement&&(this.isPlaying=!1,this.audioElement.pause(),this.emit("sd-playback-pause"),this.animated&&this.stopAnimation())}handleAudioEnd(){this.emit("sd-playback-end"),this.isPlaying=!1,this.progress=0,this.progressSlider.value="0",this.currentTime=this.formatTime(0),this.animated&&this.stopAnimation()}toggleMute(){this.audioElement&&(this.isMuted=!this.isMuted,this.isMuted?(this.emit("sd-playback-mute"),this.audioElement.muted=!0):(this.emit("sd-playback-unmute"),this.audioElement.muted=!1))}toggleMuteKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.toggleMute())}togglePlaybackSpeed(){this.audioElement&&(this.emit("sd-playback-speed"),this.speed=this.speed===1.5?1:this.speed+.25,this.audioElement.playbackRate=this.speed)}togglePlaybackSpeedKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.togglePlaybackSpeed())}formatTime(e){let r=Math.floor(e/60),o=Math.floor(e%60);return`${r}:${o<10?"0":""}${o}`}handleAudioProgress(){if(!this.audioElement)return;let e=Number(this.progressSlider.value);this.audioElement.currentTime=e,this.progress=e,this.currentTime=this.formatTime(e)}handleAudioProgressKeydown(e){e.key==="ArrowRight"&&(this.progressSlider.value=(Number(this.progressSlider.value)+1).toString(),this.handleAudioProgress()),e.key==="ArrowLeft"&&(this.progressSlider.value=(Number(this.progressSlider.value)-1).toString(),this.handleAudioProgress())}handleTranscriptDrawerToggle(){this.isTranscriptOpen=!this.isTranscriptOpen}showTranscript(){this.emit("sd-transcript-click"),this.drawer.open=!0,this.handleTranscriptDrawerToggle()}showTranscriptKeydown(e){(e.key==="Enter"||e.key===" ")&&this.showTranscript()}rgbToHex(e){let r=e.match(/\d+/g);if(r&&r.length===3){let o=parseInt(r[0]),n=parseInt(r[1]),b=parseInt(r[2]),u=y=>y.toString(16).padStart(2,"0");return`#${u(o)}${u(n)}${u(b)}`.toUpperCase()}return null}initAnimation(){this.context=this.canvas.getContext("2d");let e=this.audioPlayerContainer.querySelector(".playback-speed"),o=window.getComputedStyle(e).color,n;this.inverted?n="#FFFFFF33":n=this.rgbToHex(o)+"33",this.waveList=[new c({canvas:this.canvas,color:n,phase:240,shift:1.5,amplitude:230,frequency:.012,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-1,amplitude:200,frequency:.018,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:1.5,amplitude:150,frequency:.01,damping:1})],this.animated&&this.drawStillWaves()}drawStillWaves(){this.waveList.forEach(e=>{e.redraw()})}stopAnimation(){this.isPlaying=!1}clear(){!this.context||!this.canvas||this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}async draw(){!this.isPlaying||!this.animated||(this.clear(),this.waveList.forEach(e=>{e.redraw()}),await new Promise(e=>{setTimeout(e,1e3/30)}),await this.draw())}render(){let e=this.audioElement?this.progress/this.audioElement.duration*100:0,r=s`<div class="${a("controls grid grid-cols-3 justify-items-center items-center",!this.animated&&"relative",this.animated&&!this.reversedLayout&&"absolute -top-4 left-0 w-full",this.reversedLayout?"mt-2":"mb-2")}" part="audio-controls"><button class="${a("playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-4-12-0-button ?inverted="${!!this.inverted}" part="play-button" size="lg" @click="${this.isPlaying?this.pauseAudio:this.playAudio}" aria-label="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" title="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" class="text-3xl">${this.isPlaying?s`<slot name="pause-icon"><sd-4-12-0-icon class="text-3xl" name="pause" library="system"></sd-4-12-0-icon></slot>`:s`<slot name="play-icon"><sd-4-12-0-icon class="text-3xl" name="start" library="system"></sd-4-12-0-icon></slot>`}</sd-4-12-0-button><div class="flex items-center justify-self-end">${this.hasSlotController.test("transcript")?s`<button class="${a("mr-6 w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen?this.localize.term("transcriptIsOpen"):this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-4-12-0-icon class="w-6 h-6" name="transcript" library="system"></sd-4-12-0-icon></button>`:null} <button class="${a("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" part="volume" aria-label="${this.isMuted?this.localize.term("unmute"):this.localize.term("mute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-4-12-0-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="system"></sd-4-12-0-icon></button></div></div>`,o=s`<div class="${a("w-full flex justify-between",this.reversedLayout?"mb-2":"mt-2",this.animated&&this.reversedLayout&&"absolute bottom-0 left-0 mb-2",this.animated&&!this.reversedLayout&&"mt-2")}" part="timestamps"><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.currentTime}</div><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.duration}</div></div>`;return s`<div class="${a("w-full flex relative",this.reversedLayout?"flex-col-reverse":"flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated||this.animated&&this.reversedLayout?r:null}<div class="relative">${this.animated&&!this.reversedLayout?s`${r}`:null} ${this.animated?s`<canvas class="w-full h-16"></canvas>`:null} ${!this.hideTimestamps&&this.animated&&this.reversedLayout?o:null} <input class="${a("progress-slider bg-primary appearance-none w-full cursor-pointer outline-none h-1 flex items-center sd-interactive",this.inverted&&"sd-interactive--inverted")}" type="range" max="100" step="0.001" value="${this.progress}" @input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}" aria-label="${this.localize.term("seekBar")}" part="progress-slider" style="background:linear-gradient(to right,${this.inverted?"rgb(var(--sd-color-white, 255 255 255) / 1)":"rgb(var(--sd-color-primary, 0 53 142) / 1)"} ${e}%,${this.animated?"transparent":this.inverted?"rgb(var(--sd-color-primary-400, 153 171 208) / 1)":"rgb(var(--sd-color-grey-400, 195 195 195) / 1)"} ${e}%)"></div>${this.hasSlotController.test("transcript")?s`<sd-4-12-0-drawer><slot name="transcript"></slot></sd-4-12-0-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?o:null}</div>`}};t.styles=[...p.styles,m`.progress-slider:focus-visible{outline:2px solid transparent;outline-offset:2px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline-style:solid}.progress-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline-style:solid}sd-4-12-0-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-16,4rem);justify-content:center;width:var(--sd-spacing-16,4rem)}sd-4-12-0-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-4-12-0-button::part(label){align-items:center;display:flex;flex-grow:0}`],i([d({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),i([d({type:Boolean,reflect:!0,attribute:"hide-timestamps"})],t.prototype,"hideTimestamps",2),i([d({type:Boolean,reflect:!0})],t.prototype,"animated",2),i([d({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([d({type:Number,reflect:!0})],t.prototype,"speed",2),i([l()],t.prototype,"currentTime",2),i([l()],t.prototype,"duration",2),i([l()],t.prototype,"isPlaying",2),i([l()],t.prototype,"isMuted",2),i([l()],t.prototype,"isTranscriptOpen",2),i([l()],t.prototype,"progress",2),i([h('[part="progress-slider"]')],t.prototype,"progressSlider",2),i([h('[part="audio-player"]')],t.prototype,"audioPlayerContainer",2),i([h("sd-4-12-0-drawer")],t.prototype,"drawer",2),i([h("canvas")],t.prototype,"canvas",2),t=i([f("sd-4-12-0-audio")],t);export{t as a};
1
+ import{a as v}from"./chunk.6HO6CE4A.js";import{a as g}from"./chunk.DEXOQON7.js";import{a}from"./chunk.26V4EXHB.js";import{a as f,b as d,c as l,d as h,h as p}from"./chunk.NODVJPTE.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{a as c}from"./chunk.WNP2V63C.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends p{constructor(){super();this.localize=new g(this);this.hasSlotController=new v(this,"transcript");this.reversedLayout=!1;this.hideTimestamps=!1;this.animated=!1;this.inverted=!1;this.speed=1;this.currentTime=this.formatTime(0);this.duration="";this.isPlaying=!1;this.isMuted=!1;this.isTranscriptOpen=!1;this.progress=0;this.updateCurrentTime=this.updateCurrentTime.bind(this),this.handleAudioEnd=this.handleAudioEnd.bind(this),this.handleAudioProgress=this.handleAudioProgress.bind(this),this.handleAudioProgressKeydown=this.handleAudioProgressKeydown.bind(this),this.handleTranscriptDrawerToggle=this.handleTranscriptDrawerToggle.bind(this)}firstUpdated(){this.audioElement&&(this.audioElement.addEventListener("timeupdate",this.updateCurrentTime),this.audioElement.addEventListener("ended",this.handleAudioEnd),this.audioElement.setAttribute("controlsList","nodownload"),document.addEventListener("sd-after-hide",this.handleTranscriptDrawerToggle),this.audioElement.playbackRate=this.speed,this.animated&&this.initAnimation())}updated(e){if(e.has("animated")){let r=e.get("animated");!r&&this.animated?this.initAnimation():r&&!this.animated&&this.clear()}}get audioElement(){let e=this.shadowRoot.querySelector("slot");return(e==null?void 0:e.assignedElements().length)>0?e.assignedElements()[0]:null}updateCurrentTime(){if(!this.audioElement)return;let e=this.audioElement.currentTime;this.currentTime=this.formatTime(e),this.progress=e,this.progressSlider&&(this.progressSlider.value=this.progress.toString())}updateAudioDuration(){if(this.audioElement){if(isNaN(this.audioElement.duration)){setTimeout(()=>{this.updateAudioDuration()},100);return}this.duration=this.formatTime(this.audioElement.duration),this.progressSlider.max=this.audioElement.duration.toString()}}playAudio(){this.audioElement&&(this.isPlaying=!0,this.audioElement.play(),this.emit("sd-playback-start"),this.animated&&this.draw())}pauseAudio(){this.audioElement&&(this.isPlaying=!1,this.audioElement.pause(),this.emit("sd-playback-pause"),this.animated&&this.stopAnimation())}handleAudioEnd(){this.emit("sd-playback-end"),this.isPlaying=!1,this.progress=0,this.progressSlider.value="0",this.currentTime=this.formatTime(0),this.animated&&this.stopAnimation()}toggleMute(){this.audioElement&&(this.isMuted=!this.isMuted,this.isMuted?(this.emit("sd-playback-mute"),this.audioElement.muted=!0):(this.emit("sd-playback-unmute"),this.audioElement.muted=!1))}toggleMuteKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.toggleMute())}togglePlaybackSpeed(){this.audioElement&&(this.emit("sd-playback-speed"),this.speed=this.speed===1.5?1:this.speed+.25,this.audioElement.playbackRate=this.speed)}togglePlaybackSpeedKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.togglePlaybackSpeed())}formatTime(e){let r=Math.floor(e/60),o=Math.floor(e%60);return`${r}:${o<10?"0":""}${o}`}handleAudioProgress(){if(!this.audioElement)return;let e=Number(this.progressSlider.value);this.audioElement.currentTime=e,this.progress=e,this.currentTime=this.formatTime(e)}handleAudioProgressKeydown(e){e.key==="ArrowRight"&&(this.progressSlider.value=(Number(this.progressSlider.value)+1).toString(),this.handleAudioProgress()),e.key==="ArrowLeft"&&(this.progressSlider.value=(Number(this.progressSlider.value)-1).toString(),this.handleAudioProgress())}handleTranscriptDrawerToggle(){this.isTranscriptOpen=!this.isTranscriptOpen}showTranscript(){this.emit("sd-transcript-click"),this.drawer.open=!0,this.handleTranscriptDrawerToggle()}showTranscriptKeydown(e){(e.key==="Enter"||e.key===" ")&&this.showTranscript()}rgbToHex(e){let r=e.match(/\d+/g);if(r&&r.length===3){let o=parseInt(r[0]),n=parseInt(r[1]),b=parseInt(r[2]),u=y=>y.toString(16).padStart(2,"0");return`#${u(o)}${u(n)}${u(b)}`.toUpperCase()}return null}initAnimation(){this.context=this.canvas.getContext("2d");let e=this.audioPlayerContainer.querySelector(".playback-speed"),o=window.getComputedStyle(e).color,n;this.inverted?n="#FFFFFF33":n=this.rgbToHex(o)+"33",this.waveList=[new c({canvas:this.canvas,color:n,phase:240,shift:1.5,amplitude:230,frequency:.012,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-1,amplitude:200,frequency:.018,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:1.5,amplitude:150,frequency:.01,damping:1})],this.animated&&this.drawStillWaves()}drawStillWaves(){this.waveList.forEach(e=>{e.redraw()})}stopAnimation(){this.isPlaying=!1}clear(){!this.context||!this.canvas||this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}async draw(){!this.isPlaying||!this.animated||(this.clear(),this.waveList.forEach(e=>{e.redraw()}),await new Promise(e=>{setTimeout(e,1e3/30)}),await this.draw())}render(){let e=this.audioElement?this.progress/this.audioElement.duration*100:0,r=s`<div class="${a("controls grid grid-cols-3 justify-items-center items-center",!this.animated&&"relative",this.animated&&!this.reversedLayout&&"absolute -top-4 left-0 w-full",this.reversedLayout?"mt-2":"mb-2")}" part="audio-controls"><button class="${a("playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-5-0-1-button ?inverted="${!!this.inverted}" part="play-button" size="lg" @click="${this.isPlaying?this.pauseAudio:this.playAudio}" aria-label="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" title="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" class="text-3xl">${this.isPlaying?s`<slot name="pause-icon"><sd-5-0-1-icon class="text-3xl" name="pause" library="_internal"></sd-5-0-1-icon></slot>`:s`<slot name="play-icon"><sd-5-0-1-icon class="text-3xl" name="start" library="_internal"></sd-5-0-1-icon></slot>`}</sd-5-0-1-button><div class="flex items-center justify-self-end">${this.hasSlotController.test("transcript")?s`<button class="${a("mr-6 w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen?this.localize.term("transcriptIsOpen"):this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-5-0-1-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-0-1-icon></button>`:null} <button class="${a("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" part="volume" aria-label="${this.isMuted?this.localize.term("unmute"):this.localize.term("mute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-5-0-1-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-0-1-icon></button></div></div>`,o=s`<div class="${a("w-full flex justify-between",this.reversedLayout?"mb-2":"mt-2",this.animated&&this.reversedLayout&&"absolute bottom-0 left-0 mb-2",this.animated&&!this.reversedLayout&&"mt-2")}" part="timestamps"><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.currentTime}</div><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.duration}</div></div>`;return s`<div class="${a("w-full flex relative",this.reversedLayout?"flex-col-reverse":"flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated||this.animated&&this.reversedLayout?r:null}<div class="relative">${this.animated&&!this.reversedLayout?s`${r}`:null} ${this.animated?s`<canvas class="w-full h-16"></canvas>`:null} ${!this.hideTimestamps&&this.animated&&this.reversedLayout?o:null} <input class="${a("progress-slider bg-primary appearance-none w-full cursor-pointer outline-none h-1 flex items-center sd-interactive",this.inverted&&"sd-interactive--inverted")}" type="range" max="100" step="0.001" value="${this.progress}" @input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}" aria-label="${this.localize.term("seekBar")}" part="progress-slider" style="background:linear-gradient(to right,${this.inverted?"rgb(var(--sd-color-white, 255 255 255) / 1)":"rgb(var(--sd-color-primary, 0 53 142) / 1)"} ${e}%,${this.animated?"transparent":this.inverted?"rgb(var(--sd-color-primary-400, 153 171 208) / 1)":"rgb(var(--sd-color-grey-400, 195 195 195) / 1)"} ${e}%)"></div>${this.hasSlotController.test("transcript")?s`<sd-5-0-1-drawer><slot name="transcript"></slot></sd-5-0-1-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?o:null}</div>`}};t.styles=[...p.styles,m`.progress-slider:focus-visible{outline:2px solid transparent;outline-offset:2px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline-style:solid}.progress-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline-style:solid}sd-5-0-1-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-16,4rem);justify-content:center;width:var(--sd-spacing-16,4rem)}sd-5-0-1-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-0-1-button::part(label){align-items:center;display:flex;flex-grow:0}`],i([d({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),i([d({type:Boolean,reflect:!0,attribute:"hide-timestamps"})],t.prototype,"hideTimestamps",2),i([d({type:Boolean,reflect:!0})],t.prototype,"animated",2),i([d({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([d({type:Number,reflect:!0})],t.prototype,"speed",2),i([l()],t.prototype,"currentTime",2),i([l()],t.prototype,"duration",2),i([l()],t.prototype,"isPlaying",2),i([l()],t.prototype,"isMuted",2),i([l()],t.prototype,"isTranscriptOpen",2),i([l()],t.prototype,"progress",2),i([h('[part="progress-slider"]')],t.prototype,"progressSlider",2),i([h('[part="audio-player"]')],t.prototype,"audioPlayerContainer",2),i([h("sd-5-0-1-drawer")],t.prototype,"drawer",2),i([h("canvas")],t.prototype,"canvas",2),t=i([f("sd-5-0-1-audio")],t);export{t as a};
@@ -0,0 +1 @@
1
+ import{a as o}from"./chunk.MHWW3RZB.js";import{a as s,b as n,d as l,h as a}from"./chunk.NODVJPTE.js";import{b as r,e as d}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends a{constructor(){super(...arguments);this.fixed=!1}connectedCallback(){super.connectedCallback(),this.updateCalculatedHeight=this.updateCalculatedHeight.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this),window.addEventListener("resize",this.updateCalculatedHeight)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.updateCalculatedHeight)}firstUpdated(){this.updateCalculatedHeight(),this.addResizeObserver()}updated(i){super.updated(i),i.has("fixed")&&this.updateCalculatedHeight()}addResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateCalculatedHeight),this.header&&this.resizeObserver.observe(this.header)}updateCalculatedHeight(){let i=parseFloat(getComputedStyle(document.documentElement).fontSize),h=window.innerHeight/i;this.header&&this.fixed&&h>=32?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.header.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return d`<header class="w-full bg-white relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}};e.styles=[...a.styles,r`:host{display:block}@media (min-height:32rem){:host([fixed]){padding-bottom:var(--sd-header-calculated-height)}:host([fixed]) header{left:var(--sd-spacing-0,0);position:fixed;top:var(--sd-spacing-0,0);width:100%}:host([fixed]) header:after{height:var(--sd-spacing-2,.5rem);left:var(--sd-spacing-0,0);position:absolute;right:var(--sd-spacing-0,0);top:100%;--tw-content:"";background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%));content:var(--tw-content)}}[part=main]{max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px);width:var(--sd-header-inner-width)}`],t([n({reflect:!0,type:Boolean})],e.prototype,"fixed",2),t([l("header")],e.prototype,"header",2),t([o(100)],e.prototype,"updateCalculatedHeight",1),e=t([s("sd-5-0-1-header")],e);export{e as a};
@@ -62,4 +62,4 @@ var v={calendar:`
62
62
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z"/><path d="M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z"/><path d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z"/></svg>`,"magnifying-glass":`
63
63
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M21.707 20.293l-6.967-6.96c-0.046-0.046-0.096-0.087-0.15-0.124l-0.004-0.002c0.882-1.162 1.413-2.632 1.413-4.227 0-3.881-3.146-7.027-7.027-7.027s-7.027 3.146-7.027 7.027c0 3.881 3.146 7.027 7.027 7.027 1.594 0 3.065-0.531 4.244-1.426l-0.017 0.013c0.039 0.057 0.081 0.107 0.127 0.153l6.967 6.967c0.181 0.181 0.431 0.292 0.707 0.292s0.526-0.112 0.707-0.292v0c0.183-0.181 0.296-0.432 0.296-0.71s-0.113-0.529-0.296-0.71l-0-0zM9 14c-2.761 0-5-2.239-5-5s2.239-5 5-5c2.761 0 5 2.239 5 5v0c0 2.761-2.239 5-5 5v0z"></path></svg>`,transcript:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <path d="M19 22H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h9a1 1 0 0 1 .707.293l5 5c.186.187.293.444.293.707v13a1 1 0 0 1-1 1ZM6 20h12V8.413L13.587 4H6v16Z"/> <path d="M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2Zm-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z"/></svg>',mute:`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
64
64
  <path d="M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm12.374-8.96a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L18.747 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z"/></svg>`,volume:`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
65
- <path d="M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z"/><path d="M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z"/></svg>`,reload:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z"/></svg>'},s={name:"system",resolver:a=>a in v?`data:image/svg+xml,${encodeURIComponent(v[a])}`:"",mutator:a=>a.setAttribute("fill","currentColor")},l=s;export{v as a,l as b};
65
+ <path d="M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z"/><path d="M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z"/></svg>`,reload:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z"/></svg>'},s={name:"_internal",resolver:a=>a in v?`data:image/svg+xml,${encodeURIComponent(v[a])}`:"",mutator:a=>a.setAttribute("fill","currentColor")},l=s;export{v as a,l as b};
@@ -1 +1 @@
1
- import{a as u}from"./chunk.6HO6CE4A.js";import{a as i}from"./chunk.26V4EXHB.js";import{a as o}from"./chunk.E2DRD2OX.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.T4JP7QUW.js";import{b as c,e as l}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" class="${i("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative text-black",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-700 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"border-neutral-800")}">${this.selected?l`<sd-4-12-0-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-12-0-icon>`:""}</span>`:""} ${s.left?l`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${s.right?l`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}.focus-outline-offset{outline-offset:-2px}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([r()],e.prototype,"isKeyboardFocus",2),t([a({type:String,reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-4-12-0-option")],e);export{e as a};
1
+ import{a as u}from"./chunk.6HO6CE4A.js";import{a as i}from"./chunk.26V4EXHB.js";import{a as o}from"./chunk.E2DRD2OX.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.NODVJPTE.js";import{b as c,e as l}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var s;return((s=this.textContent)!=null?s:"").trim()}render(){let s={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return l`<div part="base" class="${i("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative text-black",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-700 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?l`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"border-neutral-800")}">${this.selected?l`<sd-5-0-1-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-0-1-icon>`:""}</span>`:""} ${s.left?l`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${s.right?l`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}.focus-outline-offset{outline-offset:-2px}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([r()],e.prototype,"isKeyboardFocus",2),t([a({type:String,reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-5-0-1-option")],e);export{e as a};
@@ -1 +1 @@
1
- import{a as h}from"./chunk.6HO6CE4A.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as c,b as i,d,h as l}from"./chunk.T4JP7QUW.js";import{b as p,e as o}from"./chunk.UWPDCU52.js";import{e as a}from"./chunk.TJOCV4DC.js";var e=class extends l{constructor(){super(...arguments);this.localize=new v(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new h(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var s,n;t?(s=this.video)==null||s.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var s;(s=this.video)==null||s.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return o`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${r(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${r(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition outline-2 outline-offset-2 group-focus-visible:outline")}"><slot name="play-icon" part="play-icon" class="${r(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-4-12-0-icon id="default-play-icon" library="system" name="start"></sd-4-12-0-icon></slot></div></button> ${this.hasSlotController.test("poster")?o`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:var(--sd-duration-medium,.3s);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}`],a([d("[part=base]")],e.prototype,"hostEl",2),a([i({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([i({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-4-12-0-video")],e);export{e as a};
1
+ import{a as h}from"./chunk.6HO6CE4A.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as c,b as o,d,h as l}from"./chunk.NODVJPTE.js";import{b as p,e as i}from"./chunk.UWPDCU52.js";import{e as a}from"./chunk.TJOCV4DC.js";var e=class extends l{constructor(){super(...arguments);this.localize=new v(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new h(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var s,n;t?(s=this.video)==null||s.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var s;(s=this.video)==null||s.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return i`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${r(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${r(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition outline-2 outline-offset-2 group-focus-visible:outline")}"><slot name="play-icon" part="play-icon" class="${r(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-5-0-1-icon id="default-play-icon" library="_internal" name="start"></sd-5-0-1-icon></slot></div></button> ${this.hasSlotController.test("poster")?i`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`:host{display:inline-block;overflow:hidden;position:relative}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:var(--sd-duration-medium,.3s);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#default-play-icon,::slotted([slot=play-icon]){left:50%;position:absolute;top:50%;--tw-translate-x:-50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}`],a([d("[part=base]")],e.prototype,"hostEl",2),a([o({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([o({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-5-0-1-video")],e);export{e as a};