@solid-design-system/components 7.0.1 → 7.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (282) hide show
  1. package/cdn/chunks/{chunk.Q3DFVGEW.js → chunk.37JCS2XH.js} +1 -1
  2. package/cdn/chunks/{chunk.HWX5X5EX.js → chunk.7OG7ICBB.js} +1 -1
  3. package/cdn/components/combobox/combobox.js +1 -1
  4. package/cdn/components/datepicker/datepicker.js +1 -1
  5. package/cdn/custom-elements.json +458 -458
  6. package/cdn/solid-components.bundle.js +2 -2
  7. package/cdn/solid-components.iife.js +2 -2
  8. package/cdn/solid-components.js +1 -1
  9. package/cdn/vscode.html-custom-data.json +52 -52
  10. package/cdn/web-types.json +109 -109
  11. package/cdn-versioned/chunks/chunk.2C3UQTSS.js +2 -2
  12. package/cdn-versioned/chunks/chunk.2O3FM7UB.js +2 -2
  13. package/cdn-versioned/chunks/chunk.35XPUMS2.js +1 -1
  14. package/cdn-versioned/chunks/{chunk.Q3DFVGEW.js → chunk.37JCS2XH.js} +5 -5
  15. package/cdn-versioned/chunks/chunk.3IZUMERL.js +2 -2
  16. package/cdn-versioned/chunks/chunk.3RIAU3TH.js +3 -3
  17. package/cdn-versioned/chunks/chunk.4GA43M6X.js +2 -2
  18. package/cdn-versioned/chunks/chunk.4QTJXGRR.js +2 -2
  19. package/cdn-versioned/chunks/chunk.5SQTIWWY.js +2 -2
  20. package/cdn-versioned/chunks/{chunk.HWX5X5EX.js → chunk.7OG7ICBB.js} +2 -2
  21. package/cdn-versioned/chunks/chunk.ADVB3FPU.js +2 -2
  22. package/cdn-versioned/chunks/chunk.AJGTKHU5.js +2 -2
  23. package/cdn-versioned/chunks/chunk.C37LGAL3.js +2 -2
  24. package/cdn-versioned/chunks/chunk.CGMKBGJU.js +2 -2
  25. package/cdn-versioned/chunks/chunk.CQNFI34K.js +2 -2
  26. package/cdn-versioned/chunks/chunk.DCAJAXUP.js +2 -2
  27. package/cdn-versioned/chunks/chunk.DS2MKMMN.js +3 -3
  28. package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
  29. package/cdn-versioned/chunks/chunk.GA3PWYR4.js +2 -2
  30. package/cdn-versioned/chunks/chunk.HNBY226D.js +1 -1
  31. package/cdn-versioned/chunks/chunk.HY624TPC.js +2 -2
  32. package/cdn-versioned/chunks/chunk.I7OVY27Y.js +10 -10
  33. package/cdn-versioned/chunks/chunk.IFLRUJCI.js +2 -2
  34. package/cdn-versioned/chunks/chunk.IQBZ7GRB.js +2 -2
  35. package/cdn-versioned/chunks/chunk.J45556RK.js +1 -1
  36. package/cdn-versioned/chunks/chunk.JMX6KLDZ.js +2 -2
  37. package/cdn-versioned/chunks/chunk.KE2YEQDL.js +2 -2
  38. package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
  39. package/cdn-versioned/chunks/chunk.MR54F6CV.js +2 -2
  40. package/cdn-versioned/chunks/chunk.MYPRMCUO.js +1 -1
  41. package/cdn-versioned/chunks/chunk.N4L76IWF.js +1 -1
  42. package/cdn-versioned/chunks/chunk.NGU7NO3O.js +5 -5
  43. package/cdn-versioned/chunks/chunk.NJKSWXOS.js +2 -2
  44. package/cdn-versioned/chunks/chunk.NOP4DTP2.js +2 -2
  45. package/cdn-versioned/chunks/chunk.OOIX4OAP.js +2 -2
  46. package/cdn-versioned/chunks/chunk.P7GMFHO5.js +1 -1
  47. package/cdn-versioned/chunks/chunk.PCXVXYU2.js +2 -2
  48. package/cdn-versioned/chunks/chunk.PFPUD5HR.js +2 -2
  49. package/cdn-versioned/chunks/chunk.PKCNX4R2.js +2 -2
  50. package/cdn-versioned/chunks/chunk.PQW77KHE.js +2 -2
  51. package/cdn-versioned/chunks/chunk.PURR56D5.js +2 -2
  52. package/cdn-versioned/chunks/chunk.Q63S2Z2M.js +2 -2
  53. package/cdn-versioned/chunks/chunk.QK3WCIP5.js +2 -2
  54. package/cdn-versioned/chunks/chunk.RHC6WZ6V.js +2 -2
  55. package/cdn-versioned/chunks/chunk.RRJCCIDH.js +1 -1
  56. package/cdn-versioned/chunks/chunk.SPL6VR5S.js +2 -2
  57. package/cdn-versioned/chunks/chunk.SSE7T5OF.js +2 -2
  58. package/cdn-versioned/chunks/chunk.SZNU4NHI.js +1 -1
  59. package/cdn-versioned/chunks/chunk.T7I5MFNS.js +2 -2
  60. package/cdn-versioned/chunks/chunk.TIMZJKMF.js +2 -2
  61. package/cdn-versioned/chunks/chunk.TX5WPWH2.js +2 -2
  62. package/cdn-versioned/chunks/chunk.UI3ZVKSU.js +2 -2
  63. package/cdn-versioned/chunks/chunk.V6IM4GAA.js +2 -2
  64. package/cdn-versioned/chunks/chunk.VPBXFCBA.js +2 -2
  65. package/cdn-versioned/chunks/chunk.VSX5LY2D.js +2 -2
  66. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  67. package/cdn-versioned/chunks/chunk.WL6NNNG5.js +2 -2
  68. package/cdn-versioned/chunks/chunk.WQZWYMH3.js +1 -1
  69. package/cdn-versioned/chunks/chunk.WUXX2P2S.js +2 -2
  70. package/cdn-versioned/chunks/chunk.XGVG7F7T.js +2 -2
  71. package/cdn-versioned/chunks/chunk.XHYIXZF4.js +2 -2
  72. package/cdn-versioned/chunks/chunk.XZ5JTM6K.js +2 -2
  73. package/cdn-versioned/chunks/chunk.Y4ZS3BWH.js +2 -2
  74. package/cdn-versioned/chunks/chunk.YUDSN6HJ.js +3 -3
  75. package/cdn-versioned/chunks/chunk.Z2M7BQV5.js +2 -2
  76. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  77. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  78. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  79. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  80. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  81. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  82. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  83. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  84. package/cdn-versioned/components/button/button.d.ts +1 -1
  85. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  86. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  87. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  88. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  89. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  90. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  91. package/cdn-versioned/components/combobox/combobox.js +1 -1
  92. package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
  93. package/cdn-versioned/components/datepicker/datepicker.js +1 -1
  94. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  95. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  96. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  97. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  98. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  99. package/cdn-versioned/components/file-selector/file-selector.d.ts +1 -1
  100. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  101. package/cdn-versioned/components/header/header.d.ts +1 -1
  102. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  103. package/cdn-versioned/components/include/include.d.ts +1 -1
  104. package/cdn-versioned/components/input/input.d.ts +1 -1
  105. package/cdn-versioned/components/link/link.d.ts +1 -1
  106. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  107. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  108. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  109. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  110. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  111. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  112. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  113. package/cdn-versioned/components/option/option.d.ts +1 -1
  114. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  115. package/cdn-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  116. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  117. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  118. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  119. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  120. package/cdn-versioned/components/range/range.d.ts +1 -1
  121. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  122. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  123. package/cdn-versioned/components/select/select.d.ts +1 -1
  124. package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
  125. package/cdn-versioned/components/step/step.d.ts +1 -1
  126. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  127. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  128. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  129. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  130. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  131. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  132. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  133. package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  134. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  135. package/cdn-versioned/components/video/video.d.ts +1 -1
  136. package/cdn-versioned/custom-elements.json +721 -721
  137. package/cdn-versioned/internal/form.js +2 -2
  138. package/cdn-versioned/solid-components.bundle.js +81 -81
  139. package/cdn-versioned/solid-components.css +3 -3
  140. package/cdn-versioned/solid-components.iife.js +81 -81
  141. package/cdn-versioned/solid-components.js +1 -1
  142. package/cdn-versioned/vscode.html-custom-data.json +166 -166
  143. package/cdn-versioned/web-types.json +280 -280
  144. package/dist/chunks/{chunk.LCQBGEHF.js → chunk.UDTZN5OG.js} +1 -1
  145. package/dist/chunks/{chunk.HCADZIES.js → chunk.YKGIJFJM.js} +1 -1
  146. package/dist/components/combobox/combobox.js +1 -1
  147. package/dist/components/datepicker/datepicker.js +1 -1
  148. package/dist/custom-elements.json +1 -1
  149. package/dist/solid-components.js +2 -2
  150. package/dist/web-types.json +1 -1
  151. package/dist-versioned/chunks/chunk.2EXNVXP2.js +2 -2
  152. package/dist-versioned/chunks/chunk.2M6Y3YHU.js +4 -4
  153. package/dist-versioned/chunks/chunk.2NXJZVSN.js +11 -11
  154. package/dist-versioned/chunks/chunk.2OT7JZJP.js +10 -10
  155. package/dist-versioned/chunks/chunk.2Y2MTVGF.js +3 -3
  156. package/dist-versioned/chunks/chunk.3PHACHZ2.js +7 -7
  157. package/dist-versioned/chunks/chunk.42XKKRQ2.js +6 -6
  158. package/dist-versioned/chunks/chunk.4FXMBMSY.js +3 -3
  159. package/dist-versioned/chunks/chunk.4JC6XNQW.js +4 -4
  160. package/dist-versioned/chunks/chunk.4VWOZ477.js +4 -4
  161. package/dist-versioned/chunks/chunk.5JPFIM5W.js +3 -3
  162. package/dist-versioned/chunks/chunk.5TU4CAN7.js +6 -6
  163. package/dist-versioned/chunks/chunk.65FELEDA.js +3 -3
  164. package/dist-versioned/chunks/chunk.67LY7Y75.js +4 -4
  165. package/dist-versioned/chunks/chunk.6F52A4JB.js +3 -3
  166. package/dist-versioned/chunks/chunk.72LCNWVE.js +3 -3
  167. package/dist-versioned/chunks/chunk.7DQB3MN6.js +7 -7
  168. package/dist-versioned/chunks/chunk.7EXDALNL.js +5 -5
  169. package/dist-versioned/chunks/chunk.AHIYNPL4.js +1 -1
  170. package/dist-versioned/chunks/chunk.ALJ34SPY.js +4 -4
  171. package/dist-versioned/chunks/chunk.B5BWUIZC.js +2 -2
  172. package/dist-versioned/chunks/chunk.BW5BXFWA.js +5 -5
  173. package/dist-versioned/chunks/chunk.C3L34J75.js +1 -1
  174. package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
  175. package/dist-versioned/chunks/chunk.C4HDZU75.js +2 -2
  176. package/dist-versioned/chunks/chunk.CB7PF3MZ.js +6 -6
  177. package/dist-versioned/chunks/chunk.CXFXIMXV.js +13 -13
  178. package/dist-versioned/chunks/chunk.DF2LZ65H.js +2 -2
  179. package/dist-versioned/chunks/chunk.DGLSKBZE.js +3 -3
  180. package/dist-versioned/chunks/chunk.DZED227Y.js +1 -1
  181. package/dist-versioned/chunks/chunk.EQIZ7J5Z.js +25 -25
  182. package/dist-versioned/chunks/chunk.ES5DW7MC.js +2 -2
  183. package/dist-versioned/chunks/chunk.HFRDUE6W.js +11 -11
  184. package/dist-versioned/chunks/chunk.I3DVEGNB.js +11 -11
  185. package/dist-versioned/chunks/chunk.I46TZJHO.js +10 -10
  186. package/dist-versioned/chunks/chunk.JKJXDDJU.js +3 -3
  187. package/dist-versioned/chunks/chunk.JPGYEMXS.js +2 -2
  188. package/dist-versioned/chunks/chunk.JXDY64LH.js +10 -10
  189. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  190. package/dist-versioned/chunks/chunk.KSU44YSO.js +7 -7
  191. package/dist-versioned/chunks/chunk.KXUT6UJL.js +2 -2
  192. package/dist-versioned/chunks/chunk.MPHRXV2B.js +1 -1
  193. package/dist-versioned/chunks/chunk.N5RQE7OC.js +1 -1
  194. package/dist-versioned/chunks/chunk.PAXRRXRW.js +4 -4
  195. package/dist-versioned/chunks/chunk.PGECK7YI.js +1 -1
  196. package/dist-versioned/chunks/chunk.QGCJ4WUV.js +5 -5
  197. package/dist-versioned/chunks/chunk.QIYLIH7P.js +5 -5
  198. package/dist-versioned/chunks/chunk.QNHUD2SQ.js +42 -42
  199. package/dist-versioned/chunks/chunk.S2ZVBJYN.js +5 -5
  200. package/dist-versioned/chunks/chunk.SEWHXNAY.js +5 -5
  201. package/dist-versioned/chunks/chunk.SG7H3CVK.js +12 -12
  202. package/dist-versioned/chunks/chunk.SMRP2JEM.js +1 -1
  203. package/dist-versioned/chunks/chunk.TFAIMBF7.js +11 -11
  204. package/dist-versioned/chunks/chunk.TLAI6IVF.js +2 -2
  205. package/dist-versioned/chunks/{chunk.LCQBGEHF.js → chunk.UDTZN5OG.js} +11 -11
  206. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  207. package/dist-versioned/chunks/chunk.UORTR6WB.js +5 -5
  208. package/dist-versioned/chunks/chunk.VX7JXCCH.js +2 -2
  209. package/dist-versioned/chunks/chunk.XAU2YS2A.js +5 -5
  210. package/dist-versioned/chunks/chunk.XQMBT64Z.js +8 -8
  211. package/dist-versioned/chunks/chunk.YJ46MX3X.js +6 -6
  212. package/dist-versioned/chunks/{chunk.HCADZIES.js → chunk.YKGIJFJM.js} +24 -24
  213. package/dist-versioned/chunks/chunk.YRKHHYV5.js +2 -2
  214. package/dist-versioned/chunks/chunk.ZLPWCNY6.js +14 -14
  215. package/dist-versioned/chunks/chunk.ZQ6CXL6H.js +5 -5
  216. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  217. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  218. package/dist-versioned/components/animation/animation.d.ts +1 -1
  219. package/dist-versioned/components/audio/audio.d.ts +1 -1
  220. package/dist-versioned/components/badge/badge.d.ts +1 -1
  221. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  222. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  223. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  224. package/dist-versioned/components/button/button.d.ts +1 -1
  225. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  226. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  227. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  228. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  229. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  230. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  231. package/dist-versioned/components/combobox/combobox.js +1 -1
  232. package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
  233. package/dist-versioned/components/datepicker/datepicker.js +1 -1
  234. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  235. package/dist-versioned/components/divider/divider.d.ts +1 -1
  236. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  237. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  238. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  239. package/dist-versioned/components/file-selector/file-selector.d.ts +1 -1
  240. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  241. package/dist-versioned/components/header/header.d.ts +1 -1
  242. package/dist-versioned/components/icon/icon.d.ts +1 -1
  243. package/dist-versioned/components/include/include.d.ts +1 -1
  244. package/dist-versioned/components/input/input.d.ts +1 -1
  245. package/dist-versioned/components/link/link.d.ts +1 -1
  246. package/dist-versioned/components/loader/loader.d.ts +1 -1
  247. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  248. package/dist-versioned/components/menu/menu.d.ts +1 -1
  249. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  250. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  251. package/dist-versioned/components/notification/notification.d.ts +1 -1
  252. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  253. package/dist-versioned/components/option/option.d.ts +1 -1
  254. package/dist-versioned/components/popup/popup.d.ts +1 -1
  255. package/dist-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  256. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  257. package/dist-versioned/components/radio/radio.d.ts +1 -1
  258. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  259. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  260. package/dist-versioned/components/range/range.d.ts +1 -1
  261. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  262. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  263. package/dist-versioned/components/select/select.d.ts +1 -1
  264. package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
  265. package/dist-versioned/components/step/step.d.ts +1 -1
  266. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  267. package/dist-versioned/components/switch/switch.d.ts +1 -1
  268. package/dist-versioned/components/tab/tab.d.ts +1 -1
  269. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  270. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  271. package/dist-versioned/components/tag/tag.d.ts +1 -1
  272. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  273. package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  274. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  275. package/dist-versioned/components/video/video.d.ts +1 -1
  276. package/dist-versioned/custom-elements.json +721 -721
  277. package/dist-versioned/internal/form.js +2 -2
  278. package/dist-versioned/solid-components.css +3 -3
  279. package/dist-versioned/solid-components.js +2 -2
  280. package/dist-versioned/vscode.html-custom-data.json +166 -166
  281. package/dist-versioned/web-types.json +280 -280
  282. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as m,c as f}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.MEDJPDBB.js";import{a as l}from"./chunk.4ZZFYCXX.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as b,b as o,d as n,h as c}from"./chunk.J45556RK.js";import{b as v,e as a}from"./chunk.OBAEIKIV.js";import{b as p,c as d,e as u}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends c{constructor(){super(...arguments);this.localize=new x(this);this.hasSlotController=new k(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.closeTrigger="click focus escape";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.handleDocumentClick=this.handleDocumentClick.bind(this),document.addEventListener("click",this.handleDocumentClick),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction),document.removeEventListener("click",this.handleDocumentClick)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(r=>{var y,g;r.nodeType===Node.TEXT_NODE&&!((y=r==null?void 0:r.textContent)!=null&&y.trim())&&((g=r==null?void 0:r.parentNode)==null||g.removeChild(r))})}handleBlur(){this.hasCloseTrigger("focus")&&this.hide()}handleClick(){this.open&&this.hasCloseTrigger("click")?this.hide():this.hasTrigger("click")&&this.show()}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&this.hasCloseTrigger("escape")&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasCloseTrigger("hover")){let t=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}handleDocumentClick(t){if(!this.open||this.interactionType==="keyboard")return;let s=t.composedPath();this.hasCloseTrigger("focus")&&!s.includes(this)&&!s.includes(this.popup)&&this.hide()}hasTrigger(t){return this.trigger.split(" ").includes(t)}hasCloseTrigger(t){return this.closeTrigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await u(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:s}=f(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,t,s),this.emit("sd-after-show")}else{this.emit("sd-hide"),await u(this.body);let{keyframes:t,options:s}=f(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,t,s),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),w(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),s=this.placement.endsWith("-end");return a`<sd-7-0-1-popup part="base" exportparts="
1
+ import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as m,c as f}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.MEDJPDBB.js";import{a as l}from"./chunk.4ZZFYCXX.js";import{a as h}from"./chunk.NYKJXI3Q.js";import{a as b,b as o,d as n,h as c}from"./chunk.J45556RK.js";import{b as v,e as a}from"./chunk.OBAEIKIV.js";import{b as p,c as d,e as u}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends c{constructor(){super(...arguments);this.localize=new x(this);this.hasSlotController=new k(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.closeTrigger="click focus escape";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.handleDocumentClick=this.handleDocumentClick.bind(this),document.addEventListener("click",this.handleDocumentClick),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction),document.removeEventListener("click",this.handleDocumentClick)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(r=>{var y,g;r.nodeType===Node.TEXT_NODE&&!((y=r==null?void 0:r.textContent)!=null&&y.trim())&&((g=r==null?void 0:r.parentNode)==null||g.removeChild(r))})}handleBlur(){this.hasCloseTrigger("focus")&&this.hide()}handleClick(){this.open&&this.hasCloseTrigger("click")?this.hide():this.hasTrigger("click")&&this.show()}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&this.hasCloseTrigger("escape")&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasCloseTrigger("hover")){let t=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}handleDocumentClick(t){if(!this.open||this.interactionType==="keyboard")return;let s=t.composedPath();this.hasCloseTrigger("focus")&&!s.includes(this)&&!s.includes(this.popup)&&this.hide()}hasTrigger(t){return this.trigger.split(" ").includes(t)}hasCloseTrigger(t){return this.closeTrigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await u(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:s}=f(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,t,s),this.emit("sd-after-show")}else{this.emit("sd-hide"),await u(this.body);let{keyframes:t,options:s}=f(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,t,s),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),w(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),s=this.placement.endsWith("-end");return a`<sd-7-0-2-popup part="base" exportparts="
2
2
  popup:base__popup,
