@solid-design-system/components 6.0.0-next.16 → 6.0.0-next.18

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 (277) hide show
  1. package/cdn/chunks/{chunk.ZCQLAJP5.js → chunk.QGEF6LTQ.js} +1 -1
  2. package/cdn/chunks/{chunk.J7OBYVAZ.js → chunk.YCUW3CQB.js} +1 -1
  3. package/cdn/components/input/input.js +1 -1
  4. package/cdn/components/textarea/textarea.js +1 -1
  5. package/cdn/custom-elements.json +1 -1
  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/web-types.json +1 -1
  10. package/cdn-versioned/chunks/chunk.22CCXPHJ.js +2 -2
  11. package/cdn-versioned/chunks/chunk.2NVSBN54.js +2 -2
  12. package/cdn-versioned/chunks/chunk.2VJYV5BY.js +1 -1
  13. package/cdn-versioned/chunks/chunk.2YGJH25L.js +2 -2
  14. package/cdn-versioned/chunks/chunk.3DMGMET2.js +1 -1
  15. package/cdn-versioned/chunks/chunk.4EVW5NQN.js +2 -2
  16. package/cdn-versioned/chunks/chunk.4U7ZECWB.js +2 -2
  17. package/cdn-versioned/chunks/chunk.62US4TJV.js +3 -3
  18. package/cdn-versioned/chunks/chunk.77FHAJLL.js +1 -1
  19. package/cdn-versioned/chunks/chunk.7H4P4PDT.js +2 -2
  20. package/cdn-versioned/chunks/chunk.7O3MPE7X.js +2 -2
  21. package/cdn-versioned/chunks/chunk.7PP3ESWS.js +2 -2
  22. package/cdn-versioned/chunks/chunk.AAHU44T4.js +2 -2
  23. package/cdn-versioned/chunks/chunk.ALCI4HY2.js +1 -1
  24. package/cdn-versioned/chunks/chunk.AMEM2SO3.js +1 -1
  25. package/cdn-versioned/chunks/chunk.BQUBETLX.js +2 -2
  26. package/cdn-versioned/chunks/chunk.BTDO4QHS.js +2 -2
  27. package/cdn-versioned/chunks/chunk.BZTTDLZU.js +2 -2
  28. package/cdn-versioned/chunks/chunk.CDP46OS4.js +1 -1
  29. package/cdn-versioned/chunks/chunk.CRURCGRK.js +2 -2
  30. package/cdn-versioned/chunks/chunk.CRWDTBDK.js +2 -2
  31. package/cdn-versioned/chunks/chunk.CWK7H3FQ.js +2 -2
  32. package/cdn-versioned/chunks/chunk.D6VARJ7Y.js +2 -2
  33. package/cdn-versioned/chunks/chunk.EB3THMQR.js +1 -1
  34. package/cdn-versioned/chunks/chunk.F6QCZ4MZ.js +2 -2
  35. package/cdn-versioned/chunks/chunk.FBDWZOOZ.js +2 -2
  36. package/cdn-versioned/chunks/chunk.FIA7TCHK.js +5 -5
  37. package/cdn-versioned/chunks/chunk.FLPQA4BU.js +3 -3
  38. package/cdn-versioned/chunks/chunk.FLXHLGUA.js +1 -1
  39. package/cdn-versioned/chunks/chunk.FRLH4VF3.js +1 -1
  40. package/cdn-versioned/chunks/chunk.H5CQDX46.js +5 -5
  41. package/cdn-versioned/chunks/chunk.I5MPXCAO.js +8 -8
  42. package/cdn-versioned/chunks/chunk.IYZBVAA7.js +2 -2
  43. package/cdn-versioned/chunks/chunk.JS2HQ2N4.js +1 -1
  44. package/cdn-versioned/chunks/chunk.K4LRVK2B.js +2 -2
  45. package/cdn-versioned/chunks/chunk.K4VSKKMO.js +1 -1
  46. package/cdn-versioned/chunks/chunk.LA7LFFT4.js +2 -2
  47. package/cdn-versioned/chunks/chunk.LRQ24UAJ.js +2 -2
  48. package/cdn-versioned/chunks/chunk.MIVJN2QZ.js +2 -2
  49. package/cdn-versioned/chunks/chunk.MTLVNKRG.js +2 -2
  50. package/cdn-versioned/chunks/chunk.OAYLOD6C.js +2 -2
  51. package/cdn-versioned/chunks/chunk.OXXHRKP2.js +2 -2
  52. package/cdn-versioned/chunks/chunk.P3Q4ZXYZ.js +2 -2
  53. package/cdn-versioned/chunks/chunk.PESXZHIR.js +2 -2
  54. package/cdn-versioned/chunks/{chunk.ZCQLAJP5.js → chunk.QGEF6LTQ.js} +2 -2
  55. package/cdn-versioned/chunks/chunk.RDFW6FZP.js +2 -2
  56. package/cdn-versioned/chunks/chunk.RRJE4KPF.js +2 -2
  57. package/cdn-versioned/chunks/chunk.SPAZJMG4.js +2 -2
  58. package/cdn-versioned/chunks/chunk.SPP6MW2X.js +2 -2
  59. package/cdn-versioned/chunks/chunk.TP4BG34O.js +2 -2
  60. package/cdn-versioned/chunks/chunk.URGWTDWY.js +2 -2
  61. package/cdn-versioned/chunks/chunk.VTDQOKJM.js +2 -2
  62. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  63. package/cdn-versioned/chunks/chunk.WPFGUIZ3.js +2 -2
  64. package/cdn-versioned/chunks/chunk.WXUF65Q3.js +2 -2
  65. package/cdn-versioned/chunks/chunk.XHNB4GKM.js +2 -2
  66. package/cdn-versioned/chunks/chunk.XPPKJJGY.js +2 -2
  67. package/cdn-versioned/chunks/chunk.XVBBYULT.js +1 -1
  68. package/cdn-versioned/chunks/{chunk.J7OBYVAZ.js → chunk.YCUW3CQB.js} +2 -2
  69. package/cdn-versioned/chunks/chunk.YJC7AXB7.js +2 -2
  70. package/cdn-versioned/chunks/chunk.YKHV5TNT.js +2 -2
  71. package/cdn-versioned/chunks/chunk.YUO4QWBT.js +1 -1
  72. package/cdn-versioned/chunks/chunk.Z5DGSF5Q.js +2 -2
  73. package/cdn-versioned/chunks/chunk.ZVQLZBSU.js +1 -1
  74. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  75. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  76. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  77. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  78. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  79. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  80. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  81. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  82. package/cdn-versioned/components/button/button.d.ts +1 -1
  83. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  84. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  85. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  86. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  87. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  88. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  89. package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
  90. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  91. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  92. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  93. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  94. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  95. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  96. package/cdn-versioned/components/header/header.d.ts +1 -1
  97. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  98. package/cdn-versioned/components/include/include.d.ts +1 -1
  99. package/cdn-versioned/components/input/input.d.ts +1 -1
  100. package/cdn-versioned/components/input/input.js +1 -1
  101. package/cdn-versioned/components/link/link.d.ts +1 -1
  102. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  103. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  104. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  105. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  106. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  107. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  108. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  109. package/cdn-versioned/components/option/option.d.ts +1 -1
  110. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  111. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  112. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  113. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  114. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  115. package/cdn-versioned/components/range/range.d.ts +1 -1
  116. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  117. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  118. package/cdn-versioned/components/select/select.d.ts +1 -1
  119. package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
  120. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  121. package/cdn-versioned/components/step/step.d.ts +1 -1
  122. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  123. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  124. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  125. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  126. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  127. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  128. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  129. package/cdn-versioned/components/textarea/textarea.js +1 -1
  130. package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  131. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  132. package/cdn-versioned/components/video/video.d.ts +1 -1
  133. package/cdn-versioned/custom-elements.json +250 -250
  134. package/cdn-versioned/internal/form.js +3 -3
  135. package/cdn-versioned/solid-components.bundle.js +79 -79
  136. package/cdn-versioned/solid-components.css +2 -2
  137. package/cdn-versioned/solid-components.iife.js +79 -79
  138. package/cdn-versioned/solid-components.js +1 -1
  139. package/cdn-versioned/vscode.html-custom-data.json +95 -95
  140. package/cdn-versioned/web-types.json +164 -164
  141. package/dist/chunks/{chunk.6WGHSMA3.js → chunk.F3WAQKPZ.js} +1 -1
  142. package/dist/chunks/{chunk.YVW2RMHE.js → chunk.QDGO562V.js} +1 -1
  143. package/dist/components/input/input.js +1 -1
  144. package/dist/components/textarea/textarea.js +1 -1
  145. package/dist/custom-elements.json +1 -1
  146. package/dist/solid-components.js +2 -2
  147. package/dist/web-types.json +1 -1
  148. package/dist-versioned/chunks/chunk.2W5MM7HR.js +6 -6
  149. package/dist-versioned/chunks/chunk.3DZRUVDI.js +5 -5
  150. package/dist-versioned/chunks/chunk.3UREZKLQ.js +2 -2
  151. package/dist-versioned/chunks/chunk.4LMIOELP.js +2 -2
  152. package/dist-versioned/chunks/chunk.5YR4L6ZG.js +2 -2
  153. package/dist-versioned/chunks/chunk.76LE4BPL.js +4 -4
  154. package/dist-versioned/chunks/chunk.76YV6AY5.js +8 -8
  155. package/dist-versioned/chunks/chunk.AUNSZRBQ.js +1 -1
  156. package/dist-versioned/chunks/chunk.AUWFJ6KR.js +2 -2
  157. package/dist-versioned/chunks/chunk.AYA7WMLI.js +1 -1
  158. package/dist-versioned/chunks/chunk.BT4V2WPS.js +5 -5
  159. package/dist-versioned/chunks/chunk.BVGYMFAR.js +5 -5
  160. package/dist-versioned/chunks/chunk.BWFAN5T4.js +5 -5
  161. package/dist-versioned/chunks/chunk.DUPO2RAV.js +3 -3
  162. package/dist-versioned/chunks/chunk.EGZ57KTV.js +3 -3
  163. package/dist-versioned/chunks/chunk.EPZFBHM5.js +2 -2
  164. package/dist-versioned/chunks/{chunk.6WGHSMA3.js → chunk.F3WAQKPZ.js} +4 -4
  165. package/dist-versioned/chunks/chunk.FJXMO4AJ.js +3 -3
  166. package/dist-versioned/chunks/chunk.FTQNZE7U.js +3 -3
  167. package/dist-versioned/chunks/chunk.G327Z3UW.js +2 -2
  168. package/dist-versioned/chunks/chunk.G4LU2DPT.js +7 -7
  169. package/dist-versioned/chunks/chunk.GLKP6FBY.js +2 -2
  170. package/dist-versioned/chunks/chunk.GTG5NCJH.js +7 -7
  171. package/dist-versioned/chunks/chunk.GUAIWPL4.js +1 -1
  172. package/dist-versioned/chunks/chunk.HC6LHKKU.js +5 -5
  173. package/dist-versioned/chunks/chunk.HHKPFIAB.js +1 -1
  174. package/dist-versioned/chunks/chunk.HOQ7HWJ2.js +4 -4
  175. package/dist-versioned/chunks/chunk.HPCBK4U6.js +11 -11
  176. package/dist-versioned/chunks/chunk.IJLFM2YE.js +8 -8
  177. package/dist-versioned/chunks/chunk.IP6WZTQB.js +2 -2
  178. package/dist-versioned/chunks/chunk.J2JUTR3O.js +4 -4
  179. package/dist-versioned/chunks/chunk.J3LIXAL2.js +8 -8
  180. package/dist-versioned/chunks/chunk.JE5DROBO.js +1 -1
  181. package/dist-versioned/chunks/chunk.K3WOPEVW.js +6 -6
  182. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  183. package/dist-versioned/chunks/chunk.LZEWZD6Z.js +4 -4
  184. package/dist-versioned/chunks/chunk.MGI5NELL.js +3 -3
  185. package/dist-versioned/chunks/chunk.N4OTT34O.js +4 -4
  186. package/dist-versioned/chunks/chunk.NLVFG55I.js +3 -3
  187. package/dist-versioned/chunks/chunk.O3GL2NJZ.js +3 -3
  188. package/dist-versioned/chunks/chunk.P3AEQTO4.js +8 -8
  189. package/dist-versioned/chunks/chunk.PXABEZTS.js +26 -26
  190. package/dist-versioned/chunks/chunk.QBW7TVOK.js +26 -26
  191. package/dist-versioned/chunks/{chunk.YVW2RMHE.js → chunk.QDGO562V.js} +3 -3
  192. package/dist-versioned/chunks/chunk.QLNTXQ74.js +1 -1
  193. package/dist-versioned/chunks/chunk.QMAANEK5.js +12 -12
  194. package/dist-versioned/chunks/chunk.RN3MHCKA.js +1 -1
  195. package/dist-versioned/chunks/chunk.RSHUGRW4.js +2 -2
  196. package/dist-versioned/chunks/chunk.RYXJEAJP.js +24 -24
  197. package/dist-versioned/chunks/chunk.RZYPRKWX.js +3 -3
  198. package/dist-versioned/chunks/chunk.TANNWOC5.js +1 -1
  199. package/dist-versioned/chunks/chunk.U2BN2DBY.js +4 -4
  200. package/dist-versioned/chunks/chunk.UAKAZZQ5.js +12 -12
  201. package/dist-versioned/chunks/chunk.UE4M2UDJ.js +4 -4
  202. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  203. package/dist-versioned/chunks/chunk.ULHJFA5A.js +4 -4
  204. package/dist-versioned/chunks/chunk.VHCJ4ERI.js +2 -2
  205. package/dist-versioned/chunks/chunk.XCCVIHHK.js +14 -14
  206. package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
  207. package/dist-versioned/chunks/chunk.XMHLFXNP.js +1 -1
  208. package/dist-versioned/chunks/chunk.XPXWMXEZ.js +4 -4
  209. package/dist-versioned/chunks/chunk.XXOSIGGH.js +4 -4
  210. package/dist-versioned/chunks/chunk.YNEDC56F.js +2 -2
  211. package/dist-versioned/chunks/chunk.YV6TLAQG.js +1 -1
  212. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  213. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  214. package/dist-versioned/components/animation/animation.d.ts +1 -1
  215. package/dist-versioned/components/audio/audio.d.ts +1 -1
  216. package/dist-versioned/components/badge/badge.d.ts +1 -1
  217. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  218. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  219. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  220. package/dist-versioned/components/button/button.d.ts +1 -1
  221. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  222. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  223. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  224. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  225. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  226. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  227. package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
  228. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  229. package/dist-versioned/components/divider/divider.d.ts +1 -1
  230. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  231. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  232. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  233. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  234. package/dist-versioned/components/header/header.d.ts +1 -1
  235. package/dist-versioned/components/icon/icon.d.ts +1 -1
  236. package/dist-versioned/components/include/include.d.ts +1 -1
  237. package/dist-versioned/components/input/input.d.ts +1 -1
  238. package/dist-versioned/components/input/input.js +1 -1
  239. package/dist-versioned/components/link/link.d.ts +1 -1
  240. package/dist-versioned/components/loader/loader.d.ts +1 -1
  241. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  242. package/dist-versioned/components/menu/menu.d.ts +1 -1
  243. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  244. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  245. package/dist-versioned/components/notification/notification.d.ts +1 -1
  246. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  247. package/dist-versioned/components/option/option.d.ts +1 -1
  248. package/dist-versioned/components/popup/popup.d.ts +1 -1
  249. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  250. package/dist-versioned/components/radio/radio.d.ts +1 -1
  251. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  252. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  253. package/dist-versioned/components/range/range.d.ts +1 -1
  254. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  255. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  256. package/dist-versioned/components/select/select.d.ts +1 -1
  257. package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
  258. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  259. package/dist-versioned/components/step/step.d.ts +1 -1
  260. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  261. package/dist-versioned/components/switch/switch.d.ts +1 -1
  262. package/dist-versioned/components/tab/tab.d.ts +1 -1
  263. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  264. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  265. package/dist-versioned/components/tag/tag.d.ts +1 -1
  266. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  267. package/dist-versioned/components/textarea/textarea.js +1 -1
  268. package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  269. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  270. package/dist-versioned/components/video/video.d.ts +1 -1
  271. package/dist-versioned/custom-elements.json +250 -250
  272. package/dist-versioned/internal/form.js +3 -3
  273. package/dist-versioned/solid-components.css +2 -2
  274. package/dist-versioned/solid-components.js +2 -2
  275. package/dist-versioned/vscode.html-custom-data.json +95 -95
  276. package/dist-versioned/web-types.json +164 -164
  277. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{a as d}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as y}from"./chunk.7BPPDSHY.js";import{a as c,b as o,d as u,h as l}from"./chunk.77FHAJLL.js";import{b as p,e as r}from"./chunk.763RLJEK.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends l{constructor(){super(...arguments);this.localize=new y(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new d(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var i,n;t?(i=this.video)==null||i.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var i;(i=this.video)==null||i.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${s(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 sd-interactive outline-hidden focus-visible:focus-outline")}"><div part="play-button-bg" class="${s(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2")}"><slot name="play-icon" part="play-icon" class="${s(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-6-0-0-next-16-icon id="default-play-icon" library="_internal" name="start"></sd-6-0-0-next-16-icon></slot></div></button> ${this.hasSlotController.test("poster")?r`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1/2 * 100%);left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1/2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`],a([u("[part=base]")],e.prototype,"hostEl",2),a([o({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([o({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-6-0-0-next-16-video")],e);export{e as a};
