@solid-design-system/components 4.6.9 → 4.6.11

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 (247) hide show
  1. package/cdn/chunks/chunk.3KR2M5X4.js +1 -0
  2. package/cdn/chunks/chunk.HWNGDZXC.js +1 -0
  3. package/cdn/components/dialog/dialog.js +1 -1
  4. package/cdn/components/drawer/drawer.js +1 -1
  5. package/cdn/custom-elements.json +193 -193
  6. package/cdn/solid-components.bundle.js +16 -16
  7. package/cdn/solid-components.iife.js +16 -16
  8. package/cdn/solid-components.js +1 -1
  9. package/cdn/vscode.html-custom-data.json +44 -44
  10. package/cdn/web-types.json +67 -67
  11. package/cdn-versioned/_components/menu/menu.js +1 -1
  12. package/cdn-versioned/_components/menu/menu.styles.js +1 -1
  13. package/cdn-versioned/_components/menu-item/menu-item.js +2 -2
  14. package/cdn-versioned/chunks/chunk.3KR2M5X4.js +1 -0
  15. package/cdn-versioned/chunks/chunk.42FSKXEZ.js +1 -1
  16. package/cdn-versioned/chunks/chunk.473LHNMV.js +1 -1
  17. package/cdn-versioned/chunks/chunk.5YA6WG7I.js +1 -1
  18. package/cdn-versioned/chunks/chunk.65NSSTJE.js +1 -1
  19. package/cdn-versioned/chunks/chunk.6Q37IBDM.js +1 -1
  20. package/cdn-versioned/chunks/chunk.6XTSQUSU.js +1 -1
  21. package/cdn-versioned/chunks/chunk.7BBRZSXJ.js +1 -1
  22. package/cdn-versioned/chunks/chunk.7HKFHNAX.js +1 -1
  23. package/cdn-versioned/chunks/chunk.AG6PE353.js +1 -1
  24. package/cdn-versioned/chunks/chunk.AMCTYKOD.js +1 -1
  25. package/cdn-versioned/chunks/chunk.BIMWLALI.js +1 -1
  26. package/cdn-versioned/chunks/chunk.BNX6LX2P.js +1 -1
  27. package/cdn-versioned/chunks/chunk.BQZXDBME.js +1 -1
  28. package/cdn-versioned/chunks/chunk.C5D2DMXR.js +1 -1
  29. package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
  30. package/cdn-versioned/chunks/chunk.DH7VYHZC.js +1 -1
  31. package/cdn-versioned/chunks/chunk.E2R73Z3A.js +1 -1
  32. package/cdn-versioned/chunks/chunk.F4LOXTZD.js +1 -1
  33. package/cdn-versioned/chunks/chunk.FZLK25RZ.js +1 -1
  34. package/cdn-versioned/chunks/chunk.FZVQZMTE.js +1 -1
  35. package/cdn-versioned/chunks/chunk.HWNGDZXC.js +1 -0
  36. package/cdn-versioned/chunks/chunk.I4DEROU2.js +1 -1
  37. package/cdn-versioned/chunks/chunk.ILF7UZDH.js +1 -1
  38. package/cdn-versioned/chunks/chunk.ILRYHVN7.js +1 -1
  39. package/cdn-versioned/chunks/chunk.JXBK7LTF.js +1 -1
  40. package/cdn-versioned/chunks/chunk.KG4OKUP5.js +1 -1
  41. package/cdn-versioned/chunks/chunk.L47VLLL4.js +1 -1
  42. package/cdn-versioned/chunks/chunk.L7GN7UBE.js +2 -2
  43. package/cdn-versioned/chunks/chunk.MJBA5E3M.js +1 -1
  44. package/cdn-versioned/chunks/chunk.OJY2KFGF.js +1 -1
  45. package/cdn-versioned/chunks/chunk.OOWV6VHF.js +1 -1
  46. package/cdn-versioned/chunks/chunk.OZ6M4CAW.js +4 -4
  47. package/cdn-versioned/chunks/chunk.PEIJ5QII.js +1 -1
  48. package/cdn-versioned/chunks/chunk.PEYEID7E.js +1 -1
  49. package/cdn-versioned/chunks/chunk.PTJJRTHX.js +1 -1
  50. package/cdn-versioned/chunks/chunk.QKA4RHJ4.js +1 -1
  51. package/cdn-versioned/chunks/chunk.S2O3QV7N.js +3 -3
  52. package/cdn-versioned/chunks/chunk.SCGOQGTJ.js +1 -1
  53. package/cdn-versioned/chunks/chunk.SITFYVDG.js +1 -1
  54. package/cdn-versioned/chunks/chunk.SWPBMHJJ.js +1 -1
  55. package/cdn-versioned/chunks/chunk.SWRY3APF.js +1 -1
  56. package/cdn-versioned/chunks/chunk.TEZ7TMHP.js +1 -1
  57. package/cdn-versioned/chunks/chunk.TNG3FY3U.js +1 -1
  58. package/cdn-versioned/chunks/chunk.TYH3DD3Z.js +1 -1
  59. package/cdn-versioned/chunks/chunk.UW24BDXV.js +1 -1
  60. package/cdn-versioned/chunks/chunk.VCJR4I23.js +2 -2
  61. package/cdn-versioned/chunks/chunk.VWR74OA4.js +1 -1
  62. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  63. package/cdn-versioned/chunks/chunk.WUSKJM2J.js +4 -4
  64. package/cdn-versioned/chunks/chunk.XIALW4QW.js +1 -1
  65. package/cdn-versioned/chunks/chunk.Y2ZOHPE6.js +1 -1
  66. package/cdn-versioned/chunks/chunk.YYZEOF4B.js +1 -1
  67. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  68. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  69. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  70. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  71. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  72. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  73. package/cdn-versioned/components/button/button.d.ts +1 -1
  74. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  75. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  76. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  77. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  78. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  79. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  80. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  81. package/cdn-versioned/components/dialog/dialog.js +1 -1
  82. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  83. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  84. package/cdn-versioned/components/drawer/drawer.js +1 -1
  85. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  86. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  87. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  88. package/cdn-versioned/components/header/header.d.ts +1 -1
  89. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  90. package/cdn-versioned/components/include/include.d.ts +1 -1
  91. package/cdn-versioned/components/input/input.d.ts +1 -1
  92. package/cdn-versioned/components/link/link.d.ts +1 -1
  93. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  94. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  95. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  96. package/cdn-versioned/components/optgroup/optgroup.d.ts +2 -2
  97. package/cdn-versioned/components/option/option.d.ts +1 -1
  98. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  99. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  100. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  101. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  102. package/cdn-versioned/components/radio-group/radio-group.d.ts +2 -2
  103. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  104. package/cdn-versioned/components/select/select.d.ts +1 -1
  105. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  106. package/cdn-versioned/components/step/step.d.ts +1 -1
  107. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  108. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  109. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  110. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  111. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  112. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  113. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  114. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  115. package/cdn-versioned/components/video/video.d.ts +1 -1
  116. package/cdn-versioned/custom-elements.json +401 -401
  117. package/cdn-versioned/internal/form.js +3 -3
  118. package/cdn-versioned/solid-components.bundle.js +21 -21
  119. package/cdn-versioned/solid-components.css +2 -2
  120. package/cdn-versioned/solid-components.iife.js +21 -21
  121. package/cdn-versioned/solid-components.js +1 -1
  122. package/cdn-versioned/vscode.html-custom-data.json +123 -123
  123. package/cdn-versioned/web-types.json +202 -202
  124. package/dist/chunks/{chunk.7PDAG24K.js → chunk.G2S4374K.js} +2 -2
  125. package/dist/chunks/{chunk.IOAEHG5C.js → chunk.VLYSJHBZ.js} +2 -1
  126. package/dist/components/dialog/dialog.js +1 -1
  127. package/dist/components/drawer/drawer.js +1 -1
  128. package/dist/custom-elements.json +193 -193
  129. package/dist/solid-components.js +2 -2
  130. package/dist/vscode.html-custom-data.json +44 -44
  131. package/dist/web-types.json +67 -67
  132. package/dist-versioned/_components/menu/menu.js +1 -1
  133. package/dist-versioned/_components/menu/menu.styles.js +1 -1
  134. package/dist-versioned/_components/menu-item/menu-item.js +2 -2
  135. package/dist-versioned/chunks/chunk.35D7BDRG.js +2 -2
  136. package/dist-versioned/chunks/chunk.3ORZT34X.js +1 -1
  137. package/dist-versioned/chunks/chunk.4FJAHWKR.js +2 -2
  138. package/dist-versioned/chunks/chunk.5NUL7XZO.js +2 -2
  139. package/dist-versioned/chunks/chunk.64DOW5GT.js +5 -5
  140. package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
  141. package/dist-versioned/chunks/chunk.6KFGIUGJ.js +9 -9
  142. package/dist-versioned/chunks/chunk.6VCNAVH4.js +3 -3
  143. package/dist-versioned/chunks/chunk.6W262L3F.js +8 -8
  144. package/dist-versioned/chunks/chunk.7GIAGNCP.js +5 -5
  145. package/dist-versioned/chunks/chunk.7T42VK6H.js +1 -1
  146. package/dist-versioned/chunks/chunk.A4FCES75.js +2 -2
  147. package/dist-versioned/chunks/chunk.AOWIHO7B.js +1 -1
  148. package/dist-versioned/chunks/chunk.BALWGQRW.js +2 -2
  149. package/dist-versioned/chunks/chunk.BO6G26AO.js +6 -6
  150. package/dist-versioned/chunks/chunk.CJL7IBJC.js +2 -2
  151. package/dist-versioned/chunks/chunk.CKKINYND.js +1 -1
  152. package/dist-versioned/chunks/chunk.CTZX4JSW.js +1 -1
  153. package/dist-versioned/chunks/chunk.DHGILA5W.js +2 -2
  154. package/dist-versioned/chunks/chunk.EZKDJFKX.js +2 -2
  155. package/dist-versioned/chunks/{chunk.7PDAG24K.js → chunk.G2S4374K.js} +3 -3
  156. package/dist-versioned/chunks/chunk.HP5TMUCE.js +11 -11
  157. package/dist-versioned/chunks/chunk.IFVMGJPH.js +14 -14
  158. package/dist-versioned/chunks/chunk.JEZFJKCR.js +2 -2
  159. package/dist-versioned/chunks/chunk.JH33Y6NI.js +3 -3
  160. package/dist-versioned/chunks/chunk.JVH7QA7V.js +2 -2
  161. package/dist-versioned/chunks/chunk.KVKRZJS7.js +3 -3
  162. package/dist-versioned/chunks/chunk.KXI7DQT7.js +5 -5
  163. package/dist-versioned/chunks/chunk.LA5LTAEA.js +1 -1
  164. package/dist-versioned/chunks/chunk.LY4LB7WU.js +5 -5
  165. package/dist-versioned/chunks/chunk.MWFRUUKN.js +2 -2
  166. package/dist-versioned/chunks/chunk.OJPVJA2S.js +1 -1
  167. package/dist-versioned/chunks/chunk.OXCJX3LE.js +6 -6
  168. package/dist-versioned/chunks/chunk.PS2S6VDP.js +1 -1
  169. package/dist-versioned/chunks/chunk.Q7SDLREI.js +3 -3
  170. package/dist-versioned/chunks/chunk.QWW7D2EF.js +3 -3
  171. package/dist-versioned/chunks/chunk.SWZ7YNPJ.js +2 -2
  172. package/dist-versioned/chunks/chunk.TK6PTMFF.js +1 -1
  173. package/dist-versioned/chunks/chunk.TPRFXGPO.js +26 -26
  174. package/dist-versioned/chunks/chunk.TXYWAHFM.js +1 -1
  175. package/dist-versioned/chunks/chunk.TYYOT3JJ.js +13 -13
  176. package/dist-versioned/chunks/chunk.TZPIUQJ5.js +1 -1
  177. package/dist-versioned/chunks/chunk.UHYIMTVH.js +5 -5
  178. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  179. package/dist-versioned/chunks/{chunk.IOAEHG5C.js → chunk.VLYSJHBZ.js} +3 -2
  180. package/dist-versioned/chunks/chunk.W5XT73TK.js +2 -2
  181. package/dist-versioned/chunks/chunk.XHFS2AN7.js +23 -23
  182. package/dist-versioned/chunks/chunk.XLKZYB73.js +1 -1
  183. package/dist-versioned/chunks/chunk.YKFNELUH.js +1 -1
  184. package/dist-versioned/chunks/chunk.ZDKRIMUK.js +5 -5
  185. package/dist-versioned/chunks/chunk.ZE3C43AX.js +4 -4
  186. package/dist-versioned/chunks/chunk.ZEC66JCL.js +2 -2
  187. package/dist-versioned/chunks/chunk.ZQJKVTOP.js +1 -1
  188. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  189. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  190. package/dist-versioned/components/animation/animation.d.ts +1 -1
  191. package/dist-versioned/components/audio/audio.d.ts +1 -1
  192. package/dist-versioned/components/badge/badge.d.ts +1 -1
  193. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  194. package/dist-versioned/components/button/button.d.ts +1 -1
  195. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  196. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  197. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  198. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  199. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  200. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  201. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  202. package/dist-versioned/components/dialog/dialog.js +1 -1
  203. package/dist-versioned/components/divider/divider.d.ts +1 -1
  204. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  205. package/dist-versioned/components/drawer/drawer.js +1 -1
  206. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  207. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  208. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  209. package/dist-versioned/components/header/header.d.ts +1 -1
  210. package/dist-versioned/components/icon/icon.d.ts +1 -1
  211. package/dist-versioned/components/include/include.d.ts +1 -1
  212. package/dist-versioned/components/input/input.d.ts +1 -1
  213. package/dist-versioned/components/link/link.d.ts +1 -1
  214. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  215. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  216. package/dist-versioned/components/notification/notification.d.ts +1 -1
  217. package/dist-versioned/components/optgroup/optgroup.d.ts +2 -2
  218. package/dist-versioned/components/option/option.d.ts +1 -1
  219. package/dist-versioned/components/popup/popup.d.ts +1 -1
  220. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  221. package/dist-versioned/components/radio/radio.d.ts +1 -1
  222. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  223. package/dist-versioned/components/radio-group/radio-group.d.ts +2 -2
  224. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  225. package/dist-versioned/components/select/select.d.ts +1 -1
  226. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  227. package/dist-versioned/components/step/step.d.ts +1 -1
  228. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  229. package/dist-versioned/components/switch/switch.d.ts +1 -1
  230. package/dist-versioned/components/tab/tab.d.ts +1 -1
  231. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  232. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  233. package/dist-versioned/components/tag/tag.d.ts +1 -1
  234. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  235. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  236. package/dist-versioned/components/video/video.d.ts +1 -1
  237. package/dist-versioned/custom-elements.json +401 -401
  238. package/dist-versioned/internal/form.js +3 -3
  239. package/dist-versioned/solid-components.css +2 -2
  240. package/dist-versioned/solid-components.js +2 -2
  241. package/dist-versioned/vscode.html-custom-data.json +123 -123
  242. package/dist-versioned/web-types.json +202 -202
  243. package/package.json +1 -1
  244. package/cdn/chunks/chunk.BXA5EEMV.js +0 -1
  245. package/cdn/chunks/chunk.NXW6WUG6.js +0 -1
  246. package/cdn-versioned/chunks/chunk.BXA5EEMV.js +0 -1
  247. package/cdn-versioned/chunks/chunk.NXW6WUG6.js +0 -1
