@solid-design-system/components 4.11.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (629) 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.65USTXPJ.js +1 -0
  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.HTEPIDNH.js → chunk.BRBTXWYJ.js} +2 -2
  22. package/cdn/chunks/{chunk.M2HFJMGX.js → chunk.C577EOP7.js} +1 -1
  23. package/cdn/chunks/chunk.D5IOD6QB.js +1 -0
  24. package/cdn/chunks/{chunk.KVDKWL34.js → chunk.DCKEYTYR.js} +1 -1
  25. package/cdn/chunks/{chunk.HT7C2KQ3.js → chunk.DDYOZMUK.js} +1 -1
  26. package/cdn/chunks/{chunk.Y3WFK6NY.js → chunk.DZQ3ELX5.js} +1 -1
  27. package/cdn/chunks/chunk.EQD3QFY2.js +1 -0
  28. package/{cdn-versioned/chunks/chunk.EFLL7VXU.js → cdn/chunks/chunk.GJFN7PBS.js} +1 -1
  29. package/cdn/chunks/{chunk.TSSJABGO.js → chunk.GJMMISZZ.js} +1 -1
  30. package/cdn/chunks/{chunk.GUCU2YK5.js → chunk.GUQYIKUH.js} +1 -1
  31. package/cdn/chunks/{chunk.RZINWES7.js → chunk.H7MIOI36.js} +1 -1
  32. package/cdn/chunks/{chunk.YMXJOB2H.js → chunk.I4ZKBGAB.js} +1 -1
  33. package/cdn/chunks/{chunk.ZB5RQUA2.js → chunk.IXF4WTNA.js} +1 -1
  34. package/cdn/chunks/{chunk.HVKAMCXX.js → chunk.JGSQEZKI.js} +1 -1
  35. package/cdn/chunks/{chunk.ETB7FHWC.js → chunk.JPHZN55N.js} +1 -1
  36. package/cdn/chunks/{chunk.SKIEUJZN.js → chunk.KFZTALU6.js} +1 -1
  37. package/cdn/chunks/chunk.KV2JBQ2O.js +1 -0
  38. package/cdn/chunks/{chunk.YSFDXYDA.js → chunk.LL5NC5IC.js} +1 -1
  39. package/cdn/chunks/{chunk.XXPYJZI4.js → chunk.LLMJPBPU.js} +1 -1
  40. package/cdn/chunks/chunk.NODVJPTE.js +25 -0
  41. package/cdn/chunks/{chunk.ADDDVS6W.js → chunk.OLLYYRFO.js} +1 -1
  42. package/cdn/chunks/{chunk.E4JOV74T.js → chunk.OQM23IJ6.js} +1 -1
  43. package/cdn/chunks/{chunk.2XZZWTI2.js → chunk.OYZELC4M.js} +1 -1
  44. package/cdn/chunks/{chunk.QM2SZYDM.js → chunk.SUL3XIWG.js} +1 -1
  45. package/cdn/chunks/{chunk.HBBILILZ.js → chunk.T57D67S5.js} +1 -1
  46. package/cdn/chunks/{chunk.QX3REGZG.js → chunk.U47LULNM.js} +1 -1
  47. package/cdn/chunks/{chunk.TMVIWO7D.js → chunk.UCP62LZF.js} +1 -1
  48. package/cdn/chunks/{chunk.AHXJHNQ7.js → chunk.UHTFJWWX.js} +1 -1
  49. package/cdn/chunks/chunk.UO5T3YYC.js +1 -0
  50. package/cdn/chunks/{chunk.BRAJGYMM.js → chunk.VEAL7L4X.js} +1 -1
  51. package/cdn/chunks/{chunk.HB2MDLS4.js → chunk.VH5VPRX2.js} +1 -1
  52. package/cdn/chunks/chunk.VKFY3OQC.js +1 -0
  53. package/cdn/chunks/{chunk.UKXOMULO.js → chunk.XMYHQ3RJ.js} +1 -1
  54. package/cdn/chunks/chunk.XVOWJXRK.js +1 -0
  55. package/cdn/chunks/{chunk.RKVW7KG4.js → chunk.XYJWLDWC.js} +1 -1
  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 +270 -258
  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 +43 -43
  121. package/cdn/web-types.json +104 -96
  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.65USTXPJ.js +1 -0
  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.HTEPIDNH.js → chunk.BRBTXWYJ.js} +2 -2
  146. package/cdn-versioned/chunks/{chunk.M2HFJMGX.js → chunk.C577EOP7.js} +1 -1
  147. package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
  148. package/cdn-versioned/chunks/chunk.D5IOD6QB.js +1 -0
  149. package/cdn-versioned/chunks/{chunk.KVDKWL34.js → chunk.DCKEYTYR.js} +1 -1
  150. package/cdn-versioned/chunks/{chunk.HT7C2KQ3.js → chunk.DDYOZMUK.js} +1 -1
  151. package/cdn-versioned/chunks/{chunk.Y3WFK6NY.js → chunk.DZQ3ELX5.js} +1 -1
  152. package/cdn-versioned/chunks/chunk.EQD3QFY2.js +1 -0
  153. package/{cdn/chunks/chunk.EFLL7VXU.js → cdn-versioned/chunks/chunk.GJFN7PBS.js} +1 -1
  154. package/cdn-versioned/chunks/{chunk.TSSJABGO.js → chunk.GJMMISZZ.js} +1 -1
  155. package/cdn-versioned/chunks/{chunk.GUCU2YK5.js → chunk.GUQYIKUH.js} +1 -1
  156. package/cdn-versioned/chunks/{chunk.RZINWES7.js → chunk.H7MIOI36.js} +2 -2
  157. package/cdn-versioned/chunks/chunk.I4ZKBGAB.js +1 -0
  158. package/cdn-versioned/chunks/{chunk.ZB5RQUA2.js → chunk.IXF4WTNA.js} +1 -1
  159. package/cdn-versioned/chunks/{chunk.HVKAMCXX.js → chunk.JGSQEZKI.js} +1 -1
  160. package/cdn-versioned/chunks/chunk.JPHZN55N.js +1 -0
  161. package/cdn-versioned/chunks/{chunk.SKIEUJZN.js → chunk.KFZTALU6.js} +1 -1
  162. package/cdn-versioned/chunks/chunk.KV2JBQ2O.js +1 -0
  163. package/cdn-versioned/chunks/{chunk.YSFDXYDA.js → chunk.LL5NC5IC.js} +1 -1
  164. package/cdn-versioned/chunks/chunk.LLMJPBPU.js +1 -0
  165. package/cdn-versioned/chunks/chunk.NODVJPTE.js +25 -0
  166. package/cdn-versioned/chunks/{chunk.ADDDVS6W.js → chunk.OLLYYRFO.js} +1 -1
  167. package/cdn-versioned/chunks/{chunk.E4JOV74T.js → chunk.OQM23IJ6.js} +1 -1
  168. package/cdn-versioned/chunks/{chunk.2XZZWTI2.js → chunk.OYZELC4M.js} +1 -1
  169. package/cdn-versioned/chunks/{chunk.QM2SZYDM.js → chunk.SUL3XIWG.js} +2 -2
  170. package/cdn-versioned/chunks/{chunk.HBBILILZ.js → chunk.T57D67S5.js} +1 -1
  171. package/cdn-versioned/chunks/chunk.U47LULNM.js +1 -0
  172. package/cdn-versioned/chunks/{chunk.TMVIWO7D.js → chunk.UCP62LZF.js} +1 -1
  173. package/cdn-versioned/chunks/chunk.UHTFJWWX.js +1 -0
  174. package/cdn-versioned/chunks/{chunk.4D5G5PFQ.js → chunk.UO5T3YYC.js} +1 -1
  175. package/cdn-versioned/chunks/{chunk.BRAJGYMM.js → chunk.VEAL7L4X.js} +1 -1
  176. package/cdn-versioned/chunks/chunk.VH5VPRX2.js +1 -0
  177. package/cdn-versioned/chunks/chunk.VKFY3OQC.js +1 -0
  178. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  179. package/cdn-versioned/chunks/chunk.XMYHQ3RJ.js +1 -0
  180. package/cdn-versioned/chunks/chunk.XVOWJXRK.js +1 -0
  181. package/cdn-versioned/chunks/{chunk.RKVW7KG4.js → chunk.XYJWLDWC.js} +1 -1
  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 +476 -464
  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 +121 -121
  294. package/cdn-versioned/web-types.json +236 -228
  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.B7BIS5Y4.js → chunk.357PR2IB.js} +1 -1
  299. package/dist/chunks/{chunk.DYRAOE5L.js → chunk.3AQM6FKF.js} +3 -3
  300. package/dist/chunks/{chunk.KWP3CREC.js → chunk.3MARQHUW.js} +18 -14
  301. package/dist/chunks/{chunk.4TLTIOIY.js → chunk.4J3ZCSIH.js} +1 -1
  302. package/dist/chunks/{chunk.BWIRKW7E.js → chunk.4JPDAEAZ.js} +4 -4
  303. package/dist/chunks/{chunk.GAJFV5V3.js → chunk.4PVTBZ45.js} +2 -2
  304. package/dist/chunks/{chunk.LOW4LWP6.js → chunk.5TXDZ6OQ.js} +1 -1
  305. package/dist/chunks/chunk.73ZM47SZ.js +79 -0
  306. package/dist/chunks/{chunk.HEYBJG64.js → chunk.75VFJ3VZ.js} +1 -1
  307. package/dist/chunks/{chunk.27LAMXW5.js → chunk.7GKULTU7.js} +3 -3
  308. package/dist/chunks/{chunk.BJSTXBIQ.js → chunk.AH4MJVKG.js} +1 -1
  309. package/dist/chunks/{chunk.VUKS4CBF.js → chunk.AUFB3CF2.js} +1 -1
  310. package/dist/chunks/{chunk.R3PPZNKA.js → chunk.BLQFQXCU.js} +3 -3
  311. package/dist/chunks/chunk.DXLUBAVX.js +81 -0
  312. package/dist/chunks/{chunk.QCQLFJGJ.js → chunk.ENBSTUKA.js} +3 -3
  313. package/dist/chunks/{chunk.CWJB3CZO.js → chunk.EYYHIJ7Q.js} +1 -1
  314. package/dist/chunks/{chunk.ULQU6P3E.js → chunk.F4LWSCE7.js} +7 -7
  315. package/dist/chunks/{chunk.ZMWGNTP6.js → chunk.F5WZXOGP.js} +4 -10
  316. package/{dist-versioned/chunks/chunk.DLBXYZN6.js → dist/chunks/chunk.FNYEXUNK.js} +1 -1
  317. package/dist/chunks/{chunk.JNTED6KG.js → chunk.G3LCJLER.js} +1 -1
  318. package/dist/chunks/{chunk.CMK6UTW6.js → chunk.GCNQNIVQ.js} +1 -1
  319. package/{dist-versioned/chunks/chunk.25AH7KN2.js → dist/chunks/chunk.HQWAKJBV.js} +3 -2
  320. package/dist/chunks/{chunk.KNZPI3QD.js → chunk.K3HF3JA4.js} +1 -1
  321. package/dist/chunks/{chunk.ECH5BTRG.js → chunk.M2VTLBRP.js} +3 -3
  322. package/dist/chunks/{chunk.LW7RVQTS.js → chunk.M7TUM74F.js} +2 -2
  323. package/dist/chunks/{chunk.ERRAXV4M.js → chunk.MBOP4XDK.js} +1 -1
  324. package/dist/chunks/{chunk.C4WMHAOW.js → chunk.MGUEJDPC.js} +1 -1
  325. package/dist/chunks/{chunk.O7OXBLZU.js → chunk.MJ3MZ7IA.js} +37 -4
  326. package/dist/chunks/{chunk.ZXC3A5GK.js → chunk.NMI37BFS.js} +1 -1
  327. package/dist/chunks/{chunk.QEQDPEN2.js → chunk.O6YESZHA.js} +1 -1
  328. package/dist/chunks/{chunk.7WEXXSFH.js → chunk.OC7IH3HF.js} +4 -4
  329. package/dist/chunks/{chunk.EYTEM45R.js → chunk.OGWBQ3DK.js} +4 -4
  330. package/dist/chunks/{chunk.X7IRGFBS.js → chunk.P3M4RPHM.js} +1 -1
  331. package/dist/chunks/{chunk.JNJHWACL.js → chunk.P4BL4RSV.js} +2 -2
  332. package/dist/chunks/{chunk.YGRJQZFR.js → chunk.P775L6OS.js} +2 -2
  333. package/dist/chunks/{chunk.VOWE6LHF.js → chunk.PK3XZW2G.js} +3 -3
  334. package/dist/chunks/{chunk.JQD4QY3H.js → chunk.Q7ULKBP6.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 +270 -258
  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 +43 -43
  413. package/dist/web-types.json +104 -96
  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.B7BIS5Y4.js → chunk.357PR2IB.js} +2 -2
  420. package/dist-versioned/chunks/{chunk.DYRAOE5L.js → chunk.3AQM6FKF.js} +4 -4
  421. package/dist-versioned/chunks/{chunk.KWP3CREC.js → chunk.3MARQHUW.js} +22 -18
  422. package/dist-versioned/chunks/{chunk.4TLTIOIY.js → chunk.4J3ZCSIH.js} +3 -3
  423. package/dist-versioned/chunks/{chunk.BWIRKW7E.js → chunk.4JPDAEAZ.js} +28 -28
  424. package/dist-versioned/chunks/{chunk.GAJFV5V3.js → chunk.4PVTBZ45.js} +3 -3
  425. package/dist-versioned/chunks/{chunk.LOW4LWP6.js → chunk.5TXDZ6OQ.js} +3 -3
  426. package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
  427. package/dist-versioned/chunks/chunk.73ZM47SZ.js +79 -0
  428. package/dist-versioned/chunks/{chunk.HEYBJG64.js → chunk.75VFJ3VZ.js} +5 -5
  429. package/dist-versioned/chunks/{chunk.27LAMXW5.js → chunk.7GKULTU7.js} +6 -6
  430. package/dist-versioned/chunks/{chunk.BJSTXBIQ.js → chunk.AH4MJVKG.js} +3 -3
  431. package/dist-versioned/chunks/{chunk.VUKS4CBF.js → chunk.AUFB3CF2.js} +2 -2
  432. package/dist-versioned/chunks/{chunk.R3PPZNKA.js → chunk.BLQFQXCU.js} +4 -4
  433. package/dist-versioned/chunks/chunk.DXLUBAVX.js +81 -0
  434. package/dist-versioned/chunks/{chunk.QCQLFJGJ.js → chunk.ENBSTUKA.js} +16 -16
  435. package/dist-versioned/chunks/{chunk.CWJB3CZO.js → chunk.EYYHIJ7Q.js} +2 -2
  436. package/dist-versioned/chunks/{chunk.ULQU6P3E.js → chunk.F4LWSCE7.js} +10 -10
  437. package/dist-versioned/chunks/{chunk.ZMWGNTP6.js → chunk.F5WZXOGP.js} +6 -12
  438. package/{dist/chunks/chunk.DLBXYZN6.js → dist-versioned/chunks/chunk.FNYEXUNK.js} +1 -1
  439. package/dist-versioned/chunks/{chunk.JNTED6KG.js → chunk.G3LCJLER.js} +6 -6
  440. package/dist-versioned/chunks/{chunk.CMK6UTW6.js → chunk.GCNQNIVQ.js} +3 -3
  441. package/{dist/chunks/chunk.25AH7KN2.js → dist-versioned/chunks/chunk.HQWAKJBV.js} +3 -2
  442. package/dist-versioned/chunks/{chunk.KNZPI3QD.js → chunk.K3HF3JA4.js} +3 -3
  443. package/dist-versioned/chunks/chunk.KVKRZJS7.js +3 -3
  444. package/dist-versioned/chunks/{chunk.ECH5BTRG.js → chunk.M2VTLBRP.js} +7 -7
  445. package/dist-versioned/chunks/{chunk.LW7RVQTS.js → chunk.M7TUM74F.js} +3 -3
  446. package/dist-versioned/chunks/{chunk.ERRAXV4M.js → chunk.MBOP4XDK.js} +2 -2
  447. package/dist-versioned/chunks/{chunk.C4WMHAOW.js → chunk.MGUEJDPC.js} +2 -2
  448. package/dist-versioned/chunks/{chunk.O7OXBLZU.js → chunk.MJ3MZ7IA.js} +38 -5
  449. package/dist-versioned/chunks/{chunk.ZXC3A5GK.js → chunk.NMI37BFS.js} +2 -2
  450. package/dist-versioned/chunks/{chunk.QEQDPEN2.js → chunk.O6YESZHA.js} +2 -2
  451. package/dist-versioned/chunks/{chunk.7WEXXSFH.js → chunk.OC7IH3HF.js} +4 -4
  452. package/dist-versioned/chunks/{chunk.EYTEM45R.js → chunk.OGWBQ3DK.js} +5 -5
  453. package/dist-versioned/chunks/{chunk.X7IRGFBS.js → chunk.P3M4RPHM.js} +2 -2
  454. package/dist-versioned/chunks/{chunk.JNJHWACL.js → chunk.P4BL4RSV.js} +4 -4
  455. package/dist-versioned/chunks/{chunk.YGRJQZFR.js → chunk.P775L6OS.js} +3 -3
  456. package/dist-versioned/chunks/{chunk.VOWE6LHF.js → chunk.PK3XZW2G.js} +15 -15
  457. package/dist-versioned/chunks/{chunk.JQD4QY3H.js → chunk.Q7ULKBP6.js} +7 -7
  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 +476 -464
  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 +121 -121
  584. package/dist-versioned/web-types.json +236 -228
  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.A3AHQI37.js +0 -1
  589. package/cdn/chunks/chunk.B62VWQ7C.js +0 -1
  590. package/cdn/chunks/chunk.JIODFCR2.js +0 -1
  591. package/cdn/chunks/chunk.JXFEK45U.js +0 -1
  592. package/cdn/chunks/chunk.NPUXUQCC.js +0 -1
  593. package/cdn/chunks/chunk.PTSISQCW.js +0 -1
  594. package/cdn/chunks/chunk.QLGX6E5R.js +0 -1
  595. package/cdn/chunks/chunk.SNS2IHBI.js +0 -1
  596. package/cdn/chunks/chunk.T4JP7QUW.js +0 -25
  597. package/cdn/chunks/chunk.XBPJDDEM.js +0 -1
  598. package/cdn/components/icon/library.system.js +0 -1
  599. package/cdn-versioned/chunks/chunk.4GU3VMG2.js +0 -1
  600. package/cdn-versioned/chunks/chunk.5HYU75RE.js +0 -1
  601. package/cdn-versioned/chunks/chunk.67UPRVLG.js +0 -11
  602. package/cdn-versioned/chunks/chunk.A3AHQI37.js +0 -1
  603. package/cdn-versioned/chunks/chunk.AHXJHNQ7.js +0 -1
  604. package/cdn-versioned/chunks/chunk.B62VWQ7C.js +0 -1
  605. package/cdn-versioned/chunks/chunk.DQ3ZESZK.js +0 -13
  606. package/cdn-versioned/chunks/chunk.ETB7FHWC.js +0 -1
  607. package/cdn-versioned/chunks/chunk.FZHMZAIV.js +0 -1
  608. package/cdn-versioned/chunks/chunk.HB2MDLS4.js +0 -1
  609. package/cdn-versioned/chunks/chunk.JIODFCR2.js +0 -1
  610. package/cdn-versioned/chunks/chunk.JXFEK45U.js +0 -1
  611. package/cdn-versioned/chunks/chunk.NPUXUQCC.js +0 -1
  612. package/cdn-versioned/chunks/chunk.PTSISQCW.js +0 -1
  613. package/cdn-versioned/chunks/chunk.QLGX6E5R.js +0 -1
  614. package/cdn-versioned/chunks/chunk.QVTWOB7V.js +0 -11
  615. package/cdn-versioned/chunks/chunk.QX3REGZG.js +0 -1
  616. package/cdn-versioned/chunks/chunk.SNS2IHBI.js +0 -1
  617. package/cdn-versioned/chunks/chunk.T4JP7QUW.js +0 -25
  618. package/cdn-versioned/chunks/chunk.UKXOMULO.js +0 -1
  619. package/cdn-versioned/chunks/chunk.XBPJDDEM.js +0 -1
  620. package/cdn-versioned/chunks/chunk.XXPYJZI4.js +0 -1
  621. package/cdn-versioned/chunks/chunk.YMXJOB2H.js +0 -1
  622. package/cdn-versioned/chunks/chunk.ZXGG5GRH.js +0 -1
  623. package/cdn-versioned/components/icon/library.system.js +0 -1
  624. package/dist/chunks/chunk.OWACJFST.js +0 -78
  625. package/dist/chunks/chunk.RWUFX5GL.js +0 -98
  626. package/dist/components/icon/library.system.js +0 -9
  627. package/dist-versioned/chunks/chunk.OWACJFST.js +0 -78
  628. package/dist-versioned/chunks/chunk.RWUFX5GL.js +0 -98
  629. package/dist-versioned/components/icon/library.system.js +0 -9