1
+ import{a as d}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as y}from"./chunk.7BPPDSHY.js";import{a as c,b as o,d as u,h as l}from"./chunk.77FHAJLL.js";import{b as p,e as r}from"./chunk.763RLJEK.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends l{constructor(){super(...arguments);this.localize=new y(this);this.playing=!1;this.isBelowBreakpoint=!1;this.hasSlotController=new d(this,"[default]","play-icon","poster")}get poster(){let t=this.shadowRoot.querySelector("slot[name=poster]");return(t==null?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}get video(){return this.querySelector("video")}async hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0",await new Promise(t=>setTimeout(t,this.token("--sd-duration-medium",300))),this.poster.style.display="none")}setVideoInert(t){var i,n;t?(i=this.video)==null||i.setAttribute("inert",""):(n=this.video)==null||n.removeAttribute("inert")}play(){var t;this.emit("sd-play"),this.playing=!0,(t=this.video)==null||t.play(),this.hidePoster(),this.setVideoInert(!1)}handleKeydown(t){t instanceof KeyboardEvent&&(t.key==="Enter"||t.key===" ")&&(this.play(),setTimeout(()=>{var i;(i=this.video)==null||i.focus()}))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.setVideoInert(!0),this.resizeObserver=new ResizeObserver(()=>this.handleButtonResize()),this.updateComplete.then(()=>{this.resizeObserver.observe(this.hostEl)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return r`<div part="base" class="cursor-pointer"><button part="play-button" aria-label="${this.localize.term("playVideo")}" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${s(this.playing&&"pointer-events-none","group w-full h-full absolute top-0 left-0 z-30 sd-interactive outline-hidden focus-visible:focus-outline")}"><div part="play-button-bg" class="${s(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2")}"><slot name="play-icon" part="play-icon" class="${s(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-6-0-0-next-18-icon id="default-play-icon" library="_internal" name="start"></sd-6-0-0-next-18-icon></slot></div></button> ${this.hasSlotController.test("poster")?r`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>`:null}<slot></slot></div>`}};e.styles=[...l.styles,p`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1/2 * 100%);left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1/2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`],a([u("[part=base]")],e.prototype,"hostEl",2),a([o({type:Boolean,reflect:!0})],e.prototype,"playing",2),a([o({type:Boolean})],e.prototype,"isBelowBreakpoint",2),e=a([c("sd-6-0-0-next-18-video")],e);export{e as a};
@@ -1,2 +1,2 @@
1
- import{a as p,c as m}from"./chunk.B2NUKX6G.js";import{b as w}from"./chunk.PJ7JCMQF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as g}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as y,b as n,d as a,h as c}from"./chunk.77FHAJLL.js";import{b as f}from"./chunk.763RLJEK.js";import{b as l,e as d,f as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-0-0-next-16-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 sd-6-0-0-next-16-accordion-color-text relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200",this.open&&"sd-6-0-0-next-16-accordion-color-background")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${s(!this.open&&"opacity-0","w-1 sd-6-0-0-next-16-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${s("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${s(this.open&&"hidden")}"><sd-6-0-0-next-16-icon library="_internal" name="chevron-down"></sd-6-0-0-next-16-icon></slot><slot name="collapse-icon" class="${s(!this.open&&"hidden")}"><sd-6-0-0-next-16-icon library="_internal" name="chevron-down"></sd-6-0-0-next-16-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...c.styles,f`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-6-0-0-next-16-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
1
+ import{a as p,c as m}from"./chunk.B2NUKX6G.js";import{b as w}from"./chunk.PJ7JCMQF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as g}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as y,b as n,d as a,h as c}from"./chunk.77FHAJLL.js";import{b as f}from"./chunk.763RLJEK.js";import{b as l,e as d,f as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await d(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await d(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,h(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 sd-6-0-0-next-18-accordion-padding-block focus-visible:focus-outline focus-visible:z-10 sd-6-0-0-next-18-accordion-color-text relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200",this.open&&"sd-6-0-0-next-18-accordion-color-background")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${s(!this.open&&"opacity-0","w-1 sd-6-0-0-next-18-accordion__indicator-color absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${s("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${s(this.open&&"hidden")}"><sd-6-0-0-next-18-icon library="_internal" name="chevron-down"></sd-6-0-0-next-18-icon></slot><slot name="collapse-icon" class="${s(!this.open&&"hidden")}"><sd-6-0-0-next-18-icon library="_internal" name="chevron-down"></sd-6-0-0-next-18-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...c.styles,f`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}[part=header]::-webkit-details-marker{display:none}[part=base]{border-block-width:var(--sd-accordion-border-width)}[part=summary-icon]{color:var(--sd-accordion__chevron-color-text)}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-6-0-0-next-18-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as m}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,d as f,h as n}from"./chunk.77FHAJLL.js";import{b as o,e as c}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.steps=[];this.size="lg";this.orientation="horizontal";this.activeStep=0;this.notInteractive=!1;this.label=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.steps=this.getAllSteps(),this.steps[this.steps.length-1].noTail=!0;let t;this.steps.forEach((i,r)=>{i.index=r+1,i.size=this.size,i.orientation=this.orientation,this.notInteractive?(i.current=!1,i.disabled=!1,i.notInteractive=!0):i.current&&(t=r)}),this.setActiveStep(t||this.activeStep)})}updateSize(){this.steps.forEach(t=>{t.size=this.size})}updateOrientation(){this.steps.forEach(t=>{t.orientation=this.orientation})}getAllSteps(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-0-0-next-16-step")}setActiveStep(t){t>=0&&t<this.steps.length&&!this.notInteractive&&(this.activeStep=t,this.steps.forEach((i,r)=>{r===t?i.current=!0:r>t?i.waiting=!0:i.current=!1}))}handleInteractivityChange(){this.notInteractive&&this.steps.forEach(t=>{t.current=!1,t.disabled=!1,t.notInteractive=!0})}render(){return c`<div role="${this.notInteractive?"group":"navigation"}" class="h-full" aria-label="${this.label}"><div role="list" part="base" class="${m("flex",this.orientation==="vertical"&&"flex-col h-full")}"><slot part="body"></slot></div></div>`}};e.styles=[...n.styles,o`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{width:-moz-max-content;width:max-content}`],s([f("[part=body]")],e.prototype,"body",2),s([a({type:String,reflect:!0})],e.prototype,"size",2),s([a({type:String,reflect:!0})],e.prototype,"orientation",2),s([a({type:Number,reflect:!0,attribute:"active-step"})],e.prototype,"activeStep",2),s([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],e.prototype,"notInteractive",2),s([a({type:String,reflect:!0})],e.prototype,"label",2),s([l("size",{waitUntilFirstUpdate:!0})],e.prototype,"updateSize",1),s([l("orientation",{waitUntilFirstUpdate:!0})],e.prototype,"updateOrientation",1),s([l("notInteractive")],e.prototype,"handleInteractivityChange",1),e=s([h("sd-6-0-0-next-16-step-group")],e);export{e as a};
1
+ import{a as m}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as h,b as a,d as f,h as n}from"./chunk.77FHAJLL.js";import{b as o,e as c}from"./chunk.763RLJEK.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.steps=[];this.size="lg";this.orientation="horizontal";this.activeStep=0;this.notInteractive=!1;this.label=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.steps=this.getAllSteps(),this.steps[this.steps.length-1].noTail=!0;let t;this.steps.forEach((i,r)=>{i.index=r+1,i.size=this.size,i.orientation=this.orientation,this.notInteractive?(i.current=!1,i.disabled=!1,i.notInteractive=!0):i.current&&(t=r)}),this.setActiveStep(t||this.activeStep)})}updateSize(){this.steps.forEach(t=>{t.size=this.size})}updateOrientation(){this.steps.forEach(t=>{t.orientation=this.orientation})}getAllSteps(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-0-0-next-18-step")}setActiveStep(t){t>=0&&t<this.steps.length&&!this.notInteractive&&(this.activeStep=t,this.steps.forEach((i,r)=>{r===t?i.current=!0:r>t?i.waiting=!0:i.current=!1}))}handleInteractivityChange(){this.notInteractive&&this.steps.forEach(t=>{t.current=!1,t.disabled=!1,t.notInteractive=!0})}render(){return c`<div role="${this.notInteractive?"group":"navigation"}" class="h-full" aria-label="${this.label}"><div role="list" part="base" class="${m("flex",this.orientation==="vertical"&&"flex-col h-full")}"><slot part="body"></slot></div></div>`}};e.styles=[...n.styles,o`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{width:-moz-max-content;width:max-content}`],s([f("[part=body]")],e.prototype,"body",2),s([a({type:String,reflect:!0})],e.prototype,"size",2),s([a({type:String,reflect:!0})],e.prototype,"orientation",2),s([a({type:Number,reflect:!0,attribute:"active-step"})],e.prototype,"activeStep",2),s([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],e.prototype,"notInteractive",2),s([a({type:String,reflect:!0})],e.prototype,"label",2),s([l("size",{waitUntilFirstUpdate:!0})],e.prototype,"updateSize",1),s([l("orientation",{waitUntilFirstUpdate:!0})],e.prototype,"updateOrientation",1),s([l("notInteractive")],e.prototype,"handleInteractivityChange",1),e=s([h("sd-6-0-0-next-18-step-group")],e);export{e as a};
@@ -1,4 +1,4 @@
1
- import{a as f}from"./chunk.CSLPZKLY.js";import{b as c}from"./chunk.D6LAH53B.js";import{e as l,i as u}from"./chunk.763RLJEK.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.G!==void 0&&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.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-6-0-0-next-16-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-6-0-0-next-16-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-6-0-0-next-16-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-6-0-0-next-16-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-6-0-0-next-16-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
1
+ import{a as f}from"./chunk.CSLPZKLY.js";import{b as c}from"./chunk.D6LAH53B.js";import{e as l,i as u}from"./chunk.763RLJEK.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.G!==void 0&&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.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-6-0-0-next-18-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-6-0-0-next-18-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-6-0-0-next-18-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-6-0-0-next-18-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-6-0-0-next-18-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 T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.PV6UYBMY.js";import{a as c}from"./chunk.YFQFOIEM.js";import{a as y}from"./chunk.7BPPDSHY.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.77FHAJLL.js";import{b as m,e as d}from"./chunk.763RLJEK.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-0-0-next-16-tab"),customElements.whenDefined("sd-6-0-0-next-16-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-0-0-next-16-tab"?e:e.querySelector("sd-6-0-0-next-16-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-0-0-next-16-tab":e.tagName.toLowerCase()==="sd-6-0-0-next-16-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-0-0-next-16-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-0-0-next-16-tab");(e==null?void 0:e.closest("sd-6-0-0-next-16-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-0-0-next-16-tab");if((e==null?void 0:e.closest("sd-6-0-0-next-16-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-0-0-next-16-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-0-0-next-16-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-0-0-next-16-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-0-0-next-16-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-0-0-next-16-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-0-0-next-16-tab-panel){--padding:1rem 0}::slotted(sd-6-0-0-next-16-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary))}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-0-0-next-16-tab-group")],a);export{a};
1
+ import{a as T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.PV6UYBMY.js";import{a as c}from"./chunk.YFQFOIEM.js";import{a as y}from"./chunk.7BPPDSHY.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.77FHAJLL.js";import{b as m,e as d}from"./chunk.763RLJEK.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-0-0-next-18-tab"),customElements.whenDefined("sd-6-0-0-next-18-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-0-0-next-18-tab"?e:e.querySelector("sd-6-0-0-next-18-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-0-0-next-18-tab":e.tagName.toLowerCase()==="sd-6-0-0-next-18-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-0-0-next-18-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-0-0-next-18-tab");(e==null?void 0:e.closest("sd-6-0-0-next-18-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-0-0-next-18-tab");if((e==null?void 0:e.closest("sd-6-0-0-next-18-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-0-0-next-18-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-0-0-next-18-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-0-0-next-18-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-0-0-next-18-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-0-0-next-18-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-0-0-next-18-tab-panel){--padding:1rem 0}::slotted(sd-6-0-0-next-18-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--outline-color-primary))}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-0-0-next-18-tab-group")],a);export{a};
@@ -1,5 +1,5 @@
1
- import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as s,b as n,d,h as e}from"./chunk.77FHAJLL.js";import{b as i,e as l}from"./chunk.763RLJEK.js";import{e as o}from"./chunk.6EV4YU6C.js";var a=class extends e{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new c(this,"[default]","media","meta","headline","expandable")}render(){let t={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.8] to-60%")}"></div><div class="${r("relative",["primary","gradient-dark"].includes(this.variant)&&"text-white")}"><div class="${r("absolute inset-0",{white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"sd-6-0-0-next-16-teaser-media--neutral-100-color-background group-hover:sd-6-0-0-next-16-teaser-media--neutral-100--hover-color-background",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"sd-6-0-0-next-16-teaser-media--primary-100-color-background group-hover:sd-6-0-0-next-16-teaser-media--primary-100--hover-color-background","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/90 to-primary-800/[.8]"}[this.variant])}"></div><div class="relative flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!t["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",t["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!t["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!t["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};a.styles=[...e.styles,i`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
1
+ import{a as c}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YFQFOIEM.js";import{a as s,b as n,d,h as e}from"./chunk.77FHAJLL.js";import{b as i,e as l}from"./chunk.763RLJEK.js";import{e as o}from"./chunk.6EV4YU6C.js";var a=class extends e{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new c(this,"[default]","media","meta","headline","expandable")}render(){let t={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.8] to-60%")}"></div><div class="${r("relative",["primary","gradient-dark"].includes(this.variant)&&"text-white")}"><div class="${r("absolute inset-0",{white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"sd-6-0-0-next-18-teaser-media--neutral-100-color-background group-hover:sd-6-0-0-next-18-teaser-media--neutral-100--hover-color-background",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"sd-6-0-0-next-18-teaser-media--primary-100-color-background group-hover:sd-6-0-0-next-18-teaser-media--primary-100--hover-color-background","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/90 to-primary-800/[.8]"}[this.variant])}"></div><div class="relative flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!t["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",t["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!t["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!t["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};a.styles=[...e.styles,i`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
2
  :host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:rgba(var(--sd-color-background-white))}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-white)) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-neutral-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-neutral-100)) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary)) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary-100)) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .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
