@solid-design-system/components 6.27.1 → 6.27.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (277) hide show
  1. package/cdn/chunks/{chunk.DPRDJHG4.js → chunk.5X5JRXZK.js} +1 -1
  2. package/cdn/components/step/step.js +1 -1
  3. package/cdn/custom-elements.json +169 -169
  4. package/cdn/solid-components.bundle.js +1 -1
  5. package/cdn/solid-components.iife.js +1 -1
  6. package/cdn/solid-components.js +1 -1
  7. package/cdn/vscode.html-custom-data.json +22 -22
  8. package/cdn/web-types.json +46 -46
  9. package/cdn-versioned/chunks/chunk.2NOYGNXE.js +2 -2
  10. package/cdn-versioned/chunks/chunk.2SYX234H.js +2 -2
  11. package/cdn-versioned/chunks/chunk.2U4TAJUC.js +2 -2
  12. package/cdn-versioned/chunks/chunk.3JIMAV3K.js +2 -2
  13. package/cdn-versioned/chunks/chunk.5HUX5VFB.js +2 -2
  14. package/cdn-versioned/chunks/chunk.5X5JRXZK.js +2 -0
  15. package/cdn-versioned/chunks/chunk.7QOVVO7A.js +2 -2
  16. package/cdn-versioned/chunks/chunk.7SNWTFKD.js +9 -9
  17. package/cdn-versioned/chunks/chunk.7ZVQLLM7.js +2 -2
  18. package/cdn-versioned/chunks/chunk.A7OKDFGO.js +2 -2
  19. package/cdn-versioned/chunks/chunk.AO6SNRNL.js +2 -2
  20. package/cdn-versioned/chunks/chunk.AOLUHUSF.js +2 -2
  21. package/cdn-versioned/chunks/chunk.AVVZHYFS.js +3 -3
  22. package/cdn-versioned/chunks/chunk.BCJZHMRU.js +2 -2
  23. package/cdn-versioned/chunks/chunk.BJ6LURC2.js +2 -2
  24. package/cdn-versioned/chunks/chunk.BTWK37K2.js +2 -2
  25. package/cdn-versioned/chunks/chunk.DJ527NKP.js +2 -2
  26. package/cdn-versioned/chunks/chunk.DLSBHX3L.js +2 -2
  27. package/cdn-versioned/chunks/chunk.DSKB3SEU.js +1 -1
  28. package/cdn-versioned/chunks/chunk.DUAVYRMV.js +2 -2
  29. package/cdn-versioned/chunks/chunk.E3RBLJOD.js +2 -2
  30. package/cdn-versioned/chunks/chunk.ENGQY5PQ.js +1 -1
  31. package/cdn-versioned/chunks/chunk.FIN34FFZ.js +2 -2
  32. package/cdn-versioned/chunks/chunk.FUONGVWC.js +2 -2
  33. package/cdn-versioned/chunks/chunk.GANINSPD.js +1 -1
  34. package/cdn-versioned/chunks/chunk.GAWWLECF.js +2 -2
  35. package/cdn-versioned/chunks/chunk.GJHFXIDQ.js +2 -2
  36. package/cdn-versioned/chunks/chunk.HQVTWWED.js +2 -2
  37. package/cdn-versioned/chunks/chunk.J7HKJOBT.js +1 -1
  38. package/cdn-versioned/chunks/chunk.KBNYCL2A.js +2 -2
  39. package/cdn-versioned/chunks/chunk.KDUC23NC.js +2 -2
  40. package/cdn-versioned/chunks/chunk.L7ERUBEO.js +2 -2
  41. package/cdn-versioned/chunks/chunk.LS7DRXQL.js +2 -2
  42. package/cdn-versioned/chunks/chunk.LZRL7OLU.js +1 -1
  43. package/cdn-versioned/chunks/chunk.MINBYM3X.js +2 -2
  44. package/cdn-versioned/chunks/chunk.MRKCTLHO.js +2 -2
  45. package/cdn-versioned/chunks/chunk.MWPUIVNY.js +2 -2
  46. package/cdn-versioned/chunks/chunk.NMQWMKA4.js +2 -2
  47. package/cdn-versioned/chunks/chunk.NO37AAPJ.js +2 -2
  48. package/cdn-versioned/chunks/chunk.NVBDCLSB.js +5 -5
  49. package/cdn-versioned/chunks/chunk.OFME6DWX.js +2 -2
  50. package/cdn-versioned/chunks/chunk.QZ4TINX7.js +5 -5
  51. package/cdn-versioned/chunks/chunk.RBIHJJJH.js +1 -1
  52. package/cdn-versioned/chunks/chunk.RJBMCBBF.js +1 -1
  53. package/cdn-versioned/chunks/chunk.SP3LJOKF.js +2 -2
  54. package/cdn-versioned/chunks/chunk.STDRBG54.js +1 -1
  55. package/cdn-versioned/chunks/chunk.TFVRFH37.js +1 -1
  56. package/cdn-versioned/chunks/chunk.TJDPWAVB.js +2 -2
  57. package/cdn-versioned/chunks/chunk.TOGRTI4R.js +2 -2
  58. package/cdn-versioned/chunks/chunk.TPFV72LH.js +1 -1
  59. package/cdn-versioned/chunks/chunk.UEFD3UMC.js +2 -2
  60. package/cdn-versioned/chunks/chunk.UMMMHVGK.js +2 -2
  61. package/cdn-versioned/chunks/chunk.UUT3RNXX.js +2 -2
  62. package/cdn-versioned/chunks/chunk.VHNBQXBQ.js +2 -2
  63. package/cdn-versioned/chunks/chunk.VQZJSHKG.js +3 -3
  64. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  65. package/cdn-versioned/chunks/chunk.WCUOYX2O.js +2 -2
  66. package/cdn-versioned/chunks/chunk.WKRUSUP5.js +2 -2
  67. package/cdn-versioned/chunks/chunk.WKWRMAYZ.js +2 -2
  68. package/cdn-versioned/chunks/chunk.WMNN34G7.js +1 -1
  69. package/cdn-versioned/chunks/chunk.XLOQLF7T.js +2 -2
  70. package/cdn-versioned/chunks/chunk.XRBLVTS7.js +3 -3
  71. package/cdn-versioned/chunks/chunk.YHEOMQ3U.js +2 -2
  72. package/cdn-versioned/chunks/chunk.ZB3TIOGA.js +1 -1
  73. package/cdn-versioned/chunks/chunk.ZWU3HKO7.js +2 -2
  74. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  75. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  76. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  77. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  78. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  79. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  80. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  81. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  82. package/cdn-versioned/components/button/button.d.ts +1 -1
  83. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  84. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  85. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  86. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  87. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  88. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  89. package/cdn-versioned/components/datepicker/datepicker.d.ts +1 -1
  90. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  91. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  92. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  93. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  94. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  95. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  96. package/cdn-versioned/components/header/header.d.ts +1 -1
  97. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  98. package/cdn-versioned/components/include/include.d.ts +1 -1
  99. package/cdn-versioned/components/input/input.d.ts +1 -1
  100. package/cdn-versioned/components/link/link.d.ts +1 -1
  101. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  102. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  103. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  104. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  105. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  106. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  107. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  108. package/cdn-versioned/components/option/option.d.ts +1 -1
  109. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  110. package/cdn-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  111. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  112. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  113. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  114. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  115. package/cdn-versioned/components/range/range.d.ts +1 -1
  116. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  117. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  118. package/cdn-versioned/components/select/select.d.ts +1 -1
  119. package/cdn-versioned/components/skeleton/skeleton.d.ts +1 -1
  120. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  121. package/cdn-versioned/components/step/step.d.ts +1 -1
  122. package/cdn-versioned/components/step/step.js +1 -1
  123. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  124. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  125. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  126. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  127. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  128. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  129. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  130. package/cdn-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  131. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  132. package/cdn-versioned/components/video/video.d.ts +1 -1
  133. package/cdn-versioned/custom-elements.json +420 -420
  134. package/cdn-versioned/internal/form.js +2 -2
  135. package/cdn-versioned/solid-components.bundle.js +81 -81
  136. package/cdn-versioned/solid-components.css +2 -2
  137. package/cdn-versioned/solid-components.iife.js +81 -81
  138. package/cdn-versioned/solid-components.js +1 -1
  139. package/cdn-versioned/vscode.html-custom-data.json +134 -134
  140. package/cdn-versioned/web-types.json +211 -211
  141. package/dist/chunks/{chunk.NQD4454U.js → chunk.LDEYZ5WH.js} +1 -1
  142. package/dist/components/step/step.js +1 -1
  143. package/dist/custom-elements.json +1 -1
  144. package/dist/solid-components.js +3 -3
  145. package/dist/web-types.json +1 -1
  146. package/dist-versioned/chunks/chunk.22QJOKRT.js +2 -2
  147. package/dist-versioned/chunks/chunk.2GY5X74S.js +25 -25
  148. package/dist-versioned/chunks/chunk.2JVBNRAE.js +11 -11
  149. package/dist-versioned/chunks/chunk.2QLV3FGQ.js +1 -1
  150. package/dist-versioned/chunks/chunk.32PMIHHH.js +10 -10
  151. package/dist-versioned/chunks/chunk.3AZV733X.js +1 -1
  152. package/dist-versioned/chunks/chunk.3JGLYKUT.js +1 -1
  153. package/dist-versioned/chunks/chunk.3UAYIX4K.js +5 -5
  154. package/dist-versioned/chunks/chunk.3YRBYYHB.js +14 -14
  155. package/dist-versioned/chunks/chunk.43WIFSAV.js +8 -8
  156. package/dist-versioned/chunks/chunk.4CYE55LF.js +1 -1
  157. package/dist-versioned/chunks/chunk.4QQTPWQK.js +2 -2
  158. package/dist-versioned/chunks/chunk.5SP53TRC.js +7 -7
  159. package/dist-versioned/chunks/chunk.67RQILIX.js +3 -3
  160. package/dist-versioned/chunks/chunk.6LUXWBVQ.js +2 -2
  161. package/dist-versioned/chunks/chunk.6QITMMHT.js +1 -1
  162. package/dist-versioned/chunks/chunk.6VONS4GH.js +5 -5
  163. package/dist-versioned/chunks/chunk.76H4PKGT.js +11 -11
  164. package/dist-versioned/chunks/chunk.7DSVL7JH.js +2 -2
  165. package/dist-versioned/chunks/chunk.ATPMJXDV.js +7 -7
  166. package/dist-versioned/chunks/chunk.C3WIBDGG.js +2 -2
  167. package/dist-versioned/chunks/chunk.DFSINDVF.js +2 -2
  168. package/dist-versioned/chunks/chunk.DPOFFN22.js +5 -5
  169. package/dist-versioned/chunks/chunk.E32D3Z6I.js +1 -1
  170. package/dist-versioned/chunks/chunk.EAJ3CM6N.js +4 -4
  171. package/dist-versioned/chunks/chunk.EQKXEQYI.js +6 -6
  172. package/dist-versioned/chunks/chunk.EWBPFI7O.js +3 -3
  173. package/dist-versioned/chunks/chunk.FDOJX6W4.js +3 -3
  174. package/dist-versioned/chunks/chunk.FO2XDPBY.js +1 -1
  175. package/dist-versioned/chunks/chunk.FTLHBRJ7.js +2 -2
  176. package/dist-versioned/chunks/chunk.FZW355YU.js +4 -4
  177. package/dist-versioned/chunks/chunk.GIYK2K7S.js +3 -3
  178. package/dist-versioned/chunks/chunk.GURHKBOS.js +4 -4
  179. package/dist-versioned/chunks/chunk.H6AYJU2Z.js +6 -6
  180. package/dist-versioned/chunks/chunk.HFD4GVQH.js +6 -6
  181. package/dist-versioned/chunks/chunk.HFUPD442.js +2 -2
  182. package/dist-versioned/chunks/chunk.HSMX4JWE.js +12 -12
  183. package/dist-versioned/chunks/chunk.ISDCFN2T.js +2 -2
  184. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  185. package/dist-versioned/chunks/chunk.KNNHUZRK.js +5 -5
  186. package/dist-versioned/chunks/{chunk.NQD4454U.js → chunk.LDEYZ5WH.js} +6 -6
  187. package/dist-versioned/chunks/chunk.LFY6FLC7.js +11 -11
  188. package/dist-versioned/chunks/chunk.LIHFBMY3.js +5 -5
  189. package/dist-versioned/chunks/chunk.LMAZLSWN.js +5 -5
  190. package/dist-versioned/chunks/chunk.LVUKQ7ZS.js +7 -7
  191. package/dist-versioned/chunks/chunk.MIDB4P4Z.js +5 -5
  192. package/dist-versioned/chunks/chunk.NF6TENBG.js +13 -13
  193. package/dist-versioned/chunks/chunk.ON7JW7DZ.js +4 -4
  194. package/dist-versioned/chunks/chunk.P7WF3BP4.js +12 -12
  195. package/dist-versioned/chunks/chunk.PAGXROMQ.js +6 -6
  196. package/dist-versioned/chunks/chunk.PGR6OZIM.js +1 -1
  197. package/dist-versioned/chunks/chunk.QH4PJIEK.js +10 -10
  198. package/dist-versioned/chunks/chunk.QWPTKRZY.js +2 -2
  199. package/dist-versioned/chunks/chunk.RIMF3V3U.js +10 -10
  200. package/dist-versioned/chunks/chunk.RJD5JWEE.js +6 -6
  201. package/dist-versioned/chunks/chunk.TVVA3SEO.js +3 -3
  202. package/dist-versioned/chunks/chunk.U4ES752F.js +4 -4
  203. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  204. package/dist-versioned/chunks/chunk.VMOVHC54.js +2 -2
  205. package/dist-versioned/chunks/chunk.WALY6H2S.js +5 -5
  206. package/dist-versioned/chunks/chunk.WC6QJGPY.js +3 -3
  207. package/dist-versioned/chunks/chunk.XAFXRA3O.js +33 -33
  208. package/dist-versioned/chunks/chunk.YVNA2ZV6.js +2 -2
  209. package/dist-versioned/chunks/chunk.Z4VNO3XB.js +23 -23
  210. package/dist-versioned/chunks/chunk.ZCK2AJ6F.js +10 -10
  211. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  212. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  213. package/dist-versioned/components/animation/animation.d.ts +1 -1
  214. package/dist-versioned/components/audio/audio.d.ts +1 -1
  215. package/dist-versioned/components/badge/badge.d.ts +1 -1
  216. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  217. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  218. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  219. package/dist-versioned/components/button/button.d.ts +1 -1
  220. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  221. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  222. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  223. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  224. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  225. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  226. package/dist-versioned/components/datepicker/datepicker.d.ts +1 -1
  227. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  228. package/dist-versioned/components/divider/divider.d.ts +1 -1
  229. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  230. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  231. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  232. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  233. package/dist-versioned/components/header/header.d.ts +1 -1
  234. package/dist-versioned/components/icon/icon.d.ts +1 -1
  235. package/dist-versioned/components/include/include.d.ts +1 -1
  236. package/dist-versioned/components/input/input.d.ts +1 -1
  237. package/dist-versioned/components/link/link.d.ts +1 -1
  238. package/dist-versioned/components/loader/loader.d.ts +1 -1
  239. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  240. package/dist-versioned/components/menu/menu.d.ts +1 -1
  241. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  242. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  243. package/dist-versioned/components/notification/notification.d.ts +1 -1
  244. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  245. package/dist-versioned/components/option/option.d.ts +1 -1
  246. package/dist-versioned/components/popup/popup.d.ts +1 -1
  247. package/dist-versioned/components/progress-bar/progress-bar.d.ts +1 -1
  248. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  249. package/dist-versioned/components/radio/radio.d.ts +1 -1
  250. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  251. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  252. package/dist-versioned/components/range/range.d.ts +1 -1
  253. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  254. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  255. package/dist-versioned/components/select/select.d.ts +1 -1
  256. package/dist-versioned/components/skeleton/skeleton.d.ts +1 -1
  257. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  258. package/dist-versioned/components/step/step.d.ts +1 -1
  259. package/dist-versioned/components/step/step.js +1 -1
  260. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  261. package/dist-versioned/components/switch/switch.d.ts +1 -1
  262. package/dist-versioned/components/tab/tab.d.ts +1 -1
  263. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  264. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  265. package/dist-versioned/components/tag/tag.d.ts +1 -1
  266. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  267. package/dist-versioned/components/theme-listener/theme-listener.d.ts +1 -1
  268. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  269. package/dist-versioned/components/video/video.d.ts +1 -1
  270. package/dist-versioned/custom-elements.json +420 -420
  271. package/dist-versioned/internal/form.js +2 -2
  272. package/dist-versioned/solid-components.css +2 -2
  273. package/dist-versioned/solid-components.js +3 -3
  274. package/dist-versioned/vscode.html-custom-data.json +134 -134
  275. package/dist-versioned/web-types.json +211 -211
  276. package/package.json +1 -1
  277. package/cdn-versioned/chunks/chunk.DPRDJHG4.js +0 -2
