@solid-design-system/components 6.24.2 → 6.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (263) hide show
  1. package/cdn/custom-elements.json +1 -1
  2. package/cdn/web-types.json +1 -1
  3. package/cdn-versioned/chunks/chunk.2FRV4JI3.js +1 -1
  4. package/cdn-versioned/chunks/chunk.2TCDQYYC.js +2 -2
  5. package/cdn-versioned/chunks/chunk.32WSNOK5.js +2 -2
  6. package/cdn-versioned/chunks/chunk.36LY3DX3.js +2 -2
  7. package/cdn-versioned/chunks/chunk.3FXWTJNG.js +2 -2
  8. package/cdn-versioned/chunks/chunk.3HJR4W7S.js +2 -2
  9. package/cdn-versioned/chunks/chunk.3NV5EFHF.js +9 -9
  10. package/cdn-versioned/chunks/chunk.4PBTCGFX.js +2 -2
  11. package/cdn-versioned/chunks/chunk.4TEHVEJ5.js +2 -2
  12. package/cdn-versioned/chunks/chunk.5B4C742P.js +2 -2
  13. package/cdn-versioned/chunks/chunk.5D2QLOPO.js +2 -2
  14. package/cdn-versioned/chunks/chunk.5LQXIFL5.js +1 -1
  15. package/cdn-versioned/chunks/chunk.6ZVU7R22.js +2 -2
  16. package/cdn-versioned/chunks/chunk.7EYPTWOC.js +2 -2
  17. package/cdn-versioned/chunks/chunk.A3QRJ5ME.js +2 -2
  18. package/cdn-versioned/chunks/chunk.BJGMSYKC.js +1 -1
  19. package/cdn-versioned/chunks/chunk.BMOWDQOV.js +2 -2
  20. package/cdn-versioned/chunks/chunk.BS3GML7W.js +3 -3
  21. package/cdn-versioned/chunks/chunk.CIRCXXWS.js +2 -2
  22. package/cdn-versioned/chunks/chunk.CPEHJK3R.js +1 -1
  23. package/cdn-versioned/chunks/chunk.D4KX4Q6E.js +2 -2
  24. package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
  25. package/cdn-versioned/chunks/chunk.E3RBLJOD.js +2 -2
  26. package/cdn-versioned/chunks/chunk.EDVI5WKO.js +3 -3
  27. package/cdn-versioned/chunks/chunk.FK2QE2LJ.js +2 -2
  28. package/cdn-versioned/chunks/chunk.GCCUJ5RI.js +3 -3
  29. package/cdn-versioned/chunks/chunk.GICLEIQR.js +1 -1
  30. package/cdn-versioned/chunks/chunk.GNQ2AH6R.js +5 -5
  31. package/cdn-versioned/chunks/chunk.GWINLIF6.js +2 -2
  32. package/cdn-versioned/chunks/chunk.HA4FSESN.js +2 -2
  33. package/cdn-versioned/chunks/chunk.ISEX6JDK.js +2 -2
  34. package/cdn-versioned/chunks/chunk.IXCKRXZP.js +2 -2
  35. package/cdn-versioned/chunks/chunk.KJ4O2AAU.js +2 -2
  36. package/cdn-versioned/chunks/chunk.KQBMEX4Q.js +2 -2
  37. package/cdn-versioned/chunks/chunk.L7DV2MLH.js +1 -1
  38. package/cdn-versioned/chunks/chunk.LVX7YSFZ.js +2 -2
  39. package/cdn-versioned/chunks/chunk.LWNOAXVZ.js +2 -2
  40. package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
  41. package/cdn-versioned/chunks/chunk.MXPGGLKX.js +2 -2
  42. package/cdn-versioned/chunks/chunk.NXUXZCC5.js +1 -1
  43. package/cdn-versioned/chunks/chunk.OFQAFMQN.js +2 -2
  44. package/cdn-versioned/chunks/chunk.OJN4DDNN.js +2 -2
  45. package/cdn-versioned/chunks/chunk.OW556SXG.js +2 -2
  46. package/cdn-versioned/chunks/chunk.P4GZNPGK.js +1 -1
  47. package/cdn-versioned/chunks/chunk.PQIUYCLY.js +2 -2
  48. package/cdn-versioned/chunks/chunk.PZSKPF3M.js +2 -2
  49. package/cdn-versioned/chunks/chunk.R3CFPFL7.js +2 -2
  50. package/cdn-versioned/chunks/chunk.RJ7RNCAD.js +2 -2
  51. package/cdn-versioned/chunks/chunk.SK3BEBJX.js +2 -2
  52. package/cdn-versioned/chunks/chunk.SW3IDYJO.js +1 -1
  53. package/cdn-versioned/chunks/chunk.TNHTS2QZ.js +2 -2
  54. package/cdn-versioned/chunks/chunk.TQXBNN2G.js +2 -2
  55. package/cdn-versioned/chunks/chunk.TTYJJ4T5.js +2 -2
  56. package/cdn-versioned/chunks/chunk.TYVGKCJX.js +2 -2
  57. package/cdn-versioned/chunks/chunk.U2Q5EORY.js +2 -2
  58. package/cdn-versioned/chunks/chunk.VMZSSKC5.js +1 -1
  59. package/cdn-versioned/chunks/chunk.VSRBSS6K.js +2 -2
  60. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  61. package/cdn-versioned/chunks/chunk.WB2ATZAO.js +5 -5
  62. package/cdn-versioned/chunks/chunk.XND4CVBN.js +2 -2
  63. package/cdn-versioned/chunks/chunk.XQ2AM7JO.js +2 -2
  64. package/cdn-versioned/chunks/chunk.YDZ7FOAV.js +2 -2
  65. package/cdn-versioned/chunks/chunk.YGYXL3BZ.js +2 -2
  66. package/cdn-versioned/chunks/chunk.ZC3U3HHB.js +2 -2
  67. package/cdn-versioned/chunks/chunk.ZFTFC2P4.js +2 -2
  68. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  69. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  70. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  71. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  72. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  73. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  74. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  75. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  76. package/cdn-versioned/components/button/button.d.ts +1 -1
  77. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  78. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  79. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  80. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  81. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  82. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  83. package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
  84. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  85. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  86. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  87. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  88. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  89. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  90. package/cdn-versioned/components/header/header.d.ts +1 -1
  91. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  92. package/cdn-versioned/components/include/include.d.ts +1 -1
  93. package/cdn-versioned/components/input/input.d.ts +1 -1
  94. package/cdn-versioned/components/link/link.d.ts +1 -1
  95. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  96. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  97. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  98. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  99. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  100. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  101. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  102. package/cdn-versioned/components/option/option.d.ts +1 -1
  103. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  104. package/cdn-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  105. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  106. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  107. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  108. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  109. package/cdn-versioned/components/range/range.d.ts +1 -1
  110. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  111. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  112. package/cdn-versioned/components/select/select.d.ts +1 -1
  113. package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
  114. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  115. package/cdn-versioned/components/step/step.d.ts +1 -1
  116. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  117. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  118. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  119. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  120. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  121. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  122. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  123. package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  124. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  125. package/cdn-versioned/components/video/video.d.ts +1 -1
  126. package/cdn-versioned/custom-elements.json +253 -253
  127. package/cdn-versioned/internal/form.js +2 -2
  128. package/cdn-versioned/solid-components.bundle.js +81 -81
  129. package/cdn-versioned/solid-components.css +2 -2
  130. package/cdn-versioned/solid-components.iife.js +81 -81
  131. package/cdn-versioned/vscode.html-custom-data.json +109 -109
  132. package/cdn-versioned/web-types.json +165 -165
  133. package/dist/custom-elements.json +1 -1
  134. package/dist/web-types.json +1 -1
  135. package/dist-versioned/chunks/chunk.2KU6UVWZ.js +2 -2
  136. package/dist-versioned/chunks/chunk.2N4PQ34O.js +11 -11
  137. package/dist-versioned/chunks/chunk.4F4N3QQ6.js +4 -4
  138. package/dist-versioned/chunks/chunk.4QZT4Y6W.js +3 -3
  139. package/dist-versioned/chunks/chunk.4SNDWIKF.js +2 -2
  140. package/dist-versioned/chunks/chunk.5XP6OIKT.js +3 -3
  141. package/dist-versioned/chunks/chunk.6DDIBH76.js +14 -14
  142. package/dist-versioned/chunks/chunk.6MMNEOUE.js +2 -2
  143. package/dist-versioned/chunks/chunk.6V7SKGRY.js +4 -4
  144. package/dist-versioned/chunks/chunk.AIG5N2FZ.js +1 -1
  145. package/dist-versioned/chunks/chunk.AXZSMHWW.js +4 -4
  146. package/dist-versioned/chunks/chunk.BCZIRWVM.js +3 -3
  147. package/dist-versioned/chunks/chunk.BIYQLL42.js +11 -11
  148. package/dist-versioned/chunks/chunk.BVWAKEFC.js +1 -1
  149. package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
  150. package/dist-versioned/chunks/chunk.CTVKYPFB.js +5 -5
  151. package/dist-versioned/chunks/chunk.D3CLWL6Z.js +13 -13
  152. package/dist-versioned/chunks/chunk.D6W4R7CF.js +12 -12
  153. package/dist-versioned/chunks/chunk.DDBIUIIK.js +6 -6
  154. package/dist-versioned/chunks/chunk.DGV5QTN6.js +5 -5
  155. package/dist-versioned/chunks/chunk.EAJ3CM6N.js +4 -4
  156. package/dist-versioned/chunks/chunk.EHIUARAT.js +2 -2
  157. package/dist-versioned/chunks/chunk.EIHPDMVS.js +5 -5
  158. package/dist-versioned/chunks/chunk.EYTDOBZ4.js +6 -6
  159. package/dist-versioned/chunks/chunk.FMLTJI4Z.js +7 -7
  160. package/dist-versioned/chunks/chunk.FWMPHWGG.js +10 -10
  161. package/dist-versioned/chunks/chunk.G5PJCSSV.js +7 -7
  162. package/dist-versioned/chunks/chunk.GAQZ5NES.js +5 -5
  163. package/dist-versioned/chunks/chunk.GQ4ENMDG.js +10 -10
  164. package/dist-versioned/chunks/chunk.GUTW4VQD.js +5 -5
  165. package/dist-versioned/chunks/chunk.GUWNLJ7W.js +25 -25
  166. package/dist-versioned/chunks/chunk.JHGRQU5N.js +6 -6
  167. package/dist-versioned/chunks/chunk.JHHNBCX5.js +10 -10
  168. package/dist-versioned/chunks/chunk.JYUKVPUJ.js +1 -1
  169. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  170. package/dist-versioned/chunks/chunk.KEUBCTKM.js +8 -8
  171. package/dist-versioned/chunks/chunk.KGQHJROJ.js +3 -3
  172. package/dist-versioned/chunks/chunk.LKDQ3TXG.js +2 -2
  173. package/dist-versioned/chunks/chunk.LMXGFI7F.js +11 -11
  174. package/dist-versioned/chunks/chunk.M52SSKFL.js +10 -10
  175. package/dist-versioned/chunks/chunk.MUOLK3RU.js +33 -33
  176. package/dist-versioned/chunks/chunk.N7WMSLKA.js +1 -1
  177. package/dist-versioned/chunks/chunk.NIKLDQ35.js +2 -2
  178. package/dist-versioned/chunks/chunk.NNMBBWIU.js +2 -2
  179. package/dist-versioned/chunks/chunk.OXCSSHRT.js +10 -10
  180. package/dist-versioned/chunks/chunk.P7RNSWL3.js +1 -1
  181. package/dist-versioned/chunks/chunk.QWPXBE3R.js +3 -3
  182. package/dist-versioned/chunks/chunk.R3ZRRK4P.js +4 -4
  183. package/dist-versioned/chunks/chunk.R6M52RPI.js +5 -5
  184. package/dist-versioned/chunks/chunk.RQN4WSFL.js +5 -5
  185. package/dist-versioned/chunks/chunk.RWGWOZ23.js +1 -1
  186. package/dist-versioned/chunks/chunk.SLLHUOTL.js +2 -2
  187. package/dist-versioned/chunks/chunk.SUQL6D3H.js +5 -5
  188. package/dist-versioned/chunks/chunk.TEHKQWUZ.js +6 -6
  189. package/dist-versioned/chunks/chunk.TEHS57B5.js +2 -2
  190. package/dist-versioned/chunks/chunk.TRG462TJ.js +1 -1
  191. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  192. package/dist-versioned/chunks/chunk.WASJNAOH.js +25 -25
  193. package/dist-versioned/chunks/chunk.XFU4IJSC.js +5 -5
  194. package/dist-versioned/chunks/chunk.XRYVTNMS.js +3 -3
  195. package/dist-versioned/chunks/chunk.YEO5QKA7.js +2 -2
  196. package/dist-versioned/chunks/chunk.YNVPCLKL.js +5 -5
  197. package/dist-versioned/chunks/chunk.YSZ7WBON.js +1 -1
  198. package/dist-versioned/chunks/chunk.ZCOV36IT.js +2 -2
  199. package/dist-versioned/chunks/chunk.ZF4JCUFV.js +6 -6
  200. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  201. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  202. package/dist-versioned/components/animation/animation.d.ts +1 -1
  203. package/dist-versioned/components/audio/audio.d.ts +1 -1
  204. package/dist-versioned/components/badge/badge.d.ts +1 -1
  205. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  206. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  207. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  208. package/dist-versioned/components/button/button.d.ts +1 -1
  209. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  210. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  211. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  212. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  213. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  214. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  215. package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
  216. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  217. package/dist-versioned/components/divider/divider.d.ts +1 -1
  218. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  219. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  220. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  221. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  222. package/dist-versioned/components/header/header.d.ts +1 -1
  223. package/dist-versioned/components/icon/icon.d.ts +1 -1
  224. package/dist-versioned/components/include/include.d.ts +1 -1
  225. package/dist-versioned/components/input/input.d.ts +1 -1
  226. package/dist-versioned/components/link/link.d.ts +1 -1
  227. package/dist-versioned/components/loader/loader.d.ts +1 -1
  228. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  229. package/dist-versioned/components/menu/menu.d.ts +1 -1
  230. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  231. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  232. package/dist-versioned/components/notification/notification.d.ts +1 -1
  233. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  234. package/dist-versioned/components/option/option.d.ts +1 -1
  235. package/dist-versioned/components/popup/popup.d.ts +1 -1
  236. package/dist-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  237. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  238. package/dist-versioned/components/radio/radio.d.ts +1 -1
  239. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  240. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  241. package/dist-versioned/components/range/range.d.ts +1 -1
  242. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  243. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  244. package/dist-versioned/components/select/select.d.ts +1 -1
  245. package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
  246. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  247. package/dist-versioned/components/step/step.d.ts +1 -1
  248. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  249. package/dist-versioned/components/switch/switch.d.ts +1 -1
  250. package/dist-versioned/components/tab/tab.d.ts +1 -1
  251. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  252. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  253. package/dist-versioned/components/tag/tag.d.ts +1 -1
  254. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  255. package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  256. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  257. package/dist-versioned/components/video/video.d.ts +1 -1
  258. package/dist-versioned/custom-elements.json +253 -253
  259. package/dist-versioned/internal/form.js +2 -2
  260. package/dist-versioned/solid-components.css +2 -2
  261. package/dist-versioned/vscode.html-custom-data.json +109 -109
  262. package/dist-versioned/web-types.json +165 -165
  263. package/package.json +2 -1