- )}`],o([n({type:String,reflect:!0})],a.prototype,"variant",2),o([d('[part="base"]')],a.prototype,"teaserMedia",2),a=o([s("sd-6-0-0-next-16-teaser-media")],a);export{a};
5
+ )}`],o([n({type:String,reflect:!0})],a.prototype,"variant",2),o([d('[part="base"]')],a.prototype,"teaserMedia",2),a=o([s("sd-6-0-0-next-18-teaser-media")],a);export{a};
@@ -1,2 +1,2 @@
1
- import{a as V}from"./chunk.P3Q4ZXYZ.js";import{b,c as C,d as x,e as w}from"./chunk.JS2HQ2N4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.YFQFOIEM.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c as u,d as m,h as f}from"./chunk.77FHAJLL.js";import{b as v,e as h}from"./chunk.763RLJEK.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 E(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?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()}getAllRadios(){return[...this.querySelectorAll("sd-6-0-0-next-16-radio, sd-6-0-0-next-16-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-6-0-0-next-16-radio, sd-6-0-0-next-16-radio-button"),a=this.getAllRadios(),i=this.value;e.disabled||(this.value=e.value,a.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(d=>!d.disabled),a=(g=e.find(d=>d.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(a)+i;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(d=>{d.checked=!1,this.hasButtonGroup||(d.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),a=t.find(i=>i.checked)||t[0];a&&a.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,a;let t=this.getAllRadios();if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof V&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-0-0-next-16-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-6-0-0-next-16-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-0-0-next-16-radio")&&customElements.get("sd-6-0-0-next-16-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-0-0-next-16-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-0-0-next-16-radio").then(()=>this.syncRadios()),customElements.get("sd-6-0-0-next-16-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-0-0-next-16-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=h`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return h`<fieldset part="form-control" class="${c("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?h`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",e?"inline-block":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?h`<sd-6-0-0-next-16-button-group class="border border-primary sd-6-0-0-next-16-radio-button-group-border-radius sd-6-0-0-next-16-radio-button-group-border-width sd-6-0-0-next-16-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-6-0-0-next-16-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};s.styles=[...f.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-16-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-16-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-16-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-16-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-16-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-16-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-0-0-next-16-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([u()],s.prototype,"hasButtonGroup",2),o([u()],s.prototype,"defaultValue",2),o([u()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:Boolean,reflect:!0})],s.prototype,"boldLabel",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([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-6-0-0-next-16-radio-group")],s);export{s as a};
1
+ import{a as V}from"./chunk.P3Q4ZXYZ.js";import{b,c as C,d as x,e as w}from"./chunk.JS2HQ2N4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.YFQFOIEM.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as y,b as r,c as u,d as m,h as f}from"./chunk.77FHAJLL.js";import{b as v,e as h}from"./chunk.763RLJEK.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 E(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?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()}getAllRadios(){return[...this.querySelectorAll("sd-6-0-0-next-18-radio, sd-6-0-0-next-18-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-6-0-0-next-18-radio, sd-6-0-0-next-18-radio-button"),a=this.getAllRadios(),i=this.value;e.disabled||(this.value=e.value,a.forEach(n=>n.checked=n===e),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(d=>!d.disabled),a=(g=e.find(d=>d.checked))!=null?g:e[0],i=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,l=e.indexOf(a)+i;l<0&&(l=e.length-1),l>e.length-1&&(l=0),this.getAllRadios().forEach(d=>{d.checked=!1,this.hasButtonGroup||(d.tabIndex=-1)}),this.value=e[l].value,e[l].checked=!0,this.hasButtonGroup?e[l].shadowRoot.querySelector("button").focus():(e[l].tabIndex=0,e[l].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),a=t.find(i=>i.checked)||t[0];a&&a.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,a;let t=this.getAllRadios();if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof V&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-0-0-next-18-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-6-0-0-next-18-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-0-0-next-18-radio")&&customElements.get("sd-6-0-0-next-18-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-0-0-next-18-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-0-0-next-18-radio").then(()=>this.syncRadios()),customElements.get("sd-6-0-0-next-18-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-0-0-next-18-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=h`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return h`<fieldset part="form-control" class="${c("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?h`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",e?"inline-block":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?h`<sd-6-0-0-next-18-button-group class="border border-primary sd-6-0-0-next-18-radio-button-group-border-radius sd-6-0-0-next-18-radio-button-group-border-width sd-6-0-0-next-18-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-6-0-0-next-18-button-group>`:l}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};s.styles=[...f.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-18-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-18-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-18-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-18-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-18-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-18-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-0-0-next-18-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([u()],s.prototype,"hasButtonGroup",2),o([u()],s.prototype,"defaultValue",2),o([u()],s.prototype,"showInvalidStyle",2),o([r({type:String,reflect:!0})],s.prototype,"size",2),o([r({type:Boolean,reflect:!0})],s.prototype,"required",2),o([r({type:String,reflect:!0})],s.prototype,"orientation",2),o([r({type:String,reflect:!0})],s.prototype,"label",2),o([r({type:String,attribute:"help-text",reflect:!0})],s.prototype,"helpText",2),o([r({type:Boolean,reflect:!0})],s.prototype,"boldLabel",2),o([r({type:String,reflect:!0})],s.prototype,"name",2),o([r()],s.prototype,"value",2),o([r({type:String,reflect:!0})],s.prototype,"form",2),o([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-6-0-0-next-18-radio-group")],s);export{s as a};
@@ -1,2 +1,2 @@
1
- import{a as p}from"./chunk.CGQ2BPPZ.js";import{a}from"./chunk.YFQFOIEM.js";import{a as r}from"./chunk.NYKJXI3Q.js";import{a as d,b as o,h as n}from"./chunk.77FHAJLL.js";import{b as m,e as s}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-6-0-0-next-16-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-6-0-0-next-16-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-6-0-0-next-16-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-16-checkbox){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-16-checkbox:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-16-checkbox){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-16-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-16-checkbox){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-16-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-6-0-0-next-16-checkbox-group")],t);export{t as a};
1
+ import{a as p}from"./chunk.CGQ2BPPZ.js";import{a}from"./chunk.YFQFOIEM.js";import{a as r}from"./chunk.NYKJXI3Q.js";import{a as d,b as o,h as n}from"./chunk.77FHAJLL.js";import{b as m,e as s}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-6-0-0-next-18-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-6-0-0-next-18-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-6-0-0-next-18-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-18-checkbox){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-0-0-next-18-checkbox:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-18-checkbox){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-0-0-next-18-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-18-checkbox){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-0-0-next-18-checkbox:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-6-0-0-next-18-checkbox-group")],t);export{t as a};
@@ -1,2 +1,2 @@
1
1
  import{a as e}from"./chunk.YFQFOIEM.js";import{a as n}from"./chunk.7BPPDSHY.js";import{a,b as c,h as i}from"./chunk.77FHAJLL.js";import{b as l,e as o}from"./chunk.763RLJEK.js";import{e as t}from"./chunk.6EV4YU6C.js";var r=class extends i{constructor(){super(...arguments);this.color="currentColor";this.localize=new n(this)}render(){return o`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="20" cy="12" r="2" fill="currentColor"/><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="12" cy="12" r="2" fill="currentColor"/><circle class="${e("dot",{primary:"text-primary animate-loader-primary",white:"text-white animate-loader-white",currentColor:"animate-loader-current"}[this.color])}" cx="4" cy="12" r="2" fill="currentColor"/></svg>`}};r.styles=[...i.styles,l`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:inline-block;width:1em;height:1em}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(1){animation-delay:.2s}`],t([c({type:String,reflect:!0})],r.prototype,"color",2),r=t([a("sd-6-0-0-next-16-loader")],r);export{r as a};
2
+ :host{display:inline-block;width:1em;height:1em}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(1){animation-delay:.2s}`],t([c({type:String,reflect:!0})],r.prototype,"color",2),r=t([a("sd-6-0-0-next-18-loader")],r);export{r as a};
@@ -1,5 +1,5 @@
1
- import{a as C}from"./chunk.BJBQEPZV.js";import{a as T}from"./chunk.EOXYPQZI.js";import{a as k}from"./chunk.XVBBYULT.js";import{a as M}from"./chunk.CBQWVOOS.js";import{a as n}from"./chunk.YFQFOIEM.js";import{a as A}from"./chunk.7BPPDSHY.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as _,b as p,c as m,d as f,e as E,h as w}from"./chunk.77FHAJLL.js";import{b as P,e as b}from"./chunk.763RLJEK.js";import{d as $}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";function I(u,d,e){let i=t=>Object.is(t,-0)?0:t;return u<d?i(d):u>e?i(e):i(u)}function*L(u,d){if(u!==void 0){let e=0;for(let i of u)yield d(i,e++)}}function*B(u,d,e=1){let i=d===void 0?0:u;d!=null||(d=u);for(let t=i;e>0?t<d:d<t;t+=e)yield t}var r=class extends w{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.autoplayController=new M(this,()=>this.next());this.scrollController=new T(this);this.slides=this.getElementsByTagName("sd-6-0-0-next-16-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new A(this);this.userInteracted=!1;this.fadeController=new C(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>k.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction));let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,l=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",h=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),h&&this.previous(),l&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var a;let c=(a=this.shadowRoot)==null?void 0:a.querySelector('[part~="pagination-item--active"]');c&&c.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.autoplay&&this.scrollContainer.setAttribute("aria-live","polite")}handleBlur(){this.autoplay&&this.scrollContainer.setAttribute("aria-live","off")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){var e,i;this.pausedAutoplay?(this.autoplayController.stop(),(e=this.autoplayControls)==null||e.setAttribute("aria-pressed","false")):this.autoplay&&(this.autoplayController.start(3e3),(i=this.autoplayControls)==null||i.setAttribute("aria-pressed","true"))}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),l=e.slice(0,t);s.reverse().forEach((h,c)=>{let a=h.cloneNode(!0);a.setAttribute("data-clone",String(e.length-c-1)),this.prepend(a)}),l.forEach((h,c)=>{let a=h.cloneNode(!0);a.setAttribute("data-clone",String(c)),this.append(a)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,l)=>{s.classList.toggle("--is-active",l===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}});let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:l,fade:h}=this,c=this.getSlides(),a=this.getSlides({excludeClones:!1}),g=(e+c.length)%c.length;if(this.activeSlide=g,h)return;let y=I(e+(s?t:0),0,a.length+1),O=a[y],S=l.getBoundingClientRect(),x=O.getBoundingClientRect();if(l.scrollTo({left:x.left-S.left+l.scrollLeft,top:x.top-S.top+l.scrollTop,behavior:$()?"auto":i}),this.userInteracted&&!this.loop){let z=this.activeSlide===c.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,H=this.activeSlide===0;z?this.previousButton.focus({preventScroll:!0}):H&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),l=this.loop||s>1,h=this.loop||s<t,c=this.localize.dir()==="ltr";return b`<div part="base" class="${n("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${n("carousel__slides mb-6 max-h-full w-full items-center justify-items-center",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.fade?"relative overflow-hidden":"grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(a=>!a.hasAttribute("data-clone")).length)}" aria-live="${this.autoplay?"off":"polite"}" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><slot></slot></div><div part="controls" class="${n("w-full flex items-center justify-center relative")}"><div part="navigation" class="${n("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!l}" class="${n("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!l&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${l?"false":"true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${l?a=>{this.previous(),this.unblockAutoplay(a,this.previousButton)}:null}"><slot name="previous-icon"><sd-6-0-0-next-16-icon class="${n("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${c?"chevron-down":"chevron-up"}"></sd-6-0-0-next-16-icon></slot></button> ${this.variant==="dot"?b`<div part="pagination-dot" role="tablist" class="${n("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${L(B(t),a=>{let g=a+1===s;return b`<button part="pagination-item ${g?"pagination-item--active":""}" class="${n("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",g?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${g?"true":"false"}" aria-label="${this.localize.term("goToSlide",a+1,t)}" @click="${y=>{this.goToSlide(a*i),this.unblockAutoplay(y,this.paginationItems[a])}}" @keydown="${this.handleKeyDown}"><span class="${n("h-4 w-4 block border sd-6-0-0-next-16-carousel__pager-dot-border-width hover:border-primary-500 rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",this.inverted?"border-white hover:border-primary-500":"border-primary",g&&"bg-accent border-none",g?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`})}</div>`:b`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${n("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${s}</span> <span part="pagination-divider" class="${n("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${n("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!h}" class="${n("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!h&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${h?"false":"true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${h?a=>{this.next(),this.unblockAutoplay(a,this.nextButton)}:null}"><slot name="next-icon"><sd-6-0-0-next-16-icon class="${n("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${c?"chevron-up":"chevron-down"}"></sd-6-0-0-next-16-icon></slot></button></div><button class="${n("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${a=>{this.pausedAutoplay=!this.pausedAutoplay,a.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${n(this.pausedAutoplay?"":"hidden")}"><sd-6-0-0-next-16-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-0-0-next-16-icon></slot><slot name="autoplay-pause" class="${n(this.pausedAutoplay?"hidden":"")}"><sd-6-0-0-next-16-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-0-0-next-16-icon></slot></button></div></div>`}};r.styles=[...w.styles,P`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-0-0-next-16-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}#carousel__navigation-button--next,#carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-primary))}#carousel__navigation-button--next:disabled,#carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-500))}:host([inverted]) #carousel__navigation-button--next,:host([inverted]) #carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-white))}:host([inverted]) #carousel__navigation-button--next:disabled,:host([inverted]) #carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-600))}`],o([f('[part~="autoplay-controls"]')],r.prototype,"autoplayControls",2),o([f('[part~="navigation-button--previous"]')],r.prototype,"previousButton",2),o([f('[part~="navigation-button--next"]')],r.prototype,"nextButton",2),o([E('[part~="pagination-item"]')],r.prototype,"paginationItems",2),o([p({type:String,reflect:!0})],r.prototype,"variant",2),o([p({type:Boolean,reflect:!0})],r.prototype,"inverted",2),o([p({type:Boolean,reflect:!0})],r.prototype,"loop",2),o([p({type:Boolean,reflect:!0})],r.prototype,"autoplay",2),o([p({type:Boolean,reflect:!0})],r.prototype,"fade",2),o([p({type:Number,attribute:"slides-per-page",reflect:!0})],r.prototype,"slidesPerPage",2),o([p({type:Number,attribute:"slides-per-move",reflect:!0})],r.prototype,"slidesPerMove",2),o([f("slot:not([name])")],r.prototype,"defaultSlot",2),o([f(".carousel__slides")],r.prototype,"scrollContainer",2),o([f(".carousel__pagination")],r.prototype,"paginationContainer",2),o([m()],r.prototype,"activeSlide",2),o([m()],r.prototype,"currentPage",2),o([m()],r.prototype,"pausedAutoplay",2),o([v("pausedAutoplay")],r.prototype,"handlePausedAutoplay",1),o([v("fade",{waitUntilFirstUpdate:!0})],r.prototype,"handleFadeChange",1),o([v("loop",{waitUntilFirstUpdate:!0}),v("slidesPerPage",{waitUntilFirstUpdate:!0})],r.prototype,"initializeSlides",1),o([v("activeSlide")],r.prototype,"handleSlideChange",1),o([v("slidesPerMove")],r.prototype,"handleSlidesPerMoveChange",1),o([v("autoplay")],r.prototype,"handleAutoplayChange",1),r=o([_("sd-6-0-0-next-16-carousel")],r);export{r as a};
1
+ import{a as C}from"./chunk.BJBQEPZV.js";import{a as T}from"./chunk.EOXYPQZI.js";import{a as k}from"./chunk.XVBBYULT.js";import{a as M}from"./chunk.CBQWVOOS.js";import{a as n}from"./chunk.YFQFOIEM.js";import{a as A}from"./chunk.7BPPDSHY.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as _,b as p,c as m,d as f,e as E,h as w}from"./chunk.77FHAJLL.js";import{b as P,e as b}from"./chunk.763RLJEK.js";import{d as $}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";function I(u,d,e){let i=t=>Object.is(t,-0)?0:t;return u<d?i(d):u>e?i(e):i(u)}function*L(u,d){if(u!==void 0){let e=0;for(let i of u)yield d(i,e++)}}function*B(u,d,e=1){let i=d===void 0?0:u;d!=null||(d=u);for(let t=i;e>0?t<d:d<t;t+=e)yield t}var r=class extends w{constructor(){super(...arguments);this.variant="number";this.inverted=!1;this.loop=!1;this.autoplay=!1;this.fade=!1;this.slidesPerPage=1;this.slidesPerMove=1;this.activeSlide=0;this.currentPage=1;this.pausedAutoplay=!1;this.autoplayController=new M(this,()=>this.next());this.scrollController=new T(this);this.slides=this.getElementsByTagName("sd-6-0-0-next-18-carousel-item");this.intersectionObserverEntries=new Map;this.localize=new A(this);this.userInteracted=!1;this.fadeController=new C(this);this.handleUserInteraction=()=>{this.userInteracted=!0};this.handleSlotChange=e=>{e.some(t=>[...t.addedNodes,...t.removedNodes].some(s=>k.isCarouselItem(s)&&!s.hasAttribute("data-clone")))&&this.initializeSlides(),this.requestUpdate()};this.unblockAutoplay=(e,i)=>{e.detail&&i.blur()}}connectedCallback(){super.connectedCallback(),["click","keydown"].forEach(i=>this.addEventListener(i,this.handleUserInteraction));let e=new IntersectionObserver(i=>{i.forEach(t=>{this.intersectionObserverEntries.set(t.target,t);let s=t.target;s.toggleAttribute("inert",!t.isIntersecting),s.classList.toggle("--in-view",t.isIntersecting),s.setAttribute("aria-hidden",t.isIntersecting?"false":"true")})},{root:this,threshold:.6});this.intersectionObserver=e,e.takeRecords().forEach(i=>{this.intersectionObserverEntries.set(i.target,i)})}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect(),["click","keydown"].forEach(e=>this.removeEventListener(e,this.handleUserInteraction)),this.fade&&this.fadeController.disable()}async firstUpdated(){if((()=>{let i=this.getSlides({excludeClones:!1});return i.length>0&&i[0].getBoundingClientRect().width>0})())this.initializeSlides();else{let i=new IntersectionObserver(t=>{t.forEach(s=>{s.isIntersecting&&s.target.getBoundingClientRect().width>0&&(this.initializeSlides(),i.disconnect())})});i.observe(this)}this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1}),this.fade&&(await this.updateComplete,this.fadeController.enable())}getPageCount(e,i,t){return Math.ceil((e-i)/t)+1>0?Math.ceil((e-i)/t)+1:1}getCurrentPage(e,i,t,s){return Math.ceil((e-t)/s)-Math.ceil((e-t-i)/s)+1}getSlides({excludeClones:e=!0}={}){return[...this.slides].filter(i=>!e||!i.hasAttribute("data-clone"))}handleKeyDown(e){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let i=e.target,t=this.localize.dir()==="rtl",s=i.closest('[part~="pagination-item"]')!==null,l=e.key==="ArrowDown"||!t&&e.key==="ArrowRight"||t&&e.key==="ArrowLeft",h=e.key==="ArrowUp"||!t&&e.key==="ArrowLeft"||t&&e.key==="ArrowRight";e.preventDefault(),h&&this.previous(),l&&this.next(),e.key==="Home"&&this.goToSlide(0),e.key==="End"&&this.goToSlide(this.getSlides().length-1),s&&this.updateComplete.then(()=>{var a;let c=(a=this.shadowRoot)==null?void 0:a.querySelector('[part~="pagination-item--active"]');c&&c.focus()})}}handleScrollEnd(){if(this.fade)return;let e=this.getSlides(),t=[...this.intersectionObserverEntries.values()].find(s=>s.isIntersecting);if(this.loop&&(t!=null&&t.target.hasAttribute("data-clone"))){let s=Number(t.target.getAttribute("data-clone"));this.goToSlide(s,"auto");return}t&&(this.activeSlide=e.indexOf(t.target))}handleFocus(){this.autoplay&&this.scrollContainer.setAttribute("aria-live","polite")}handleBlur(){this.autoplay&&this.scrollContainer.setAttribute("aria-live","off")}pause(){this.pausedAutoplay=!0}resume(){this.pausedAutoplay=!1}handlePausedAutoplay(){var e,i;this.pausedAutoplay?(this.autoplayController.stop(),(e=this.autoplayControls)==null||e.setAttribute("aria-pressed","false")):this.autoplay&&(this.autoplayController.start(3e3),(i=this.autoplayControls)==null||i.setAttribute("aria-pressed","true"))}handleFadeChange(){this.fade?this.fadeController.enable():this.fadeController.disable()}initializeSlides(){let e=this.getSlides(),i=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach((t,s)=>{i.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",s+1,e.length)),t.hasAttribute("data-clone")&&t.remove()}),this.loop&&!this.fade){let t=this.slidesPerPage,s=e.slice(-t),l=e.slice(0,t);s.reverse().forEach((h,c)=>{let a=h.cloneNode(!0);a.setAttribute("data-clone",String(e.length-c-1)),this.prepend(a)}),l.forEach((h,c)=>{let a=h.cloneNode(!0);a.setAttribute("data-clone",String(c)),this.append(a)})}this.getSlides({excludeClones:!1}).forEach(t=>{i.observe(t)}),this.fade&&this.updateComplete.then(()=>{this.fadeController.enable()}),this.fade||this.goToSlide(this.activeSlide,"auto")}handleSlideChange(){let e=this.getSlides();e.forEach((s,l)=>{s.classList.toggle("--is-active",l===this.activeSlide)}),this.fade&&this.fadeController.updateActiveSlide(this.activeSlide);let i=this.getCurrentPage(e.length,this.activeSlide,this.slidesPerPage,this.slidesPerMove);this.currentPage!==i&&(this.currentPage=i),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:e[this.activeSlide]}});let t=this.getPageCount(e.length,this.slidesPerPage,this.slidesPerMove);this.currentPage>t&&requestAnimationFrame(()=>{this.nextTillFirst()})}handleSlidesPerMoveChange(){if(this.fade)return;let e=this.getSlides({excludeClones:!1}),i=this.slidesPerMove;e.forEach((t,s)=>{Math.abs(s-i)%i===0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")})}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(e="smooth"){if(this.fade){let s=this.loop?(this.activeSlide-1+this.getSlides().length)%this.getSlides().length:Math.max(0,this.activeSlide-1);this.goToSlide(s);return}let i=this.activeSlide||this.activeSlide-this.slidesPerMove,t=!1;for(;!t&&i>0;)i-=1,t=Math.abs(i-this.slidesPerMove)%this.slidesPerMove===0;this.currentPage-1===0&&this.loop?this.goToSlide(this.activeSlide-this.slidesPerPage,e):this.goToSlide(i,e)}next(e="smooth"){if(this.fade){let i=this.loop?(this.activeSlide+1)%this.getSlides().length:Math.min(this.getSlides().length-1,this.activeSlide+1);this.goToSlide(i);return}this.currentPage+1<=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove)?this.goToSlide(this.activeSlide+this.slidesPerMove,e):this.loop&&this.nextTillFirst(e)}nextTillFirst(e="smooth"){if(this.fade){this.goToSlide(0);return}for(;this.activeSlide!==0;)this.goToSlide(this.activeSlide+1,e);this.currentPage=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove)}goToSlide(e,i="smooth"){let{slidesPerPage:t,loop:s,scrollContainer:l,fade:h}=this,c=this.getSlides(),a=this.getSlides({excludeClones:!1}),g=(e+c.length)%c.length;if(this.activeSlide=g,h)return;let y=I(e+(s?t:0),0,a.length+1),O=a[y],S=l.getBoundingClientRect(),x=O.getBoundingClientRect();if(l.scrollTo({left:x.left-S.left+l.scrollLeft,top:x.top-S.top+l.scrollTop,behavior:$()?"auto":i}),this.userInteracted&&!this.loop){let z=this.activeSlide===c.length-1||this.activeSlide===this.slides.length-this.slidesPerPage,H=this.activeSlide===0;z?this.previousButton.focus({preventScroll:!0}):H&&this.nextButton.focus({preventScroll:!0})}}render(){let{scrollController:e,slidesPerMove:i}=this,t=this.getPageCount(this.getSlides().length,this.slidesPerPage,this.slidesPerMove),s=this.getCurrentPage(this.getSlides().length,this.activeSlide,this.slidesPerPage,this.slidesPerMove),l=this.loop||s>1,h=this.loop||s<t,c=this.localize.dir()==="ltr";return b`<div part="base" class="${n("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${n("carousel__slides mb-6 max-h-full w-full items-center justify-items-center",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.fade?"relative overflow-hidden":"grid overflow-auto overscroll-x-contain grid-flow-col auto-rows-[100%] snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${e.scrolling?"true":"false"}" aria-label="${this.localize.term("carouselContainer",Array.from(this.slides).filter(a=>!a.hasAttribute("data-clone")).length)}" aria-live="${this.autoplay?"off":"polite"}" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><slot></slot></div><div part="controls" class="${n("w-full flex items-center justify-center relative")}"><div part="navigation" class="${n("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!l}" class="${n("!mr-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!l&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${l?"false":"true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${l?a=>{this.previous(),this.unblockAutoplay(a,this.previousButton)}:null}"><slot name="previous-icon"><sd-6-0-0-next-18-icon class="${n("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${c?"chevron-down":"chevron-up"}"></sd-6-0-0-next-18-icon></slot></button> ${this.variant==="dot"?b`<div part="pagination-dot" role="tablist" class="${n("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${L(B(t),a=>{let g=a+1===s;return b`<button part="pagination-item ${g?"pagination-item--active":""}" class="${n("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",g?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${g?"true":"false"}" aria-label="${this.localize.term("goToSlide",a+1,t)}" @click="${y=>{this.goToSlide(a*i),this.unblockAutoplay(y,this.paginationItems[a])}}" @keydown="${this.handleKeyDown}"><span class="${n("h-4 w-4 block border sd-6-0-0-next-18-carousel__pager-dot-border-width hover:border-primary-500 rounded-full transition-colors duration-slow hover:duration-fast ease-in-out",this.inverted?"border-white hover:border-primary-500":"border-primary",g&&"bg-accent border-none",g?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`})}</div>`:b`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${n("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${s}</span> <span part="pagination-divider" class="${n("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${n("w-5 text-center",this.inverted?"text-white":"text-black")}">${t}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!h}" class="${n("!ml-6 !rounded-sm sd-interactive transition-colors duration-fast ease-in-out",!h&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${h?"false":"true"}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${h?a=>{this.next(),this.unblockAutoplay(a,this.nextButton)}:null}"><slot name="next-icon"><sd-6-0-0-next-18-icon class="${n("h-6 w-6 rotate-90 grid place-items-center")}" library="_internal" name="${c?"chevron-up":"chevron-down"}"></sd-6-0-0-next-18-icon></slot></button></div><button class="${n("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${a=>{this.pausedAutoplay=!this.pausedAutoplay,a.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${n(this.pausedAutoplay?"":"hidden")}"><sd-6-0-0-next-18-icon class="h-6 w-6 grid place-items-center" library="_internal" name="start"></sd-6-0-0-next-18-icon></slot><slot name="autoplay-pause" class="${n(this.pausedAutoplay?"hidden":"")}"><sd-6-0-0-next-18-icon class="h-6 w-6 grid place-items-center" library="_internal" name="pause"></sd-6-0-0-next-18-icon></slot></button></div></div>`}};r.styles=[...w.styles,P`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}:host([fade]){--carousel-height:auto}:host([fade]) .carousel__slides{position:relative;display:block;overflow:hidden;height:var(--carousel-height)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-6-0-0-next-18-button::part(label){pointer-events:none;display:flex;flex:auto;align-items:center}#carousel__navigation-button--next,#carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-primary))}#carousel__navigation-button--next:disabled,#carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-500))}:host([inverted]) #carousel__navigation-button--next,:host([inverted]) #carousel__navigation-button--previous{color:rgba(var(--sd-color-icon-fill-white))}:host([inverted]) #carousel__navigation-button--next:disabled,:host([inverted]) #carousel__navigation-button--previous:disabled{color:rgba(var(--sd-color-icon-fill-neutral-600))}`],o([f('[part~="autoplay-controls"]')],r.prototype,"autoplayControls",2),o([f('[part~="navigation-button--previous"]')],r.prototype,"previousButton",2),o([f('[part~="navigation-button--next"]')],r.prototype,"nextButton",2),o([E('[part~="pagination-item"]')],r.prototype,"paginationItems",2),o([p({type:String,reflect:!0})],r.prototype,"variant",2),o([p({type:Boolean,reflect:!0})],r.prototype,"inverted",2),o([p({type:Boolean,reflect:!0})],r.prototype,"loop",2),o([p({type:Boolean,reflect:!0})],r.prototype,"autoplay",2),o([p({type:Boolean,reflect:!0})],r.prototype,"fade",2),o([p({type:Number,attribute:"slides-per-page",reflect:!0})],r.prototype,"slidesPerPage",2),o([p({type:Number,attribute:"slides-per-move",reflect:!0})],r.prototype,"slidesPerMove",2),o([f("slot:not([name])")],r.prototype,"defaultSlot",2),o([f(".carousel__slides")],r.prototype,"scrollContainer",2),o([f(".carousel__pagination")],r.prototype,"paginationContainer",2),o([m()],r.prototype,"activeSlide",2),o([m()],r.prototype,"currentPage",2),o([m()],r.prototype,"pausedAutoplay",2),o([v("pausedAutoplay")],r.prototype,"handlePausedAutoplay",1),o([v("fade",{waitUntilFirstUpdate:!0})],r.prototype,"handleFadeChange",1),o([v("loop",{waitUntilFirstUpdate:!0}),v("slidesPerPage",{waitUntilFirstUpdate:!0})],r.prototype,"initializeSlides",1),o([v("activeSlide")],r.prototype,"handleSlideChange",1),o([v("slidesPerMove")],r.prototype,"handleSlidesPerMoveChange",1),o([v("autoplay")],r.prototype,"handleAutoplayChange",1),r=o([_("sd-6-0-0-next-18-carousel")],r);export{r as a};
3
3
  /*! Bundled license information:
4
4
 
5
5
  lit-html/directives/map.js:
@@ -1,2 +1,2 @@
1
- import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as h,b as s}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,h as d}from"./chunk.77FHAJLL.js";import{b}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,v=this.hasSlotController.test("label"),c=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=e("border sd-6-0-0-next-16-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${w}"><${u} part="circle" href="${n(f?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${x}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"text-primary")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?s`<sd-6-0-0-next-16-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-0-0-next-16-icon>`:s`${this.index}`}</slot></${u}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm break-words",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-400")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-0-0-next-16-icon,slot[name=circle-content]::slotted(sd-6-0-0-next-16-icon){color:rgba(var(--sd-color-icon-fill-primary))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([m("sd-6-0-0-next-16-step")],t);export{t as a};
1
+ import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as h,b as s}from"./chunk.PJ7JCMQF.js";import{a as e}from"./chunk.YFQFOIEM.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as m,b as r,h as d}from"./chunk.77FHAJLL.js";import{b}from"./chunk.763RLJEK.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,v=this.hasSlotController.test("label"),c=this.label?!0:v,g=this.hasSlotController.test("[default]"),a=this.description?!0:g,o=this.horizontalInline&&this.orientation==="horizontal",w=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),x=e("border sd-6-0-0-next-18-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${w}"><${u} part="circle" href="${n(f?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${x}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"text-primary")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?s`<sd-6-0-0-next-18-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-0-0-next-18-icon>`:s`${this.index}`}</slot></${u}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm break-words",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-400")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-0-0-next-18-icon,slot[name=circle-content]::slotted(sd-6-0-0-next-18-icon){color:rgba(var(--sd-color-icon-fill-primary))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([m("sd-6-0-0-next-18-step")],t);export{t as a};