@@ -1797,6 +1797,28 @@
1797
1797
  }
1798
1798
  ]
1799
1799
  },
1800
+ {
1801
+ "name": "sd-menu",
1802
+ "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu's content.",
1803
+ "attributes": [
1804
+ {
1805
+ "name": "dir",
1806
+ "description": "The element's directionality.",
1807
+ "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
1808
+ },
1809
+ {
1810
+ "name": "lang",
1811
+ "description": "The element's language.",
1812
+ "values": []
1813
+ }
1814
+ ],
1815
+ "references": [
1816
+ {
1817
+ "name": "Documentation",
1818
+ "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-menu--docs"
1819
+ }
1820
+ ]
1821
+ },
1800
1822
  {
1801
1823
  "name": "sd-menu-item",
1802
1824
  "description": "Used to provide options for the user to pick from a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n- **--sd-navigable-border-radius** - The menu-item border radius on hover. _(default: undefined)_\n- **--sd-menu-item-color-icon-fill** - The default icon color for menu items. _(default: undefined)_\n- **--sd-menu-item-color-text** - The default text color for menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-icon-fill** - The icon color for disabled menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-text** - The text color for disabled menu items. _(default: undefined)_\n- **--sd-menu-color-icon** - This custom property is deprecated. Use `--sd-menu-item-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu-color-text** - This custom property is deprecated. Use `--sd-menu-item-color-text` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-icon** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-text** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",
@@ -1840,28 +1862,6 @@
1840
1862
  }
