@solid-design-system/components 5.15.8 → 5.15.9

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 (261) hide show
  1. package/cdn/chunks/chunk.I4X3XZE2.js +1 -0
  2. package/cdn/components/radio-button/radio-button.js +1 -1
  3. package/cdn/custom-elements.json +1 -1
  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/web-types.json +1 -1
  8. package/cdn-versioned/chunks/chunk.2ISKXAGO.js +1 -1
  9. package/cdn-versioned/chunks/chunk.2SZLINMB.js +1 -1
  10. package/cdn-versioned/chunks/chunk.32O6YP3U.js +1 -1
  11. package/cdn-versioned/chunks/chunk.4IWOUE76.js +1 -1
  12. package/cdn-versioned/chunks/chunk.5OMBHQPA.js +1 -1
  13. package/cdn-versioned/chunks/chunk.5W24KDFU.js +1 -1
  14. package/cdn-versioned/chunks/chunk.7QEBGL6Y.js +1 -1
  15. package/cdn-versioned/chunks/chunk.AJGWUW4E.js +1 -1
  16. package/cdn-versioned/chunks/chunk.ARAGTLEC.js +1 -1
  17. package/cdn-versioned/chunks/chunk.B3AC72EW.js +1 -1
  18. package/cdn-versioned/chunks/chunk.BANM4N77.js +1 -1
  19. package/cdn-versioned/chunks/chunk.CCMQCEZJ.js +1 -1
  20. package/cdn-versioned/chunks/chunk.CEVVDV52.js +1 -1
  21. package/cdn-versioned/chunks/chunk.CYW6I536.js +1 -1
  22. package/cdn-versioned/chunks/chunk.D6FN3FNE.js +1 -1
  23. package/cdn-versioned/chunks/chunk.D6IMYH3Q.js +1 -1
  24. package/cdn-versioned/chunks/chunk.DVKNQUHU.js +1 -1
  25. package/cdn-versioned/chunks/chunk.F3XAK7C4.js +1 -1
  26. package/cdn-versioned/chunks/chunk.F7QW7F4F.js +1 -1
  27. package/cdn-versioned/chunks/chunk.FG6UWYSJ.js +1 -1
  28. package/cdn-versioned/chunks/chunk.FPJ2N37J.js +1 -1
  29. package/cdn-versioned/chunks/chunk.FQOZZTCK.js +1 -1
  30. package/cdn-versioned/chunks/chunk.FXVHSWNW.js +1 -1
  31. package/cdn-versioned/chunks/chunk.GFZEUCMA.js +1 -1
  32. package/cdn-versioned/chunks/chunk.GLIPGQCF.js +1 -1
  33. package/cdn-versioned/chunks/chunk.GSFHXYDA.js +1 -1
  34. package/cdn-versioned/chunks/chunk.GXH7FRMG.js +1 -1
  35. package/cdn-versioned/chunks/chunk.HJ4O4XQA.js +1 -1
  36. package/cdn-versioned/chunks/chunk.HSKVFAA5.js +1 -1
  37. package/cdn-versioned/chunks/chunk.HXTZNME5.js +1 -1
  38. package/cdn-versioned/chunks/chunk.I4X3XZE2.js +1 -0
  39. package/cdn-versioned/chunks/chunk.IDXOB3U5.js +2 -2
  40. package/cdn-versioned/chunks/chunk.IHOP5ZUO.js +1 -1
  41. package/cdn-versioned/chunks/chunk.IIZCWUXI.js +1 -1
  42. package/cdn-versioned/chunks/chunk.IKBD3TT3.js +1 -1
  43. package/cdn-versioned/chunks/chunk.J743YNA7.js +1 -1
  44. package/cdn-versioned/chunks/chunk.JZ6GZDIK.js +1 -1
  45. package/cdn-versioned/chunks/chunk.LMVYIGIS.js +1 -1
  46. package/cdn-versioned/chunks/chunk.MFRJXQSH.js +1 -1
  47. package/cdn-versioned/chunks/chunk.NRBNWX7R.js +1 -1
  48. package/cdn-versioned/chunks/chunk.OHV3OX65.js +1 -1
  49. package/cdn-versioned/chunks/chunk.OK6GNIXB.js +4 -4
  50. package/cdn-versioned/chunks/chunk.OXF3IL27.js +1 -1
  51. package/cdn-versioned/chunks/chunk.OYMGCYXV.js +1 -1
  52. package/cdn-versioned/chunks/chunk.P3DUIX2R.js +1 -1
  53. package/cdn-versioned/chunks/chunk.PO4DA6NA.js +1 -1
  54. package/cdn-versioned/chunks/chunk.QMJRCW7Z.js +1 -1
  55. package/cdn-versioned/chunks/chunk.R2ZX4H4Z.js +1 -1
  56. package/cdn-versioned/chunks/chunk.S62UDDDG.js +1 -1
  57. package/cdn-versioned/chunks/chunk.SAJJMXVB.js +1 -1
  58. package/cdn-versioned/chunks/chunk.SGYMVI3W.js +2 -2
  59. package/cdn-versioned/chunks/chunk.TLYSUPQV.js +1 -1
  60. package/cdn-versioned/chunks/chunk.TSB6QTAP.js +1 -1
  61. package/cdn-versioned/chunks/chunk.U5CISCXW.js +1 -1
  62. package/cdn-versioned/chunks/chunk.UDYXLKAX.js +1 -1
  63. package/cdn-versioned/chunks/chunk.VWL6GB47.js +1 -1
  64. package/cdn-versioned/chunks/chunk.W7A3TU2Z.js +1 -1
  65. package/cdn-versioned/chunks/chunk.WUM7JPR3.js +4 -4
  66. package/cdn-versioned/chunks/chunk.X2ABKMOB.js +1 -1
  67. package/cdn-versioned/chunks/chunk.YC4SBZ7I.js +1 -1
  68. package/cdn-versioned/chunks/chunk.YS5EGGO5.js +1 -1
  69. package/cdn-versioned/components/accordion/accordion.d.ts +1 -1
  70. package/cdn-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  71. package/cdn-versioned/components/animation/animation.d.ts +1 -1
  72. package/cdn-versioned/components/audio/audio.d.ts +1 -1
  73. package/cdn-versioned/components/badge/badge.d.ts +1 -1
  74. package/cdn-versioned/components/brandshape/brandshape.d.ts +1 -1
  75. package/cdn-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  76. package/cdn-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  77. package/cdn-versioned/components/button/button.d.ts +1 -1
  78. package/cdn-versioned/components/button-group/button-group.d.ts +1 -1
  79. package/cdn-versioned/components/carousel/carousel.d.ts +1 -1
  80. package/cdn-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  81. package/cdn-versioned/components/checkbox/checkbox.d.ts +1 -1
  82. package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  83. package/cdn-versioned/components/combobox/combobox.d.ts +1 -1
  84. package/cdn-versioned/components/dialog/dialog.d.ts +1 -1
  85. package/cdn-versioned/components/divider/divider.d.ts +1 -1
  86. package/cdn-versioned/components/drawer/drawer.d.ts +1 -1
  87. package/cdn-versioned/components/dropdown/dropdown.d.ts +1 -1
  88. package/cdn-versioned/components/expandable/expandable.d.ts +1 -1
  89. package/cdn-versioned/components/flipcard/flipcard.d.ts +1 -1
  90. package/cdn-versioned/components/header/header.d.ts +1 -1
  91. package/cdn-versioned/components/icon/icon.d.ts +1 -1
  92. package/cdn-versioned/components/include/include.d.ts +1 -1
  93. package/cdn-versioned/components/input/input.d.ts +1 -1
  94. package/cdn-versioned/components/link/link.d.ts +1 -1
  95. package/cdn-versioned/components/loader/loader.d.ts +1 -1
  96. package/cdn-versioned/components/map-marker/map-marker.d.ts +1 -1
  97. package/cdn-versioned/components/menu/menu.d.ts +1 -1
  98. package/cdn-versioned/components/menu-item/menu-item.d.ts +1 -1
  99. package/cdn-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  100. package/cdn-versioned/components/notification/notification.d.ts +1 -1
  101. package/cdn-versioned/components/optgroup/optgroup.d.ts +1 -1
  102. package/cdn-versioned/components/option/option.d.ts +1 -1
  103. package/cdn-versioned/components/popup/popup.d.ts +1 -1
  104. package/cdn-versioned/components/quickfact/quickfact.d.ts +1 -1
  105. package/cdn-versioned/components/radio/radio.d.ts +1 -1
  106. package/cdn-versioned/components/radio-button/radio-button.d.ts +1 -1
  107. package/cdn-versioned/components/radio-button/radio-button.js +1 -1
  108. package/cdn-versioned/components/radio-group/radio-group.d.ts +1 -1
  109. package/cdn-versioned/components/range/range.d.ts +1 -1
  110. package/cdn-versioned/components/range-tick/range-tick.d.ts +1 -1
  111. package/cdn-versioned/components/scrollable/scrollable.d.ts +1 -1
  112. package/cdn-versioned/components/select/select.d.ts +1 -1
  113. package/cdn-versioned/components/spinner/spinner.d.ts +1 -1
  114. package/cdn-versioned/components/step/step.d.ts +1 -1
  115. package/cdn-versioned/components/step-group/step-group.d.ts +1 -1
  116. package/cdn-versioned/components/switch/switch.d.ts +1 -1
  117. package/cdn-versioned/components/tab/tab.d.ts +1 -1
  118. package/cdn-versioned/components/tab-group/tab-group.d.ts +1 -1
  119. package/cdn-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  120. package/cdn-versioned/components/tag/tag.d.ts +1 -1
  121. package/cdn-versioned/components/textarea/textarea.d.ts +1 -1
  122. package/cdn-versioned/components/tooltip/tooltip.d.ts +1 -1
  123. package/cdn-versioned/components/video/video.d.ts +1 -1
  124. package/cdn-versioned/custom-elements.json +238 -238
  125. package/cdn-versioned/internal/form.js +3 -3
  126. package/cdn-versioned/solid-components.bundle.js +14 -14
  127. package/cdn-versioned/solid-components.css +2 -2
  128. package/cdn-versioned/solid-components.iife.js +14 -14
  129. package/cdn-versioned/solid-components.js +1 -1
  130. package/cdn-versioned/vscode.html-custom-data.json +91 -91
  131. package/cdn-versioned/web-types.json +154 -154
  132. package/dist/chunks/{chunk.WDWZFQ4X.js → chunk.YEYB4POY.js} +1 -1
  133. package/dist/components/radio-button/radio-button.js +1 -1
  134. package/dist/custom-elements.json +1 -1
  135. package/dist/solid-components.js +4 -4
  136. package/dist/web-types.json +1 -1
  137. package/dist-versioned/chunks/chunk.257BQ5G3.js +2 -2
  138. package/dist-versioned/chunks/chunk.2TPMKDGR.js +1 -1
  139. package/dist-versioned/chunks/chunk.2Z23SMCT.js +2 -2
  140. package/dist-versioned/chunks/chunk.34JZVZG6.js +2 -2
  141. package/dist-versioned/chunks/chunk.4CMRVAWO.js +6 -6
  142. package/dist-versioned/chunks/chunk.4PS5R3HQ.js +24 -24
  143. package/dist-versioned/chunks/chunk.55YNHA4Y.js +3 -3
  144. package/dist-versioned/chunks/chunk.6DKXZWRN.js +4 -4
  145. package/dist-versioned/chunks/chunk.6S62Y3SN.js +2 -2
  146. package/dist-versioned/chunks/chunk.A6F5UBS5.js +1 -1
  147. package/dist-versioned/chunks/chunk.AO5E3XWU.js +2 -2
  148. package/dist-versioned/chunks/chunk.AZRZJLYB.js +26 -26
  149. package/dist-versioned/chunks/chunk.C7HV6GLS.js +1 -1
  150. package/dist-versioned/chunks/chunk.CWOPJ6AE.js +2 -2
  151. package/dist-versioned/chunks/chunk.CYAZC6LN.js +3 -3
  152. package/dist-versioned/chunks/chunk.CZ5NVXDL.js +2 -2
  153. package/dist-versioned/chunks/chunk.DC7DGLHJ.js +1 -1
  154. package/dist-versioned/chunks/chunk.DT3ZL7JI.js +12 -12
  155. package/dist-versioned/chunks/chunk.ELPOH7TW.js +11 -11
  156. package/dist-versioned/chunks/chunk.F2UZ5T7G.js +5 -5
  157. package/dist-versioned/chunks/chunk.HBX6PDXK.js +4 -4
  158. package/dist-versioned/chunks/chunk.IJ2YK4AW.js +4 -4
  159. package/dist-versioned/chunks/chunk.IJIJ7YVU.js +1 -1
  160. package/dist-versioned/chunks/chunk.ILB62SSN.js +3 -3
  161. package/dist-versioned/chunks/chunk.IYSGB2DQ.js +5 -5
  162. package/dist-versioned/chunks/chunk.J3K6PVKE.js +2 -2
  163. package/dist-versioned/chunks/chunk.JSVTNGBN.js +2 -2
  164. package/dist-versioned/chunks/chunk.KEJFWGZI.js +4 -4
  165. package/dist-versioned/chunks/chunk.KENPSAUU.js +1 -1
  166. package/dist-versioned/chunks/chunk.KZLAI4DK.js +1 -1
  167. package/dist-versioned/chunks/chunk.LNGJFVKN.js +2 -2
  168. package/dist-versioned/chunks/chunk.M55G2PHP.js +2 -2
  169. package/dist-versioned/chunks/chunk.MDZHXHUH.js +3 -3
  170. package/dist-versioned/chunks/chunk.MML77VKL.js +2 -2
  171. package/dist-versioned/chunks/chunk.NR3OWI4Y.js +1 -1
  172. package/dist-versioned/chunks/chunk.NSCG7U5D.js +14 -14
  173. package/dist-versioned/chunks/chunk.NZFEW5QU.js +1 -1
  174. package/dist-versioned/chunks/chunk.PAGQREWS.js +4 -4
  175. package/dist-versioned/chunks/chunk.PUT4BQ4M.js +5 -5
  176. package/dist-versioned/chunks/chunk.PVFVGCKE.js +1 -1
  177. package/dist-versioned/chunks/chunk.QGSAYCDJ.js +5 -5
  178. package/dist-versioned/chunks/chunk.QIWHR4XZ.js +1 -1
  179. package/dist-versioned/chunks/chunk.QW32IQ37.js +6 -6
  180. package/dist-versioned/chunks/chunk.RVZPI7LZ.js +8 -8
  181. package/dist-versioned/chunks/chunk.THYGJ3F3.js +2 -2
  182. package/dist-versioned/chunks/chunk.TLVK4R6I.js +3 -3
  183. package/dist-versioned/chunks/chunk.TUOYTASX.js +3 -3
  184. package/dist-versioned/chunks/chunk.U6LFASA7.js +1 -1
  185. package/dist-versioned/chunks/chunk.UIQBHPD3.js +2 -2
  186. package/dist-versioned/chunks/chunk.X4WBXLQO.js +1 -1
  187. package/dist-versioned/chunks/chunk.XCQC3F3H.js +3 -3
  188. package/dist-versioned/chunks/chunk.XIRK4KQ5.js +3 -3
  189. package/dist-versioned/chunks/chunk.XVNT7HIE.js +1 -1
  190. package/dist-versioned/chunks/chunk.XX3EFOOF.js +3 -3
  191. package/dist-versioned/chunks/chunk.XZDQNDB2.js +12 -12
  192. package/dist-versioned/chunks/chunk.Y62XG7YE.js +6 -6
  193. package/dist-versioned/chunks/chunk.Y7TQJEA7.js +2 -2
  194. package/dist-versioned/chunks/{chunk.WDWZFQ4X.js → chunk.YEYB4POY.js} +3 -3
  195. package/dist-versioned/chunks/chunk.YFRXAKBQ.js +1 -1
  196. package/dist-versioned/chunks/chunk.YXP3Q4D5.js +2 -2
  197. package/dist-versioned/chunks/chunk.ZNPGMZAM.js +1 -1
  198. package/dist-versioned/components/accordion/accordion.d.ts +1 -1
  199. package/dist-versioned/components/accordion-group/accordion-group.d.ts +1 -1
  200. package/dist-versioned/components/animation/animation.d.ts +1 -1
  201. package/dist-versioned/components/audio/audio.d.ts +1 -1
  202. package/dist-versioned/components/badge/badge.d.ts +1 -1
  203. package/dist-versioned/components/brandshape/brandshape.d.ts +1 -1
  204. package/dist-versioned/components/breadcrumb/breadcrumb.d.ts +1 -1
  205. package/dist-versioned/components/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  206. package/dist-versioned/components/button/button.d.ts +1 -1
  207. package/dist-versioned/components/button-group/button-group.d.ts +1 -1
  208. package/dist-versioned/components/carousel/carousel.d.ts +1 -1
  209. package/dist-versioned/components/carousel-item/carousel-item.d.ts +1 -1
  210. package/dist-versioned/components/checkbox/checkbox.d.ts +1 -1
  211. package/dist-versioned/components/checkbox-group/checkbox-group.d.ts +1 -1
  212. package/dist-versioned/components/combobox/combobox.d.ts +1 -1
  213. package/dist-versioned/components/dialog/dialog.d.ts +1 -1
  214. package/dist-versioned/components/divider/divider.d.ts +1 -1
  215. package/dist-versioned/components/drawer/drawer.d.ts +1 -1
  216. package/dist-versioned/components/dropdown/dropdown.d.ts +1 -1
  217. package/dist-versioned/components/expandable/expandable.d.ts +1 -1
  218. package/dist-versioned/components/flipcard/flipcard.d.ts +1 -1
  219. package/dist-versioned/components/header/header.d.ts +1 -1
  220. package/dist-versioned/components/icon/icon.d.ts +1 -1
  221. package/dist-versioned/components/include/include.d.ts +1 -1
  222. package/dist-versioned/components/input/input.d.ts +1 -1
  223. package/dist-versioned/components/link/link.d.ts +1 -1
  224. package/dist-versioned/components/loader/loader.d.ts +1 -1
  225. package/dist-versioned/components/map-marker/map-marker.d.ts +1 -1
  226. package/dist-versioned/components/menu/menu.d.ts +1 -1
  227. package/dist-versioned/components/menu-item/menu-item.d.ts +1 -1
  228. package/dist-versioned/components/navigation-item/navigation-item.d.ts +1 -1
  229. package/dist-versioned/components/notification/notification.d.ts +1 -1
  230. package/dist-versioned/components/optgroup/optgroup.d.ts +1 -1
  231. package/dist-versioned/components/option/option.d.ts +1 -1
  232. package/dist-versioned/components/popup/popup.d.ts +1 -1
  233. package/dist-versioned/components/quickfact/quickfact.d.ts +1 -1
  234. package/dist-versioned/components/radio/radio.d.ts +1 -1
  235. package/dist-versioned/components/radio-button/radio-button.d.ts +1 -1
  236. package/dist-versioned/components/radio-button/radio-button.js +1 -1
  237. package/dist-versioned/components/radio-group/radio-group.d.ts +1 -1
  238. package/dist-versioned/components/range/range.d.ts +1 -1
  239. package/dist-versioned/components/range-tick/range-tick.d.ts +1 -1
  240. package/dist-versioned/components/scrollable/scrollable.d.ts +1 -1
  241. package/dist-versioned/components/select/select.d.ts +1 -1
  242. package/dist-versioned/components/spinner/spinner.d.ts +1 -1
  243. package/dist-versioned/components/step/step.d.ts +1 -1
  244. package/dist-versioned/components/step-group/step-group.d.ts +1 -1
  245. package/dist-versioned/components/switch/switch.d.ts +1 -1
  246. package/dist-versioned/components/tab/tab.d.ts +1 -1
  247. package/dist-versioned/components/tab-group/tab-group.d.ts +1 -1
  248. package/dist-versioned/components/tab-panel/tab-panel.d.ts +1 -1
  249. package/dist-versioned/components/tag/tag.d.ts +1 -1
  250. package/dist-versioned/components/textarea/textarea.d.ts +1 -1
  251. package/dist-versioned/components/tooltip/tooltip.d.ts +1 -1
  252. package/dist-versioned/components/video/video.d.ts +1 -1
  253. package/dist-versioned/custom-elements.json +238 -238
  254. package/dist-versioned/internal/form.js +3 -3
  255. package/dist-versioned/solid-components.css +2 -2
  256. package/dist-versioned/solid-components.js +4 -4
  257. package/dist-versioned/vscode.html-custom-data.json +91 -91
  258. package/dist-versioned/web-types.json +154 -154
  259. package/package.json +1 -1
  260. package/cdn/chunks/chunk.VBRJ4CE4.js +0 -1
  261. package/cdn-versioned/chunks/chunk.VBRJ4CE4.js +0 -1