3
3
  arrow:base__arrow
4
- " class="${l(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[t?"start":s?"end":"default"]*(this.size==="sm"?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger?a`<slot slot="anchor"></slot>`:a`<button slot="anchor" aria-describedby="tooltip" class="${l("flex sd-interactive rounded-full",this.size==="lg"?"text-xl":"text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-7-0-1-icon library="_internal" name="info-circle" label="Tooltip" class="${l(this.disabled&&"sd-interactive--disabled")}"></sd-7-0-1-icon></button>`}<slot name="content" part="body" id="tooltip" class="sd-7-0-1-tooltip-color-background sd-7-0-1-tooltip-color-text py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-7-0-1-popup>`}};e.styles=[...c.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
5
- :host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-7-0-1-popup{--arrow-color:rgba(var(--sd-tooltip-color-background));--arrow-size:10px}sd-7-0-1-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-7-0-1-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-7-0-1-popup[placement^=top]::part(popup){transform-origin:bottom}sd-7-0-1-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],i([n("slot:not([name])")],e.prototype,"defaultSlot",2),i([n("#tooltip")],e.prototype,"body",2),i([n("sd-7-0-1-popup")],e.prototype,"popup",2),i([o({type:String,reflect:!0})],e.prototype,"size",2),i([o({type:String,reflect:!0})],e.prototype,"content",2),i([o({type:String,reflect:!0})],e.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:String,reflect:!0})],e.prototype,"trigger",2),i([o({type:String,attribute:"close-trigger",reflect:!0})],e.prototype,"closeTrigger",2),i([o({type:Boolean,reflect:!0})],e.prototype,"hoist",2),i([h("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),i([h(["content","hoist","placement"])],e.prototype,"handleOptionsChange",1),i([h("disabled")],e.prototype,"handleDisabledChange",1),e=i([b("sd-7-0-1-tooltip")],e);m("tooltip.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});m("tooltip.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{e as a};
4
+ " class="${l(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[t?"start":s?"end":"default"]*(this.size==="sm"?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0">${this.hasCustomTrigger?a`<slot slot="anchor"></slot>`:a`<button slot="anchor" aria-describedby="tooltip" class="${l("flex sd-interactive rounded-full",this.size==="lg"?"text-xl":"text-base")}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="tooltip"><sd-7-0-2-icon library="_internal" name="info-circle" label="Tooltip" class="${l(this.disabled&&"sd-interactive--disabled")}"></sd-7-0-2-icon></button>`}<slot name="content" part="body" id="tooltip" class="sd-7-0-2-tooltip-color-background sd-7-0-2-tooltip-color-text py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="${this.content}" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-7-0-2-popup>`}};e.styles=[...c.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
5
+ :host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-7-0-2-popup{--arrow-color:rgba(var(--sd-tooltip-color-background));--arrow-size:10px}sd-7-0-2-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-7-0-2-popup::part(arrow){--tw-shadow:var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-7-0-2-popup[placement^=top]::part(popup){transform-origin:bottom}sd-7-0-2-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`],i([n("slot:not([name])")],e.prototype,"defaultSlot",2),i([n("#tooltip")],e.prototype,"body",2),i([n("sd-7-0-2-popup")],e.prototype,"popup",2),i([o({type:String,reflect:!0})],e.prototype,"size",2),i([o({type:String,reflect:!0})],e.prototype,"content",2),i([o({type:String,reflect:!0})],e.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:String,reflect:!0})],e.prototype,"trigger",2),i([o({type:String,attribute:"close-trigger",reflect:!0})],e.prototype,"closeTrigger",2),i([o({type:Boolean,reflect:!0})],e.prototype,"hoist",2),i([h("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),i([h(["content","hoist","placement"])],e.prototype,"handleOptionsChange",1),i([h("disabled")],e.prototype,"handleDisabledChange",1),e=i([b("sd-7-0-2-tooltip")],e);m("tooltip.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});m("tooltip.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{e as a};
@@ -1,4 +1,4 @@
1
- import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-7-0-1-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-7-0-1-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-7-0-1-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-7-0-1-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-7-0-1-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
1
+ import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-7-0-2-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-7-0-2-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-7-0-2-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-7-0-2-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-7-0-2-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
2
2
  /*! Bundled license information:
3
3
 
4
4
  lit-html/directives/ref.js:
@@ -1,2 +1,2 @@
1
- import{a as v}from"./chunk.TWZDCIM2.js";import{b as y}from"./chunk.W5O4FM6B.js";import{a as p,b as u,c as a}from"./chunk.552X4W43.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as b,b as s,c as f,h as c}from"./chunk.J45556RK.js";import{b as g,e as d}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var h,t=class extends c{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),p(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),u(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"||e.name==="sd-multi-theming"?e.resolver(this.name,this):e.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 m;let e=a(this.library),i=this.getUrl();if(h||(h=new DOMParser),i)try{let o=await v(i);if(i===this.getUrl())if(o.ok){let l=h.parseFromString(o.svg,"text/html").body.querySelector("svg");l!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,l),this.svg=l.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(o){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return d`<sd-7-0-1-theme-listener></sd-7-0-1-theme-listener>${y(this.svg)}`}};t.styles=[...c.styles,g`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-icon-fill-primary,var(--sd-color-primary)))}:host([name^='content/'][color=primary]) svg{color:rgba(var(--sd-color-icon-fill-content-icons-primary,var(--sd-color-primary)))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white,255 255 255))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([n("label")],t.prototype,"handleLabelChange",1),r([n(["name","src","library"])],t.prototype,"setIcon",1),t=r([b("sd-7-0-1-icon")],t);export{t as a};
1
+ import{a as v}from"./chunk.TWZDCIM2.js";import{b as y}from"./chunk.W5O4FM6B.js";import{a as p,b as u,c as a}from"./chunk.552X4W43.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as b,b as s,c as f,h as c}from"./chunk.J45556RK.js";import{b as g,e as d}from"./chunk.OBAEIKIV.js";import{e as r}from"./chunk.6EV4YU6C.js";var h,t=class extends c{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),p(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),u(this)}onThemeChange(){this.setIcon()}getUrl(){let e=a(this.library);return this.name&&e?e.name==="_internal"||e.name==="sd-multi-theming"?e.resolver(this.name,this):e.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 m;let e=a(this.library),i=this.getUrl();if(h||(h=new DOMParser),i)try{let o=await v(i);if(i===this.getUrl())if(o.ok){let l=h.parseFromString(o.svg,"text/html").body.querySelector("svg");l!==null?((m=e==null?void 0:e.mutator)==null||m.call(e,l),this.svg=l.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(o){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return d`<sd-7-0-2-theme-listener></sd-7-0-2-theme-listener>${y(this.svg)}`}};t.styles=[...c.styles,g`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-icon-fill-primary,var(--sd-color-primary)))}:host([name^='content/'][color=primary]) svg{color:rgba(var(--sd-color-icon-fill-content-icons-primary,var(--sd-color-primary)))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white,255 255 255))}`],r([f()],t.prototype,"svg",2),r([s({reflect:!0})],t.prototype,"name",2),r([s()],t.prototype,"src",2),r([s()],t.prototype,"label",2),r([s({reflect:!0})],t.prototype,"library",2),r([s({reflect:!0})],t.prototype,"color",2),r([n("label")],t.prototype,"handleLabelChange",1),r([n(["name","src","library"])],t.prototype,"setIcon",1),t=r([b("sd-7-0-2-icon")],t);export{t as a};
@@ -10,4 +10,4 @@ import{a as M,h as V}from"./chunk.J45556RK.js";import{b as j}from"./chunk.OBAEIK
10
10
  color: transparent;
11
11
  }