1841
1863
  ]
1842
1864
  },
1843
- {
1844
- "name": "sd-menu",
1845
- "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu's content.",
1846
- "attributes": [
1847
- {
1848
- "name": "dir",
1849
- "description": "The element's directionality.",
1850
- "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
1851
- },
1852
- {
1853
- "name": "lang",
1854
- "description": "The element's language.",
1855
- "values": []
1856
- }
1857
- ],
1858
- "references": [
1859
- {
1860
- "name": "Documentation",
1861
- "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-menu--docs"
1862
- }
1863
- ]
1864
- },
1865
1865
  {
1866
1866
  "name": "sd-navigation-item",
1867
1867
  "description": "Used to facilitate seamless page transitions and help users orient themselves within the application.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden.\n- **sd-hide** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The navigation item's label.\n- **description** - *Vertical only: Slot used to provide a description for the navigation item.\n- **children** - Slot used to provide nested child navigation elements. If provided, details and summary elements will be used. A chevron will be shown on the right side regardless of the chevron property.\n\n### **CSS Properties:**\n - **--sd-navigation-item-color-text** - The navigation-item text color. _(default: undefined)_\n- **--sd-navigation-item--default-color-text** - The default navigation-items text color. _(default: undefined)_\n- **--sd-navigable-border-radius** - The navigation-item border radius on hover and active state. _(default: undefined)_\n- **--sd-navigable-font-size** - The navigation-item font size. _(default: undefined)_\n- **--sd-navigable__current-indicator-border-radius** - The navigation-item current indicator border radius value. _(default: undefined)_\n- **--sd-navigable__current-indicator-height** - The horizontal navigation-item current indicator height. _(default: undefined)_\n- **--sd-navigable__current-indicator-width** - The vertical navigation-item current indicator width. _(default: undefined)_\n- **--sd-choice-control-font-weight** - The navigation-item default font weight. _(default: undefined)_\n- **--sd-navigation-item--current-color-text** - This custom property is deprecated. Use `--sd-navigation-item-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper including children.\n- **content-wrapper** - The component's content wrapper.\n- **content** - The component's content excluding children.\n- **chevron** - The container that wraps the chevron.\n- **description** - The component's description area below its main content.\n- **divider** - The component's optional top divider.",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@solid-design-system/components",
4
- "version": "6.27.1",
4
+ "version": "6.27.2",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -4112,6 +4112,51 @@
4112
4112
  ]
4113
4113
  }
4114
4114
  },
4115
+ {
4116
+ "name": "sd-menu",
4117
+ "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu's content.",
4118
+ "doc-url": "",
4119
+ "attributes": [
4120
+ {
4121
+ "name": "dir",
4122
+ "description": "The element's directionality.",
4123
+ "value": { "type": "'ltr' | 'rtl' | 'auto'" }
4124
+ },
4125
+ {
4126
+ "name": "lang",
4127
+ "description": "The element's language.",
4128
+ "value": { "type": "string" }
4129
+ }
4130
+ ],
4131
+ "slots": [{ "name": "", "description": "The menu's content." }],
4132
+ "events": [
4133
+ {
4134
+ "name": "sd-select",
4135
+ "description": "Emitted when a menu item is selected."
4136
+ }
4137
+ ],
4138
+ "js": {
4139
+ "properties": [
4140
+ { "name": "localize" },
4141
+ {
4142
+ "name": "dir",
4143
+ "description": "The element's directionality.",
4144
+ "type": "'ltr' | 'rtl' | 'auto'"
4145
+ },
4146
+ {
4147
+ "name": "lang",
4148
+ "description": "The element's language.",
4149
+ "type": "string"
4150
+ }
4151
+ ],
4152
+ "events": [
4153
+ {
4154
+ "name": "sd-select",
4155
+ "description": "Emitted when a menu item is selected."
4156
+ }
4157
+ ]
4158
+ }
4159
+ },
4115
4160
  {
4116
4161
  "name": "sd-menu-item",
4117
4162
  "description": "Used to provide options for the user to pick from a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n- **--sd-navigable-border-radius** - The menu-item border radius on hover. _(default: undefined)_\n- **--sd-menu-item-color-icon-fill** - The default icon color for menu items. _(default: undefined)_\n- **--sd-menu-item-color-text** - The default text color for menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-icon-fill** - The icon color for disabled menu items. _(default: undefined)_\n- **--sd-menu-item--disabled-color-text** - The text color for disabled menu items. _(default: undefined)_\n- **--sd-menu-color-icon** - This custom property is deprecated. Use `--sd-menu-item-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu-color-text** - This custom property is deprecated. Use `--sd-menu-item-color-text` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-icon** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-icon-fill` instead. _(default: undefined)_\n- **--sd-menu--disabled-color-text** - This custom property is deprecated. Use `--sd-menu-item--disabled-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",
@@ -4204,51 +4249,6 @@
4204
4249
  "events": []
4205
4250
  }
4206
4251
  },