@@ -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-11-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-11-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-11-0-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-4-11-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-11-0-popup li{list-style-type:""}sd-4-11-0-popup li mark{background-color:transparent;font-weight:700}sd-4-11-0-popup li:not(:has(sd-4-11-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-11-0-popup li:not(:has(sd-4-11-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-11-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-11-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-11-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-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-5-0-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-5-0-0-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-5-0-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-5-0-0-popup li{list-style-type:""}sd-5-0-0-popup li mark{background-color:transparent;font-weight:700}sd-5-0-0-popup li:not(:has(sd-5-0-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-5-0-0-popup li:not(:has(sd-5-0-0-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-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-5-0-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-5-0-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};
@@ -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-11-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-4-11-0-icon label="${this.localize.term("close")}" name="close" library="system"></sd-4-11-0-icon></sd-4-11-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-11-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-4-11-0-icon label="${this.localize.term("close")}" name="close" library="system"></sd-4-11-0-icon></sd-4-11-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-11-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-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-0-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-0-0-icon></sd-5-0-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-5-0-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-0-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-0-0-icon></sd-5-0-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-5-0-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 +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-11-0-button-group__button--first:not(.sd-4-11-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-11-0-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-4-11-0-button-group__button--last:not(.sd-4-11-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-11-0-button-group__button:not(.sd-4-11-0-button-group__button--first)){margin-inline-start:-1px}:host(.sd-4-11-0-button-group__button--hover){z-index:10}:host(.sd-4-11-0-button-group__button--focus),:host(.sd-4-11-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-11-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-0-button-group__button--first:not(.sd-5-0-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-5-0-0-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-5-0-0-button-group__button--last:not(.sd-5-0-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-5-0-0-button-group__button:not(.sd-5-0-0-button-group__button--first)){margin-inline-start:-1px}:host(.sd-5-0-0-button-group__button--hover){z-index:10}:host(.sd-5-0-0-button-group__button--focus),:host(.sd-5-0-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-5-0-0-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-11-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-11-0-icon class="text-3xl" name="pause" library="system"></sd-4-11-0-icon></slot>`:s`<slot name="play-icon"><sd-4-11-0-icon class="text-3xl" name="start" library="system"></sd-4-11-0-icon></slot>`}</sd-4-11-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-11-0-icon class="w-6 h-6" name="transcript" library="system"></sd-4-11-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-11-0-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="system"></sd-4-11-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-11-0-drawer><slot name="transcript"></slot></sd-4-11-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-11-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-11-0-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-4-11-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-11-0-drawer")],t.prototype,"drawer",2),i([h("canvas")],t.prototype,"canvas",2),t=i([f("sd-4-11-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-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-5-0-0-icon class="text-3xl" name="pause" library="_internal"></sd-5-0-0-icon></slot>`:s`<slot name="play-icon"><sd-5-0-0-icon class="text-3xl" name="start" library="_internal"></sd-5-0-0-icon></slot>`}</sd-5-0-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-5-0-0-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-0-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-5-0-0-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-0-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-5-0-0-drawer><slot name="transcript"></slot></sd-5-0-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-5-0-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-5-0-0-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-0-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-5-0-0-drawer")],t.prototype,"drawer",2),i([h("canvas")],t.prototype,"canvas",2),t=i([f("sd-5-0-0-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-0-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-11-0-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-11-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-11-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-0-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-0-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-5-0-0-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-11-0-icon id="default-play-icon" library="system" name="start"></sd-4-11-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-11-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-0-icon id="default-play-icon" library="_internal" name="start"></sd-5-0-0-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-0-video")],e);export{e as a};
@@ -1,3 +1,3 @@
1
- import{b as f}from"./chunk.5XTSQKKL.js";import{a as m}from"./chunk.CDC46OKY.js";import{b as c}from"./chunk.6HLS5XU2.js";import{a as p}from"./chunk.YTG5BN3U.js";import{a as l}from"./chunk.26V4EXHB.js";import{a}from"./chunk.E2DRD2OX.js";import{a as u,b as i,c as h,d as o,h as s}from"./chunk.T4JP7QUW.js";import{b as n,e as d}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends s{constructor(){super(...arguments);this.formControlController=new c(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,b)=>r.checked=b});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return d`<label part="base" class="${l("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${p(this.value)}" .checked="${f(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @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"}" class="${l(`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
1
+ import{b as f}from"./chunk.5XTSQKKL.js";import{a as m}from"./chunk.CDC46OKY.js";import{b as c}from"./chunk.6HLS5XU2.js";import{a as p}from"./chunk.YTG5BN3U.js";import{a as l}from"./chunk.26V4EXHB.js";import{a}from"./chunk.E2DRD2OX.js";import{a as u,b as i,c as h,d as o,h as s}from"./chunk.NODVJPTE.js";import{b as n,e as d}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends s{constructor(){super(...arguments);this.formControlController=new c(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,b)=>r.checked=b});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return d`<label part="base" class="${l("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${p(this.value)}" .checked="${f(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @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"}" class="${l(`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
2
2
  peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
3
- peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error hover:border-error-400 bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"border-accent hover:bg-accent-550 bg-accent hover:border-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${l("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"bg-white translate-x-2":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${l("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...s.styles,n`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label:after{content:" *"}`],t([o("input")],e.prototype,"input",2),t([o("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([i({type:String,reflect:!0})],e.prototype,"title",2),t([i({type:String,reflect:!0})],e.prototype,"name",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([m("checked")],e.prototype,"defaultChecked",2),t([i({reflect:!0})],e.prototype,"form",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([u("sd-4-11-0-switch")],e);export{e as a};
3
+ peer-focus-visible:outline-primary transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error hover:border-error-400 bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"border-accent hover:bg-accent-550 bg-accent hover:border-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${l("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"bg-white translate-x-2":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${l("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...s.styles,n`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label:after{content:" *"}`],t([o("input")],e.prototype,"input",2),t([o("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([i({type:String,reflect:!0})],e.prototype,"title",2),t([i({type:String,reflect:!0})],e.prototype,"name",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([m("checked")],e.prototype,"defaultChecked",2),t([i({reflect:!0})],e.prototype,"form",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([u("sd-5-0-0-switch")],e);export{e as a};
@@ -0,0 +1 @@
1
+ import{a as i}from"./chunk.26V4EXHB.js";import{a}from"./chunk.E2DRD2OX.js";import{a as o,b as s,c as l,h as n}from"./chunk.NODVJPTE.js";import{b as h,e as r}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends n{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return r`<span part="base" class="${i("sd-5-0-0-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${i("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?r`<span part="checked" class="${i("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5",this.disabled?"bg-neutral-500":this.visuallyDisabled?"bg-white":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${i("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};e.styles=[...n.styles,h`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],t([l()],e.prototype,"checked",2),t([l()],e.prototype,"hasFocus",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([o("sd-5-0-0-radio")],e);export{e as a};
@@ -1 +1 @@
1
- import{a as i}from"./chunk.YTG5BN3U.js";import{a as d}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as h,b as s,d as u,h as o}from"./chunk.T4JP7QUW.js";import{b as a,e as n}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.hasSlotController=new d(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href="";this.visuallyDisabled=!1}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(l){this.visuallyDisabled&&(l.preventDefault(),l.stopPropagation())}focus(l){this.button.focus(l)}blur(){this.button.blur()}render(){let l={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return n`<a part="base" class="${r("inline",this.href&&!this.visuallyDisabled?"cursor-pointer":"",this.visuallyDisabled?"cursor-not-allowed focus-visible:focus-outline":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline",visuallyDisabled:this.inverted?"text-neutral-600":"text-neutral-500"}[this.href&&!this.visuallyDisabled?"enabled":this.visuallyDisabled?"visuallyDisabled":"disabled"],this.standalone&&"flex items-start")}" href="${i(this.href||void 0)}" target="${i(this.target||void 0)}" download="${i(this.download)}" rel="${i(this.target?"noreferrer noopener":void 0)}" aria-disabled="${!this.href||this.visuallyDisabled?"true":"false"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${r("inline",l["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${r("inline",l["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};e.styles=[...o.styles,a`::slotted(sd-4-11-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-4-11-0-icon){font-size:var(--sd-font-size-base,1rem)}:host([size=lg][standalone]) ::slotted(sd-4-11-0-icon){font-size:var(--sd-font-size-xl,1.5rem)}`],t([u("a")],e.prototype,"button",2),t([s({type:Boolean,reflect:!0})],e.prototype,"standalone",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"inverted",2),t([s({type:String,reflect:!0})],e.prototype,"href",2),t([s({type:Boolean,attribute:"visually-disabled",reflect:!0})],e.prototype,"visuallyDisabled",2),t([s({type:String,reflect:!0})],e.prototype,"target",2),t([s({reflect:!0})],e.prototype,"download",2),e=t([h("sd-4-11-0-link")],e);export{e as a};
1
+ import{a as i}from"./chunk.YTG5BN3U.js";import{a as d}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as h,b as s,d as u,h as o}from"./chunk.NODVJPTE.js";import{b as a,e as n}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.hasSlotController=new d(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href="";this.visuallyDisabled=!1}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(l){this.visuallyDisabled&&(l.preventDefault(),l.stopPropagation())}focus(l){this.button.focus(l)}blur(){this.button.blur()}render(){let l={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return n`<a part="base" class="${r("inline",this.href&&!this.visuallyDisabled?"cursor-pointer":"",this.visuallyDisabled?"cursor-not-allowed focus-visible:focus-outline":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline",visuallyDisabled:this.inverted?"text-neutral-600":"text-neutral-500"}[this.href&&!this.visuallyDisabled?"enabled":this.visuallyDisabled?"visuallyDisabled":"disabled"],this.standalone&&"flex items-start")}" href="${i(this.href||void 0)}" target="${i(this.target||void 0)}" download="${i(this.download)}" rel="${i(this.target?"noreferrer noopener":void 0)}" aria-disabled="${!this.href||this.visuallyDisabled?"true":"false"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${r("inline",l["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${r("inline",l["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};e.styles=[...o.styles,a`::slotted(sd-5-0-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-5-0-0-icon){font-size:var(--sd-font-size-base,1rem)}:host([size=lg][standalone]) ::slotted(sd-5-0-0-icon){font-size:var(--sd-font-size-xl,1.5rem)}`],t([u("a")],e.prototype,"button",2),t([s({type:Boolean,reflect:!0})],e.prototype,"standalone",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"inverted",2),t([s({type:String,reflect:!0})],e.prototype,"href",2),t([s({type:Boolean,attribute:"visually-disabled",reflect:!0})],e.prototype,"visuallyDisabled",2),t([s({type:String,reflect:!0})],e.prototype,"target",2),t([s({reflect:!0})],e.prototype,"download",2),e=t([h("sd-5-0-0-link")],e);export{e as a};
@@ -1 +1 @@
1
- import{a as s}from"./chunk.YTG5BN3U.js";import{a as o,b as l}from"./chunk.H2TKMIFR.js";import{a as u}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h,b as i,d as p,h as a}from"./chunk.T4JP7QUW.js";import{b as m}from"./chunk.UWPDCU52.js";import{e as r}from"./chunk.TJOCV4DC.js";var e=class extends a{constructor(){super(...arguments);this.localize=new u(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),d=t?o`a`:this.removable?o`div`:o`button`;return l`<${d} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||this.removable?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${n("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":n("border-primary text-primary disabled:border-neutral-500 disabled:text-neutral-500",this.removable?"has-[button:hover]:border-primary-500 has-[button:hover]:bg-neutral-100 has-[button:hover]:text-primary-500":"hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500"),this.disabled&&!t&&"cursor-not-allowed")}"><slot id="content" part="content"></slot>${this.removable?l`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-4-11-0-icon library="system" name="close" label="${this.localize.term("remove")}"></sd-4-11-0-icon></slot></button>`:""}</${d}>`}};e.styles=[...a.styles,m`:host{display:inline-block;transition-duration:.15s;transition-duration:var(--sd-duration-fast,.15s);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([size=lg])::part(removable-indicator){font-size:var(--sd-font-size-base,1rem)}:host([size=sm])::part(removable-indicator){font-size:.75rem}`],r([p("a, button, div")],e.prototype,"tag",2),r([i({type:String,reflect:!0})],e.prototype,"size",2),r([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),r([i({type:Boolean,reflect:!0})],e.prototype,"toggleable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"removable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([i({type:String,reflect:!0})],e.prototype,"href",2),r([i({type:String,reflect:!0})],e.prototype,"target",2),r([i({reflect:!0})],e.prototype,"download",2),e=r([h("sd-4-11-0-tag")],e);export{e as a};
1
+ import{a as s}from"./chunk.YTG5BN3U.js";import{a as o,b as l}from"./chunk.H2TKMIFR.js";import{a as u}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h,b as i,d as p,h as a}from"./chunk.NODVJPTE.js";import{b as m}from"./chunk.UWPDCU52.js";import{e as r}from"./chunk.TJOCV4DC.js";var e=class extends a{constructor(){super(...arguments);this.localize=new u(this);this.size="lg";this.selected=!1;this.toggleable=!1;this.removable=!1;this.disabled=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleRemove(){this.emit("sd-remove")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}async hide(){this.emit("sd-hide"),this.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("sd-duration-fast",150))),this.hidden=!0,this.emit("sd-after-hide")}render(){let t=this.isLink(),d=t?o`a`:this.removable?o`div`:o`button`;return l`<${d} part="base" type="${s(t?void 0:"button")}" href="${s(t?this.href:void 0)}" rel="${s(t&&this.target?"noreferrer noopener":void 0)}" target="${s(t?this.target:void 0)}" download="${s(t?this.download:void 0)}" ?disabled="${s(t?void 0:this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled?"true":"false"}" aria-pressed="${s(this.toggleable?this.selected:void 0)}" tabindex="${this.disabled||this.removable?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${n("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":n("border-primary text-primary disabled:border-neutral-500 disabled:text-neutral-500",this.removable?"has-[button:hover]:border-primary-500 has-[button:hover]:bg-neutral-100 has-[button:hover]:text-primary-500":"hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500"),this.disabled&&!t&&"cursor-not-allowed")}"><slot id="content" part="content"></slot>${this.removable?l`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-5-0-0-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-5-0-0-icon></slot></button>`:""}</${d}>`}};e.styles=[...a.styles,m`:host{display:inline-block;transition-duration:.15s;transition-duration:var(--sd-duration-fast,.15s);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([size=lg])::part(removable-indicator){font-size:var(--sd-font-size-base,1rem)}:host([size=sm])::part(removable-indicator){font-size:.75rem}`],r([p("a, button, div")],e.prototype,"tag",2),r([i({type:String,reflect:!0})],e.prototype,"size",2),r([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),r([i({type:Boolean,reflect:!0})],e.prototype,"toggleable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"removable",2),r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([i({type:String,reflect:!0})],e.prototype,"href",2),r([i({type:String,reflect:!0})],e.prototype,"target",2),r([i({reflect:!0})],e.prototype,"download",2),e=r([h("sd-5-0-0-tag")],e);export{e as a};
@@ -0,0 +1 @@
1
+ import{a as b}from"./chunk.6HO6CE4A.js";import{a as i}from"./chunk.26V4EXHB.js";import{a}from"./chunk.E2DRD2OX.js";import{a as d,b as l,d as c,h as r}from"./chunk.NODVJPTE.js";import{b as o,e as n}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var u=0,t=class extends r{constructor(){super(...arguments);this.attrId=++u;this.componentId=`sd-5-0-0-tab-${this.attrId}`;this.hasSlotController=new b(this,"left");this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let s=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",s?"true":"false")}focus(s){this.tab.focus(s)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let s={left:this.hasSlotController.test("left")};return n`<div part="base" class="${i("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative focus-visible:focus-outline outline-2 !-outline-offset-2",this.variant==="container"&&" rounded-[4px_4px_0_0]",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:bg-neutral-200")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${i("flex h-full items-center justify-center whitespace-nowrap",this.disabled||this.visuallyDisabled&&"opacity-50 ")}"><slot name="left" class="${i(s.left&&"block pr-2",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary")}"></slot><slot class="${i(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary")}"></slot><div part="active-tab-indicator" class="${i((!this.active||this.disabled)&&"hidden","absolute bottom-0 h-1 bg-accent",this.variant==="default"?"w-full":"w-3/4 group-hover:w-full transition-all duration-200 ease-in-out")}"></div><div part="hover-bottom-border" class="${i(!this.active&&!this.disabled&&"absolute w-full h-0.25 bottom-0 border-b border-neutral-400 invisible group-hover:visible")}"></div></div></div>`}};t.styles=[...r.styles,o`:host{box-sizing:border-box;display:block}.tab--active-container-border:after{border-width:1px;content:"";height:100%;position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));border-bottom:none;border-radius:4px 4px 0 0}`],e([c("[part=base]")],t.prototype,"tab",2),e([l({type:String,reflect:!0})],t.prototype,"variant",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([l({type:String,reflect:!0})],t.prototype,"panel",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([d("sd-5-0-0-tab")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as f,c as b}from"./chunk.SKUMYG4O.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as g,b as s,d,h as p}from"./chunk.T4JP7QUW.js";import{b as w,e as n}from"./chunk.UWPDCU52.js";import{b as u,e as m}from"./chunk.XBPJDDEM.js";import{e}from"./chunk.TJOCV4DC.js";var l={"top-right":null,"bottom-center":null},k=()=>{Object.entries(l).forEach(([a])=>{let r=document.querySelector(`#sd-toast-stack--${a}`);if(r){r.setAttribute("role","region"),l[a]=r;return}l[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};k();var t=class extends p{constructor(){super(...arguments);this.localize=new v(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return l[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.base.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await m(this.base),this.base.hidden=!1;let{keyframes:i,options:c}=b(this,"notification.show",{dir:this.localize.dir()});await u(this.base,i,c),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await m(this.base);let{keyframes:i,options:c}=b(this,"notification.hide",{dir:this.localize.dir()});await u(this.base,i,c),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,y(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,y(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return n`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-4-11-0-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="system" class="h-6 w-6 text-white"></sd-4-11-0-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?n`<sd-4-11-0-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-4-11-0-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-4-11-0-icon></sd-4-11-0-button>`:""}</div>${this.durationIndicator?n`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div>`}};t.styles=[...p.styles,w`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([d('[part~="base"]')],t.prototype,"base",2),e([d('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([h("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([h("duration")],t.prototype,"handleDurationChange",1),t=e([g("sd-4-11-0-notification")],t);f("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});f("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};
1
+ import{a as f,c as b}from"./chunk.SKUMYG4O.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as g,b as s,d,h as p}from"./chunk.NODVJPTE.js";import{b as w,e as n}from"./chunk.UWPDCU52.js";import{b as u,e as m}from"./chunk.6OTM3PE5.js";import{e}from"./chunk.TJOCV4DC.js";var l={"top-right":null,"bottom-center":null},k=()=>{Object.entries(l).forEach(([a])=>{let r=document.querySelector(`#sd-toast-stack--${a}`);if(r){r.setAttribute("role","region"),l[a]=r;return}l[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};k();var t=class extends p{constructor(){super(...arguments);this.localize=new v(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return l[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.base.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await m(this.base),this.base.hidden=!1;let{keyframes:i,options:c}=b(this,"notification.show",{dir:this.localize.dir()});await u(this.base,i,c),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await m(this.base);let{keyframes:i,options:c}=b(this,"notification.hide",{dir:this.localize.dir()});await u(this.base,i,c),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,y(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,y(this,"sd-after-hide")}async toast(){return new Promise(i=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),i()},{once:!0})})}render(){return n`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-5-0-0-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-5-0-0-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?n`<sd-5-0-0-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-0-0-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-0-0-icon></sd-5-0-0-button>`:""}</div>${this.durationIndicator?n`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div>`}};t.styles=[...p.styles,w`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([d('[part~="base"]')],t.prototype,"base",2),e([d('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([h("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([h("duration")],t.prototype,"handleDurationChange",1),t=e([g("sd-5-0-0-notification")],t);f("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});f("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};
@@ -0,0 +1 @@
1
+ import{a as s}from"./chunk.YTG5BN3U.js";import{a as f}from"./chunk.6HO6CE4A.js";import{a as n,b as a}from"./chunk.H2TKMIFR.js";import{a as i}from"./chunk.26V4EXHB.js";import{a as l}from"./chunk.E2DRD2OX.js";import{a as u,b as r,h as o}from"./chunk.NODVJPTE.js";import{b as d}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.hasSlotController=new f(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1)}handleDisabledChange(){this.disabled&&(this.current=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1)}render(){let h=this.isLink(),c=this.notInteractive?n`div`:h?n`a`:n`button`,m=this.hasSlotController.test("label"),b=this.label?!0:m,p=this.hasSlotController.test("[default]"),v=this.description?!0:p;return a`<div role="listitem" part="base" class="${i("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-min overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${i("flex shrink-0 gap-2",this.noTail&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",this.orientation==="horizontal"?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3")}"><${c} part="circle" href="${s(h?this.href:void 0)}" aria-disabled="${s(this.disabled||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${s(this.notInteractive||!b?void 0:"label")}" aria-describedby="${s(this.notInteractive||!v?void 0:"description")}" class="${i("border rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":"focus-visible:focus-outline group-hover:cursor-pointer",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&"border-primary group-hover:bg-primary-100 group-hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white")}"><slot name="circle-content" class="${i(!this.disabled&&!this.current&&!this.notInteractive&&"text-primary group-hover:text-primary-500 group-hover:fill-primary-500",this.notInteractive&&"text-primary",this.size==="lg"?"text-lg":"text-sm")}">${!this.disabled&&!this.current&&!this.notInteractive?a`<sd-5-0-0-icon name="status-check" library="_internal"></sd-5-0-0-icon>`:a`${this.index}`}</slot></${c}>${this.noTail?"":a`<div part="tail" class="${i(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive?" border-primary group-hover:border-primary-500":"border-neutral-400")}"></div>`}</div><div part="text-container" class="${i("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"w-max text-left",this.disabled&&"!text-neutral-700",this.notInteractive?"ml-3":"mr-4")}"><div part="label" id="label" class="${i("!font-bold sd-paragraph",this.disabled&&"!text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive?"!text-primary group-hover:!text-primary-500 group-hover:cursor-pointer":"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${i("sd-paragraph sd-paragraph--size-sm",this.disabled&&"!text-neutral-700")}">${this.description||a`<slot></slot>`}</div></div></div>`}};t.styles=[...o.styles,d`:host{flex:1 1 0%}:host([no-tail]){flex-grow:0}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({type:String,reflect:!0})],t.prototype,"orientation",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),e([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([r({type:String,reflect:!0})],t.prototype,"label",2),e([r({type:String,reflect:!0})],t.prototype,"description",2),e([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),e([r({type:String,reflect:!0})],t.prototype,"href",2),e([l("current")],t.prototype,"handleCurrentChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1),e([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=e([u("sd-5-0-0-step")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as h}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as s,b as n,d,h as i}from"./chunk.T4JP7QUW.js";import{b as o,e as l}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${r({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6] text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...i.styles,o`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}:host([variant=white]) .background:focus-within{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}:host([variant=neutral-100]) .background:focus-within{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}:host([variant=primary]) .background:focus-within{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}:host([variant=primary-100]) .background:focus-within{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}`],e([n({type:String,reflect:!0})],t.prototype,"variant",2),e([d('[part="base"]')],t.prototype,"teaserMedia",2),t=e([s("sd-4-11-0-teaser-media")],t);export{t as a};
1
+ import{a as h}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as s,b as n,d,h as i}from"./chunk.NODVJPTE.js";import{b as o,e as l}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${r({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6] text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...i.styles,o`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}:host([variant=white]) .background:focus-within{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}:host([variant=neutral-100]) .background:focus-within{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}:host([variant=primary]) .background:focus-within{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}:host([variant=primary-100]) .background:focus-within{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}`],e([n({type:String,reflect:!0})],t.prototype,"variant",2),e([d('[part="base"]')],t.prototype,"teaserMedia",2),t=e([s("sd-5-0-0-teaser-media")],t);export{t as a};
@@ -0,0 +1 @@
1
+ import{a as c}from"./chunk.ACQENQRU.js";import{b as m}from"./chunk.H2TKMIFR.js";import{a as b}from"./chunk.DEXOQON7.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as d,b as a,d as n,h as o}from"./chunk.NODVJPTE.js";import{b as r}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-5-0-0-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${s(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-5-0-0-divider id="divider" class="pt-2 pb-4" part="divider"></sd-5-0-0-divider><div part="label-container" class="${s(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};e.dependencies={"sd-5-0-0-divider":c},e.styles=[...o.styles,r`:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-5-0-0-optgroup")],e);export{e as a};