@@ -1 +1 @@
1
- import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as q}from"./chunks/chunk.SWPBMHJJ.js";import{a as y}from"./chunks/chunk.6XTSQUSU.js";import{a as z}from"./chunks/chunk.OOWV6VHF.js";import{a as J}from"./chunks/chunk.TEZ7TMHP.js";import{a as K}from"./chunks/chunk.VCJR4I23.js";import{a as U}from"./chunks/chunk.I4DEROU2.js";import{a as E}from"./chunks/chunk.BIMWLALI.js";import{a as F}from"./chunks/chunk.WUSKJM2J.js";import{a as H}from"./chunks/chunk.BQZXDBME.js";import{a as L}from"./chunks/chunk.E2R73Z3A.js";import{a as Q}from"./chunks/chunk.MJBA5E3M.js";import{a as V}from"./chunks/chunk.BNX6LX2P.js";import{a as j}from"./chunks/chunk.SITFYVDG.js";import{a as D}from"./chunks/chunk.SWRY3APF.js";import{a as M}from"./chunks/chunk.OJY2KFGF.js";import{a as w}from"./chunks/chunk.KG4OKUP5.js";import{a as R}from"./chunks/chunk.Y2ZOHPE6.js";import{a as v}from"./chunks/chunk.S2O3QV7N.js";import{a as O}from"./chunks/chunk.FZVQZMTE.js";import{a as P}from"./chunks/chunk.7BBRZSXJ.js";import{a as N}from"./chunks/chunk.7HKFHNAX.js";import{a as G}from"./chunks/chunk.SCGOQGTJ.js";import{a as I}from"./chunks/chunk.L47VLLL4.js";import{a as h}from"./chunks/chunk.PEYEID7E.js";import{a as A}from"./chunks/chunk.ILF7UZDH.js";import{a as B}from"./chunks/chunk.VWR74OA4.js";import{a as T}from"./chunks/chunk.F4LOXTZD.js";import{a as g}from"./chunks/chunk.JXBK7LTF.js";import{a as k}from"./chunks/chunk.6Q37IBDM.js";import{a as C}from"./chunks/chunk.UW24BDXV.js";import{a as m}from"./chunks/chunk.AMCTYKOD.js";import"./chunks/chunk.5CK64GWQ.js";import{a as S}from"./chunks/chunk.XIALW4QW.js";import{a as i}from"./chunks/chunk.OZ6M4CAW.js";import{a as s}from"./chunks/chunk.ILRYHVN7.js";import"./chunks/chunk.D7TMPF3D.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as n}from"./chunks/chunk.BXA5EEMV.js";import{a as c}from"./chunks/chunk.TNG3FY3U.js";import{a as b}from"./chunks/chunk.NXW6WUG6.js";import"./chunks/chunk.I6OYJBJI.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as p}from"./chunks/chunk.QKA4RHJ4.js";import{a as u}from"./chunks/chunk.TYH3DD3Z.js";import"./chunks/chunk.C5D2DMXR.js";import{a as x}from"./chunks/chunk.L7GN7UBE.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.EUGX6XW6.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.PEIJ5QII.js";import{a}from"./chunks/chunk.PTJJRTHX.js";import{a as e}from"./chunks/chunk.42FSKXEZ.js";import"./chunks/chunk.A3DKF5BY.js";import"./chunks/chunk.RQYP7MH5.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as f}from"./chunks/chunk.473LHNMV.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.AG6PE353.js";import{a as t}from"./chunks/chunk.DH7VYHZC.js";import{a as r}from"./chunks/chunk.YYZEOF4B.js";import"./chunks/chunk.65NSSTJE.js";import"./chunks/chunk.HE2LNCWW.js";import"./chunks/chunk.6HO6CE4A.js";import"./chunks/chunk.5ZILM4TA.js";import{b as o}from"./chunks/chunk.5YA6WG7I.js";import"./chunks/chunk.SPDB3L7V.js";import{d as W,e as X}from"./chunks/chunk.SNS2IHBI.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.EFLL7VXU.js";import{a as Y}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.LMCE4KKJ.js";import"./chunks/chunk.HEYSBISE.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.26V4EXHB.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.FZLK25RZ.js";import"./chunks/chunk.IRWHG2Q4.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,f as SdAnimation,d as SdAudio,p as SdBadge,u as SdBrandshape,t as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,i as SdCombobox,n as SdDialog,c as SdDivider,b as SdDrawer,T as SdDropdown,g as SdExpandable,k as SdFlipcard,C as SdHeader,o as SdIcon,G as SdInclude,I as SdInput,h as SdLink,A as SdMapMarker,B as SdNavigationItem,D as SdNotification,M as SdOptgroup,w as SdOption,R as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,r as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,s as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};
1
+ import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as q}from"./chunks/chunk.SWPBMHJJ.js";import{a as y}from"./chunks/chunk.6XTSQUSU.js";import{a as z}from"./chunks/chunk.OOWV6VHF.js";import{a as J}from"./chunks/chunk.TEZ7TMHP.js";import{a as K}from"./chunks/chunk.VCJR4I23.js";import{a as U}from"./chunks/chunk.I4DEROU2.js";import{a as E}from"./chunks/chunk.BIMWLALI.js";import{a as F}from"./chunks/chunk.WUSKJM2J.js";import{a as H}from"./chunks/chunk.BQZXDBME.js";import{a as L}from"./chunks/chunk.E2R73Z3A.js";import{a as Q}from"./chunks/chunk.MJBA5E3M.js";import{a as V}from"./chunks/chunk.BNX6LX2P.js";import{a as j}from"./chunks/chunk.SITFYVDG.js";import{a as D}from"./chunks/chunk.SWRY3APF.js";import{a as M}from"./chunks/chunk.OJY2KFGF.js";import{a as w}from"./chunks/chunk.KG4OKUP5.js";import{a as R}from"./chunks/chunk.Y2ZOHPE6.js";import{a as v}from"./chunks/chunk.S2O3QV7N.js";import{a as O}from"./chunks/chunk.FZVQZMTE.js";import{a as P}from"./chunks/chunk.7BBRZSXJ.js";import{a as N}from"./chunks/chunk.7HKFHNAX.js";import{a as G}from"./chunks/chunk.SCGOQGTJ.js";import{a as I}from"./chunks/chunk.L47VLLL4.js";import{a as h}from"./chunks/chunk.PEYEID7E.js";import{a as A}from"./chunks/chunk.ILF7UZDH.js";import{a as B}from"./chunks/chunk.VWR74OA4.js";import{a as T}from"./chunks/chunk.F4LOXTZD.js";import{a as g}from"./chunks/chunk.JXBK7LTF.js";import{a as k}from"./chunks/chunk.6Q37IBDM.js";import{a as C}from"./chunks/chunk.UW24BDXV.js";import{a as m}from"./chunks/chunk.AMCTYKOD.js";import"./chunks/chunk.5CK64GWQ.js";import{a as S}from"./chunks/chunk.XIALW4QW.js";import{a as i}from"./chunks/chunk.OZ6M4CAW.js";import{a as s}from"./chunks/chunk.ILRYHVN7.js";import"./chunks/chunk.D7TMPF3D.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as n}from"./chunks/chunk.3KR2M5X4.js";import{a as c}from"./chunks/chunk.TNG3FY3U.js";import{a as b}from"./chunks/chunk.HWNGDZXC.js";import"./chunks/chunk.I6OYJBJI.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as p}from"./chunks/chunk.QKA4RHJ4.js";import{a as u}from"./chunks/chunk.TYH3DD3Z.js";import"./chunks/chunk.C5D2DMXR.js";import{a as x}from"./chunks/chunk.L7GN7UBE.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.EUGX6XW6.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.PEIJ5QII.js";import{a}from"./chunks/chunk.PTJJRTHX.js";import{a as e}from"./chunks/chunk.42FSKXEZ.js";import"./chunks/chunk.A3DKF5BY.js";import"./chunks/chunk.RQYP7MH5.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as f}from"./chunks/chunk.473LHNMV.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.AG6PE353.js";import{a as t}from"./chunks/chunk.DH7VYHZC.js";import{a as r}from"./chunks/chunk.YYZEOF4B.js";import"./chunks/chunk.65NSSTJE.js";import"./chunks/chunk.HE2LNCWW.js";import"./chunks/chunk.6HO6CE4A.js";import"./chunks/chunk.5ZILM4TA.js";import{b as o}from"./chunks/chunk.5YA6WG7I.js";import"./chunks/chunk.SPDB3L7V.js";import{d as W,e as X}from"./chunks/chunk.SNS2IHBI.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.EFLL7VXU.js";import{a as Y}from"./chunks/chunk.DEXOQON7.js";import"./chunks/chunk.LMCE4KKJ.js";import"./chunks/chunk.HEYSBISE.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.26V4EXHB.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.FZLK25RZ.js";import"./chunks/chunk.IRWHG2Q4.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,f as SdAnimation,d as SdAudio,p as SdBadge,u as SdBrandshape,t as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,i as SdCombobox,n as SdDialog,c as SdDivider,b as SdDrawer,T as SdDropdown,g as SdExpandable,k as SdFlipcard,C as SdHeader,o as SdIcon,G as SdInclude,I as SdInput,h as SdLink,A as SdMapMarker,B as SdNavigationItem,D as SdNotification,M as SdOptgroup,w as SdOption,R as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,r as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,s as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};
@@ -222,6 +222,50 @@
222
222
  }