@@ -1,2 +1,2 @@
1
- import{a as E}from"./chunk.KQBMEX4Q.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.UFTAQNZB.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.VMZSSKC5.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-24-2-radio, sd-6-24-2-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-6-24-2-radio, sd-6-24-2-radio-button"),a=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let a=(g=e.find(h=>h.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(h=>{h.checked=!1,this.hasButtonGroup||(h.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();if(t.length===0)return;let 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(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-24-2-radio-button"),!t.some(i=>i.checked))if(this.hasButtonGroup){let i=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");i&&(i.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let i=(a=this.shadowRoot)==null?void 0:a.querySelector("sd-6-24-2-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-24-2-radio")&&customElements.get("sd-6-24-2-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-24-2-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-24-2-radio").then(()=>this.syncRadios()),customElements.get("sd-6-24-2-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-24-2-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<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?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${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?d`<sd-6-24-2-button-group class="border border-primary sd-6-24-2-radio-button-group-border-radius sd-6-24-2-radio-button-group-border-width sd-6-24-2-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-6-24-2-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><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-6-24-2-icon part="invalid-icon" class="${c("text-error")}" library="_internal" name="risk"></sd-6-24-2-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-24-2-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-24-2-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-24-2-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-24-2-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-24-2-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-24-2-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-24-2-button-group){display:inline-flex}`],o([m("slot:not([name])")],s.prototype,"defaultSlot",2),o([m("#validation-input")],s.prototype,"validationInput",2),o([m("#invalid-message")],s.prototype,"invalidMessage",2),o([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: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-24-2-radio-group")],s);export{s as a};
1
+ import{a as E}from"./chunk.KQBMEX4Q.js";import{b,c as C,d as x,e as w}from"./chunk.LZRL7OLU.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c}from"./chunk.UFTAQNZB.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.VMZSSKC5.js";import{b as v,e as d}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var s=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new k(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?w:t?x:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}updated(t){super.updated(t),this.syncAriaDescription()}syncAriaDescription(){var a;let t=(a=this.shadowRoot)==null?void 0:a.querySelector("fieldset"),e=this.showInvalidStyle?this.validationMessage:"";e?t==null||t.setAttribute("aria-description",e):t==null||t.removeAttribute("aria-description")}getAllRadios(){let t=[...this.querySelectorAll("sd-6-25-0-radio, sd-6-25-0-radio-button")];return t.length===0&&console.warn("No radios found in the radio group."),t}handleRadioClick(t){let e=t.target.closest("sd-6-25-0-radio, sd-6-25-0-radio-button"),a=this.value,i=this.getAllRadios();i.length!==0&&(e.disabled||(this.value=e.value,i.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input"))))}handleKeyDown(t){var g;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(h=>!h.disabled);if(e.length===0)return;let a=(g=e.find(h=>h.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(h=>{h.checked=!1,this.hasButtonGroup||(h.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();if(t.length===0)return;let 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(t.length===0){this.hasButtonGroup=!1;return}if(await Promise.all(t.map(async i=>{await i.updateComplete,i.checked=i.value===this.value,i.size=this.size,i instanceof E&&(i.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(i=>i.tagName.toLowerCase()==="sd-6-25-0-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-25-0-button-group");i&&(i.disableRole=!0)}}syncRadios(){if(customElements.get("sd-6-25-0-radio")&&customElements.get("sd-6-25-0-radio-button")){this.syncRadioElements();return}customElements.get("sd-6-25-0-radio")?this.syncRadioElements():customElements.whenDefined("sd-6-25-0-radio").then(()=>this.syncRadios()),customElements.get("sd-6-25-0-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-6-25-0-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){let t=this.getAllRadios();t.length!==0&&(t.forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid))}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,a=this.hasSlotController.test("help-text"),i=this.helpText?!0:!!a,n=this.hasSlotController.test("tooltip"),l=d`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return d`<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?d`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 font-bold leading-normal text-black text-left",e?"inline-block":"hidden")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?d`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${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?d`<sd-6-25-0-button-group class="border border-primary sd-6-25-0-radio-button-group-border-radius sd-6-25-0-radio-button-group-border-width sd-6-25-0-radio-button-group-padding" part="button-group" exportparts="base:button-group__base" role="presentation">${l}</sd-6-25-0-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><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?d`<sd-6-25-0-icon part="invalid-icon" class="${c("text-error")}" library="_internal" name="risk"></sd-6-25-0-icon>`:""} ${this.formControlController.renderInvalidMessage(this.size)}</div>`}};s.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}:host([orientation=vertical]) ::slotted(sd-6-25-0-radio){margin-bottom:var(--sd-spacing-2);display:flex}:host([orientation=vertical]) ::slotted(sd-6-25-0-radio:last-of-type){margin-bottom:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]) ::slotted(sd-6-25-0-radio){margin-right:var(--sd-spacing-6)}:host([orientation=horizontal]) ::slotted(sd-6-25-0-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-25-0-radio){margin-right:var(--sd-spacing-4)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-6-25-0-radio:last-of-type){margin-right:calc(var(--sd-spacing-1) * 0)}:host([required]) #label::after{content:' *'}:host:has(sd-6-25-0-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: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-25-0-radio-group")],s);export{s as a};
@@ -1,2 +1,2 @@
1
- import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(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(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",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"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-24-2-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":this.size==="xs"?"w-2":"w-12":this.size==="lg"?"w-12":this.size==="xs"?"w-2":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",this.waiting&&this.size==="xs"&&"border-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&(this.size==="xs"?"border-primary":"border-neutral-400"),this.current&&"bg-accent border-none text-white"),b="flex-row items-stretch h-full w-full overflow-hidden";return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":this.size==="xs"?`${b} gap-2`:`${b} gap-4`,!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${y}"><${f} part="circle" href="${n(u?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="${z}"><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&&"sd-6-24-2-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-24-2-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-24-2-icon>`:this.size==="xs"?"":s`${this.index}`}</slot></${f}>${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 group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm wrap-break-word",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 grow shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("wrap-break-word flex flex-col gap-2",this.size==="xs"?"-mt-1 mb-4":"mt-4",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?this.size==="xs"?"ml-0":"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,p`/*! tailwindcss v4.3.0 | 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])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-24-2-icon,slot[name=circle-content]::slotted(sd-6-24-2-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-24-2-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-24-2-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}: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([v("sd-6-24-2-step")],t);export{t as a};
1
+ import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(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(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",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"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-25-0-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":this.size==="xs"?"w-2":"w-12":this.size==="lg"?"w-12":this.size==="xs"?"w-2":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",this.waiting&&this.size==="xs"&&"border-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&(this.size==="xs"?"border-primary":"border-neutral-400"),this.current&&"bg-accent border-none text-white"),b="flex-row items-stretch h-full w-full overflow-hidden";return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":this.size==="xs"?`${b} gap-2`:`${b} gap-4`,!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${y}"><${f} part="circle" href="${n(u?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="${z}"><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&&"sd-6-25-0-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-25-0-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-25-0-icon>`:this.size==="xs"?"":s`${this.index}`}</slot></${f}>${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 group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm wrap-break-word",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 grow shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("wrap-break-word flex flex-col gap-2",this.size==="xs"?"-mt-1 mb-4":"mt-4",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?this.size==="xs"?"ml-0":"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,p`/*! tailwindcss v4.3.0 | 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])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-25-0-icon,slot[name=circle-content]::slotted(sd-6-25-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-25-0-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-25-0-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}: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([v("sd-6-25-0-step")],t);export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.VMZSSKC5.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-24-2-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-24-2-teaser--neutral-400-color-border","neutral-100":"sd-6-24-2-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-24-2-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-24-2-teaser")],t);export{t as a};
1
+ import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.VMZSSKC5.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-25-0-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-25-0-teaser--neutral-400-color-border","neutral-100":"sd-6-25-0-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-25-0-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-25-0-teaser")],t);export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as s}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.VAM5SM3O.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as h,b as i,h as d}from"./chunk.VMZSSKC5.js";import{b as c,e as r,i as n}from"./chunk.OBAEIKIV.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends d{constructor(){super();this.hasSlotController=new p(this,"label");this.value=null;this.max=100;this.label="";this.valuePosition=null;this.inverted=!1;this.showLabel=!1;this.localize=new u(this);this.valueFormatter=this.localize.number.bind(this.localize)}get safeMax(){return this.max>0?this.max:100}get clampedValue(){var o;return Math.min(Math.max((o=this.value)!=null?o:0,0),this.safeMax)}get percentage(){return this.clampedValue/this.safeMax*100}get isLoading(){return this.value===void 0||this.value===null||isNaN(this.value)}get showValue(){return!this.isLoading&&(this.valuePosition==="right"||this.valuePosition==="bottom")}render(){let o={label:this.hasSlotController.test("label")},l=this.label?!0:!!o.label;return r`<div part="base" class="text-start" aria-hidden="${!l}">${l?r`<label part="label" id="label" class="${t("text-base",!this.showLabel&&"sr-only",this.inverted?"text-white":"text-black")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label>`:n}<div class="${t(this.valuePosition==="right"?"flex flex-row items-center gap-2 -mt-1":this.valuePosition==="bottom"?"flex flex-col gap-1 mt-1":"mt-1")}"><div part="bar" id="bar" class="${t("w-full h-[var(--height,0.125rem)]",this.isLoading?"relative ":"flex")}" role="progressbar" aria-valuemin="0" aria-valuemax="${this.safeMax}" aria-valuenow="${s(this.isLoading?void 0:this.valueFormatter(this.clampedValue))}" aria-valuetext="${s(this.isLoading?this.localize.term("loading"):this.valueFormatter(this.clampedValue))}" aria-label="${s(l?void 0:this.label||this.localize.term("progress"))}" aria-labelledby="${s(l?"label":this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading?r`<div part="track" class="${t("absolute top-0 left-0 h-full progress-bar__track--loading-left",this.inverted?"sd-6-24-2-progress-bar__slide-bar--inverted-color-background":"sd-6-24-2-progress-bar__slide-bar-color-background")}"></div><div part="track" class="${t("absolute top-0 right-0 h-full progress-bar__track--loading-right",this.inverted?"sd-6-24-2-progress-bar__slide-bar--inverted-color-background":"sd-6-24-2-progress-bar__slide-bar-color-background")}"></div><div part="indicator" class="${t("absolute top-0 h-full progress-bar__indicator--loading",this.inverted?"sd-6-24-2-progress-bar--active--inverted-color-background":"bg-accent")}"></div>`:r`<div part="indicator" class="${t("w-[var(--percentage)]",this.inverted?"sd-6-24-2-progress-bar--active--inverted-color-background":"bg-accent")}"></div>${this.value&&this.value>0&&this.value<this.safeMax?r`<div class="w-0.5 shrink-0"></div>`:n}<div part="track" class="${t("flex-1",this.inverted?"sd-6-24-2-progress-bar__slide-bar--inverted-color-background":"sd-6-24-2-progress-bar__slide-bar-color-background")}"></div>`}</div>${this.showValue?r`<span class="${t("text-neutral-700 text-xs w-shrink-0",this.inverted?"text-white":"text-neutral-700",this.valuePosition==="bottom"?"text-start":"text-center",this.valuePosition==="right"&&"whitespace-nowrap")}" part="value-${this.valuePosition}">${this.valueFormatter(this.clampedValue)}</span>`:n}</div></div>`}};e.styles=[...d.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block;width:100%}.progress-bar__indicator--loading{width:25%;animation:progress-loading-indicator 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-left{animation:progress-loading-track-left 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-right{animation:progress-loading-track-right 1.25s ease-in-out infinite alternate}@keyframes progress-loading-indicator{0%{left:0}100%{left:75%}}@keyframes progress-loading-track-left{0%{width:0}100%{width:calc(75% - .25rem)}}@keyframes progress-loading-track-right{0%{width:calc(75% - .25rem)}100%{width:0}}`],a([i({type:Number,reflect:!0})],e.prototype,"value",2),a([i({type:Number,reflect:!0})],e.prototype,"max",2),a([i({type:String,reflect:!0})],e.prototype,"label",2),a([i({type:String,reflect:!0,attribute:"value-position"})],e.prototype,"valuePosition",2),a([i({type:Boolean,reflect:!0})],e.prototype,"inverted",2),a([i({type:Boolean,reflect:!0,attribute:"show-label"})],e.prototype,"showLabel",2),a([i({attribute:!1})],e.prototype,"valueFormatter",2),e=a([h("sd-6-24-2-progress-bar")],e);export{e as a};
1
+ import{a as s}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.VAM5SM3O.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as h,b as i,h as d}from"./chunk.VMZSSKC5.js";import{b as c,e as r,i as n}from"./chunk.OBAEIKIV.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends d{constructor(){super();this.hasSlotController=new p(this,"label");this.value=null;this.max=100;this.label="";this.valuePosition=null;this.inverted=!1;this.showLabel=!1;this.localize=new u(this);this.valueFormatter=this.localize.number.bind(this.localize)}get safeMax(){return this.max>0?this.max:100}get clampedValue(){var o;return Math.min(Math.max((o=this.value)!=null?o:0,0),this.safeMax)}get percentage(){return this.clampedValue/this.safeMax*100}get isLoading(){return this.value===void 0||this.value===null||isNaN(this.value)}get showValue(){return!this.isLoading&&(this.valuePosition==="right"||this.valuePosition==="bottom")}render(){let o={label:this.hasSlotController.test("label")},l=this.label?!0:!!o.label;return r`<div part="base" class="text-start" aria-hidden="${!l}">${l?r`<label part="label" id="label" class="${t("text-base",!this.showLabel&&"sr-only",this.inverted?"text-white":"text-black")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label>`:n}<div class="${t(this.valuePosition==="right"?"flex flex-row items-center gap-2 -mt-1":this.valuePosition==="bottom"?"flex flex-col gap-1 mt-1":"mt-1")}"><div part="bar" id="bar" class="${t("w-full h-[var(--height,0.125rem)]",this.isLoading?"relative ":"flex")}" role="progressbar" aria-valuemin="0" aria-valuemax="${this.safeMax}" aria-valuenow="${s(this.isLoading?void 0:this.valueFormatter(this.clampedValue))}" aria-valuetext="${s(this.isLoading?this.localize.term("loading"):this.valueFormatter(this.clampedValue))}" aria-label="${s(l?void 0:this.label||this.localize.term("progress"))}" aria-labelledby="${s(l?"label":this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading?r`<div part="track" class="${t("absolute top-0 left-0 h-full progress-bar__track--loading-left",this.inverted?"sd-6-25-0-progress-bar__slide-bar--inverted-color-background":"sd-6-25-0-progress-bar__slide-bar-color-background")}"></div><div part="track" class="${t("absolute top-0 right-0 h-full progress-bar__track--loading-right",this.inverted?"sd-6-25-0-progress-bar__slide-bar--inverted-color-background":"sd-6-25-0-progress-bar__slide-bar-color-background")}"></div><div part="indicator" class="${t("absolute top-0 h-full progress-bar__indicator--loading",this.inverted?"sd-6-25-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>`:r`<div part="indicator" class="${t("w-[var(--percentage)]",this.inverted?"sd-6-25-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>${this.value&&this.value>0&&this.value<this.safeMax?r`<div class="w-0.5 shrink-0"></div>`:n}<div part="track" class="${t("flex-1",this.inverted?"sd-6-25-0-progress-bar__slide-bar--inverted-color-background":"sd-6-25-0-progress-bar__slide-bar-color-background")}"></div>`}</div>${this.showValue?r`<span class="${t("text-neutral-700 text-xs w-shrink-0",this.inverted?"text-white":"text-neutral-700",this.valuePosition==="bottom"?"text-start":"text-center",this.valuePosition==="right"&&"whitespace-nowrap")}" part="value-${this.valuePosition}">${this.valueFormatter(this.clampedValue)}</span>`:n}</div></div>`}};e.styles=[...d.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block;width:100%}.progress-bar__indicator--loading{width:25%;animation:progress-loading-indicator 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-left{animation:progress-loading-track-left 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-right{animation:progress-loading-track-right 1.25s ease-in-out infinite alternate}@keyframes progress-loading-indicator{0%{left:0}100%{left:75%}}@keyframes progress-loading-track-left{0%{width:0}100%{width:calc(75% - .25rem)}}@keyframes progress-loading-track-right{0%{width:calc(75% - .25rem)}100%{width:0}}`],a([i({type:Number,reflect:!0})],e.prototype,"value",2),a([i({type:Number,reflect:!0})],e.prototype,"max",2),a([i({type:String,reflect:!0})],e.prototype,"label",2),a([i({type:String,reflect:!0,attribute:"value-position"})],e.prototype,"valuePosition",2),a([i({type:Boolean,reflect:!0})],e.prototype,"inverted",2),a([i({type:Boolean,reflect:!0,attribute:"show-label"})],e.prototype,"showLabel",2),a([i({attribute:!1})],e.prototype,"valueFormatter",2),e=a([h("sd-6-25-0-progress-bar")],e);export{e as a};
@@ -1,2 +1,2 @@
1
1
  import{a as l}from"./chunk.D4E5ZIRW.js";import{a as s}from"./chunk.NYKJXI3Q.js";import{a as y,b as a,f,h as r}from"./chunk.VMZSSKC5.js";import{b as c,e as d}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-6-24-2-animation")],t);export{t as a};
2
+ :host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-6-25-0-animation")],t);export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.VMZSSKC5.js";import{b as k,e as u}from"./chunk.OBAEIKIV.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 overlay-color-background pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-24-2-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-24-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-2-icon></sd-6-24-2-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-24-2-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-6-24-2-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-2-icon></sd-6-24-2-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...b.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-24-2-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
1
+ import{a as g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.VMZSSKC5.js";import{b as k,e as u}from"./chunk.OBAEIKIV.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${g(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${g(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 overlay-color-background pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-25-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-25-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-25-0-icon></sd-6-25-0-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-6-25-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-6-25-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-25-0-icon></sd-6-25-0-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...b.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-25-0-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
@@ -1,2 +1,2 @@
1
- import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.VMZSSKC5.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-6-24-2-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-6-24-2-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-6-24-2-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-24-2-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-6-24-2-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-24-2-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-6-24-2-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-24-2-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-6-24-2-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-24-2-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-24-2-icon--top{align-self:flex-start}.sd-6-24-2-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-6-24-2-scrollable")],n);export{n as a};
1
+ import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.VMZSSKC5.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-6-25-0-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-6-25-0-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-6-25-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-25-0-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-6-25-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-25-0-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-6-25-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-25-0-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-6-25-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-25-0-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-25-0-icon--top{align-self:flex-start}.sd-6-25-0-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-6-25-0-scrollable")],n);export{n as a};
@@ -1,2 +1,2 @@
1
- import{a as c}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-6-24-2-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- [part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-6-24-2-range-tick")],t);export{t as a};
1
+ import{a as c}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-6-25-0-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ [part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-6-25-0-range-tick")],t);export{t as a};
@@ -1,2 +1,2 @@
1
1
  import{a as l,b as i,g as c,h as o}from"./chunk.VMZSSKC5.js";import{b as a,e as n}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends o{constructor(){super(...arguments);this.closeOthers=!1;this.handleAccordionShow=r=>{this.closeOthers&&this._accordionsInDefaultSlot.forEach(s=>{s!==r.target&&s.parentNode===r.target.parentNode&&s.removeAttribute("open")})}}connectedCallback(){super.connectedCallback(),this.addEventListener("sd-show",this.handleAccordionShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sd-show",this.handleAccordionShow)}render(){return n`<div part="base"><slot></slot></div>`}};e.styles=[...o.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}::slotted(sd-6-24-2-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`],t([c({selector:"sd-6-24-2-accordion"})],e.prototype,"_accordionsInDefaultSlot",2),t([i({attribute:"close-others",type:Boolean,reflect:!0})],e.prototype,"closeOthers",2),e=t([l("sd-6-24-2-accordion-group")],e);export{e as a};
2
+ :host{display:block}::slotted(sd-6-25-0-accordion:not(:first-of-type)){margin-top:calc(-1 * var(--sd-accordion-border-width))!important}`],t([c({selector:"sd-6-25-0-accordion"})],e.prototype,"_accordionsInDefaultSlot",2),t([i({attribute:"close-others",type:Boolean,reflect:!0})],e.prototype,"closeOthers",2),e=t([l("sd-6-25-0-accordion-group")],e);export{e as a};
@@ -1,2 +1,2 @@
1
- import{a as b}from"./chunk.DSKB3SEU.js";import{a as h,b as u}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.UFTAQNZB.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as r,h as n}from"./chunk.VMZSSKC5.js";import{b as c,e as i}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new h(this,"submenu");this.submenuController=new b(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return u(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let s=this.submenuController.isExpanded(),p={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return i`<div id="anchor" part="base" class="${l("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-6-24-2-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-6-24-2-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&s&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!s}">${this.type==="checkbox"?i`<span part="checked-icon" class="${l("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-6-24-2-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-6-24-2-icon></span>`:""} ${p.iconIndent?i`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?i`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-6-24-2-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-6-24-2-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};e.styles=[...n.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-6-24-2-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(.menu-item-focus) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}//TODO clean up sd-6-24-2-menu-color-icon variable replacing with sd-6-24-2-menu-item-color-icon-fill (breakingchange) :host [part=icon-indent],:host [part=checked-icon],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon,var(--sd-menu-item-color-icon-fill)))}//TODO clean up sd-6-24-2-menu--disabled-color-icon variable replacing with sd-6-24-2-menu-item--disabled-color-icon-fill (breakingchange) :host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon,var(--sd-menu-item--disabled-color-icon-fill)))}sd-6-24-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-6-24-2-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}.sd-6-24-2-menu-color-text{color:rgba(var(--sd-menu-color-text,var(--sd-menu-item-color-text)))}.sd-6-24-2-menu--disabled-color-text{color:rgba(var(--sd-menu--disabled-color-text,var(--sd-menu-item--disabled-color-text)))}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],t([r("slot:not([name])")],e.prototype,"defaultSlot",2),t([r('part="base"')],e.prototype,"menuItem",2),t([a()],e.prototype,"type",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a()],e.prototype,"value",2),t([a({type:Boolean,reflect:!0})],e.prototype,"chevron",2),t([o("checked")],e.prototype,"handleCheckedChange",1),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("type")],e.prototype,"handleTypeChange",1),e=t([d("sd-6-24-2-menu-item")],e);export{e as a};
1
+ import{a as b}from"./chunk.DSKB3SEU.js";import{a as h,b as u}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.UFTAQNZB.js";import{a as o}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as r,h as n}from"./chunk.VMZSSKC5.js";import{b as c,e as i}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new h(this,"submenu");this.submenuController=new b(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return u(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let s=this.submenuController.isExpanded(),p={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return i`<div id="anchor" part="base" class="${l("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius",this.disabled?"outline-none cursor-not-allowed sd-6-25-0-menu--disabled-color-text hover:bg-transparent":"cursor-pointer sd-6-25-0-menu-color-text hover:bg-neutral-200",this.isSubmenu()&&s&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!s}">${this.type==="checkbox"?i`<span part="checked-icon" class="${l("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-6-25-0-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-6-25-0-icon></span>`:""} ${p.iconIndent?i`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?i`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-6-25-0-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-6-25-0-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};e.styles=[...n.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{--submenu-offset:-6px;display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}::slotted(sd-6-25-0-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}[part=checked-icon]{margin-right:var(--sd-spacing-3)}.submenu-expanded::after{position:fixed;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);bottom:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);z-index:calc(var(z-dropdown) - 1);--tw-content:'';content:var(--tw-content);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{background-color:rgba(var(--sd-color-background-neutral-200));--tw-outline-style:none;outline-style:none}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(.menu-item-focus) [part=base]{outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary);outline-offset:-2px}:host(:hover) [part=base]{--tw-outline-style:none;outline-style:none}//TODO clean up sd-6-25-0-menu-color-icon variable replacing with sd-6-25-0-menu-item-color-icon-fill (breakingchange) :host [part=icon-indent],:host [part=checked-icon],:host [part=submenu-icon]{color:rgba(var(--sd-menu-color-icon,var(--sd-menu-item-color-icon-fill)))}//TODO clean up sd-6-25-0-menu--disabled-color-icon variable replacing with sd-6-25-0-menu-item--disabled-color-icon-fill (breakingchange) :host([aria-disabled=true]) [part=icon-indent]{color:rgba(var(--sd-menu--disabled-color-icon,var(--sd-menu-item--disabled-color-icon-fill)))}sd-6-25-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);background-color:rgba(var(--sd-color-background-white));margin-left:var(--submenu-offset)}::slotted(sd-6-25-0-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}.sd-6-25-0-menu-color-text{color:rgba(var(--sd-menu-color-text,var(--sd-menu-item-color-text)))}.sd-6-25-0-menu--disabled-color-text{color:rgba(var(--sd-menu--disabled-color-text,var(--sd-menu-item--disabled-color-text)))}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],t([r("slot:not([name])")],e.prototype,"defaultSlot",2),t([r('part="base"')],e.prototype,"menuItem",2),t([a()],e.prototype,"type",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a()],e.prototype,"value",2),t([a({type:Boolean,reflect:!0})],e.prototype,"chevron",2),t([o("checked")],e.prototype,"handleCheckedChange",1),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("type")],e.prototype,"handleTypeChange",1),e=t([d("sd-6-25-0-menu-item")],e);export{e as a};
@@ -1,4 +1,4 @@
1
- import{a as v}from"./chunk.SAEYIL5V.js";import{a as b}from"./chunk.ERP45OHF.js";import{b as u}from"./chunk.LZRL7OLU.js";import{a as m}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.UFTAQNZB.js";import{a}from"./chunk.NYKJXI3Q.js";import{a as c,b as o,c as h,d as s,h as n}from"./chunk.VMZSSKC5.js";import{b as d,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"tooltip");this.formControlController=new u(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,f)=>r.checked=f});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return l`<div class="flex flex-row items-center gap-2"><label part="base" class="${i("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${m(this.value)}" .checked="${v(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"}" class="${i(`relative flex flex-initial items-center justify-center sd-6-24-2-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
1
+ import{a as v}from"./chunk.SAEYIL5V.js";import{a as b}from"./chunk.ERP45OHF.js";import{b as u}from"./chunk.LZRL7OLU.js";import{a as m}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.UFTAQNZB.js";import{a}from"./chunk.NYKJXI3Q.js";import{a as c,b as o,c as h,d as s,h as n}from"./chunk.VMZSSKC5.js";import{b as d,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"tooltip");this.formControlController=new u(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,f)=>r.checked=f});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return l`<div class="flex flex-row items-center gap-2"><label part="base" class="${i("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${m(this.value)}" .checked="${v(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"}" class="${i(`relative flex flex-initial items-center justify-center sd-6-25-0-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
2
2
  peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
3
- peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-6-24-2-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-6-24-2-switch--checked--hover-color-background":"sd-6-24-2-switch--unchecked-color-border bg-white hover:sd-6-24-2-switch--unchecked--hover-color-background group-hover:sd-6-24-2-switch--unchecked--hover-color-background")}"><span id="thumb" part="thumb" class="${i("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-6-24-2-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":"sd-6-24-2-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?l`<slot name="tooltip"></slot>`:null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?l`<sd-6-24-2-icon part="invalid-icon" class="${i("text-error")}" library="_internal" name="risk"></sd-6-24-2-icon>`:""} ${this.formControlController.renderInvalidMessage("lg")}</div>`}};e.styles=[...n.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
4
- :host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`],t([s("input")],e.prototype,"input",2),t([s("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([o({type:String,reflect:!0})],e.prototype,"title",2),t([o({type:String,reflect:!0})],e.prototype,"name",2),t([o()],e.prototype,"value",2),t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([b("checked")],e.prototype,"defaultChecked",2),t([o({reflect:!0})],e.prototype,"form",2),t([o({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([c("sd-6-24-2-switch")],e);export{e as a};
3
+ peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-6-25-0-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-6-25-0-switch--checked--hover-color-background":"sd-6-25-0-switch--unchecked-color-border bg-white hover:sd-6-25-0-switch--unchecked--hover-color-background group-hover:sd-6-25-0-switch--unchecked--hover-color-background")}"><span id="thumb" part="thumb" class="${i("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-6-25-0-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":"sd-6-25-0-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?l`<slot name="tooltip"></slot>`:null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?l`<sd-6-25-0-icon part="invalid-icon" class="${i("text-error")}" library="_internal" name="risk"></sd-6-25-0-icon>`:""} ${this.formControlController.renderInvalidMessage("lg")}</div>`}};e.styles=[...n.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
4
+ :host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`],t([s("input")],e.prototype,"input",2),t([s("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([o({type:String,reflect:!0})],e.prototype,"title",2),t([o({type:String,reflect:!0})],e.prototype,"name",2),t([o()],e.prototype,"value",2),t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([b("checked")],e.prototype,"defaultChecked",2),t([o({reflect:!0})],e.prototype,"form",2),t([o({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([c("sd-6-25-0-switch")],e);export{e as a};
@@ -1,2 +1,2 @@
1
- import{a as w}from"./chunk.SAEYIL5V.js";import{a as $}from"./chunk.ERP45OHF.js";import{b as x}from"./chunk.LZRL7OLU.js";import{a}from"./chunk.LHSR56PH.js";import{a as C}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as d}from"./chunk.NYKJXI3Q.js";import{a as g,b as i,c,d as f,h as m}from"./chunk.VMZSSKC5.js";import{b as y,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new x(this);this.hasSlotController=new C(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,r,n="none"){this.textarea.setSelectionRange(l,r,n)}setRangeText(l,r,n,p){this.textarea.setRangeText(l,r,n,p),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},r=this.label?!0:!!l.label,n=this.helpText?!0:!!l.helpText,p=!!l.tooltip,V=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&r&&(this.hasFocus&&!this.visuallyDisabled||V),u=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",b=this.size==="sm"?"text-sm":"text-base",v={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return o`<div part="form-control" class="flex flex-col h-full text-left">${r&&!this.floatingLabel||p?o`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(r?"inline-block":"hidden",b,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${r?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?o`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}">${r&&this.floatingLabel?o`<label id="label" part="form-control-floating-label" class="${s("absolute left-4 z-20 transition-all duration-200 cursor-text",b,h?"top-2 text-xs":"top-2.5 form-control-color-text")}" for="input"><span class="${s("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${s("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[u])}"></div><div part="base" class="${s("textarea h-full flex items-top form-control-border-radius group transition-colors duration-medium hover:duration-fast ease-in-out",this.floatingLabel&&"pt-6",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",u==="disabled"||u==="visuallyDisabled"?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(u)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-24-2-icon]:pe-8",{sm:h?"pb-1":"py-2",md:h?"pb-1":"py-2",lg:h?"pb-2":"py-2"}[this.size],this.disabled&&"cursor-not-allowed",b)}" title="${this.title}" name="${a(this.name)}" .value="${w(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel||h?a(this.placeholder):""}" minlength="${a(this.minlength)}" maxlength="${a(this.maxlength)}" rows="${a(this.rows)}" autocapitalize="${a(this.autocapitalize)}" autocorrect="${a(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${a(this.spellcheck)}" enterkeyhint="${a(this.enterkeyhint)}" inputmode="${a(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?o`<sd-6-24-2-icon class="${s("text-error absolute right-4 pointer-events-none",v)}" library="_internal" name="risk" part="invalid-icon"></sd-6-24-2-icon>`:""} ${this.styleOnValid&&this.showValidStyle?o`<sd-6-24-2-icon class="${s("text-success absolute right-4 pointer-events-none",v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-24-2-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm mt-1",n&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!n||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...m.styles,y`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([f("#input")],t.prototype,"textarea",2),e([f("#invalid-message")],t.prototype,"invalidMessage",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"showValidStyle",2),e([c()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:String,reflect:!0})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),e([d(["size","floatingLabel"])],t.prototype,"handleSizeChange",1),t=e([g("sd-6-24-2-textarea")],t);export{t as a};
1
+ import{a as w}from"./chunk.SAEYIL5V.js";import{a as $}from"./chunk.ERP45OHF.js";import{b as x}from"./chunk.LZRL7OLU.js";import{a}from"./chunk.LHSR56PH.js";import{a as C}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as d}from"./chunk.NYKJXI3Q.js";import{a as g,b as i,c,d as f,h as m}from"./chunk.VMZSSKC5.js";import{b as y,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new x(this);this.hasSlotController=new C(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,r,n="none"){this.textarea.setSelectionRange(l,r,n)}setRangeText(l,r,n,p){this.textarea.setRangeText(l,r,n,p),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},r=this.label?!0:!!l.label,n=this.helpText?!0:!!l.helpText,p=!!l.tooltip,V=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&r&&(this.hasFocus&&!this.visuallyDisabled||V),u=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",b=this.size==="sm"?"text-sm":"text-base",v={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return o`<div part="form-control" class="flex flex-col h-full text-left">${r&&!this.floatingLabel||p?o`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(r?"inline-block":"hidden",b,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${r?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?o`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}">${r&&this.floatingLabel?o`<label id="label" part="form-control-floating-label" class="${s("absolute left-4 z-20 transition-all duration-200 cursor-text",b,h?"top-2 text-xs":"top-2.5 form-control-color-text")}" for="input"><span class="${s("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${s("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[u])}"></div><div part="base" class="${s("textarea h-full flex items-top form-control-border-radius group transition-colors duration-medium hover:duration-fast ease-in-out",this.floatingLabel&&"pt-6",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",u==="disabled"||u==="visuallyDisabled"?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(u)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-25-0-icon]:pe-8",{sm:h?"pb-1":"py-2",md:h?"pb-1":"py-2",lg:h?"pb-2":"py-2"}[this.size],this.disabled&&"cursor-not-allowed",b)}" title="${this.title}" name="${a(this.name)}" .value="${w(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel||h?a(this.placeholder):""}" minlength="${a(this.minlength)}" maxlength="${a(this.maxlength)}" rows="${a(this.rows)}" autocapitalize="${a(this.autocapitalize)}" autocorrect="${a(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${a(this.spellcheck)}" enterkeyhint="${a(this.enterkeyhint)}" inputmode="${a(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?o`<sd-6-25-0-icon class="${s("text-error absolute right-4 pointer-events-none",v)}" library="_internal" name="risk" part="invalid-icon"></sd-6-25-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?o`<sd-6-25-0-icon class="${s("text-success absolute right-4 pointer-events-none",v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-25-0-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm mt-1",n&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!n||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...m.styles,y`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([f("#input")],t.prototype,"textarea",2),e([f("#invalid-message")],t.prototype,"invalidMessage",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"showValidStyle",2),e([c()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:String,reflect:!0})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),e([d(["size","floatingLabel"])],t.prototype,"handleSizeChange",1),t=e([g("sd-6-25-0-textarea")],t);export{t as a};
@@ -1,2 +1,2 @@
1
1
  import{a as n}from"./chunk.VAM5SM3O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a,b as c,h as i}from"./chunk.VMZSSKC5.js";import{b as l,e as o}from"./chunk.OBAEIKIV.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.3.0 | 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-24-2-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-25-0-loader")],r);export{r as a};
@@ -1,2 +1,2 @@
1
- import{a as o}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as s}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-24-2-skeleton-color w-full h-full animate-pulse",{rectangular:"rounded-sm",circular:"rounded-full inline-block"}[this.variant])}"><slot></slot></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-24-2-skeleton")],t);export{t as a};
1
+ import{a as o}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as s}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.variant="rectangular"}render(){return s`<div part="base" aria-hidden="true" class="${o("sd-6-25-0-skeleton-color w-full h-full animate-pulse",{rectangular:"rounded-sm",circular:"rounded-full inline-block"}[this.variant])}"><slot></slot></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{display:block}::slotted(*){visibility:hidden}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),t=e([i("sd-6-25-0-skeleton")],t);export{t as a};
@@ -1,4 +1,4 @@
1
- import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-24-2-menu-item"||(s=e.target.role)!=null&&s.startsWith("menuitem"))&&e.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),s=e==null?void 0:e.assignedElements({flatten:!0}).filter(d=>d.localName==="sd-6-24-2-menu")[0],t=getComputedStyle(this.host).direction==="rtl";if(!s)return;let{left:o,top:n,width:r,height:a}=s.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${t?o+r:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+a}px`)};(this.host=e).addController(this),this.hasSlotController=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let s=this.host.renderRoot.querySelector("slot[name='submenu']");if(!s){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let t=null;for(let o of s.assignedElements())if(t=o.querySelectorAll("sd-6-24-2-menu-item, [role^='menuitem']"),t.length!==0)break;if(!(!t||t.length===0)){t[0].setAttribute("tabindex","0");for(let o=1;o!==t.length;++o)t[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?t[0]instanceof HTMLElement&&t[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{t[0]instanceof HTMLElement&&t[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),t=["padding-top","border-top-width","margin-top"].reduce((n,r)=>{var m;let a=(m=e.get(r))!=null?m:new CSSUnitValue(0,"px"),S=(a instanceof CSSUnitValue?a:new CSSUnitValue(0,"px")).to("px");return n-S.value},0);this.skidding=t}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?l`<sd-6-24-2-popup ${b(this.popupRef)} placement="${e?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-6-24-2-popup>`:l`<slot name="submenu" hidden></slot>`}};export{g as a};
1
+ import{a as f}from"./chunk.ICEC5PGK.js";import{b as c}from"./chunk.QQD62QOV.js";import{e as l,i as u}from"./chunk.OBAEIKIV.js";var v=()=>new p,p=class{},h=new WeakMap,b=c(class extends f{render(i){return u}update(i,[e]){var t;let s=e!==this.G;return s&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.G=e,this.ht=(t=i.options)==null?void 0:t.host,this.rt(this.ct=i.element)),u}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let s=(e=this.ht)!=null?e:globalThis,t=h.get(s);t===void 0&&(t=new WeakMap,h.set(s,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,s;return typeof this.G=="function"?(e=h.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var g=class{constructor(e,s){this.popupRef=v();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var s;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="sd-6-25-0-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-25-0-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-25-0-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-25-0-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-25-0-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
- function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-24-2-popup");t.appendChild(e),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let i=c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- sd-6-24-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-24-2-popup li{transition-property:all;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))}sd-6-24-2-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-24-2-popup li{list-style-type:''}sd-6-24-2-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-24-2-popup li:not(:has(sd-6-24-2-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-24-2-popup li:not(:has(sd-6-24-2-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-24-2-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,o=new CSSStyleSheet;o.replaceSync(i),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,o]}),l&&n.addEventListener("selection",e=>{var t;r.value=(t=e==null?void 0:e.detail)==null?void 0:t.selection.value}),n.addEventListener("open",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-24-2-popup"))==null||t.setAttribute("active","true"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),n.addEventListener("close",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-24-2-popup"))==null||t.removeAttribute("active"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),p&&n.addEventListener("navigate",()=>{let e=r.shadowRoot.querySelector('[aria-selected="true"]');e==null||e.scrollIntoView({block:"nearest"})}),{config:{selector:()=>n,resultsList:{tag:"ul"},wrapper:!1}}}export{h as a};
1
+ function h(d,{setValueOnSelection:l,scrollSelectionIntoView:p}={setValueOnSelection:!0,scrollSelectionIntoView:!0}){let r=d?typeof d=="string"?document.querySelector(d):d:document.querySelector("#autoComplete"),n=r.shadowRoot.querySelector("input"),c=e=>e[0];return n.addEventListener("init",()=>{var a,s;let e=(a=r.shadowRoot)==null?void 0:a.querySelector("ul");e==null||e.setAttribute("part","listbox");let t=document.createElement("sd-6-25-0-popup");t.appendChild(e),(s=r.shadowRoot)==null||s.appendChild(t),t==null||t.setAttribute("exportparts","popup__content"),t&&(t.active=!1,t.autoSize="vertical",t.autoSizePadding=16,t.placement="bottom-start",t.anchor=r,t.sync="width");let i=c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ sd-6-25-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-25-0-popup li{transition-property:all;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))}sd-6-25-0-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-25-0-popup li{list-style-type:''}sd-6-25-0-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-25-0-popup li:not(:has(sd-6-25-0-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-25-0-popup li:not(:has(sd-6-25-0-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-25-0-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`,o=new CSSStyleSheet;o.replaceSync(i),r.shadowRoot.adoptedStyleSheets=[...r.shadowRoot.adoptedStyleSheets,o]}),l&&n.addEventListener("selection",e=>{var t;r.value=(t=e==null?void 0:e.detail)==null?void 0:t.selection.value}),n.addEventListener("open",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-25-0-popup"))==null||t.setAttribute("active","true"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.add("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.add("z-50")}),n.addEventListener("close",()=>{var e,t,i,o,a,s;(t=(e=r.shadowRoot)==null?void 0:e.querySelector("sd-6-25-0-popup"))==null||t.removeAttribute("active"),(o=(i=r.shadowRoot)==null?void 0:i.querySelector('[part="border"]'))==null||o.classList.remove("rounded-b-none"),(s=(a=r.shadowRoot)==null?void 0:a.querySelector('[part="form-control"]'))==null||s.classList.remove("z-50")}),p&&n.addEventListener("navigate",()=>{let e=r.shadowRoot.querySelector('[aria-selected="true"]');e==null||e.scrollIntoView({block:"nearest"})}),{config:{selector:()=>n,resultsList:{tag:"ul"},wrapper:!1}}}export{h as a};