@@ -1,11 +1,11 @@
1
- import{a as M}from"./chunk.EJI65G6N.js";import{c as I}from"./chunk.3L472FD4.js";import{b as z}from"./chunk.NRBNWX7R.js";import{a as L}from"./chunk.CGQ2BPPZ.js";import{a as w,c as O}from"./chunk.SKUMYG4O.js";import{a as C}from"./chunk.KLRPP4NQ.js";import{a as D}from"./chunk.BOIDC3L5.js";import{a as d}from"./chunk.YEDQWNIV.js";import{a as k}from"./chunk.Y7NVH75J.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as $,b as a,c as u,d as c,g as E,h as x}from"./chunk.FXVHSWNW.js";import{b as T,e as p}from"./chunk.RZUTJ36B.js";import{b as v,e as y}from"./chunk.6OTM3PE5.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-5-15-8-input"]});this.hasSlotController=new L(this,"help-text","label");this.localize=new k(this);this.typeToSelectString="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>p`<sd-5-15-8-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
1
+ import{a as M}from"./chunk.EJI65G6N.js";import{c as I}from"./chunk.3L472FD4.js";import{b as z}from"./chunk.NRBNWX7R.js";import{a as L}from"./chunk.CGQ2BPPZ.js";import{a as w,c as O}from"./chunk.SKUMYG4O.js";import{a as C}from"./chunk.KLRPP4NQ.js";import{a as D}from"./chunk.BOIDC3L5.js";import{a as d}from"./chunk.YEDQWNIV.js";import{a as k}from"./chunk.Y7NVH75J.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as $,b as a,c as u,d as c,g as E,h as x}from"./chunk.FXVHSWNW.js";import{b as T,e as p}from"./chunk.RZUTJ36B.js";import{b as v,e as y}from"./chunk.6OTM3PE5.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-5-15-9-input"]});this.hasSlotController=new L(this,"help-text","label");this.localize=new k(this);this.typeToSelectString="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>p`<sd-5-15-9-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
2
2
  base:tag__base,