12
12
  `),i.shadowRoot.adoptedStyleSheets.push(e);let s=e.cssRules[0].style;s.setProperty("--style-observer-adopted-style-sheet-bug","1");let r=getComputedStyle(i),t=r.getPropertyValue("--style-observer-adopted-style-sheet-bug");s.removeProperty("--style-observer-adopted-style-sheet-bug"),r=getComputedStyle(i);let n=r.getPropertyValue("--style-observer-adopted-style-sheet-bug");return i.remove(),t===n}});var E=class extends WeakMap{has(e,s){if(arguments.length===1)return super.has(e);let r=super.get(e);return(r==null?void 0:r.has(s))||!1}add(e,s){var t;let r=(t=super.get(e))!=null?t:new Set;r.add(s),super.set(e,r)}delete(e,...s){let r=super.get(e);if(r){for(let t of s)r.delete(t);r.size===0&&super.delete(e)}}};function f(i){return i==null?[]:Array.isArray(i)?i:typeof i!="string"&&typeof i[Symbol.iterator]=="function"?Array.from(i):[i]}function H(i){return i?new Promise(e=>setTimeout(e,i)):new Promise(e=>requestAnimationFrame(e))}var N;function Q(i){N!=null||(N=document.createElement("div"));let e=N.style;e[i]="inherit";let s=[...e];return s.length===0&&(s=[i]),e.cssText="",s}function X(i){let e=i.matchAll(/(?:^|\s)([+-]?(?:\d+|\d*\.\d+))\s*(ms|s)?(?=\s|$)/g),s=[];for(let r of e){let[,t,n]=r;t=parseFloat(t),n==="s"&&(t*=1e3),s.push(t)}return s}function W(i,e){e=Z(e);let s;if(i==="all")s=/\b\w+\b/g;else{let m=[...new Set([...Q(i),i,"all"])];s=RegExp(`(?:^|\\s)(${m.join("|")})\\b`)}let r=e.findLast(m=>s.test(m)),t=r?X(r):[0,0];t.length===0?t=[0,0]:t.length===1&&t.push(0);let[n,o]=t;return{duration:n,delay:o}}function Z(i){let e=[],s=0,r=[];for(let t of i.matchAll(/[,()]/g)){let n=t[0];if(n===","){if(r.length===0){let o=i.slice(s,t.index);e.push(o.trim()),s=t.index+1}}else n==="("?r.push("("):n===")"&&r.pop()}if(s<i.length){let t=i.slice(s);e.push(t.trim())}return e}var y,T,P=class{constructor(e){d(this,y,new Set);d(this,T,new WeakMap);this.callback=e}observe(e){if(l(this,y).has(e))return;let s=e.ownerDocument,r=l(this,T).get(s);r||(r=new IntersectionObserver(t=>{this.callback(t.map(({target:n})=>({target:n})))},{root:s.documentElement}),l(this,T).set(s,r)),l(this,y).add(e),r.observe(e)}unobserve(e){if(!e){for(let t of l(this,y))this.unobserve(t);return}let s=e.ownerDocument,r=l(this,T).get(s);r==null||r.unobserve(e),l(this,y).delete(e)}};y=new WeakMap,T=new WeakMap;var R,q,ee=(q=(R=globalThis.CSS)==null?void 0:R.supports)!=null&&q.call(R,"transition-behavior","allow-discrete")?" allow-discrete":"";globalThis.document&&(S("--style-observer-transition",{inherits:!1}),a.detectAll());var x,_,G,O,c=class{constructor(e,s,r={}){d(this,_);h(this,"properties");h(this,"target");h(this,"callback");h(this,"options");d(this,x,!1);d(this,O);h(this,"_shadowSheet");h(this,"_styles",{});this.constructor.all.add(e,this),this.properties=new Map,this.target=e,this.callback=s,this.options=I({properties:[]},r);let t=f(r.properties);this.renderedObserver=new P(n=>{this.propertyNames.length>0&&this.handleEvent()}),t.length>0&&this.observe(t)}get propertyNames(){return[...this.properties.keys()]}resolveOptions(e){return Object.assign(k(e),this.options)}async handleEvent(e){if(e&&!this.properties.has(e.propertyName))return;if(a.TRANSITIONRUN_EVENT_LOOP&&(e==null?void 0:e.type)==="transitionrun"||this.options.throttle>0){let t=a.TRANSITIONRUN_EVENT_LOOP?"transitionrun":"transitionstart",n=Math.max(this.options.throttle,50);if(a.TRANSITIONRUN_EVENT_LOOP){let o=W(e.propertyName,getComputedStyle(this.target).transition);n=Math.max(n,o.duration+o.delay+16)}this.target.removeEventListener(t,this),await H(n),this.target.addEventListener(t,this)}let s=getComputedStyle(this.target),r=[];for(let t of this.propertyNames){let n=s.getPropertyValue(t),o=this.properties.get(t);n!==o&&(r.push({target:this.target,property:t,value:n,oldValue:o}),this.properties.set(t,n))}r.length>0&&this.callback(r)}observe(e){var r;if(e=f(e),e=e.filter(t=>!this.properties.has(t)),e.length===0)return;$(this,_,G).call(this);let s=getComputedStyle(this.target);for(let t of e){a.UNREGISTERED_TRANSITION&&!this.constructor.properties.has(t)&&(S(t,void 0,this.target.ownerDocument),this.constructor.properties.add(t));let n=s.getPropertyValue(t);this.properties.set(t,n)}a.TRANSITIONRUN_EVENT_LOOP&&(this.target.addEventListener("transitionrun",this),(r=a.all.TRANSITIONRUN_EVENT_LOOP.valuePending)==null||r.then(t=>{t||this.target.removeEventListener("transitionrun",this)})),this.target.addEventListener("transitionstart",this),this.target.addEventListener("transitionend",this),this.updateTransitionProperties(),this.renderedObserver.observe(this.target)}updateTransitionProperties(){this.setProperty("--style-observer-transition","");let e=new Set(getComputedStyle(this.target).transitionProperty.split(", ")),s=[];for(let t of this.constructor.all.get(this.target))s.push(...t.propertyNames);s=[...new Set(s)];let r=s.filter(t=>!e.has(t)).map(t=>`${t} 1ms step-start${ee}`).join(", ");this.setProperty("--style-observer-transition",r)}updateTransition({firstTime:e}={}){let s="var(--style-observer-transition, --style-observer-noop)",r=this.getProperty("transition"),t;(e?r:!r.includes(s))&&(t=g(this,O,r)),t===void 0&&(e||!l(this,O))&&(r.includes(s)&&this.setProperty("transition",""),t=getComputedStyle(this.target).transition),t==="all"?t="":t=t.replace(/^none\b/,"");let n=t?t+", ":"";this.setProperty("transition",n+s),this.updateTransitionProperties()}get _isHost(){return this.target.shadowRoot&&!a.ADOPTED_STYLE_SHEET&&!Object.isFrozen(this.target.shadowRoot.adoptedStyleSheets)}setProperty(e,s,r){let t=this.target.style,n=t;if(this._isHost){if(!this._shadowSheet&&(this._shadowSheet=new CSSStyleSheet,this._shadowSheet.insertRule(":host { }"),this.target.shadowRoot.adoptedStyleSheets.push(this._shadowSheet),Object.keys(this._styles).length>0))for(let o in this._styles){let m=this._styles[o];this.setProperty(o,m),t.getPropertyValue(o)===m&&t.removeProperty(o)}n=this._shadowSheet.cssRules[0].style}n.setProperty(e,s,r),this._styles[e]=this.getProperty(e)}getProperty(e){var r,t,n;return((n=(t=(r=this._shadowSheet)==null?void 0:r.cssRules[0])==null?void 0:t.style)!=null?n:this.target.style).getPropertyValue(e)}unobserve(e){e=f(e),e=e.filter(s=>this.properties.has(s));for(let s of e)this.properties.delete(s);this.properties.size===0&&(this.target.removeEventListener("transitionrun",this),this.target.removeEventListener("transitionstart",this),this.target.removeEventListener("transitionend",this),this.renderedObserver.unobserve(this.target)),this.updateTransitionProperties()}};x=new WeakMap,_=new WeakSet,G=function(){if(l(this,x))return;let e=this.constructor.all.get(this.target).size===1;this.updateTransition({firstTime:e}),g(this,x,!0)},O=new WeakMap,h(c,"properties",new Set),h(c,"all",new E);function k(i){return i?(typeof i=="string"||Array.isArray(i)?i={properties:f(i)}:typeof i=="object"&&(i=I({properties:[]},i)),i):{}}var b=class{constructor(e,s){h(this,"elementObservers",new WeakMap);var r;this.callback=e,s=k(s),(r=s.targets)!=null||(s.targets=[]),s.target&&s.targets.push(s.target),this.options=s,this.options.targets.length>0&&this.options.properties.length>0&&this.observe(this.options.targets,this.options.properties)}changed(e){this.callback(e)}observe(...e){let{targets:s,properties:r}=Y(...e);if(s.length===0&&(s=this.options.targets),s.length!==0)for(let t of s){let n=this.elementObservers.get(t);n||(n=new c(t,o=>this.changed(o),this.options),this.elementObservers.set(t,n)),n.observe(r)}}unobserve(...e){let{targets:s,properties:r}=Y(...e);if(s.length===0&&(s=this.options.targets),s.length!==0){r.length===0&&(r=this.options.properties);for(let t of s){let n=this.elementObservers.get(t);n&&n.unobserve(r)}}}updateTransition(e){for(let s of f(e)){let r=this.elementObservers.get(s);r&&r.updateTransition()}}};function Y(i,e){let s=[...f(i),...f(e)];i=[],e=[];for(let r of s)(typeof r=="string"||r instanceof String?e:i).push(r);return{targets:i,properties:e}}var A=class{constructor(e,s){this.host=e,this.callback=s}connect(){this.observer=new b(e=>{var r,t;let s=(t=(r=e==null?void 0:e[0])==null?void 0:r.value)==null?void 0:t.replaceAll("'","");s&&this.callback(s)}),this.observer.observe(this.host,"--sd-theme")}disconnect(){var e;(e=this.observer)==null||e.unobserve(this.host)}};var w=class extends V{handleThemeChange(e){this.emit("sd-theme-change",{detail:{theme:e},bubbles:!0})}connectedCallback(){super.connectedCallback(),this.themeObserver=new A(this,this.handleThemeChange.bind(this)),this.themeObserver.connect()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.themeObserver)==null||e.disconnect()}};w.styles=[...V.styles,j`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