223
223
  ]
224
224
  },
225
+ {
226
+ "name": "sd-brandshape",
227
+ "description": "The Brandshape highlights a piece of content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The content inside the brandshape.\n- **image** - The image slot for the 'image' variant.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - Middle content wrapper.\n- **shape-top** - Top shape.\n- **shape-middle** - Middle shape.\n- **shape-bottom** - Bottom shape.\n- **stylized-container** - Container for border and image variant.",
228
+ "attributes": [
229
+ {
230
+ "name": "variant",
231
+ "description": "The brandshape's theme variant.",
232
+ "values": [
233
+ { "name": "" },
234
+ { "name": "neutral-100" },
235
+ { "name": "primary" },
236
+ { "name": "white" },
237
+ { "name": "border-primary" },
238
+ { "name": "border-white" },
239
+ { "name": "image" }
240
+ ]
241
+ },
242
+ {
243
+ "name": "shapes",
244
+ "description": "Defines which shapes of the brandshape should be displayed.",
245
+ "values": [
246
+ { "name": "('top'" },
247
+ { "name": "middle" },
248
+ { "name": "'bottom')[]" }
249
+ ]
250
+ },
251
+ {
252
+ "name": "dir",
253
+ "description": "The element's directionality.",
254
+ "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
255
+ },
256
+ {
257
+ "name": "lang",
258
+ "description": "The element's language.",
259
+ "values": []
260
+ }
261
+ ],
262
+ "references": [
263
+ {
264
+ "name": "Documentation",
265
+ "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-brandshape--docs"
266
+ }
267
+ ]
268
+ },
225
269
  {
226
270
  "name": "sd-button",
227
271
  "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.",
@@ -2633,50 +2677,6 @@
2633
2677
  }