3
3
  content:tag__content,
4
4
  removable-indicator:tag__removable-indicator,
5
- " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-5-15-8-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("sd-5-15-8-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.combobox.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show(),this.setCurrentOption(this.currentOption||this.getFirstOption(),t);return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let h=this.getAllOptions(),n=h.indexOf(this.currentOption),r=Math.max(0,n);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(r=n+1,r>h.length-1&&(r=0)):t.key==="ArrowUp"?(r=n-1,r<0&&(r=h.length-1)):t.key==="Home"?r=0:t.key==="End"&&(r=h.length-1),this.setCurrentOption(h[r],t)}if(t.key.length===1||t.key==="Backspace"){let h=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let n of h)if(n.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(n);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){this.applySizeToOptions()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){var o,l,h;if((t.key==="Backspace"||t.key==="Enter"||t.key===" ")&&this.multiple){t.preventDefault(),t.stopPropagation();let n=(o=t.currentTarget)==null?void 0:o.parentElement,r=(l=n==null?void 0:n.previousElementSibling)==null?void 0:l.querySelector("sd-5-15-8-tag"),m=(h=n==null?void 0:n.nextElementSibling)==null?void 0:h.querySelector("sd-5-15-8-tag");this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>{m?m.focus():r?r.focus():this.focus({preventScroll:!0})})}}handleTagMaxOptionsKeyDown(t){(t.key==="Backspace"||t.key==="Enter")&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>{var o;let e=(o=this.shadowRoot)==null?void 0:o.querySelectorAll("sd-5-15-8-tag");e&&e.length>0?e==null||e[(e==null?void 0:e.length)-1].focus():this.focus({preventScroll:!0})}))}handleLabelClick(){this.combobox.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof HTMLSlotElement&&l.name==="removable-indicator");this.disabled||o||this.visuallyDisabled||(t.preventDefault(),this.combobox.focus({preventScroll:!0}),this.open=!this.open,this.setCurrentOption(this.currentOption||this.getFirstOption(),t))}handleComboboxKeyDown(t){t.stopPropagation(),this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearSelect()}clearSelect(){this.setSelectedOptions([]),this.combobox.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")})}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("sd-5-15-8-option"),l=this.value;o&&!o.disabled&&(this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.combobox.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],o=[];customElements.get("sd-5-15-8-option")?(t.forEach(l=>{this.multiple&&(l.checkbox=!0),o.push(l.value)}),this.setSelectedOptions(t.filter(l=>e.includes(l.value)))):customElements.whenDefined("sd-5-15-8-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),e||this.clearSelect(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.deletedTagLabel=this.localize.term("removed",e.textContent),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}))}getAllOptions(){return[...this.querySelectorAll("sd-5-15-8-option")]}getFirstOption(){return this.querySelector("sd-5-15-8-option")}setCurrentOption(t,e){this.getAllOptions().forEach(l=>{l.current=!1,l.tabIndex=-1,((e==null?void 0:e.type)==="keydown"||(e==null?void 0:e.type)==="mousedown")&&(l.isKeyboardFocus=!1)}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()),t&&(e==null?void 0:e.type)==="keydown"&&(t.isKeyboardFocus=!0)}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}get displayLabel(){var t,e;return this.multiple?this.useTags||this.value.length===0?"":this.localize.term("numOptionsSelected",this.selectedOptions.length):(e=(t=this.selectedOptions[0])==null?void 0:t.getTextLabel())!=null?e:""}selectionChanged(t){var e,o;t&&this.multiple?this.selectedOptions.find(l=>l.value===t.value)?this.selectedOptions=this.selectedOptions.filter(l=>l.value!==t.value):this.selectedOptions=[...this.selectedOptions,t]:this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?this.value=this.selectedOptions.map(l=>l.value):this.value=(o=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?o:"",this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div @sd-remove="${l=>this.handleTagRemove(l,t)}">${typeof o=="string"?D(o):o}</div>`}return[p``]}):[p`<sd-5-15-8-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
5
+ " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-5-15-9-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("sd-5-15-9-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.combobox.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show(),this.setCurrentOption(this.currentOption||this.getFirstOption(),t);return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let h=this.getAllOptions(),n=h.indexOf(this.currentOption),r=Math.max(0,n);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(r=n+1,r>h.length-1&&(r=0)):t.key==="ArrowUp"?(r=n-1,r<0&&(r=h.length-1)):t.key==="Home"?r=0:t.key==="End"&&(r=h.length-1),this.setCurrentOption(h[r],t)}if(t.key.length===1||t.key==="Backspace"){let h=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let n of h)if(n.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(n);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){this.applySizeToOptions()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){var o,l,h;if((t.key==="Backspace"||t.key==="Enter"||t.key===" ")&&this.multiple){t.preventDefault(),t.stopPropagation();let n=(o=t.currentTarget)==null?void 0:o.parentElement,r=(l=n==null?void 0:n.previousElementSibling)==null?void 0:l.querySelector("sd-5-15-9-tag"),m=(h=n==null?void 0:n.nextElementSibling)==null?void 0:h.querySelector("sd-5-15-9-tag");this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>{m?m.focus():r?r.focus():this.focus({preventScroll:!0})})}}handleTagMaxOptionsKeyDown(t){(t.key==="Backspace"||t.key==="Enter")&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>{var o;let e=(o=this.shadowRoot)==null?void 0:o.querySelectorAll("sd-5-15-9-tag");e&&e.length>0?e==null||e[(e==null?void 0:e.length)-1].focus():this.focus({preventScroll:!0})}))}handleLabelClick(){this.combobox.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof HTMLSlotElement&&l.name==="removable-indicator");this.disabled||o||this.visuallyDisabled||(t.preventDefault(),this.combobox.focus({preventScroll:!0}),this.open=!this.open,this.setCurrentOption(this.currentOption||this.getFirstOption(),t))}handleComboboxKeyDown(t){t.stopPropagation(),this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearSelect()}clearSelect(){this.setSelectedOptions([]),this.combobox.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")})}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("sd-5-15-9-option"),l=this.value;o&&!o.disabled&&(this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.combobox.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.combobox.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],o=[];customElements.get("sd-5-15-9-option")?(t.forEach(l=>{this.multiple&&(l.checkbox=!0),o.push(l.value)}),this.setSelectedOptions(t.filter(l=>e.includes(l.value)))):customElements.whenDefined("sd-5-15-9-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),e||this.clearSelect(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.deletedTagLabel=this.localize.term("removed",e.textContent),this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}))}getAllOptions(){return[...this.querySelectorAll("sd-5-15-9-option")]}getFirstOption(){return this.querySelector("sd-5-15-9-option")}setCurrentOption(t,e){this.getAllOptions().forEach(l=>{l.current=!1,l.tabIndex=-1,((e==null?void 0:e.type)==="keydown"||(e==null?void 0:e.type)==="mousedown")&&(l.isKeyboardFocus=!1)}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()),t&&(e==null?void 0:e.type)==="keydown"&&(t.isKeyboardFocus=!0)}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,Array.isArray(t)?this.selectionChanged():this.selectionChanged(t)}get displayLabel(){var t,e;return this.multiple?this.useTags||this.value.length===0?"":this.localize.term("numOptionsSelected",this.selectedOptions.length):(e=(t=this.selectedOptions[0])==null?void 0:t.getTextLabel())!=null?e:""}selectionChanged(t){var e,o;t&&this.multiple?this.selectedOptions.find(l=>l.value===t.value)?this.selectedOptions=this.selectedOptions.filter(l=>l.value!==t.value):this.selectedOptions=[...this.selectedOptions,t]:this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?this.value=this.selectedOptions.map(l=>l.value):this.value=(o=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?o:"",this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div @sd-remove="${l=>this.handleTagRemove(l,t)}">${typeof o=="string"?D(o):o}</div>`}return[p``]}):[p`<sd-5-15-9-tag class="z-10" ?disabled="${this.disabled}" part="tag" exportparts="
6
6
  base:tag__base,
7
7
  content:tag__content,
8
8
  removable-indicator:tag__removable-indicator,
9
- " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-5-15-8-tag>`]}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleUseTagsChange(){let t=this.getAllOptions();customElements.get("sd-5-15-8-option")&&t.forEach(e=>{e.checkbox=this.multiple})}handleDisabledChange(){(this.disabled||this.visuallyDisabled)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open&&(!this.disabled||!this.visuallyDisabled)){this.multiple||this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("sd-show"),this.addOpenListeners(),await y(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=O(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,t,e),this.currentOption&&I(this.currentOption,this.listbox,"vertical","auto"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await y(this);let{keyframes:t,options:e}=O(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}applySizeToOptions(){this._optionsInDefaultSlot.forEach(t=>{t.size=this.size})}handleValueChange(){if(this.selectedOptions.length===(Array.isArray(this.value)?this.value.length:1))return;let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async show(){if(this.open||this.disabled||this.visuallyDisabled){this.open=!1;return}return this.open=!0,C(this,"sd-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,C(this,"sd-after-hide")}checkValidity(){var t;return(t=this.valueInput)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.combobox.focus(t)}blur(){this.combobox.blur()}render(){let t={default:this.hasSlotController.test("[default]"),label:this.hasSlotController.test("label"),clearIcon:this.hasSlotController.test("clear-icon"),expandIcon:this.hasSlotController.test("expand-icon"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,o=this.helpText?!0:!!t.helpText,l=this.clearable&&!this.disabled,h=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",r=this.disabled||this.visuallyDisabled?"cursor-not-allowed":"cursor-pointer",m={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],b={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return p`<div part="form-control" class="${d("relative text-left",r,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${e||h?p`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${e&&"inline-block"}" aria-hidden="${e?"false":"true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${d("relative w-full bg-white",n==="disabled"?"text-neutral-500":"text-black")}"><div part="border" class="${d("absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[n],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-5-15-8-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${d("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
9
+ " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-5-15-9-tag>`]}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleUseTagsChange(){let t=this.getAllOptions();customElements.get("sd-5-15-9-option")&&t.forEach(e=>{e.checkbox=this.multiple})}handleDisabledChange(){(this.disabled||this.visuallyDisabled)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open&&(!this.disabled||!this.visuallyDisabled)){this.multiple||this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("sd-show"),this.addOpenListeners(),await y(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=O(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,t,e),this.currentOption&&I(this.currentOption,this.listbox,"vertical","auto"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await y(this);let{keyframes:t,options:e}=O(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}applySizeToOptions(){this._optionsInDefaultSlot.forEach(t=>{t.size=this.size})}handleValueChange(){if(this.selectedOptions.length===(Array.isArray(this.value)?this.value.length:1))return;let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async show(){if(this.open||this.disabled||this.visuallyDisabled){this.open=!1;return}return this.open=!0,C(this,"sd-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,C(this,"sd-after-hide")}checkValidity(){var t;return(t=this.valueInput)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.combobox.focus(t)}blur(){this.combobox.blur()}render(){let t={default:this.hasSlotController.test("[default]"),label:this.hasSlotController.test("label"),clearIcon:this.hasSlotController.test("clear-icon"),expandIcon:this.hasSlotController.test("expand-icon"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,o=this.helpText?!0:!!t.helpText,l=this.clearable&&!this.disabled,h=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",r=this.disabled||this.visuallyDisabled?"cursor-not-allowed":"cursor-pointer",m={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],b={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return p`<div part="form-control" class="${d("relative text-left",r,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${e||h?p`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${e&&"inline-block"}" aria-hidden="${e?"false":"true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${d("relative w-full bg-white",n==="disabled"?"text-neutral-500":"text-black")}"><div part="border" class="${d("absolute top-0 w-full h-full pointer-events-none border rounded-default z-10 transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[n],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-5-15-9-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${d("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
10
10
  popup:popup__content,
11
- "><div class="${d("relative w-full h-full grid grid-cols-1 rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200")}" slot="anchor"><div class="${d("input-container flex items-center w-full h-full px-4",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size])}"><input name="${this.name}" form="${this.form}" part="display-input" class="${d("top-0 left-0 appearance-none outline-none flex-grow bg-transparent flex-1 placeholder-neutral-700",r,this.multiple&&this.useTags&&this.value.length>0?"hidden":"")}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder||this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple&&this.useTags?p`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>`:""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(g=>g==null?void 0:g.getTextLabel()).join(", ")}</div><input class="${d("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",r)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${l?p`<button part="clear-button" class="${d("select__clear flex justify-center",m,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-15-8-icon class="${d("text-neutral-700 z-10",b)}" library="_internal" name="closing-round"></sd-5-15-8-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-5-15-8-icon part="invalid-icon" class="${d(m,b,"text-error")}" library="_internal" name="risk"></sd-5-15-8-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-5-15-8-icon part="valid-icon" class="${d("flex-shrink-0 text-success",m,b)}" library="_internal" name="confirm-circle"></sd-5-15-8-icon>`:""}<slot name="expand-icon" part="expand-icon" class="${d("inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",b)}"><sd-5-15-8-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-5-15-8-icon></slot></div><button part="combobox" class="${d("relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",r,this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"min-h-[32px]",md:"min-h-[40px]",lg:"min-h-[48px]"}[this.size])}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open?"true":"false"}" aria-multiselectable="${this.multiple?"true":"false"}" aria-labelledby="label" part="listbox" class="${d("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-5-15-8-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${o?"false":"true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};i.styles=[...x.styles,T`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-5-15-8-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-5-15-8-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-5-15-8-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-5-15-8-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-5-15-8-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`],s([E({selector:"sd-5-15-8-option"})],i.prototype,"_optionsInDefaultSlot",2),s([c("sd-5-15-8-popup")],i.prototype,"popup",2),s([c('[part="combobox"]')],i.prototype,"combobox",2),s([c('[part="display-input"]')],i.prototype,"displayInput",2),s([c(".value-input")],i.prototype,"valueInput",2),s([c('[part="listbox"]')],i.prototype,"listbox",2),s([c("#invalid-message")],i.prototype,"invalidMessage",2),s([u()],i.prototype,"deletedTagLabel",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"showValidStyle",2),s([u()],i.prototype,"showInvalidStyle",2),s([M()],i.prototype,"defaultValue",2),s([a({type:Boolean,reflect:!0})],i.prototype,"open",2),s([a({type:String,reflect:!0})],i.prototype,"size",2),s([a({type:String,reflect:!0})],i.prototype,"placement",2),s([a({type:String,reflect:!0})],i.prototype,"label",2),s([a({type:String,reflect:!0})],i.prototype,"placeholder",2),s([a({type:String,attribute:"max-options-tag-label",reflect:!0})],i.prototype,"maxOptionsTagLabel",2),s([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([a({type:Boolean,reflect:!0,attribute:"visually-disabled"})],i.prototype,"visuallyDisabled",2),s([a({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),s([u()],i.prototype,"currentPlacement",2),s([a({type:Boolean,reflect:!0})],i.prototype,"clearable",2),s([a({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([a({type:Boolean,reflect:!0})],i.prototype,"useTags",2),s([a({attribute:"max-options-visible",type:Number,reflect:!0})],i.prototype,"maxOptionsVisible",2),s([a({reflect:!0})],i.prototype,"form",2),s([a({reflect:!0})],i.prototype,"name",2),s([a({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],i.prototype,"value",2),s([a({type:Boolean,reflect:!0})],i.prototype,"required",2),s([a({type:Boolean,reflect:!0,attribute:"style-on-valid"})],i.prototype,"styleOnValid",2),s([a({type:Boolean,reflect:!0})],i.prototype,"hoist",2),s([a()],i.prototype,"getTag",2),s([f("useTags",{waitUntilFirstUpdate:!0})],i.prototype,"handleUseTagsChange",1),s([f(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([f("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),s([f("size",{waitUntilFirstUpdate:!0})],i.prototype,"applySizeToOptions",1),s([f("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),i=s([$("sd-5-15-8-select")],i);w("select.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});w("select.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{i as a};
11
+ "><div class="${d("relative w-full h-full grid grid-cols-1 rounded-default transition-colors hover:duration-fast ease-in-out",this.visuallyDisabled||this.disabled?"hover:bg-transparent":"hover:bg-neutral-200")}" slot="anchor"><div class="${d("input-container flex items-center w-full h-full px-4",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size])}"><input name="${this.name}" form="${this.form}" part="display-input" class="${d("top-0 left-0 appearance-none outline-none flex-grow bg-transparent flex-1 placeholder-neutral-700",r,this.multiple&&this.useTags&&this.value.length>0?"hidden":"")}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder||this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="-1"> ${this.multiple&&this.useTags?p`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>`:""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(g=>g==null?void 0:g.getTextLabel()).join(", ")}</div><input class="${d("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",r)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${l?p`<button part="clear-button" class="${d("select__clear flex justify-center",m,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-15-9-icon class="${d("text-neutral-700 z-10",b)}" library="_internal" name="closing-round"></sd-5-15-9-icon></slot></button>`:""} ${this.showInvalidStyle?p`<sd-5-15-9-icon part="invalid-icon" class="${d(m,b,"text-error")}" library="_internal" name="risk"></sd-5-15-9-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-5-15-9-icon part="valid-icon" class="${d("flex-shrink-0 text-success",m,b)}" library="_internal" name="confirm-circle"></sd-5-15-9-icon>`:""}<slot name="expand-icon" part="expand-icon" class="${d("inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",this.open?"rotate-180":"rotate-0",this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",b)}"><sd-5-15-9-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-5-15-9-icon></slot></div><button part="combobox" class="${d("relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",r,this.open&&"shadow transition-shadow duration-medium ease-in-out",{sm:"min-h-[32px]",md:"min-h-[40px]",lg:"min-h-[48px]"}[this.size])}" type="button" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-labelledby="label"></button></div><div id="listbox" role="listbox" aria-expanded="${this.open?"true":"false"}" aria-multiselectable="${this.multiple?"true":"false"}" aria-labelledby="label" part="listbox" class="${d("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow transition-shadow duration-medium ease-in-out",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-5-15-9-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${o?"false":"true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};i.styles=[...x.styles,T`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-5-15-9-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-5-15-9-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-5-15-9-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-5-15-9-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-5-15-9-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`],s([E({selector:"sd-5-15-9-option"})],i.prototype,"_optionsInDefaultSlot",2),s([c("sd-5-15-9-popup")],i.prototype,"popup",2),s([c('[part="combobox"]')],i.prototype,"combobox",2),s([c('[part="display-input"]')],i.prototype,"displayInput",2),s([c(".value-input")],i.prototype,"valueInput",2),s([c('[part="listbox"]')],i.prototype,"listbox",2),s([c("#invalid-message")],i.prototype,"invalidMessage",2),s([u()],i.prototype,"deletedTagLabel",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"showValidStyle",2),s([u()],i.prototype,"showInvalidStyle",2),s([M()],i.prototype,"defaultValue",2),s([a({type:Boolean,reflect:!0})],i.prototype,"open",2),s([a({type:String,reflect:!0})],i.prototype,"size",2),s([a({type:String,reflect:!0})],i.prototype,"placement",2),s([a({type:String,reflect:!0})],i.prototype,"label",2),s([a({type:String,reflect:!0})],i.prototype,"placeholder",2),s([a({type:String,attribute:"max-options-tag-label",reflect:!0})],i.prototype,"maxOptionsTagLabel",2),s([a({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([a({type:Boolean,reflect:!0,attribute:"visually-disabled"})],i.prototype,"visuallyDisabled",2),s([a({type:String,attribute:"help-text",reflect:!0})],i.prototype,"helpText",2),s([u()],i.prototype,"currentPlacement",2),s([a({type:Boolean,reflect:!0})],i.prototype,"clearable",2),s([a({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([a({type:Boolean,reflect:!0})],i.prototype,"useTags",2),s([a({attribute:"max-options-visible",type:Number,reflect:!0})],i.prototype,"maxOptionsVisible",2),s([a({reflect:!0})],i.prototype,"form",2),s([a({reflect:!0})],i.prototype,"name",2),s([a({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],i.prototype,"value",2),s([a({type:Boolean,reflect:!0})],i.prototype,"required",2),s([a({type:Boolean,reflect:!0,attribute:"style-on-valid"})],i.prototype,"styleOnValid",2),s([a({type:Boolean,reflect:!0})],i.prototype,"hoist",2),s([a()],i.prototype,"getTag",2),s([f("useTags",{waitUntilFirstUpdate:!0})],i.prototype,"handleUseTagsChange",1),s([f(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([f("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),s([f("size",{waitUntilFirstUpdate:!0})],i.prototype,"applySizeToOptions",1),s([f("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),i=s([$("sd-5-15-9-select")],i);w("select.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});w("select.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{i as a};
@@ -1 +1 @@
1
- import{a as h}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YEDQWNIV.js";import{a as s,b as n,d,h as i}from"./chunk.FXVHSWNW.js";import{b as o,e as l}from"./chunk.RZUTJ36B.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${r({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6] text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...i.styles,o`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}:host([variant=white]) .background:focus-within{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}:host([variant=neutral-100]) .background:focus-within{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}:host([variant=primary]) .background:focus-within{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}:host([variant=primary-100]) .background:focus-within{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}`],e([n({type:String,reflect:!0})],t.prototype,"variant",2),e([d('[part="base"]')],t.prototype,"teaserMedia",2),t=e([s("sd-5-15-8-teaser-media")],t);export{t as a};
1
+ import{a as h}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.YEDQWNIV.js";import{a as s,b as n,d,h as i}from"./chunk.FXVHSWNW.js";import{b as o,e as l}from"./chunk.RZUTJ36B.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return l`<div class="relative flex flex-col group" part="base"><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${r("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${r({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6] text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div class="flex flex-col"><div part="headline" class="text-lg font-bold m-0 order-2"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4 order-1",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div class="${r("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${r(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div><div class="${r("mb-4 -z-10",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div></div>`}};t.styles=[...i.styles,o`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}:host([variant=white]) .background:focus-within{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}:host([variant=neutral-100]) .background:focus-within{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}:host([variant=primary]) .background:focus-within{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}:host([variant=primary-100]) .background:focus-within{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}`],e([n({type:String,reflect:!0})],t.prototype,"variant",2),e([d('[part="base"]')],t.prototype,"teaserMedia",2),t=e([s("sd-5-15-9-teaser-media")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as d}from"./chunk.LIO6LMTQ.js";import{a as b}from"./chunk.EJI65G6N.js";import{b as m}from"./chunk.NRBNWX7R.js";import{a as p}from"./chunk.CHU57RUD.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as h,b as r,c,d as s,h as o}from"./chunk.FXVHSWNW.js";import{b as u,e as a}from"./chunk.RZUTJ36B.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,f)=>e.checked=f});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return a`<label part="base" class="${l("sd-5-15-8-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${l("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4","transition-colors ease-in-out duration-medium group-hover:duration-fast","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"><div class="${l("absolute h-3 transition-[width] right-0.25 duration-medium",this.checked||this.indeterminate?"w-0":"w-3")}"><div class="${l("w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",{disabledIndeterminate:"bg-neutral-500",disabledChecked:" bg-neutral-500",disabled:"",visuallyDisabled:"",invalidIndeterminate:" bg-error group-hover:bg-error-400",invalid:"group-hover:bg-neutral-200",filled:"bg-accent group-hover:bg-accent-550",default:"hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"></div></div>${this.checked?a`<sd-5-15-8-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-15-8-icon>`:""} ${!this.checked&&this.indeterminate?a`<sd-5-15-8-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-15-8-icon>`:""} </span><span part="label" id="label" class="${l("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};t.styles=[...o.styles,u`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label:after{content:" *"}`],i([s('input[type="checkbox"]')],t.prototype,"input",2),i([s("#invalid-message")],t.prototype,"invalidMessage",2),i([r({type:String,reflect:!0})],t.prototype,"title",2),i([r({type:String,reflect:!0})],t.prototype,"name",2),i([r()],t.prototype,"value",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([r({type:String,reflect:!0})],t.prototype,"form",2),i([r({type:Boolean,reflect:!0})],t.prototype,"required",2),i([c()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-5-15-8-checkbox")],t);export{t as a};
1
+ import{a as d}from"./chunk.LIO6LMTQ.js";import{a as b}from"./chunk.EJI65G6N.js";import{b as m}from"./chunk.NRBNWX7R.js";import{a as p}from"./chunk.CHU57RUD.js";import{a as l}from"./chunk.YEDQWNIV.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as h,b as r,c,d as s,h as o}from"./chunk.FXVHSWNW.js";import{b as u,e as a}from"./chunk.RZUTJ36B.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.formControlController=new m(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,f)=>e.checked=f});this.title="";this.name="";this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){if(this.visuallyDisabled){e.preventDefault(),e.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){let e=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",e?"true":"false"),this.formControlController.setValidity(e)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.visuallyDisabled?"visuallyDisabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return a`<label part="base" class="${l("sd-5-15-9-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${p(this.value)}" .indeterminate="${d(this.indeterminate)}" .checked="${d(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate?"mixed":this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${l("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4","transition-colors ease-in-out duration-medium group-hover:duration-fast","peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"><div class="${l("absolute h-3 transition-[width] right-0.25 duration-medium",this.checked||this.indeterminate?"w-0":"w-3")}"><div class="${l("w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",{disabledIndeterminate:"bg-neutral-500",disabledChecked:" bg-neutral-500",disabled:"",visuallyDisabled:"",invalidIndeterminate:" bg-error group-hover:bg-error-400",invalid:"group-hover:bg-neutral-200",filled:"bg-accent group-hover:bg-accent-550",default:"hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}"></div></div>${this.checked?a`<sd-5-15-9-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-5-15-9-icon>`:""} ${!this.checked&&this.indeterminate?a`<sd-5-15-9-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-5-15-9-icon>`:""} </span><span part="label" id="label" class="${l("select-none inline-block ml-2",this.disabled||this.visuallyDisabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};t.styles=[...o.styles,u`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label:after{content:" *"}`],i([s('input[type="checkbox"]')],t.prototype,"input",2),i([s("#invalid-message")],t.prototype,"invalidMessage",2),i([r({type:String,reflect:!0})],t.prototype,"title",2),i([r({type:String,reflect:!0})],t.prototype,"name",2),i([r()],t.prototype,"value",2),i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),i([b("checked")],t.prototype,"defaultChecked",2),i([r({type:String,reflect:!0})],t.prototype,"form",2),i([r({type:Boolean,reflect:!0})],t.prototype,"required",2),i([c()],t.prototype,"showInvalidStyle",2),i([n(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([n(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],t.prototype,"handleStateChange",1),t=i([h("sd-5-15-9-checkbox")],t);export{t as a};
@@ -1 +1 @@
1
- import{a as p,c as m}from"./chunk.SKUMYG4O.js";import{b as w}from"./chunk.PVM2WKMA.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YEDQWNIV.js";import{a as g}from"./chunk.Y7NVH75J.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as y,b as n,d as a,h as c}from"./chunk.FXVHSWNW.js";import{b as f}from"./chunk.RZUTJ36B.js";import{b as l,e as h,f as d}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await h(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,d(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await h(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,d(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-y border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${s(!this.open&&"opacity-0","w-1 bg-accent absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${s("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${s(this.open&&"hidden")}"><sd-5-15-8-icon library="_internal" name="chevron-down"></sd-5-15-8-icon></slot><slot name="collapse-icon" class="${s(!this.open&&"hidden")}"><sd-5-15-8-icon library="_internal" name="chevron-down"></sd-5-15-8-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...c.styles,f`:host{display:block}[part=header]::-webkit-details-marker{display:none}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-5-15-8-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
1
+ import{a as p,c as m}from"./chunk.SKUMYG4O.js";import{b as w}from"./chunk.PVM2WKMA.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as s}from"./chunk.YEDQWNIV.js";import{a as g}from"./chunk.Y7NVH75J.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as y,b as n,d as a,h as c}from"./chunk.FXVHSWNW.js";import{b as f}from"./chunk.RZUTJ36B.js";import{b as l,e as h,f as d}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this.open&&(this.accordion.open=!0),this.accordionObserver=new MutationObserver(e=>{for(let o of e)o.type==="attributes"&&o.attributeName==="open"&&(this.accordion.open?this.show():this.hide())}),this.accordionObserver.observe(this.accordion,{attributes:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.accordionObserver)==null||e.disconnect()}handleSummaryClick(e){e.preventDefault(),this.open?this.hide():this.show()}handleSummaryKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.hide()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.accordion.open=!0,this.emit("sd-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.accordion.open=!1;return}await h(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=m(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,d(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented){this.accordion.open=!0,this.open=!0;return}await h(this.body);let{keyframes:o,options:r}=m(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,d(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.accordion.open=!1,this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return w`<details part="base" class="border-y border-neutral-400"><summary part="header" id="header" class="${s("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200")}" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${s(!this.open&&"opacity-0","w-1 bg-accent absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full")}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${s("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${s(this.open&&"hidden")}"><sd-5-15-9-icon library="_internal" name="chevron-down"></sd-5-15-9-icon></slot><slot name="collapse-icon" class="${s(!this.open&&"hidden")}"><sd-5-15-9-icon library="_internal" name="chevron-down"></sd-5-15-9-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`}};t.styles=[...c.styles,f`:host{display:block}[part=header]::-webkit-details-marker{display:none}`],i([a('[part="base"]')],t.prototype,"accordion",2),i([a('[part="header"]')],t.prototype,"header",2),i([a('[part="content"]')],t.prototype,"body",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({reflect:!0})],t.prototype,"summary",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=i([y("sd-5-15-9-accordion")],t);p("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});p("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});export{t as a};
@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
21
21
  }
22
22
  declare global {
23
23
  interface HTMLElementTagNameMap {
24
- 'sd-5-15-8-accordion': SdAccordion;
24
+ 'sd-5-15-9-accordion': SdAccordion;
25
25
  }
26
26
  }
@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
11
11
  }
12
12
  declare global {
13
13
  interface HTMLElementTagNameMap {
14
- 'sd-5-15-8-accordion-group': SdAccordionGroup;
14
+ 'sd-5-15-9-accordion-group': SdAccordionGroup;
15
15
  }
16
16
  }
@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
34
34
  }
35
35
  declare global {
36
36
  interface HTMLElementTagNameMap {
37
- 'sd-5-15-8-animation': SdAnimation;
37
+ 'sd-5-15-9-animation': SdAnimation;
38
38
  }
39
39
  }
@@ -57,6 +57,6 @@ export default class SdAudio extends SolidElement {
57
57
  }
58
58
  declare global {
59
59
  interface HTMLElementTagNameMap {
60
- 'sd-5-15-8-audio': SdAudio;
60
+ 'sd-5-15-9-audio': SdAudio;
61
61
  }
62
62
  }
@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-8-badge': SdBadge;
11
+ 'sd-5-15-9-badge': SdBadge;
12
12
  }
13
13
  }
@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
25
25
  }
26
26
  declare global {
27
27
  interface HTMLElementTagNameMap {
28
- 'sd-5-15-8-brandshape': SdBrandshape;
28
+ 'sd-5-15-9-brandshape': SdBrandshape;
29
29
  }
30
30
  }
31
31
  export {};
@@ -22,6 +22,6 @@ export default class SdBreadcrumb extends SolidElement {
22
22
  }
23
23
  declare global {
24
24
  interface HTMLElementTagNameMap {
25
- 'sd-5-15-8-breadcrumb': SdBreadcrumb;
25
+ 'sd-5-15-9-breadcrumb': SdBreadcrumb;
26
26
  }
27
27
  }
@@ -14,6 +14,6 @@ export default class SdBreadcrumbItem extends SolidElement {
14
14
  }
15
15
  declare global {
16
16
  interface HTMLElementTagNameMap {
17
- 'sd-5-15-8-breadcrumb-item': SdBreadcrumbItem;
17
+ 'sd-5-15-9-breadcrumb-item': SdBreadcrumbItem;
18
18
  }
19
19
  }
@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
48
48
  }
49
49
  declare global {
50
50
  interface HTMLElementTagNameMap {
51
- 'sd-5-15-8-button': SdButton;
51
+ 'sd-5-15-9-button': SdButton;
52
52
  }
53
53
  }
@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
13
13
  }
14
14
  declare global {
15
15
  interface HTMLElementTagNameMap {
16
- 'sd-5-15-8-button-group': SdButtonGroup;
16
+ 'sd-5-15-9-button-group': SdButtonGroup;
17
17
  }
18
18
  }
@@ -61,6 +61,6 @@ export default class SdCarousel extends SolidElement {
61
61
  }
62
62
  declare global {
63
63
  interface HTMLElementTagNameMap {
64
- 'sd-5-15-8-carousel': SdCarousel;
64
+ 'sd-5-15-9-carousel': SdCarousel;
65
65
  }
66
66
  }
@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
7
7
  }
8
8
  declare global {
9
9
  interface HTMLElementTagNameMap {
10
- 'sd-5-15-8-carousel-item': SdCarouselItem;
10
+ 'sd-5-15-9-carousel-item': SdCarouselItem;
11
11
  }
12
12
  }
@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
38
38
  }
39
39
  declare global {
40
40
  interface HTMLElementTagNameMap {
41
- 'sd-5-15-8-checkbox': SdCheckbox;
41
+ 'sd-5-15-9-checkbox': SdCheckbox;
42
42
  }
43
43
  }
@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
16
16
  }
17
17
  declare global {
18
18
  interface HTMLElementTagNameMap {
19
- 'sd-5-15-8-checkbox-group': SdCheckboxGroup;
19
+ 'sd-5-15-9-checkbox-group': SdCheckboxGroup;
20
20
  }
21
21
  }
@@ -121,6 +121,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
121
121
  }
122
122
  declare global {
123
123
  interface HTMLElementTagNameMap {
124
- 'sd-5-15-8-combobox': SdCombobox;
124
+ 'sd-5-15-9-combobox': SdCombobox;
125
125
  }
126
126
  }
@@ -29,6 +29,6 @@ export default class SdDialog extends SolidElement {
29
29
  }
30
30
  declare global {
31
31
  interface HTMLElementTagNameMap {
32
- 'sd-5-15-8-dialog': SdDialog;
32
+ 'sd-5-15-9-dialog': SdDialog;
33
33
  }
34
34
  }
@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-8-divider': SdDivider;
11
+ 'sd-5-15-9-divider': SdDivider;
12
12
  }
13
13
  }
@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
31
31
  }
32
32
  declare global {
33
33
  interface HTMLElementTagNameMap {
34
- 'sd-5-15-8-drawer': SdDrawer;
34
+ 'sd-5-15-9-drawer': SdDrawer;
35
35
  }
36
36
  }
@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
46
46
  }
47
47
  declare global {
48
48
  interface HTMLElementTagNameMap {
49
- 'sd-5-15-8-dropdown': SdDropdown;
49
+ 'sd-5-15-9-dropdown': SdDropdown;
50
50
  }
51
51
  }
@@ -20,6 +20,6 @@ export default class SdExpandable extends SolidElement {
20
20
  }
21
21
  declare global {
22
22
  interface HTMLElementTagNameMap {
23
- 'sd-5-15-8-expandable': SdExpandable;
23
+ 'sd-5-15-9-expandable': SdExpandable;
24
24
  }
25
25
  }
@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
19
19
  }
20
20
  declare global {
21
21
  interface HTMLElementTagNameMap {
22
- 'sd-5-15-8-flipcard': SdFlipcard;
22
+ 'sd-5-15-9-flipcard': SdFlipcard;
23
23
  }
24
24
  }
@@ -15,6 +15,6 @@ export default class SdHeader extends SolidElement {
15
15
  }
16
16
  declare global {
17
17
  interface HTMLElementTagNameMap {
18
- 'sd-5-15-8-header': SdHeader;
18
+ 'sd-5-15-9-header': SdHeader;
19
19
  }
20
20
  }
@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
17
17
  }
18
18
  declare global {
19
19
  interface HTMLElementTagNameMap {
20
- 'sd-5-15-8-icon': SdIcon;
20
+ 'sd-5-15-9-icon': SdIcon;
21
21
  }
22
22
  }
@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
10
10
  }
11
11
  declare global {
12
12
  interface HTMLElementTagNameMap {
13
- 'sd-5-15-8-include': SdInclude;
13
+ 'sd-5-15-9-include': SdInclude;
14
14
  }
15
15
  }
@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
83
83
  }
84
84
  declare global {
85
85
  interface HTMLElementTagNameMap {
86
- 'sd-5-15-8-input': SdInput;
86
+ 'sd-5-15-9-input': SdInput;
87
87
  }
88
88
  }
@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
19
19
  }
20
20
  declare global {
21
21
  interface HTMLElementTagNameMap {
22
- 'sd-5-15-8-link': SdLink;
22
+ 'sd-5-15-9-link': SdLink;
23
23
  }
24
24
  }
@@ -8,6 +8,6 @@ export default class SdLoader extends SolidElement {
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'sd-5-15-8-loader': SdLoader;
11
+ 'sd-5-15-9-loader': SdLoader;
12
12
  }
13
13
  }
@@ -18,6 +18,6 @@ export default class SdMapMarker extends SolidElement {
18
18
  }
19
19
  declare global {
20
20
  interface HTMLElementTagNameMap {
21
- 'sd-5-15-8-map-marker': SdMapMarker;
21
+ 'sd-5-15-9-map-marker': SdMapMarker;
22
22
  }
23
23
  }
@@ -18,6 +18,6 @@ export default class SdMenu extends SolidElement {
18
18
  }
19
19
  declare global {
20
20
  interface HTMLElementTagNameMap {
21
- 'sd-5-15-8-menu': SdMenu;
21
+ 'sd-5-15-9-menu': SdMenu;
22
22
  }
23
23
  }
@@ -25,6 +25,6 @@ export default class SdMenuItem extends SolidElement {
25
25
  }
26
26
  declare global {
27
27
  interface HTMLElementTagNameMap {
28
- 'sd-5-15-8-menu-item': SdMenuItem;
28
+ 'sd-5-15-9-menu-item': SdMenuItem;
29
29
  }
30
30
  }
@@ -36,6 +36,6 @@ export default class SdNavigationItem extends SolidElement {
36
36
  }
37
37
  declare global {
38
38
  interface HTMLElementTagNameMap {
39
- 'sd-5-15-8-navigation-item': SdNavigationItem;
39
+ 'sd-5-15-9-navigation-item': SdNavigationItem;
40
40
  }
41
41
  }
@@ -35,6 +35,6 @@ export default class SdNotification extends SolidElement {
35
35
  }
36
36
  declare global {
37
37
  interface HTMLElementTagNameMap {
38
- 'sd-5-15-8-notification': SdNotification;
38
+ 'sd-5-15-9-notification': SdNotification;
39
39
  }
40
40
  }
@@ -12,6 +12,6 @@ export default class SdOptgroup extends SolidElement {
12
12
  }
13
13
  declare global {
14
14
  interface HTMLElementTagNameMap {
15
- 'sd-5-15-8-optgroup': SdOptgroup;
15
+ 'sd-5-15-9-optgroup': SdOptgroup;
16
16
  }
17
17
  }
@@ -25,6 +25,6 @@ export default class SdOption extends SolidElement {
25
25
  }
26
26
  declare global {
27
27
  interface HTMLElementTagNameMap {
28
- 'sd-5-15-8-option': SdOption;
28
+ 'sd-5-15-9-option': SdOption;
29
29
  }
30
30
  }
@@ -40,6 +40,6 @@ export default class SdPopup extends SolidElement {
40
40
  }
41
41
  declare global {
42
42
  interface HTMLElementTagNameMap {
43
- 'sd-5-15-8-popup': SdPopup;
43
+ 'sd-5-15-9-popup': SdPopup;
44
44
  }
45
45
  }
@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
7
7
  }
8
8
  declare global {
9
9
  interface HTMLElementTagNameMap {
10
- 'sd-5-15-8-quickfact': SdQuickfact;
10
+ 'sd-5-15-9-quickfact': SdQuickfact;
11
11
  }
12
12
  }
@@ -22,6 +22,6 @@ export default class SdRadio extends SolidElement {
22
22
  }
23
23
  declare global {
24
24
  interface HTMLElementTagNameMap {
25
- 'sd-5-15-8-radio': SdRadio;
25
+ 'sd-5-15-9-radio': SdRadio;
26
26
  }
27
27
  }
@@ -21,6 +21,6 @@ export default class SdRadioButton extends SolidElement {
21
21
  }
22
22
  declare global {
23
23
  interface HTMLElementTagNameMap {
24
- 'sd-5-15-8-radio-button': SdRadioButton;
24
+ 'sd-5-15-9-radio-button': SdRadioButton;
25
25
  }
26
26
  }
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.VBRJ4CE4.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.CHU57RUD.js";import"../../chunks/chunk.YEDQWNIV.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.FXVHSWNW.js";import"../../chunks/chunk.RZUTJ36B.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.I4X3XZE2.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.CHU57RUD.js";import"../../chunks/chunk.YEDQWNIV.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.FXVHSWNW.js";import"../../chunks/chunk.RZUTJ36B.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
@@ -46,6 +46,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
46
46
  }
47
47
  declare global {
48
48
  interface HTMLElementTagNameMap {
49
- 'sd-5-15-8-radio-group': SdRadioGroup;
49
+ 'sd-5-15-9-radio-group': SdRadioGroup;
50
50
  }
51
51
  }
@@ -60,6 +60,6 @@ export default class SdRange extends SolidElement implements SolidFormControl {
60
60
  }
61
61
  declare global {
62
62
  interface HTMLElementTagNameMap {
63
- 'sd-5-15-8-range': SdRange;
63
+ 'sd-5-15-9-range': SdRange;
64
64
  }
65
65
  }