13
- :host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],w=D([M("sd-7-0-1-theme-listener")],w);export{w as a};
13
+ :host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}`],w=D([M("sd-7-0-2-theme-listener")],w);export{w as a};
@@ -1,2 +1,2 @@
1
- import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.J45556RK.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(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(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"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 sd-7-0-1-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-1-teaser--neutral-400-color-border","neutral-100":"sd-7-0-1-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-1-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"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",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg,1.25rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-1-teaser")],t);export{t as a};
1
+ import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.J45556RK.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(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(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"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 sd-7-0-2-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-2-teaser--neutral-400-color-border","neutral-100":"sd-7-0-2-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-2-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"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",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg,1.25rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold, 600);font-weight:var(--sd-font-weight-bold,600)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-2-teaser")],t);export{t as a};
@@ -1,12 +1,12 @@
1
- import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.J45556RK.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),s=e?b`a`:b`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-7-0-1-button--primary--inverted--hover-color-background group-active:sd-7-0-1-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--inverted--hover-color-background active:sd-7-0-1-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--primary--hover-color-background group-active:sd-7-0-1-button--primary--active-color-background",baseBackground:"hover:sd-7-0-1-button--primary--hover-color-background active:sd-7-0-1-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-1-button--secondary--inverted--hover-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-background group-active:sd-7-0-1-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--secondary--inverted--hover-color-background active:sd-7-0-1-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--secondary--hover-color-background group-active:sd-7-0-1-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-1-button--secondary--hover-color-background active:sd-7-0-1-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-1-button--tertiary--inverted--hover-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-background group-active:sd-7-0-1-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-1-button--tertiary--inverted--hover-color-background active:sd-7-0-1-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-1-button--tertiary--hover-color-background group-active:sd-7-0-1-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-1-button--tertiary--hover-color-background active:sd-7-0-1-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-1-button--cta--inverted--hover-color-background group-active:sd-7-0-1-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-1-button--cta--inverted--hover-color-background active:sd-7-0-1-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-7-0-1-theme-listener></sd-7-0-1-theme-listener><${s} part="base" class="${a(`group relative z-10 font-md no-underline
1
+ import{b as f,c as k}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as b,b as h}from"./chunk.NL7YFV4O.js";import{a}from"./chunk.4ZZFYCXX.js";import{a as y}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,c,d as g,g as p,h as u}from"./chunk.J45556RK.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new f(this,{form:e=>{if(e.hasAttribute("form")){let s=e.getRootNode(),n=e.getAttribute("form");return s.getElementById(n)}return e.closest("form")}});this.hasSlotController=new x(this,"[default]","icon-left","icon-right");this.invalid=!1;this.hasUiMotion=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.updateMotionTheme()}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}onThemeChange(){this.updateMotionTheme()}updateMotionTheme(){let e=getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g,"");this.hasUiMotion=e===""||e==="ui-light"||e==="ui-dark"}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(e){if(this.disabled||this.loading||this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){let e=this.isLink(),s=e?b`a`:b`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary",l={primary:this.inverted?{motionBackground:"sd-7-0-2-button--primary--inverted--hover-color-background group-active:sd-7-0-2-button--primary--inverted--active-color-background",baseBackground:"hover:sd-7-0-2-button--primary--inverted--hover-color-background active:sd-7-0-2-button--primary--inverted--active-color-background"}:{motionBackground:"sd-7-0-2-button--primary--hover-color-background group-active:sd-7-0-2-button--primary--active-color-background",baseBackground:"hover:sd-7-0-2-button--primary--hover-color-background active:sd-7-0-2-button--primary--active-color-background"},secondary:this.inverted?{motionBackground:"sd-7-0-2-button--secondary--inverted--hover-color-background group-active:sd-7-0-2-button--secondary--inverted--active-color-background group-active:sd-7-0-2-button--secondary--inverted--active-color-text",baseBackground:"hover:sd-7-0-2-button--secondary--inverted--hover-color-background active:sd-7-0-2-button--secondary--inverted--active-color-background"}:{motionBackground:"sd-7-0-2-button--secondary--hover-color-background group-active:sd-7-0-2-button--secondary--active-color-background",baseBackground:"hover:sd-7-0-2-button--secondary--hover-color-background active:sd-7-0-2-button--secondary--active-color-background"},tertiary:this.inverted?{motionBackground:"sd-7-0-2-button--tertiary--inverted--hover-color-background group-active:sd-7-0-2-button--tertiary--inverted--active-color-background group-active:sd-7-0-2-button--tertiary--inverted--active-color-text",baseBackground:"hover:sd-7-0-2-button--tertiary--inverted--hover-color-background active:sd-7-0-2-button--tertiary--inverted--active-color-background"}:{motionBackground:"sd-7-0-2-button--tertiary--hover-color-background group-active:sd-7-0-2-button--tertiary--active-color-background",baseBackground:"hover:sd-7-0-2-button--tertiary--hover-color-background active:sd-7-0-2-button--tertiary--active-color-background"},cta:this.inverted?{motionBackground:"sd-7-0-2-button--cta--inverted--hover-color-background group-active:sd-7-0-2-button--cta--inverted--active-color-background",baseBackground:"hover:sd-7-0-2-button--cta--inverted--hover-color-background active:sd-7-0-2-button--cta--inverted--active-color-background"}:{motionBackground:"bg-accent-500 group-active:bg-accent-700",baseBackground:"hover:bg-accent-500 active:bg-accent-700"}}[this.variant];return h`<sd-7-0-2-theme-listener></sd-7-0-2-theme-listener><${s} part="base" class="${a(`group relative z-10 font-md no-underline
2
2
  w-full align-middle inline-flex items-stretch justify-center