2634
2678
  ]
2635
2679
  },
2636
- {
2637
- "name": "sd-brandshape",
2638
- "description": "The Brandshape highlights a piece of content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The content inside the brandshape.\n- **image** - The image slot for the 'image' variant.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - Middle content wrapper.\n- **shape-top** - Top shape.\n- **shape-middle** - Middle shape.\n- **shape-bottom** - Bottom shape.\n- **stylized-container** - Container for border and image variant.",
2639
- "attributes": [
2640
- {
2641
- "name": "variant",
2642
- "description": "The brandshape's theme variant.",
2643
- "values": [
2644
- { "name": "" },
2645
- { "name": "neutral-100" },
2646
- { "name": "primary" },
2647
- { "name": "white" },
2648
- { "name": "border-primary" },
2649
- { "name": "border-white" },
2650
- { "name": "image" }
2651
- ]
2652
- },
2653
- {
2654
- "name": "shapes",
2655
- "description": "Defines which shapes of the brandshape should be displayed.",
2656
- "values": [
2657
- { "name": "('top'" },
2658
- { "name": "middle" },
2659
- { "name": "'bottom')[]" }
2660
- ]
2661
- },
2662
- {
2663
- "name": "dir",
2664
- "description": "The element's directionality.",
2665
- "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
2666
- },
2667
- {
2668
- "name": "lang",
2669
- "description": "The element's language.",
2670
- "values": []
2671
- }
2672
- ],
2673
- "references": [
2674
- {
2675
- "name": "Documentation",
2676
- "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-brandshape--docs"
2677
- }
2678
- ]
2679
- },
2680
2680
  {
2681
2681
  "name": "sd-teaser-media",
2682
2682
  "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **expandable** - An optional expandable slot, <strong>not</strong> shown on small devices.\n- **headline** - headline slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** - The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **expandable** - The container that wraps the expandable.\n- **main** - The container that wraps the main content.",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@solid-design-system/components",
4
- "version": "4.6.9",
4
+ "version": "4.6.11",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -567,6 +567,72 @@
567
567
  "events": []
568
568
  }
569
569
  },