4207
- {
4208
- "name": "sd-menu",
4209
- "description": "Used as a list of choices to the user, such as a set of actions or functions.\n---\n\n\n### **Events:**\n - **sd-select** - Emitted when a menu item is selected.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu's content.",
4210
- "doc-url": "",
4211
- "attributes": [
4212
- {
4213
- "name": "dir",
4214
- "description": "The element's directionality.",
4215
- "value": { "type": "'ltr' | 'rtl' | 'auto'" }
4216
- },
4217
- {
4218
- "name": "lang",
4219
- "description": "The element's language.",
4220
- "value": { "type": "string" }
4221
- }
4222
- ],
4223
- "slots": [{ "name": "", "description": "The menu's content." }],
4224
- "events": [
4225
- {
4226
- "name": "sd-select",
4227
- "description": "Emitted when a menu item is selected."
4228
- }
4229
- ],
4230
- "js": {
4231
- "properties": [
4232
- { "name": "localize" },
4233
- {
4234
- "name": "dir",
4235
- "description": "The element's directionality.",
4236
- "type": "'ltr' | 'rtl' | 'auto'"
4237
- },
4238
- {
4239
- "name": "lang",
4240
- "description": "The element's language.",
4241
- "type": "string"
4242
- }
4243
- ],
4244
- "events": [
4245
- {
4246
- "name": "sd-select",
4247
- "description": "Emitted when a menu item is selected."
4248
- }
4249
- ]
4250
- }
4251
- },
4252
4252
  {
4253
4253
  "name": "sd-navigation-item",
4254
4254
  "description": "Used to facilitate seamless page transitions and help users orient themselves within the application.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden.\n- **sd-hide** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The navigation item's label.\n- **description** - *Vertical only: Slot used to provide a description for the navigation item.\n- **children** - Slot used to provide nested child navigation elements. If provided, details and summary elements will be used. A chevron will be shown on the right side regardless of the chevron property.\n\n### **CSS Properties:**\n - **--sd-navigation-item-color-text** - The navigation-item text color. _(default: undefined)_\n- **--sd-navigation-item--default-color-text** - The default navigation-items text color. _(default: undefined)_\n- **--sd-navigable-border-radius** - The navigation-item border radius on hover and active state. _(default: undefined)_\n- **--sd-navigable-font-size** - The navigation-item font size. _(default: undefined)_\n- **--sd-navigable__current-indicator-border-radius** - The navigation-item current indicator border radius value. _(default: undefined)_\n- **--sd-navigable__current-indicator-height** - The horizontal navigation-item current indicator height. _(default: undefined)_\n- **--sd-navigable__current-indicator-width** - The vertical navigation-item current indicator width. _(default: undefined)_\n- **--sd-choice-control-font-weight** - The navigation-item default font weight. _(default: undefined)_\n- **--sd-navigation-item--current-color-text** - This custom property is deprecated. Use `--sd-navigation-item-color-text` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper including children.\n- **content-wrapper** - The component's content wrapper.\n- **content** - The component's content excluding children.\n- **chevron** - The container that wraps the chevron.\n- **description** - The component's description area below its main content.\n- **divider** - The component's optional top divider.",
@@ -1,2 +1,2 @@
1
- import{a as T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as y}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.TFVRFH37.js";import{b as m,e as d}from"./chunk.OBAEIKIV.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-27-1-tab"),customElements.whenDefined("sd-6-27-1-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-27-1-tab"?e:e.querySelector("sd-6-27-1-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-27-1-tab":e.tagName.toLowerCase()==="sd-6-27-1-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-27-1-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-27-1-tab");(e==null?void 0:e.closest("sd-6-27-1-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-27-1-tab");if((e==null?void 0:e.closest("sd-6-27-1-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-27-1-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-27-1-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-27-1-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-27-1-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-27-1-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-27-1-tab-panel){--padding:1rem 0}::slotted(sd-6-27-1-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-27-1-tab-group")],a);export{a};
1
+ import{a as T}from"./chunk.MHWW3RZB.js";import{c as b}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as y}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as g,b as w,c as v,d as h,h as u}from"./chunk.TFVRFH37.js";import{b as m,e as d}from"./chunk.OBAEIKIV.js";import{a as p,e as l}from"./chunk.6EV4YU6C.js";var a=class extends u{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.canScroll={left:!1,right:!1};this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-6-27-2-tab"),customElements.whenDefined("sd-6-27-2-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls(),this.repositionIndicator()}),this.mutationObserver=new MutationObserver(i=>{i.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),i.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),this.nav.addEventListener("scroll",()=>this.handleScroll()),t.then(()=>{new IntersectionObserver((e,o)=>{var s;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((s=this.activeTab)!=null?s:this.tabs[0],{emitEvents:!1}),o.unobserve(e[0].target))}).observe(this.tabGroup)})})}updated(t){!t.get("canScroll")&&this.canScroll&&this.handleScroll()}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let i=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(i.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-6-27-2-tab"?e:e.querySelector("sd-6-27-2-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-6-27-2-tab":e.tagName.toLowerCase()==="sd-6-27-2-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-6-27-2-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-6-27-2-tab");(e==null?void 0:e.closest("sd-6-27-2-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-6-27-2-tab");if((e==null?void 0:e.closest("sd-6-27-2-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s+1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let s=this.tabs.indexOf(this.getActiveTab()),n=this.tabs[s-1];e!==null&&n&&b(n,this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let s=this.tabs.find(r=>r.matches(":focus")),n=this.localize.dir()==="rtl";if((s==null?void 0:s.tagName.toLowerCase())==="sd-6-27-2-tab"){let r=this.tabs.indexOf(s);t.key==="Home"?r=0:t.key==="End"?r=this.tabs.length-1:t.key===(n?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?r--:(t.key===(n?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&r++,r<0&&(r=this.tabs.length-1),r>this.tabs.length-1&&(r=0),this.tabs[r].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[r],{scrollBehavior:"smooth"}),b(this.tabs[r],this.nav,"horizontal"),t.preventDefault()}}}}handleScroll(){this.canScroll={left:this.nav.scrollLeft>0,right:this.nav.scrollLeft+this.nav.clientWidth<this.nav.scrollWidth-1}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=p({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(o=>o.active=o===this.activeTab),this.panels.map(o=>{var s;return o.active=o.name===((s=this.activeTab)==null?void 0:s.panel)}),this.repositionIndicator(),b(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&t.setAttribute("aria-controls",i.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.repositionIndicator(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}async repositionIndicator(){await this.updateComplete;let t=this.activeTab,i=this.indicator,e=this.tabsContainer;if(!t||!i||!e||t.variant==="container")return;let o=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=getComputedStyle(e).justifyContent==="center",r=s.left+s.width/2,A=o.left+o.width/2,x=t.offsetWidth,C=n?A-r:o.left-s.left;i.style.width=`${x}px`,i.style.transform=`translateX(${C}px)`}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){var i;let t=this.localize.dir()==="rtl";return d`<div part="base" class="${c("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${c(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?d`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.left||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-6-27-2-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-27-2-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${c("flex flex-auto relative flex-row")}" role="tablist">${((i=this.activeTab)==null?void 0:i.variant)!=="container"?d`<div part="active-tab-indicator" id="indicator" class="absolute h-1 bg-accent bottom-0 transition-[transform,width] duration-medium ease-in-out z-30 navigable__current-indicator-height navigable__current-indicator-border-radius"></div>`:""}<div part="separation" class="border-neutral-400 absolute w-full h-0.25 bottom-0 border-b z-10"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?d`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" disabled="${f(!this.canScroll.right||void 0)}" class="${c("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-6-27-2-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${c("h-6 w-12 rotate-90 grid place-items-center")}"></sd-6-27-2-icon></button>`:""}</div><slot part="body" class="${c("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};a.styles=[...u.styles,m`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}::slotted(sd-6-27-2-tab-panel){--padding:1rem 0}::slotted(sd-6-27-2-tab-panel:focus-visible){outline-style:solid;outline-offset:2px;outline-width:2px;outline-color:var(--outline-color-primary)}`],l([h("[part=base]")],a.prototype,"tabGroup",2),l([h("[part=body]")],a.prototype,"body",2),l([h("[part=scroll-container]")],a.prototype,"nav",2),l([h("[part=active-tab-indicator]")],a.prototype,"indicator",2),l([h('[part="tabs"]')],a.prototype,"tabsContainer",2),l([v()],a.prototype,"hasScrollControls",2),l([v()],a.prototype,"variant",2),l([v()],a.prototype,"canScroll",2),l([w({type:String,reflect:!0})],a.prototype,"activation",2),l([T(20)],a.prototype,"handleScroll",1),a=l([g("sd-6-27-2-tab-group")],a);export{a};
@@ -1,2 +1,2 @@
1
- import{a as r}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as i,h as o}from"./chunk.TFVRFH37.js";import{b as a,e as c}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends o{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return c`<span part="base" class="${r("sd-6-27-1-radio group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${r("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-27-1-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?r("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-6-27-1-radio--checked--invalid--default-color-background":"sd-6-27-1-radio--default--invalid-color-background"):this.checked?"sd-6-27-1-radio--checked--default-color-background hover:sd-6-27-1-radio--checked--hover-color-background group-hover:sd-6-27-1-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550":"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${r("rounded-full inline-flex text-white sd-6-27-1-radio__checked-height sd-6-27-1-radio__checked-width transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"sd-6-27-1-radio--checked--disabled__icon-color-background":this.visuallyDisabled?"bg-white":this.invalid?"sd-6-27-1-radio--checked--invalid--default__icon-color-background hover:sd-6-27-1-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-27-1-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-6-27-1-radio--checked--default__icon-color-background hover:sd-6-27-1-radio--checked--hover__icon-color-background group-hover:sd-6-27-1-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${r("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"></slot></span>`}};e.styles=[...o.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}[part=control--checked],[part=control--unchecked]{margin-top:.23em}:host([size=sm]) [part=control--checked],:host([size=sm]) [part=control--unchecked]{margin-top:.15em}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([i()],e.prototype,"checked",2),t([i()],e.prototype,"hasFocus",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-27-1-radio")],e);export{e as a};
1
+ import{a as r}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as d,b as s,c as i,h as o}from"./chunk.TFVRFH37.js";import{b as a,e as c}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends o{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return c`<span part="base" class="${r("sd-6-27-2-radio group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${r("flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-27-2-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?r("border-error hover:border-error-400 group-hover:border-error-400",this.checked?"sd-6-27-2-radio--checked--invalid--default-color-background":"sd-6-27-2-radio--default--invalid-color-background"):this.checked?"sd-6-27-2-radio--checked--default-color-background hover:sd-6-27-2-radio--checked--hover-color-background group-hover:sd-6-27-2-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550":"form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${r("rounded-full inline-flex text-white sd-6-27-2-radio__checked-height sd-6-27-2-radio__checked-width transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"sd-6-27-2-radio--checked--disabled__icon-color-background":this.visuallyDisabled?"bg-white":this.invalid?"sd-6-27-2-radio--checked--invalid--default__icon-color-background hover:sd-6-27-2-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-27-2-radio--checked--invalid--hover__icon-color-background":this.checked?"sd-6-27-2-radio--checked--default__icon-color-background hover:sd-6-27-2-radio--checked--hover__icon-color-background group-hover:sd-6-27-2-radio--checked--hover__icon-color-background":"bg-neutral-800")}"></span></span><slot part="label" class="${r("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-black")}"></slot></span>`}};e.styles=[...o.styles,a`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{display:block}:host(:focus-visible){--tw-outline-style:none;outline-style:none}[part=control--checked],[part=control--unchecked]{outline-color:transparent}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--sd-color-border-primary,var(--sd-color-primary)))}[part=control--checked],[part=control--unchecked]{margin-top:.23em}:host([size=sm]) [part=control--checked],:host([size=sm]) [part=control--unchecked]{margin-top:.15em}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`],t([i()],e.prototype,"checked",2),t([i()],e.prototype,"hasFocus",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-27-2-radio")],e);export{e as a};
@@ -1,2 +1,2 @@
1
- import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as D}from"./chunk.LZRL7OLU.js";import{a as d}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.TFVRFH37.js";import{b as E,e as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-27-1-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-27-1-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-27-1-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-27-1-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- [part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-27-1-range")],l);export{l as a};
1
+ import{a as p,b,c as _}from"./chunk.IVHEBGOY.js";import{a as A}from"./chunk.ERP45OHF.js";import{b as D}from"./chunk.LZRL7OLU.js";import{a as d}from"./chunk.LHSR56PH.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as w}from"./chunk.VAM5SM3O.js";import{a as c}from"./chunk.UFTAQNZB.js";import{a as C,b as h,d as f,e as I,h as T}from"./chunk.TFVRFH37.js";import{b as E,e as v}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var l=class extends T{constructor(){super();this.formControlController=new D(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new w(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.tooltip="on-interaction";this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this._dragStyleElement=null;this._preventSelectStart=t=>t.preventDefault();this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(p):[]}get value(){return this._value.slice().sort(p).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(p):t||[],b(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(p)}get rtl(){return this.localize.dir()==="rtl"}disconnectedCallback(){super.disconnectedCallback(),this._restoreTextSelection()}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value),this.thumbs.forEach(async t=>{var i,a;let e=t.parentElement;await e.updateComplete,(a=(i=e.shadowRoot)==null?void 0:i.querySelector("sd-6-27-2-popup"))==null||a.setAttribute("distance","14")})}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(i=>{if(i<=this.min)return this.min;if(i>=this.max)return this.max;let a=this.min+this.step*Math.round((i-this.min)/this.step);return a>this.max?this.max:a});b(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let i=+e.dataset.rangeId;this._rangeValues.has(i)&&(this.moveThumb(e,this._rangeValues.get(i)),this.tooltip==="always-visible"&&(e.parentElement.closeTrigger="manual",e.parentElement.show()))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let i=this._rangeValues.get(e),a=t.parentElement;a.content=this.tooltipFormatter(i)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let s=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",n=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${s}, ${n}%)`,t.style.insetInlineEnd=`min(calc(100% - ${s}), calc(100% - ${n}%))`;return}let e=this._value.slice().sort(p),i=100*(e[0]-this.min)/(this.max-this.min),a=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${i}%`,t.style.insetInlineEnd=`calc(100% - ${a}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let i=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*i}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let i=this.valueAsArray,s=Array.from(this.thumbs).indexOf(t),n=i[s-1]||this.min,r=i[s+1]||this.max,u=e<n||e>r;return{finalValue:Math.max(n,Math.min(r,e)),isRestricted:u,nextValue:r,prevValue:n}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:i}=t,a=Array.from(this.thumbs),s=_(this.inputWrapper,i),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n),u=a.reduce((g,x)=>{let k=this._rangeValues.get(+x.dataset.rangeId),L=this._rangeValues.get(+g.dataset.rangeId),V=Math.abs(k-r),$=Math.abs(L-r);return V===$?k<r?x:g:V<$?x:g}),m=+u.dataset.rangeId;if(!m)return;this._rangeValues.set(m,r),this.moveThumb(u,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let F=new PointerEvent("pointerdown",t);e&&u.dispatchEvent(F)&&this.updateTooltip(u)}onClickTrackItem(t){this.onClickTrack(t,!1)}_preventTextSelection(){if(!this._dragStyleElement){let t=document.createElement("style");t.setAttribute("data-sd-6-27-2-range-drag",""),t.textContent="*, *::before, *::after { user-select: none !important; -webkit-user-select: none !important; }",document.head.appendChild(t),this._dragStyleElement=t}document.addEventListener("selectstart",this._preventSelectStart)}_restoreTextSelection(){this._dragStyleElement&&(this._dragStyleElement.remove(),this._dragStyleElement=null),document.removeEventListener("selectstart",this._preventSelectStart)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;if(this.updateTooltip(e),e.dataset.pointerId)try{e.releasePointerCapture(+e.dataset.pointerId)}catch(i){}e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),this._preventTextSelection(),e.classList.add("grabbed"),this.tooltip==="on-interaction"&&await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,i=+e.dataset.rangeId;if(!this._rangeValues.has(i)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let s=_(this.inputWrapper,t.clientX),n=this.step/(this.max-this.min),r=this.min+this.step*Math.round(s/n);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:r}}).defaultPrevented)return;let m=this.movementBoundariesForThumb(e,r);m.isRestricted?(r=m.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(i,r),this.moveThumb(e,r);let y=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),b(y,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),this._restoreTextSelection(),delete e.dataset.pointerId,b(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),this.tooltip==="on-interaction"&&await e.parentElement.hide())}onKeyPress(t){let e=t.target,i=+e.dataset.rangeId,a=this._rangeValues.get(i);if(a===void 0)return;let s=a;switch(t.key){case"ArrowUp":case"Up":s=Math.min(a+this.step,this.max);break;case"ArrowDown":case"Down":s=Math.max(a-this.step,this.min);break;case"ArrowLeft":case"Left":s=this.rtl?Math.min(a+this.step,this.max):Math.max(a-this.step,this.min);break;case"ArrowRight":case"Right":s=this.rtl?Math.max(a-this.step,this.min):Math.min(a+this.step,this.max);break;case"PageUp":s=Math.min(a+(this.max-this.min)/5,this.max);break;case"PageDown":s=Math.max(a-(this.max-this.min)/5,this.min);break;case"Home":s=this.min;break;case"End":s=this.max;break;default:return}if(s!==a){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:s}}).defaultPrevented)return;let r=this.movementBoundariesForThumb(e,s);r.isRestricted&&(s=r.finalValue),this.moveThumb(e,s),this._rangeValues.set(i,s),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var i;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(i=e==null?void 0:e.dataset)!=null&&i.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((i,a)=>{let s=a+1;this._rangeValues.set(s,i);let n=`thumb-${s}`,r="",u="";return e?(u=t?`label aria-label-hidden ${n}`:`aria-label-hidden ${n}`,a===0?r=`${this.localize.term("minimum")} (${this.tooltipFormatter(i)})`:a===this._value.length-1?r=`${this.localize.term("maximum")} (${this.tooltipFormatter(i)})`:r=this.tooltipFormatter(i)):u=t?"label aria-label-hidden":"",v`<sd-6-27-2-tooltip trigger="${this.tooltip==="on-interaction"?"focus":"manual"}" disabled="${d(this.disabled||this.visuallyDisabled||this.tooltip==="hidden"?!0:void 0)}"><div id="${n}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${d(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${u}" aria-label="${r}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${i}" aria-valuetext="${this.tooltipFormatter(i)}" data-range-id="${s}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"outline-none":"cursor-pointer focus-visible:focus-outline")}"></div></sd-6-27-2-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),i=!!(this.helpText||t.helpText);return v`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?v`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full text-start",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${d(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("h-1 my-[6px]")}"></div><div part="active-track" hidden="${d(this.noTrackBar?!0:void 0)}" data-disabled="${d(this.disabled||this.visuallyDisabled||void 0)}" class="${c("absolute top-0 h-1")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-1",i?"block":"hidden")}" aria-hidden="${!i}">${this.helpText}</slot></div>`}};l.styles=[...T.styles,E`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ [part='base']{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=thumb]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=thumb]:hover{background-color:rgba(var(--sd-color-icon-fill-primary-500,rgba(var(--sd-color-primary-500))))}[part=thumb].grabbed{background-color:rgba(var(--sd-color-icon-fill-primary-800,rgba(var(--sd-color-primary-800))))}[part=thumb][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=track]{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}[part=track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}[part=active-track]{background-color:rgba(var(--sd-color-icon-fill-primary,rgba(var(--sd-color-primary))))}[part=active-track][data-disabled]{background-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}`],o([f("#input")],l.prototype,"input",2),o([f('[part="active-track"]')],l.prototype,"activeTrack",2),o([f('[part="input-wrapper"]')],l.prototype,"inputWrapper",2),o([I('[part="thumb"]')],l.prototype,"thumbs",2),o([h({attribute:!1})],l.prototype,"tooltipFormatter",2),o([h({type:String,reflect:!0})],l.prototype,"name",2),o([h({type:String,reflect:!0})],l.prototype,"label",2),o([h({attribute:"help-text",reflect:!0})],l.prototype,"helpText",2),o([h({type:Number,reflect:!0})],l.prototype,"min",2),o([h({type:Number,reflect:!0})],l.prototype,"max",2),o([h({type:Number,reflect:!0})],l.prototype,"step",2),o([h({type:Boolean,reflect:!0})],l.prototype,"disabled",2),o([h({attribute:"visually-disabled",type:Boolean,reflect:!0})],l.prototype,"visuallyDisabled",2),o([h({attribute:"no-track-bar",type:Boolean,reflect:!0})],l.prototype,"noTrackBar",2),o([h({attribute:"tooltip",type:String,reflect:!0})],l.prototype,"tooltip",2),o([A()],l.prototype,"defaultValue",2),o([h({type:String})],l.prototype,"value",1),l=o([C("sd-6-27-2-range")],l);export{l as a};
@@ -1,2 +1,2 @@
1
- import{a as w}from"./chunk.VAM5SM3O.js";import{a as p,d as f,h as m}from"./chunk.TFVRFH37.js";import{b as u,e as h}from"./chunk.OBAEIKIV.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-6-27-1-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(n=>{n.setAttribute("tabindex",n===t?"0":"-1")})}render(){return h`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};a.styles=[...m.styles,u`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-27-1-divider){padding-block:var(--sd-spacing-3)}@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}`],c([f("slot")],a.prototype,"defaultSlot",2),a=c([p("sd-6-27-1-menu")],a);export{a};
1
+ import{a as w}from"./chunk.VAM5SM3O.js";import{a as p,d as f,h as m}from"./chunk.TFVRFH37.js";import{b as u,e as h}from"./chunk.OBAEIKIV.js";import{e as c}from"./chunk.6EV4YU6C.js";var a=class extends m{constructor(){super(...arguments);this.localize=new w(this);this.handleOutsideClick=t=>{this.contains(t.target)||this.getAllItems().forEach(e=>e.classList.remove("menu-item-focus"))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleClick(t){let e=["menuitem","menuitemcheckbox"],n=t.composedPath(),i=n.find(s=>{var l;return e.includes(((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))||"")});if(!i||n.find(s=>{var l;return((l=s==null?void 0:s.getAttribute)==null?void 0:l.call(s,"role"))==="menu"})!==this)return;let o=i;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sd-select",{detail:{item:o}})}handleKeyDown(t){if(t.key==="Escape"){let e=this.getCurrentItem();e==null||e.classList.remove("menu-item-focus")}else if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.classList.remove("menu-item-focus"),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),n=this.getCurrentItem(),i=n?e.indexOf(n):0;if(n==null||n.classList.remove("menu-item-focus"),e.length>0){t.preventDefault(),t.stopPropagation();let d=(r,o)=>{let s=r;for(let l of e)if(s=(s+o+e.length)%e.length,!e[s].disabled)return s;return r};if(t.key==="ArrowDown")i=d(i,1);else if(t.key==="ArrowUp")i=d(i,-1);else if(t.key==="Home")i=e.findIndex(r=>!r.disabled),i===-1&&(i=0);else if(t.key==="End"){i=e.length-1;for(let r=e.length-1;r>=0;r--)if(!e[r].disabled){i=r;break}}this.setCurrentItem(e[i]),e[i].focus(),e[i].classList.add("menu-item-focus")}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-6-27-2-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(n=>{n.setAttribute("tabindex",n===t?"0":"-1")})}render(){return h`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};a.styles=[...m.styles,u`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-27-2-divider){padding-block:var(--sd-spacing-3)}@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}`],c([f("slot")],a.prototype,"defaultSlot",2),a=c([p("sd-6-27-2-menu")],a);export{a};
@@ -1,2 +1,2 @@
1
- import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as s,h as l}from"./chunk.TFVRFH37.js";import{b as d,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-27-1-tab-${this.attrId}`;this.hasSlotController=new u(this,"left");this.localize=new b(this);this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let r=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",r?"true":"false")}focus(r){this.tab.focus(r)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let r={left:this.hasSlotController.test("left")};return o`<div part="base" class="${a("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative choice-control-font-weight","outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",this.variant==="container"?"tab-container-border bg-white rounded-[4px_4px_0_0]":"navigable-border-radius",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:sd-6-27-1-tab--hover-color-background",this.active&&"z-20 sd-6-27-1-tab--active-color-text")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${a("flex h-full items-center justify-center whitespace-nowrap")}"><slot name="left" class="${a(r.left&&"block pr-2",this.disabled||this.visuallyDisabled?"sd-6-27-1-tab--disabled-color-text":this.active?"sd-6-27-1-tab--active-color-text":"sd-6-27-1-tab-color-text")}"></slot><slot class="${a(this.disabled||this.visuallyDisabled?"sd-6-27-1-tab--disabled-color-text":this.active?"sd-6-27-1-tab--active-color-text":"sd-6-27-1-tab-color-text")}"></slot>${this.variant==="container"?o`<div part="active-tab-indicator" class="${a("absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius")}"></div>`:""}<div part="hover-bottom-border" class="${a(!this.active&&!this.disabled&&"absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-27-1-tab-color-border")}"></div></div></div>`}};t.styles=[...l.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
- :host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([s("[part=base]")],t.prototype,"tab",2),e([s("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",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:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-27-1-tab")],t);export{t as a};
1
+ import{a as u}from"./chunk.CGQ2BPPZ.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a}from"./chunk.UFTAQNZB.js";import{a as n}from"./chunk.NYKJXI3Q.js";import{a as c,b as i,d as s,h as l}from"./chunk.TFVRFH37.js";import{b as d,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var v=0,t=class extends l{constructor(){super(...arguments);this.attrId=++v;this.componentId=`sd-6-27-2-tab-${this.attrId}`;this.hasSlotController=new u(this,"left");this.localize=new b(this);this.variant="default";this.active=!1;this.disabled=!1;this.visuallyDisabled=!1;this.panel=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){let r=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",r?"true":"false")}focus(r){this.tab.focus(r)}blur(){this.tab.blur()}render(){this.id=this.id.length>0?this.id:this.componentId;let r={left:this.hasSlotController.test("left")};return o`<div part="base" class="${a("inline-flex justify-center min-w-max items-center h-12 px-3 leading-none select-none cursor-pointer group relative choice-control-font-weight","outline-hidden focus-visible:focus-outline outline-2 !-outline-offset-2 transition-all duration-fast ease-in-out",this.variant==="container"?"tab-container-border bg-white rounded-[4px_4px_0_0]":"navigable-border-radius",this.variant==="container"&&this.active&&"tab--active-container-border bg-white",this.disabled||this.visuallyDisabled?"!cursor-not-allowed":"hover:sd-6-27-2-tab--hover-color-background",this.active&&"z-20 sd-6-27-2-tab--active-color-text")}" tabindex="${!this.active||this.disabled?"-1":"0"}"><div class="${a("flex h-full items-center justify-center whitespace-nowrap")}"><slot name="left" class="${a(r.left&&"block pr-2",this.disabled||this.visuallyDisabled?"sd-6-27-2-tab--disabled-color-text":this.active?"sd-6-27-2-tab--active-color-text":"sd-6-27-2-tab-color-text")}"></slot><slot class="${a(this.disabled||this.visuallyDisabled?"sd-6-27-2-tab--disabled-color-text":this.active?"sd-6-27-2-tab--active-color-text":"sd-6-27-2-tab-color-text")}"></slot>${this.variant==="container"?o`<div part="active-tab-indicator" class="${a("absolute bottom-0 h-1 bg-accent w-3/4 bottom-0 group-hover:w-[calc(100%-2px)] navigable__current-indicator-height navigable__current-indicator-border-radius")}"></div>`:""}<div part="hover-bottom-border" class="${a(!this.active&&!this.disabled&&"absolute bottom-0 left-0 w-full h-0.25 border-b sd-6-27-2-tab-color-border")}"></div></div></div>`}};t.styles=[...l.styles,d`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
2
+ :host{box-sizing:border-box;display:inline-block}:host(:hover)::part(hover-bottom-border){border-bottom-color:rgba(var(--sd-color-border-neutral-400))}.tab-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;--tw-content:'';content:var(--tw-content)}.tab--active-container-border::after{position:absolute;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--sd-color-border-neutral-400));transition-property:border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:'';content:var(--tw-content);border-bottom:none;border-radius:4px 4px 0 0}[part=active-tab-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([active]) [part=active-tab-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}`],e([s("[part=base]")],t.prototype,"tab",2),e([s("[part=active-tab-indicator]")],t.prototype,"currentIndicator",2),e([i({type:String,reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",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:String,reflect:!0})],t.prototype,"panel",2),e([n("active")],t.prototype,"handleActiveChange",1),e([n(["disabled","visually-disabled"])],t.prototype,"handleDisabledChange",1),t=e([c("sd-6-27-2-tab")],t);export{t as a};
@@ -0,0 +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.TFVRFH37.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-27-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 h-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-27-2-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-27-2-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-27-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-400")}"></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-400")}"></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-27-2-icon,slot[name=circle-content]::slotted(sd-6-27-2-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-27-2-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-27-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-27-2-step")],t);export{t as a};
@@ -1,2 +1,2 @@
1
- import{b as m}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as o}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as n,h as s}from"./chunk.TFVRFH37.js";import{b as r}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-6-27-1-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${o(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-6-27-1-divider id="divider" class="pt-2 pb-4" part="divider"></sd-6-27-1-divider><div part="label-container" class="${o(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};e.styles=[...s.styles,r`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
- :host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-27-1-optgroup")],e);export{e as a};
1
+ import{b as m}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as o}from"./chunk.UFTAQNZB.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as d,b as a,d as n,h as s}from"./chunk.TFVRFH37.js";import{b as r}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-6-27-2-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${o(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-6-27-2-divider id="divider" class="pt-2 pb-4" part="divider"></sd-6-27-2-divider><div part="label-container" class="${o(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};e.styles=[...s.styles,r`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
2
+ :host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-6-27-2-optgroup")],e);export{e as a};
@@ -1,12 +1,12 @@
1
1
  import{b as y,c as f}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.NL7YFV4O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g as p,h as l}from"./chunk.TFVRFH37.js";import{b}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let a=r.getRootNode(),n=r.getAttribute("form");return a.getElementById(n)}return r.closest("form")}});this.hasSlotController=new k(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),a=r?c`a`:c`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary";return u`<${a} part="base" class="${s(`group relative z-10 font-md no-underline
2
2
  w-full align-middle inline-flex items-stretch justify-center
3
3
  transition-colors duration-fast ease-in-out
4
- select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-27-1-button--size-sm-font-size sd-6-27-1-button-font-weight sd-6-27-1-button--secondary--size-sm-padding-block sd-6-27-1-button--size-sm-border-radius",md:"varspacing-10 sd-6-27-1-button--size-md-height sd-6-27-1-button--size-md-font-size sd-6-27-1-button--secondary--size-md-padding-block sd-6-27-1-button-font-weight sd-6-27-1-button--size-md-border-radius",lg:"varspacing-12 sd-6-27-1-button--size-lg-height sd-6-27-1-button--size-lg-font-size sd-6-27-1-button--secondary--size-lg-padding-block sd-6-27-1-button-font-weight sd-6-27-1-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-27-1-button--secondary-padding-inline":"sd-6-27-1-button--size-sm-padding-block sd-6-27-1-button-padding-inline"}`,md:`${d?"sd-6-27-1-button--secondary-padding-inline":"sd-6-27-1-button--size-md-padding-block sd-6-27-1-button-padding-inline"}`,lg:`${d?"sd-6-27-1-button--secondary-padding-inline":"sd-6-27-1-button--size-lg-padding-block sd-6-27-1-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-27-1-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-27-1-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-27-1-button--primary--inverted--default-color-text sd-6-27-1-button--primary--inverted--default-color-background border-white hover:sd-6-27-1-button--primary--inverted--hover-color-text active:sd-6-27-1-button--primary--inverted--active-color-text active:sd-6-27-1-button--primary--inverted--active-color-background"}
5
- disabled:sd-6-27-1-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-27-1-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-27-1-button--primary--default-color-background border-transparent sd-6-27-1-button--primary--default-color-text hover:sd-6-27-1-button--primary--hover-color-text active:sd-6-27-1-button--primary--active-color-text active:sd-6-27-1-button--primary--active-color-background"}
6
- disabled:sd-6-27-1-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-27-1-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-27-1-button--secondary--inverted-color-text sd-6-27-1-button--secondary--inverted-color-border hover:sd-6-27-1-button--secondary--inverted-color-border hover:sd-6-27-1-button--secondary--inverted--hover-color-text hover:sd-6-27-1-button--secondary--inverted--hover-color-background active:sd-6-27-1-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-27-1-button--secondary--inverted--active-color-background"}
7
- disabled:sd-6-27-1-button--inverted--disabled-color-border disabled:sd-6-27-1-button--inverted--disabled-color-text`:`border sd-6-27-1-button-border-width ${this.visuallyDisabled?"sd-6-27-1-button--secondary--disabled-color-text sd-6-27-1-button--secondary--disabled-color-border":"sd-6-27-1-button--secondary--default-color-text sd-6-27-1-button--secondary--default-color-border hover:sd-6-27-1-button--secondary--hover-color-text hover:sd-6-27-1-button--secondary--hover-color-border active:sd-6-27-1-button--secondary--active-color-text active:sd-6-27-1-button--secondary--active-color-border"}
8
- disabled:sd-6-27-1-button--secondary--disabled-color-text disabled:sd-6-27-1-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600":"sd-6-27-1-button--tertiary--inverted-color-text hover:sd-6-27-1-button--tertiary--inverted--hover-color-text hover:sd-6-27-1-button--tertiary--inverted--hover-color-background active:sd-6-27-1-button--tertiary--inverted--active-color-background active:sd-6-27-1-button--tertiary--inverted--active-color-text"}
9
- disabled:sd-6-27-1-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-27-1-button--tertiary--disabled-color-text":"sd-6-27-1-button--tertiary--default-color-text hover:sd-6-27-1-button--tertiary--hover-color-text active:sd-6-27-1-button--tertiary--active-color-text"}
10
- disabled:sd-6-27-1-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-27-1-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
11
- ${this.inverted?"sd-6-27-1-button--cta--inverted--default-color-background sd-6-27-1-button--cta--inverted--default-color-text hover:sd-6-27-1-button--cta--inverted--hover-color-text active:sd-6-27-1-button--cta--inverted--active-color-text disabled:sd-6-27-1-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-27-1-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-27-1-button-border-radius",md:"sd-6-27-1-button-border-radius",lg:"sd-6-27-1-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-27-1-button--primary--inverted--hover-color-background group-active:sd-6-27-1-button--primary--inverted--active-color-background":"sd-6-27-1-button--primary--hover-color-background group-active:sd-6-27-1-button--primary--active-color-background",secondary:this.inverted?"sd-6-27-1-button--secondary--inverted--hover-color-background group-active:sd-6-27-1-button--secondary--inverted--active-color-background group-active:sd-6-27-1-button--secondary--inverted--active-color-text":"sd-6-27-1-button--secondary--hover-color-background group-active:sd-6-27-1-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-27-1-button--tertiary--inverted--hover-color-background group-active:sd-6-27-1-button--tertiary--inverted--active-color-background group-active:sd-6-27-1-button--tertiary--inverted--active-color-text":"sd-6-27-1-button--tertiary--hover-color-background group-active:sd-6-27-1-button--tertiary--active-color-background",cta:this.inverted?"sd-6-27-1-button--cta--inverted--hover-color-background group-active:sd-6-27-1-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-27-1-button--primary--inverted--hover-color-background group-active:sd-6-27-1-button--primary--inverted--active-color-background":"sd-6-27-1-button--primary--hover-color-background group-active:sd-6-27-1-button--primary--active-color-background",secondary:this.inverted?"sd-6-27-1-button--secondary--inverted--hover-color-background group-active:sd-6-27-1-button--secondary--inverted--active-color-background group-active:sd-6-27-1-button--secondary--inverted--active-color-text group-active:sd-6-27-1-button--secondary--active-color-border":"sd-6-27-1-button--secondary--hover-color-background group-active:sd-6-27-1-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-27-1-button--tertiary--inverted--hover-color-background group-active:sd-6-27-1-button--tertiary--inverted--active-color-background group-active:sd-6-27-1-button--tertiary--inverted--active-color-text":"sd-6-27-1-button--tertiary--hover-color-background group-active:sd-6-27-1-button--tertiary--active-color-background",cta:this.inverted?"sd-6-27-1-button--cta--inverted--hover-color-background group-active:sd-6-27-1-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-27-1-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-27-1-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
12
- :host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-27-1-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-27-1-icon),sd-6-27-1-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-27-1-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-27-1-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-27-1-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-27-1-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-27-1-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-27-1-button")],t);export{t as a};
4
+ select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-27-2-button--size-sm-font-size sd-6-27-2-button-font-weight sd-6-27-2-button--secondary--size-sm-padding-block sd-6-27-2-button--size-sm-border-radius",md:"varspacing-10 sd-6-27-2-button--size-md-height sd-6-27-2-button--size-md-font-size sd-6-27-2-button--secondary--size-md-padding-block sd-6-27-2-button-font-weight sd-6-27-2-button--size-md-border-radius",lg:"varspacing-12 sd-6-27-2-button--size-lg-height sd-6-27-2-button--size-lg-font-size sd-6-27-2-button--secondary--size-lg-padding-block sd-6-27-2-button-font-weight sd-6-27-2-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-27-2-button--secondary-padding-inline":"sd-6-27-2-button--size-sm-padding-block sd-6-27-2-button-padding-inline"}`,md:`${d?"sd-6-27-2-button--secondary-padding-inline":"sd-6-27-2-button--size-md-padding-block sd-6-27-2-button-padding-inline"}`,lg:`${d?"sd-6-27-2-button--secondary-padding-inline":"sd-6-27-2-button--size-lg-padding-block sd-6-27-2-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-27-2-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-27-2-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-27-2-button--primary--inverted--default-color-text sd-6-27-2-button--primary--inverted--default-color-background border-white hover:sd-6-27-2-button--primary--inverted--hover-color-text active:sd-6-27-2-button--primary--inverted--active-color-text active:sd-6-27-2-button--primary--inverted--active-color-background"}
5
+ disabled:sd-6-27-2-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-27-2-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-27-2-button--primary--default-color-background border-transparent sd-6-27-2-button--primary--default-color-text hover:sd-6-27-2-button--primary--hover-color-text active:sd-6-27-2-button--primary--active-color-text active:sd-6-27-2-button--primary--active-color-background"}
6
+ disabled:sd-6-27-2-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-27-2-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-27-2-button--secondary--inverted-color-text sd-6-27-2-button--secondary--inverted-color-border hover:sd-6-27-2-button--secondary--inverted-color-border hover:sd-6-27-2-button--secondary--inverted--hover-color-text hover:sd-6-27-2-button--secondary--inverted--hover-color-background active:sd-6-27-2-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-27-2-button--secondary--inverted--active-color-background"}
7
+ disabled:sd-6-27-2-button--inverted--disabled-color-border disabled:sd-6-27-2-button--inverted--disabled-color-text`:`border sd-6-27-2-button-border-width ${this.visuallyDisabled?"sd-6-27-2-button--secondary--disabled-color-text sd-6-27-2-button--secondary--disabled-color-border":"sd-6-27-2-button--secondary--default-color-text sd-6-27-2-button--secondary--default-color-border hover:sd-6-27-2-button--secondary--hover-color-text hover:sd-6-27-2-button--secondary--hover-color-border active:sd-6-27-2-button--secondary--active-color-text active:sd-6-27-2-button--secondary--active-color-border"}
8
+ disabled:sd-6-27-2-button--secondary--disabled-color-text disabled:sd-6-27-2-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600":"sd-6-27-2-button--tertiary--inverted-color-text hover:sd-6-27-2-button--tertiary--inverted--hover-color-text hover:sd-6-27-2-button--tertiary--inverted--hover-color-background active:sd-6-27-2-button--tertiary--inverted--active-color-background active:sd-6-27-2-button--tertiary--inverted--active-color-text"}
9
+ disabled:sd-6-27-2-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-27-2-button--tertiary--disabled-color-text":"sd-6-27-2-button--tertiary--default-color-text hover:sd-6-27-2-button--tertiary--hover-color-text active:sd-6-27-2-button--tertiary--active-color-text"}
10
+ disabled:sd-6-27-2-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-27-2-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
11
+ ${this.inverted?"sd-6-27-2-button--cta--inverted--default-color-background sd-6-27-2-button--cta--inverted--default-color-text hover:sd-6-27-2-button--cta--inverted--hover-color-text active:sd-6-27-2-button--cta--inverted--active-color-text disabled:sd-6-27-2-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-27-2-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-27-2-button-border-radius",md:"sd-6-27-2-button-border-radius",lg:"sd-6-27-2-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-27-2-button--primary--inverted--hover-color-background group-active:sd-6-27-2-button--primary--inverted--active-color-background":"sd-6-27-2-button--primary--hover-color-background group-active:sd-6-27-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-27-2-button--secondary--inverted--hover-color-background group-active:sd-6-27-2-button--secondary--inverted--active-color-background group-active:sd-6-27-2-button--secondary--inverted--active-color-text":"sd-6-27-2-button--secondary--hover-color-background group-active:sd-6-27-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-27-2-button--tertiary--inverted--hover-color-background group-active:sd-6-27-2-button--tertiary--inverted--active-color-background group-active:sd-6-27-2-button--tertiary--inverted--active-color-text":"sd-6-27-2-button--tertiary--hover-color-background group-active:sd-6-27-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-27-2-button--cta--inverted--hover-color-background group-active:sd-6-27-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-27-2-button--primary--inverted--hover-color-background group-active:sd-6-27-2-button--primary--inverted--active-color-background":"sd-6-27-2-button--primary--hover-color-background group-active:sd-6-27-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-27-2-button--secondary--inverted--hover-color-background group-active:sd-6-27-2-button--secondary--inverted--active-color-background group-active:sd-6-27-2-button--secondary--inverted--active-color-text group-active:sd-6-27-2-button--secondary--active-color-border":"sd-6-27-2-button--secondary--hover-color-background group-active:sd-6-27-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-27-2-button--tertiary--inverted--hover-color-background group-active:sd-6-27-2-button--tertiary--inverted--active-color-background group-active:sd-6-27-2-button--tertiary--inverted--active-color-text":"sd-6-27-2-button--tertiary--hover-color-background group-active:sd-6-27-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-27-2-button--cta--inverted--hover-color-background group-active:sd-6-27-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-27-2-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-27-2-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
12
+ :host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-27-2-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-27-2-icon),sd-6-27-2-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-27-2-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-27-2-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-27-2-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-27-2-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-27-2-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-27-2-button")],t);export{t as a};