3
3
  transition-colors duration-fast ease-in-out
4
- select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-7-0-1-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-7-0-1-button--size-sm-font-size sd-7-0-1-button-font-weight sd-7-0-1-button--secondary--size-sm-padding-block sd-7-0-1-button-border-radius",md:"varspacing-10 sd-7-0-1-button--size-md-height sd-7-0-1-button--size-md-font-size sd-7-0-1-button--secondary--size-md-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius",lg:"varspacing-12 sd-7-0-1-button--size-lg-height sd-7-0-1-button--size-lg-font-size sd-7-0-1-button--secondary--size-lg-padding-block sd-7-0-1-button-font-weight sd-7-0-1-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-sm-padding-block sd-7-0-1-button-padding-inline"}`,md:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-md-padding-block sd-7-0-1-button-padding-inline"}`,lg:`${d?"sd-7-0-1-button--secondary-padding-inline":"sd-7-0-1-button--size-lg-padding-block sd-7-0-1-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-1-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-1-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-1-button--primary--inverted--default-color-text sd-7-0-1-button--primary--inverted--default-color-background border-white hover:sd-7-0-1-button--primary--inverted--hover-color-text active:sd-7-0-1-button--primary--inverted--active-color-text"}
5
- disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-1-button--primary--default-color-background border-transparent sd-7-0-1-button--primary--default-color-text hover:sd-7-0-1-button--primary--hover-color-text active:sd-7-0-1-button--primary--active-color-text"}
6
- disabled:sd-7-0-1-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-1-button--secondary--inverted-color-text sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted-color-border hover:sd-7-0-1-button--secondary--inverted--hover-color-text active:sd-7-0-1-button--secondary--inverted--active-color-text active:border-primary-200"}
7
- disabled:sd-7-0-1-button--inverted--disabled-color-border disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border sd-7-0-1-button-border-width ${this.visuallyDisabled?"sd-7-0-1-button--secondary--disabled-color-text sd-7-0-1-button--secondary--disabled-color-border":"sd-7-0-1-button--secondary--default-color-text sd-7-0-1-button--secondary--default-color-border hover:sd-7-0-1-button--secondary--hover-color-text hover:sd-7-0-1-button--secondary--hover-color-border active:sd-7-0-1-button--secondary--active-color-text active:sd-7-0-1-button--secondary--active-color-border"}
8
- disabled:sd-7-0-1-button--secondary--disabled-color-text disabled:sd-7-0-1-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-1-button--tertiary--inverted-color-text hover:sd-7-0-1-button--tertiary--inverted--hover-color-text active:sd-7-0-1-button--tertiary--inverted--active-color-text"}
9
- disabled:sd-7-0-1-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-1-button--tertiary--disabled-color-text":"sd-7-0-1-button--tertiary--default-color-text hover:sd-7-0-1-button--tertiary--hover-color-text active:sd-7-0-1-button--tertiary--active-color-text"}
10
- disabled:sd-7-0-1-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-1-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
11
- ${this.inverted?"sd-7-0-1-button--cta--inverted--default-color-background sd-7-0-1-button--cta--inverted--default-color-text hover:sd-7-0-1-button--cta--inverted--hover-color-text active:sd-7-0-1-button--cta--inverted--active-color-text disabled:sd-7-0-1-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-1-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-1-button-border-radius",md:"sd-7-0-1-button-border-radius",lg:"sd-7-0-1-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-1-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-1-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-1-loader>`:""}</${s}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
12
- :host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-1-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-1-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-1-icon),sd-7-0-1-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-1-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-1-button-border-radius{border-radius:var(--sd-button-border-radius)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-7-0-1-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-7-0-1-button")],t);export{t as a};
4
+ select-none cursor-[inherit]`,!this.hasUiMotion&&"sd-7-0-2-button--simple-motion",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-7-0-2-button--size-sm-font-size sd-7-0-2-button-font-weight sd-7-0-2-button--secondary--size-sm-padding-block sd-7-0-2-button-border-radius",md:"varspacing-10 sd-7-0-2-button--size-md-height sd-7-0-2-button--size-md-font-size sd-7-0-2-button--secondary--size-md-padding-block sd-7-0-2-button-font-weight sd-7-0-2-button-border-radius",lg:"varspacing-12 sd-7-0-2-button--size-lg-height sd-7-0-2-button--size-lg-font-size sd-7-0-2-button--secondary--size-lg-padding-block sd-7-0-2-button-font-weight sd-7-0-2-button-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-7-0-2-button--secondary-padding-inline":"sd-7-0-2-button--size-sm-padding-block sd-7-0-2-button-padding-inline"}`,md:`${d?"sd-7-0-2-button--secondary-padding-inline":"sd-7-0-2-button--size-md-padding-block sd-7-0-2-button-padding-inline"}`,lg:`${d?"sd-7-0-2-button--secondary-padding-inline":"sd-7-0-2-button--size-lg-padding-block sd-7-0-2-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-7-0-2-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-7-0-2-button--inverted--disabled-color-background text-white border-neutral-500":"sd-7-0-2-button--primary--inverted--default-color-text sd-7-0-2-button--primary--inverted--default-color-background border-white hover:sd-7-0-2-button--primary--inverted--hover-color-text active:sd-7-0-2-button--primary--inverted--active-color-text"}
5
+ disabled:sd-7-0-2-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-7-0-2-button--primary--disabled-color-background border-neutral-500 text-white":"sd-7-0-2-button--primary--default-color-background border-transparent sd-7-0-2-button--primary--default-color-text hover:sd-7-0-2-button--primary--hover-color-text active:sd-7-0-2-button--primary--active-color-text"}
6
+ disabled:sd-7-0-2-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-7-0-2-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-7-0-2-button--secondary--inverted-color-text sd-7-0-2-button--secondary--inverted-color-border hover:sd-7-0-2-button--secondary--inverted-color-border hover:sd-7-0-2-button--secondary--inverted--hover-color-text active:sd-7-0-2-button--secondary--inverted--active-color-text active:border-primary-200"}
7
+ disabled:sd-7-0-2-button--inverted--disabled-color-border disabled:sd-7-0-2-button--inverted--disabled-color-text`:`border sd-7-0-2-button-border-width ${this.visuallyDisabled?"sd-7-0-2-button--secondary--disabled-color-text sd-7-0-2-button--secondary--disabled-color-border":"sd-7-0-2-button--secondary--default-color-text sd-7-0-2-button--secondary--default-color-border hover:sd-7-0-2-button--secondary--hover-color-text hover:sd-7-0-2-button--secondary--hover-color-border active:sd-7-0-2-button--secondary--active-color-text active:sd-7-0-2-button--secondary--active-color-border"}
8
+ disabled:sd-7-0-2-button--secondary--disabled-color-text disabled:sd-7-0-2-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600":"sd-7-0-2-button--tertiary--inverted-color-text hover:sd-7-0-2-button--tertiary--inverted--hover-color-text active:sd-7-0-2-button--tertiary--inverted--active-color-text"}
9
+ disabled:sd-7-0-2-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-7-0-2-button--tertiary--disabled-color-text":"sd-7-0-2-button--tertiary--default-color-text hover:sd-7-0-2-button--tertiary--hover-color-text active:sd-7-0-2-button--tertiary--active-color-text"}
10
+ disabled:sd-7-0-2-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-7-0-2-button--primary--disabled-color-background border-neutral-500":"border-transparent"}
11
+ ${this.inverted?"sd-7-0-2-button--cta--inverted--default-color-background sd-7-0-2-button--cta--inverted--default-color-text hover:sd-7-0-2-button--cta--inverted--hover-color-text active:sd-7-0-2-button--cta--inverted--active-color-text disabled:sd-7-0-2-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-7-0-2-button--primary--disabled-color-background disabled:border-neutral-500 disabled:text-white"}`}[this.variant],!this.hasUiMotion&&!this.disabled&&!this.visuallyDisabled&&l.baseBackground)}" ?disabled="${i(e?void 0:this.disabled)}" type="${i(e?void 0:this.type)}" title="${this.title}" name="${i(e?void 0:this.name)}" value="${i(e?void 0:this.value)}" href="${i(e?this.href:void 0)}" target="${i(e?this.target:void 0)}" download="${i(e?this.download:void 0)}" rel="${i(e&&this.target?"noreferrer noopener":void 0)}" role="${i(e?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${a("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(!this.hasUiMotion||this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-7-0-2-button-border-radius",md:"sd-7-0-2-button-border-radius",lg:"sd-7-0-2-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${a("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",l.motionBackground)}"></div><div class="${a("absolute w-full h-full mt-[22%]",l.motionBackground,this.variant==="secondary"&&this.inverted&&"group-active:sd-7-0-2-button--secondary--active-color-border")}"></div></div></div><slot name="icon-left" part="icon-left" class="${a("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${a("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${a("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?h`<sd-7-0-2-loader class="${a("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-7-0-2-loader>`:""}</${s}>`}};t.styles=[...u.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
12
+ :host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}.sd-7-0-2-button--simple-motion{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}::slotted(sd-7-0-2-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-7-0-2-icon),sd-7-0-2-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-7-0-2-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}.sd-7-0-2-button-border-radius{border-radius:var(--sd-button-border-radius)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],o([g("a, button")],t.prototype,"button",2),o([p({selector:"sd-7-0-2-icon"})],t.prototype,"_iconsInDefaultSlot",2),o([c()],t.prototype,"invalid",2),o([c()],t.prototype,"hasUiMotion",2),o([r({type:String,reflect:!0})],t.prototype,"title",2),o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:Boolean,reflect:!0})],t.prototype,"inverted",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([r({type:String,reflect:!0})],t.prototype,"type",2),o([r({type:String,reflect:!0})],t.prototype,"name",2),o([r()],t.prototype,"value",2),o([r({type:String,reflect:!0})],t.prototype,"href",2),o([r({type:String,reflect:!0})],t.prototype,"target",2),o([r({reflect:!0})],t.prototype,"download",2),o([r({reflect:!0})],t.prototype,"form",2),o([r({attribute:"formaction"})],t.prototype,"formAction",2),o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2),o([r({attribute:"formmethod"})],t.prototype,"formMethod",2),o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),o([r({attribute:"formtarget"})],t.prototype,"formTarget",2),o([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=o([m("sd-7-0-2-button")],t);export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as E}from"./chunk.V6IM4GAA.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.J45556RK.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(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.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w: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()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-7-0-1-radio, sd-7-0-1-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-7-0-1-radio, sd-7-0-1-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(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(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-7-0-1-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=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-7-0-1-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-1-radio")&&customElements.get("sd-7-0-1-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-1-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-1-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-1-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-1-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.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,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<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" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<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?d`<sd-7-0-1-button-group class="border border-primary sd-7-0-1-radio-button-group-border-radius sd-7-0-1-radio-button-group-border-width sd-7-0-1-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-1-button-group>`:a}</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><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-7-0-1-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-1-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-1-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-1-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-1-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-1-button-group){display:inline-flex}`],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:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-7-0-1-radio-group")],s);export{s as a};
1
+ import{a as E}from"./chunk.V6IM4GAA.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.4ZZFYCXX.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c,d as m,h as f}from"./chunk.J45556RK.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(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.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w: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()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var l;let t=(l=this.shadowRoot)==null?void 0:l.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-7-0-2-radio, sd-7-0-2-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-7-0-2-radio, sd-7-0-2-radio-button"),l=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==l&&(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(h=>!h.disabled);if(e.length===0)return;let l=(g=e.find(h=>h.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(l)+i;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||(h.tabIndex=-1)}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].tabIndex=0,e[a].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios();if(t.length===0)return;let l=t.find(i=>i.checked)||t[0];l&&l.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,l;let t=this.getAllRadios();if(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-7-0-2-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=(l=this.shadowRoot)==null?void 0:l.querySelector("sd-7-0-2-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-7-0-2-radio")&&customElements.get("sd-7-0-2-radio-button")){this.syncRadioElements();return}customElements.get("sd-7-0-2-radio")?this.syncRadioElements():customElements.whenDefined("sd-7-0-2-radio").then(()=>this.syncRadios()),customElements.get("sd-7-0-2-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-7-0-2-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.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,l=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!l,n=this.hasSlotController.test("tooltip"),a=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<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" aria-labelledby="label">${e||n?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${u("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<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?d`<sd-7-0-2-button-group class="border border-primary sd-7-0-2-radio-button-group-border-radius sd-7-0-2-radio-button-group-border-width sd-7-0-2-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${a}</sd-7-0-2-button-group>`:a}</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><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-7-0-2-icon part="invalid-icon" class="${u("text-error")}" library="_internal" name="risk"></sd-7-0-2-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}:host([orientation=vertical]) ::slotted(sd-7-0-2-radio){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-7-0-2-radio:last-of-type){margin-bottom:0}:host([orientation=horizontal]) ::slotted(sd-7-0-2-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-7-0-2-radio:last-of-type){margin-right:0}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-2-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-7-0-2-radio:last-of-type){margin-right:0}:host([required]) #label::after{content:' *'}:host:has(sd-7-0-2-button-group){display:inline-flex}`],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:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([p("size",{waitUntilFirstUpdate:!0})],s.prototype,"handleSizeChange",1),o([p("showInvalidStyle",{waitUntilFirstUpdate:!0})],s.prototype,"handleInvalidChange",1),o([p("value")],s.prototype,"handleValueChange",1),s=o([y("sd-7-0-2-radio-group")],s);export{s as a};
@@ -1,5 +1,5 @@
1
- import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.J45556RK.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=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="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("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="${t("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="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{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])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("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-7-0-1-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="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-1-icon></sd-7-0-1-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("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="${t("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="${t("flex relative",{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" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("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-7-0-1-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="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-1-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-1-icon></sd-7-0-1-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
1
+ import{a as l}from"./chunk.LHSR56PH.js";import{a as t}from"./chunk.4ZZFYCXX.js";import{a as c,b as e,c as m,d as o,h as n}from"./chunk.J45556RK.js";import{b as s,e as d}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var r=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="${t("flip-card relative h-full w-full")}"><div part="front" tabindex="0" aria-hidden="${this.activeSide==="back"}" inert="${l(this.activeSide==="back"||void 0)}" class="${t("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="${t("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="${t("flex relative",{primary:"text-white","primary-100":"text-black","gradient-light":"text-black","gradient-dark":"text-white"}[this.frontVariant])}"><div class="${t("absolute inset-0 pointer-events-none -z-10",{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])}"></div><slot name="front" class="relative z-10"></slot></div><div part="front-secondary-gradient" class="${t("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-7-0-2-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="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipFront}" @keydown="${this.handleFrontKeydown}"><sd-7-0-2-icon library="_internal" name="reload" label="Flip to Back"></sd-7-0-2-icon></sd-7-0-2-button></div><div part="back" tabindex="0" aria-hidden="${this.activeSide==="front"}" inert="${l(this.activeSide==="front"||void 0)}" class="${t("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="${t("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="${t("flex relative",{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" class="relative z-10"></slot></div><div part="back-secondary-gradient" class="${t("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-7-0-2-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="${t("absolute right-0 p-2 flex-shrink-0",this.placement==="top"?"bottom-0":"top-0")}" @click="${this.flipBack}" @keydown="${this.handleBackKeydown}"><sd-7-0-2-icon library="_internal" name="reload" label="Flip to Front"></sd-7-0-2-icon></sd-7-0-2-button></div></div>`}};r.styles=[...n.styles,s`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
2
  :host{display:block;aspect-ratio:var(--sd-aspect-3\\/4,3 / 4);--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:.2 1 0;pointer-events:none}.bg-gradient-to-b,.bg-gradient-to-t{--sd-color-background-primary-800:var(
3
3
  --sd-informational-gradient--primary-800-color-background,
4
4
  var(--sd-color-primary-800)
5
- )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-1-flipcard")],r);export{r as a};
5
+ )}`],i([o('[part="front"]')],r.prototype,"front",2),i([o('[part="back"]')],r.prototype,"back",2),i([e({reflect:!0,attribute:"flip-direction"})],r.prototype,"flipDirection",2),i([e({reflect:!0})],r.prototype,"placement",2),i([e({type:String,reflect:!0,attribute:"front-variant"})],r.prototype,"frontVariant",2),i([e({type:String,reflect:!0,attribute:"back-variant"})],r.prototype,"backVariant",2),i([m()],r.prototype,"activeSide",2),r=i([c("sd-7-0-2-flipcard")],r);export{r as a};