570
+ {
571
+ "name": "sd-brandshape",
572
+ "description": "The Brandshape highlights a piece of content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The content inside the brandshape.\n- **image** - The image slot for the 'image' variant.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - Middle content wrapper.\n- **shape-top** - Top shape.\n- **shape-middle** - Middle shape.\n- **shape-bottom** - Bottom shape.\n- **stylized-container** - Container for border and image variant.",
573
+ "doc-url": "",
574
+ "attributes": [
575
+ {
576
+ "name": "variant",
577
+ "description": "The brandshape's theme variant.",
578
+ "value": {
579
+ "type": "| 'neutral-100'\n | 'primary'\n | 'white'\n | 'border-primary'\n | 'border-white'\n | 'image'",
580
+ "default": "'primary'"
581
+ }
582
+ },
583
+ {
584
+ "name": "shapes",
585
+ "description": "Defines which shapes of the brandshape should be displayed.",
586
+ "value": {
587
+ "type": "('top' | 'middle' | 'bottom')[]",
588
+ "default": "['top', 'middle', 'bottom']"
589
+ }
590
+ },
591
+ {
592
+ "name": "dir",
593
+ "description": "The element's directionality.",
594
+ "value": { "type": "'ltr' | 'rtl' | 'auto'" }
595
+ },
596
+ {
597
+ "name": "lang",
598
+ "description": "The element's language.",
599
+ "value": { "type": "string" }
600
+ }
601
+ ],
602
+ "slots": [
603
+ { "name": "", "description": "The content inside the brandshape." },
604
+ {
605
+ "name": "image",
606
+ "description": "The image slot for the 'image' variant."
607
+ }
608
+ ],
609
+ "events": [],
610
+ "js": {
611
+ "properties": [
612
+ {
613
+ "name": "variant",
614
+ "description": "The brandshape's theme variant.",
615
+ "type": "| 'neutral-100'\n | 'primary'\n | 'white'\n | 'border-primary'\n | 'border-white'\n | 'image'"
616
+ },
617
+ {
618
+ "name": "shapes",
619
+ "description": "Defines which shapes of the brandshape should be displayed.",
620
+ "type": "('top' | 'middle' | 'bottom')[]"
621
+ },
622
+ {
623
+ "name": "dir",
624
+ "description": "The element's directionality.",
625
+ "type": "'ltr' | 'rtl' | 'auto'"
626
+ },
627
+ {
628
+ "name": "lang",
629
+ "description": "The element's language.",
630
+ "type": "string"
631
+ }
632
+ ],
633
+ "events": []
634
+ }
635
+ },
570
636
  {
571
637
  "name": "sd-button",
572
638
  "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.",
@@ -6051,72 +6117,6 @@
6051
6117
  "events": []
6052
6118
  }
6053
6119
  },
6054
- {
6055
- "name": "sd-brandshape",
6056
- "description": "The Brandshape highlights a piece of content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The content inside the brandshape.\n- **image** - The image slot for the 'image' variant.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - Middle content wrapper.\n- **shape-top** - Top shape.\n- **shape-middle** - Middle shape.\n- **shape-bottom** - Bottom shape.\n- **stylized-container** - Container for border and image variant.",
6057
- "doc-url": "",
6058
- "attributes": [
6059
- {
6060
- "name": "variant",
6061
- "description": "The brandshape's theme variant.",
6062
- "value": {
6063
- "type": "| 'neutral-100'\n | 'primary'\n | 'white'\n | 'border-primary'\n | 'border-white'\n | 'image'",
6064
- "default": "'primary'"
6065
- }
6066
- },
6067
- {
6068
- "name": "shapes",
6069
- "description": "Defines which shapes of the brandshape should be displayed.",
6070
- "value": {
6071
- "type": "('top' | 'middle' | 'bottom')[]",
6072
- "default": "['top', 'middle', 'bottom']"
6073
- }
6074
- },
6075
- {
6076
- "name": "dir",
6077
- "description": "The element's directionality.",
6078
- "value": { "type": "'ltr' | 'rtl' | 'auto'" }
6079
- },
6080
- {
6081
- "name": "lang",
6082
- "description": "The element's language.",
6083
- "value": { "type": "string" }
6084
- }
6085
- ],
6086
- "slots": [
6087
- { "name": "", "description": "The content inside the brandshape." },
6088
- {
6089
- "name": "image",
6090
- "description": "The image slot for the 'image' variant."
6091
- }
6092
- ],
6093
- "events": [],
6094
- "js": {
6095
- "properties": [
6096
- {
6097
- "name": "variant",
6098
- "description": "The brandshape's theme variant.",
6099
- "type": "| 'neutral-100'\n | 'primary'\n | 'white'\n | 'border-primary'\n | 'border-white'\n | 'image'"
6100
- },
6101
- {
6102
- "name": "shapes",
6103
- "description": "Defines which shapes of the brandshape should be displayed.",
6104
- "type": "('top' | 'middle' | 'bottom')[]"
6105
- },
6106
- {
6107
- "name": "dir",
6108
- "description": "The element's directionality.",
6109
- "type": "'ltr' | 'rtl' | 'auto'"
6110
- },
6111
- {
6112
- "name": "lang",
6113
- "description": "The element's language.",
6114
- "type": "string"
6115
- }
6116
- ],
6117
- "events": []
6118
- }
6119
- },
6120
6120
  {
6121
6121
  "name": "sd-teaser-media",
6122
6122
  "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **expandable** - An optional expandable slot, <strong>not</strong> shown on small devices.\n- **headline** - headline slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** - The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **expandable** - The container that wraps the expandable.\n- **main** - The container that wraps the main content.",
@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
32
32
  if (item.type === 'checkbox') {
33
33
  item.checked = !item.checked;
34
34
  }
35
- this.emit('sd-4-6-9-select', { detail: { item } });
35
+ this.emit('sd-4-6-11-select', { detail: { item } });
36
36
  }
37
37
  handleKeyDown(event) {
38
38
  if (event.key === 'Enter') {
@@ -11,7 +11,7 @@ export default css `
11
11
  overscroll-behavior: none;
12
12
  }
13
13
 
14
- ::slotted(sd-4-6-9-divider) {
14
+ ::slotted(sd-4-6-11-divider) {
15
15
  --spacing: var(--sd-spacing-x-small);
16
16
  }
17
17
  `;
@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
74
74
  })}
75
75
  >
76
76
  <span part="checked-icon" class="menu-item__check">
77
- <sd-4-6-9-icon name="check" library="system" aria-hidden="true"></sd-4-6-9-icon>
77
+ <sd-4-6-11-icon name="check" library="system" aria-hidden="true"></sd-4-6-11-icon>
78
78
  </span>
79
79
 
80
80
  <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
84
84
  <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
85
85
 
86
86
  <span class="menu-item__chevron">
87
- <sd-4-6-9-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-9-icon>
87
+ <sd-4-6-11-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-6-11-icon>
88
88
  </span>
89
89
  </div>
90
90
  `;
@@ -0,0 +1 @@
1
+ import{a as C,b as E}from"./chunk.I6OYJBJI.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as l,c as r}from"./chunk.A3DKF5BY.js";import{a,d}from"./chunk.RQYP7MH5.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as u}from"./chunk.HE2LNCWW.js";import{a as k}from"./chunk.6HO6CE4A.js";import{a as x}from"./chunk.DEXOQON7.js";import{a as c}from"./chunk.26V4EXHB.js";import{a as w}from"./chunk.E2DRD2OX.js";import{a as g,b as h,d as p,h as m}from"./chunk.FZLK25RZ.js";import{b,e as n}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var t=class extends m{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new E(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});a(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=C(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let s=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([a(this.panel,s.keyframes,s.options),a(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),s=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([a(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),a(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,f(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,f(this,"sd-after-hide")}render(){return n`<div part="base" class="${c("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 bg-primary-800 opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${c("flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${u(this.headline?this.headline:void 0)}" aria-labelledby="${u(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-4-6-11-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${c("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-4-6-11-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-4-6-11-icon></sd-4-6-11-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...m.styles,b`:host{--width:662px}[part=panel]{max-height:80vh;width:var(--width)}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([p('[part="base"]')],t.prototype,"dialog",2),o([p('[part="panel"]')],t.prototype,"panel",2),o([p('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([w("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([g("sd-4-6-11-dialog")],t);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};
@@ -1 +1 @@
1
- import{a as p,c as m}from"./chunk.A3DKF5BY.js";import{a as h,d,e as c}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{b as w}from"./chunk.5ZILM4TA.js";import{a as g}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as y,b as n,d as a,h as l}from"./chunk.FZLK25RZ.js";import{b as f}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends l{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let s of e)s.type==="attributes"&&s.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:s,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await h(this.body,c(s,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:s,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await h(this.body,c(s,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-y border-neutral-400"><summary part="header" id="header" class="${o("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary hover:bg-neutral-200 relative group")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${o(!this.open&&"opacity-0","w-1 bg-accent absolute left-0 transition-all h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${o("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${o(this.open&&"hidden")}"><sd-4-6-9-icon library="system" name="chevron-down"></sd-4-6-9-icon></slot><slot name="collapse-icon" class="${o(!this.open&&"hidden")}"><sd-4-6-9-icon library="system" name="chevron-down"></sd-4-6-9-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...l.styles,f`:host{display:block}[part=header]::-webkit-details-marker{display:none}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-4-6-9-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});export{t as a};
1
+ import{a as p,c as m}from"./chunk.A3DKF5BY.js";import{a as h,d,e as c}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{b as w}from"./chunk.5ZILM4TA.js";import{a as g}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as y,b as n,d as a,h as l}from"./chunk.FZLK25RZ.js";import{b as f}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends l{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let s of e)s.type==="attributes"&&s.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:s,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await h(this.body,c(s,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:s,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await h(this.body,c(s,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-y border-neutral-400"><summary part="header" id="header" class="${o("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary hover:bg-neutral-200 relative group")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${o(!this.open&&"opacity-0","w-1 bg-accent absolute left-0 transition-all h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${o("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${o(this.open&&"hidden")}"><sd-4-6-11-icon library="system" name="chevron-down"></sd-4-6-11-icon></slot><slot name="collapse-icon" class="${o(!this.open&&"hidden")}"><sd-4-6-11-icon library="system" name="chevron-down"></sd-4-6-11-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...l.styles,f`:host{display:block}[part=header]::-webkit-details-marker{display:none}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-4-6-11-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});export{t as a};
@@ -1 +1 @@
1
- import{a as l}from"./chunk.XR2KNB36.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as y,b as a,f,h as r}from"./chunk.FZLK25RZ.js";import{b as c,e as d}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-4-6-9-animation")],t);export{t as a};
1
+ import{a as l}from"./chunk.XR2KNB36.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as y,b as a,f,h as r}from"./chunk.FZLK25RZ.js";import{b as c,e as d}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-4-6-11-animation")],t);export{t as a};
@@ -1,4 +1,4 @@
1
- import{a as k,b as l,c as H}from"./chunk.SPDB3L7V.js";import{a as T,b as L,c as u}from"./chunk.SNS2IHBI.js";import{a as M}from"./chunk.TWZDCIM2.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as x,b as o,c as C,h as f}from"./chunk.FZLK25RZ.js";import{b,e as y,h as w,i as m}from"./chunk.IRWHG2Q4.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends H{constructor(e){if(super(e),this.it=m,e.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===w)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var N=l(i);var a=class extends i{};a.directiveName="unsafeSVG",a.resultType=2;var A=l(a);var d,t=class extends f{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),T(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),L(this)}getUrl(){let r=u(this.library);return this.name&&r?r.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var v;let r=u(this.library),n=this.getUrl();if(d||(d=new DOMParser),n)try{let c=await M(n);if(n===this.getUrl())if(c.ok){let h=d.parseFromString(c.svg,"text/html").body.querySelector("svg");h!==null?((v=r==null?void 0:r.mutator)==null||v.call(r,h),this.svg=h.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(c){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return y`${A(this.svg)}`}};t.styles=[...f.styles,b`:host{box-sizing:content-box!important;display:inline-block;height:1em;width:1em}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}:host([color=white]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}`],s([C()],t.prototype,"svg",2),s([o({reflect:!0})],t.prototype,"name",2),s([o()],t.prototype,"src",2),s([o()],t.prototype,"label",2),s([o({reflect:!0})],t.prototype,"library",2),s([o({reflect:!0})],t.prototype,"color",2),s([p("label")],t.prototype,"handleLabelChange",1),s([p(["name","src","library"])],t.prototype,"setIcon",1),t=s([x("sd-4-6-9-icon")],t);export{N as a,t as b};
1
+ import{a as k,b as l,c as H}from"./chunk.SPDB3L7V.js";import{a as T,b as L,c as u}from"./chunk.SNS2IHBI.js";import{a as M}from"./chunk.TWZDCIM2.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as x,b as o,c as C,h as f}from"./chunk.FZLK25RZ.js";import{b,e as y,h as w,i as m}from"./chunk.IRWHG2Q4.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends H{constructor(e){if(super(e),this.it=m,e.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===w)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var N=l(i);var a=class extends i{};a.directiveName="unsafeSVG",a.resultType=2;var A=l(a);var d,t=class extends f{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),T(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),L(this)}getUrl(){let r=u(this.library);return this.name&&r?r.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var v;let r=u(this.library),n=this.getUrl();if(d||(d=new DOMParser),n)try{let c=await M(n);if(n===this.getUrl())if(c.ok){let h=d.parseFromString(c.svg,"text/html").body.querySelector("svg");h!==null?((v=r==null?void 0:r.mutator)==null||v.call(r,h),this.svg=h.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(c){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return y`${A(this.svg)}`}};t.styles=[...f.styles,b`:host{box-sizing:content-box!important;display:inline-block;height:1em;width:1em}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}:host([color=white]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}`],s([C()],t.prototype,"svg",2),s([o({reflect:!0})],t.prototype,"name",2),s([o()],t.prototype,"src",2),s([o()],t.prototype,"label",2),s([o({reflect:!0})],t.prototype,"library",2),s([o({reflect:!0})],t.prototype,"color",2),s([p("label")],t.prototype,"handleLabelChange",1),s([p(["name","src","library"])],t.prototype,"setIcon",1),t=s([x("sd-4-6-11-icon")],t);export{N as a,t as b};
2
2
  /*! Bundled license information:
3
3
 
4
4
  lit-html/directives/unsafe-html.js:
@@ -1 +1 @@
1
- import{e as p}from"./chunk.IRWHG2Q4.js";import{a as l,b as m}from"./chunk.TJOCV4DC.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-4-6-9-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-4-6-9-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-4-6-9-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(){return p`<div id="invalid-message" class="text-error text-sm mt-2 text-left" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
1
+ import{e as p}from"./chunk.IRWHG2Q4.js";import{a as l,b as m}from"./chunk.TJOCV4DC.js";var a=new WeakMap,n=new WeakMap,c=new WeakMap,d=new WeakMap,v=class{constructor(t,e){this.handleFormData=t=>{let e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s=this.host.tagName.toLowerCase()==="sd-4-6-11-button";!e&&!s&&typeof o=="string"&&o.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(r=>{t.formData.append(o,r.toString())}):t.formData.append(o,i.toString()))};this.handleFormSubmit=t=>{var i,s;let e=this.options.disabled(this.host),o=this.options.reportValidity;if(this.form&&!this.form.noValidate&&((i=a.get(this.form))==null||i.forEach(r=>{this.setUserInteracted(r,!0)})),this.form&&!this.form.noValidate&&!e&&!o(this.host)){t.preventDefault(),t.stopImmediatePropagation();let r=(s=this.form)==null?void 0:s.querySelectorAll("[data-invalid]");Array.from(r).filter(h=>h.tagName.toLowerCase()==="sd-4-6-11-radio-group").forEach(h=>{var f,u;(u=(f=h.shadowRoot)==null?void 0:f.querySelector("input"))==null||u.dispatchEvent(new Event("invalid"))}),r!=null&&r.length&&r[0].focus()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),d.set(this.host,[])};this.handleInteraction=t=>{let e=d.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)};this.fakeUserInteraction=()=>{this.setUserInteracted(this.host,!0)};(this.host=t).addController(this),this.options=l({form:o=>{if(o.hasAttribute("form")&&o.getAttribute("form")!==""){let i=o.getRootNode(),s=o.getAttribute("form");if(s)return i.getElementById(s)}return o.closest("form")},name:o=>o.name,value:o=>o.value,defaultValue:o=>o.defaultValue,disabled:o=>{var i;return(i=o.disabled)!=null?i:!1},reportValidity:o=>typeof o.reportValidity=="function"?o.reportValidity():!0,setValue:(o,i)=>o.value=i,assumeInteractionOn:["sd-4-6-11-input"]},e)}hostConnected(){let t=this.options.form(this.host);t&&this.attachForm(t),d.set(this.host,[]),this.options.assumeInteractionOn.forEach(e=>{this.host.addEventListener(e,this.handleInteraction)})}hostDisconnected(){this.detachForm(),d.delete(this.host),this.options.assumeInteractionOn.forEach(t=>{this.host.removeEventListener(t,this.handleInteraction)})}hostUpdated(){var e;let t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&(this.setValidity((e=this.host)==null?void 0:e.validity.valid),this.updateValidityStyle())}attachForm(t){t?(this.form=t,a.has(this.form)?a.get(this.form).add(this.host):a.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),n.has(this.form)||(n.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&((t=a.get(this.form))==null||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),n.has(this.form)&&(this.form.reportValidity=n.get(this.form),n.delete(this.form))),this.form=void 0}reportFormValidity(){if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let e of t)if(typeof e.reportValidity=="function"&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){let o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(i=>{e.hasAttribute(i)&&o.setAttribute(i,e.getAttribute(i))})),this.form.append(o),o.click(),o.remove()}}updateValidityStyle(){this.host.hasAttribute("data-user-valid")&&this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!0),this.host.showInvalidStyle=!1):this.host.hasAttribute("data-user-invalid")&&!this.host.checkValidity()?(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!0):(this.host.showValidStyle!==void 0&&(this.host.showValidStyle=!1),this.host.showInvalidStyle=!1)}getForm(){var t;return(t=this.form)!=null?t:null}renderInvalidMessage(){return p`<div id="invalid-message" class="text-error text-sm mt-2 text-left" part="invalid-message" aria-live="polite" ?hidden="${!this.host.showInvalidStyle}"></div>`}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var s;let e=this.host,o=!!c.get(e),i=!!e.required;(s=this.form)!=null&&s.noValidate?(e.removeAttribute("data-required"),e.removeAttribute("data-optional"),e.removeAttribute("data-invalid"),e.removeAttribute("data-valid"),e.removeAttribute("data-user-invalid"),e.removeAttribute("data-user-valid"),e.removeAttribute("aria-invalid")):(e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o),e.setAttribute("aria-invalid",(!t).toString()))}updateValidity(){let t=this.host;this.setValidity(t==null?void 0:t.validity.valid)}emitInvalidEvent(t){t==null||t.preventDefault();let e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault()}},y=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),F=Object.freeze(m(l({},y),{valid:!1,valueMissing:!0})),V=Object.freeze(m(l({},y),{valid:!1,customError:!0}));export{a,v as b,y as c,F as d,V as e};
@@ -1 +1 @@
1
- import{a as s}from"./chunk.HE2LNCWW.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.FZLK25RZ.js";import{b as l,e as d}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${r("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${s(this.activeSide==="back"||void 0)}" class="${r("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${r("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${r("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"><slot name="front"></slot></div><div part="front-secondary-gradient" class="${r("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-4-6-9-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${r("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-4-6-9-icon library="system" name="reload" label="Flip to Back"></sd-4-6-9-icon></sd-4-6-9-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${s(this.activeSide==="front"||void 0)}" class="${r("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${r("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${r("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${r("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-4-6-9-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${r("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-4-6-9-icon library="system" name="reload" label="Flip to Front"></sd-4-6-9-icon></sd-4-6-9-button></div></div>`}};t.styles=[...n.styles,l`:host{aspect-ratio:3/4;display:block;--name:"";--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}`],i([o('[part="front"]')],t.prototype,"front",2),i([o('[part="back"]')],t.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],t.prototype,"flipDirection",2),i([e({reflect:!0})],t.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],t.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],t.prototype,"backVariant",2),i([m()],t.prototype,"activeSide",2),t=i([c("sd-4-6-9-flipcard")],t);export{t as a};
1
+ import{a as s}from"./chunk.HE2LNCWW.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.FZLK25RZ.js";import{b as l,e as d}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.flipDirection="horizontal";this.placement="top";this.frontVariant="primary";this.backVariant="primary";this.activeSide="front"}connectedCallback(){super.connectedCallback()}flipFront(){this.activeSide="back",this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),setTimeout(()=>{this.back.focus()})}flipBack(){this.activeSide="front",this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),setTimeout(()=>{this.front.focus()})}handleFrontKeydown(a){a.code==="Enter"&&this.front===a.target&&this.flipFront()}handleBackKeydown(a){a.code==="Enter"&&this.back===a.target&&this.flipBack()}render(){return d`<div part="base" class="${r("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${s(this.activeSide==="back"||void 0)}" class="${r("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.frontVariant==="primary"&&"bg-primary",this.frontVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-front" class="${r("absolute h-full w-full -z-20",(this.frontVariant==="primary"||this.frontVariant==="primary-100")&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${r("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"><slot name="front"></slot></div><div part="front-secondary-gradient" class="${r("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.frontVariant])}"></div><sd-4-6-11-button part="front-button" size="md" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.frontVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.frontVariant]}" class="${r("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-4-6-11-icon library="system" name="reload" label="Flip to Back"></sd-4-6-11-icon></sd-4-6-11-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${s(this.activeSide==="front"||void 0)}" class="${r("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left",this.backVariant==="primary"&&"bg-primary",this.backVariant==="primary-100"&&"bg-primary-100",this.placement==="top"?"flex-col":"flex-col-reverse",this.flipDirection==="vertical"&&"vertical")}"><div part="media-back" class="${r("absolute h-full w-full -z-20",(this.backVariant==="primary"||this.backVariant==="primary-100")&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${r("flex",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.backVariant],{primary:"","primary-100":"","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/75 to-white/60":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/75 to-primary-800/60":"bg-gradient-to-b from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${r("flip-card__gradient",{primary:"mb-auto","primary-100":"mb-auto","gradient-light":this.placement==="top"?"bg-gradient-to-b from-white/60 to-white/0 mb-auto":"bg-gradient-to-t from-white/60 to-white/0 mt-auto","gradient-dark":this.placement==="bottom"?"bg-gradient-to-t from-primary-800/60 to-primary-800/0 mt-auto":"bg-gradient-to-b from-primary-800/60 to-primary-800/0 mb-auto"}[this.backVariant])}"></div><sd-4-6-11-button size="md" part="back-button" variant="${{primary:"tertiary","primary-100":"tertiary","gradient-light":"primary","gradient-dark":"primary"}[this.backVariant]}" ?inverted="${{primary:!0,"primary-100":!1,"gradient-light":!0,"gradient-dark":!0}[this.backVariant]}" class="${r("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-4-6-11-icon library="system" name="reload" label="Flip to Front"></sd-4-6-11-icon></sd-4-6-11-button></div></div>`}};t.styles=[...n.styles,l`:host{aspect-ratio:3/4;display:block;--name:"";--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}`],i([o('[part="front"]')],t.prototype,"front",2),i([o('[part="back"]')],t.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],t.prototype,"flipDirection",2),i([e({reflect:!0})],t.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],t.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],t.prototype,"backVariant",2),i([m()],t.prototype,"activeSide",2),t=i([c("sd-4-6-11-flipcard")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as p}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as h,b as a,c as d,d as m,h as o}from"./chunk.FZLK25RZ.js";import{b as l,e as n}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(e){super.updated(e),e.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let e=this.variant==="white border-neutral-400"||this.inset,s={"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")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&e&&"py-8 px-10")}" part="base"><div part="media" id="media" aria-hidden="true" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r(!e&&this._orientation==="vertical"&&"mb-4",!s["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]")}"><slot name="media"></slot></div><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${e?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&e&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><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",!s["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!s["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="media"><slot></slot></div></div></div>`}};t.styles=[...o.styles,l`: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}`],i([a({type:String,reflect:!0})],t.prototype,"variant",2),i([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),i([m('[part="base"]')],t.prototype,"teaser",2),i([d()],t.prototype,"_orientation",2),t=i([h("sd-4-6-9-teaser")],t);export{t as a};
1
+ import{a as p}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as h,b as a,c as d,d as m,h as o}from"./chunk.FZLK25RZ.js";import{b as l,e as n}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(e){super.updated(e),e.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let e=this.variant==="white border-neutral-400"||this.inset,s={"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")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&e&&"py-8 px-10")}" part="base"><div part="media" id="media" aria-hidden="true" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r(!e&&this._orientation==="vertical"&&"mb-4",!s["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]")}"><slot name="media"></slot></div><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${e?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&e&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><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",!s["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!s["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="media"><slot></slot></div></div></div>`}};t.styles=[...o.styles,l`: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}`],i([a({type:String,reflect:!0})],t.prototype,"variant",2),i([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),i([m('[part="base"]')],t.prototype,"teaser",2),i([d()],t.prototype,"_orientation",2),t=i([h("sd-4-6-11-teaser")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as k}from"./chunk.7HKFHNAX.js";import{a as w}from"./chunk.C5D2DMXR.js";import{b,c as C,d as x,e as E}from"./chunk.65NSSTJE.js";import{a as V}from"./chunk.6HO6CE4A.js";import{a as u}from"./chunk.26V4EXHB.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as y,b as r,c,d as m,h as p}from"./chunk.FZLK25RZ.js";import{b as v,e as h}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var s=class extends p{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new V(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?E:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-4-6-9-radio, sd-4-6-9-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-4-6-9-radio, sd-4-6-9-radio-button"),a=this.getAllRadios(),i=this.value;e.disabled||(this.value=e.value,a.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(d=>!d.disabled),a=(g=e.find(d=>d.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(a)+i;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(d=>{d.checked=!1,this.hasButtonGroup||(d.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),a=t.find(i=>i.checked)||t[0];a&&a.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,a;let t=this.getAllRadios();if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof k&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-4-6-9-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-4-6-9-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-4-6-9-radio")&&customElements.get("sd-4-6-9-radio-button")){this.syncRadioElements();return}customElements.get("sd-4-6-9-radio")?this.syncRadioElements():customElements.whenDefined("sd-4-6-9-radio").then(()=>this.syncRadios()),customElements.get("sd-4-6-9-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-4-6-9-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=h`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return h`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message">${e||n?h`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 leading-normal text-black text-left",e?"flex":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?h`<sd-4-6-9-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-4-6-9-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};s.dependencies={"sd-4-6-9-button-group":w},s.styles=[...p.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-4-6-9-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-4-6-9-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-4-6-9-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-4-6-9-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-6-9-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-6-9-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:Boolean,reflect:!0})],s.prototype,"boldLabel",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([f("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([f("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([f("value")],s.prototype,"handleValueChange",1),s=o([y("sd-4-6-9-radio-group")],s);export{s as a};
1
+ import{a as k}from"./chunk.7HKFHNAX.js";import{a as w}from"./chunk.C5D2DMXR.js";import{b,c as C,d as x,e as E}from"./chunk.65NSSTJE.js";import{a as V}from"./chunk.6HO6CE4A.js";import{a as u}from"./chunk.26V4EXHB.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as y,b as r,c,d as m,h as p}from"./chunk.FZLK25RZ.js";import{b as v,e as h}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var s=class extends p{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new V(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?E:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-4-6-11-radio, sd-4-6-11-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-4-6-11-radio, sd-4-6-11-radio-button"),a=this.getAllRadios(),i=this.value;e.disabled||(this.value=e.value,a.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(d=>!d.disabled),a=(g=e.find(d=>d.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(a)+i;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(d=>{d.checked=!1,this.hasButtonGroup||(d.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),a=t.find(i=>i.checked)||t[0];a&&a.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,a;let t=this.getAllRadios();if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof k&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-4-6-11-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-4-6-11-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-4-6-11-radio")&&customElements.get("sd-4-6-11-radio-button")){this.syncRadioElements();return}customElements.get("sd-4-6-11-radio")?this.syncRadioElements():customElements.whenDefined("sd-4-6-11-radio").then(()=>this.syncRadios()),customElements.get("sd-4-6-11-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-4-6-11-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=h`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return h`<fieldset part="form-control" class="${u("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message">${e||n?h`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 leading-normal text-black text-left",e?"flex":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${u("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?h`<sd-4-6-11-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-4-6-11-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${u("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};s.dependencies={"sd-4-6-11-button-group":w},s.styles=[...p.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-4-6-11-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-4-6-11-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-4-6-11-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-4-6-11-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-6-11-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-6-11-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([c()],s.prototype,"hasButtonGroup",2),o([c()],s.prototype,"defaultValue",2),o([c()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:Boolean,reflect:!0})],s.prototype,"boldLabel",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([f("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([f("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([f("value")],s.prototype,"handleValueChange",1),s=o([y("sd-4-6-11-radio-group")],s);export{s as a};
@@ -1 +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 r,h as n}from"./chunk.FZLK25RZ.js";import{b as h,e as l}from"./chunk.IRWHG2Q4.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 l`<span part="base" class="${i("sd-4-6-9-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?l`<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),:host([visually-disabled]:focus-visible) [part=control--checked],:host([visually-disabled]:focus-visible) [part=control--unchecked]{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([r()],e.prototype,"checked",2),t([r()],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-4-6-9-radio")],e);export{e as a};
1
+ import{a as i}from"./chunk.26V4EXHB.js";import{a}from"./chunk.E2DRD2OX.js";import{a as o,b as s,c as r,h as n}from"./chunk.FZLK25RZ.js";import{b as h,e as l}from"./chunk.IRWHG2Q4.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 l`<span part="base" class="${i("sd-4-6-11-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?l`<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),:host([visually-disabled]:focus-visible) [part=control--checked],:host([visually-disabled]:focus-visible) [part=control--unchecked]{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([r()],e.prototype,"checked",2),t([r()],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-4-6-11-radio")],e);export{e as a};