@ds-autonomie/web-components 2.18.0 → 2.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (479) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/cdn/chunks/{chunk.HJUAHLY6.js → chunk.2EC2JS5U.js} +1 -1
  3. package/cdn/chunks/{chunk.3G5TZAEL.js → chunk.2J6VNJAV.js} +2 -2
  4. package/cdn/chunks/chunk.2JTZGBMF.js +1 -0
  5. package/cdn/chunks/chunk.3D5VBTZM.js +6 -0
  6. package/cdn/chunks/chunk.3FMDB6AF.js +19 -0
  7. package/cdn/chunks/{chunk.AZWPWL5D.js → chunk.3URUFDPU.js} +4 -4
  8. package/cdn/chunks/chunk.4A2SP2JA.js +68 -0
  9. package/cdn/chunks/{chunk.2RZZILUX.js → chunk.4IWXGSUM.js} +7 -7
  10. package/cdn/chunks/chunk.4VP4RPNY.js +25 -0
  11. package/cdn/chunks/{chunk.QLA42ORC.js → chunk.535I3ZDX.js} +6 -6
  12. package/cdn/chunks/{chunk.ZPW2DSUP.js → chunk.5KCVCUSX.js} +1 -1
  13. package/cdn/chunks/{chunk.L7SDBPGB.js → chunk.5MXBS7CA.js} +1 -1
  14. package/cdn/chunks/chunk.5OGTGPR7.js +1 -0
  15. package/cdn/chunks/{chunk.W3ZGFMS3.js → chunk.5PWPU25F.js} +1 -1
  16. package/cdn/chunks/{chunk.23QXZAWH.js → chunk.5V6ZBY2X.js} +1 -1
  17. package/cdn/chunks/{chunk.VE5CSYN4.js → chunk.67UP3FZD.js} +1 -1
  18. package/cdn/chunks/chunk.6HXGZFOB.js +68 -0
  19. package/cdn/chunks/{chunk.F5LRDLVV.js → chunk.77YRGKFQ.js} +1 -1
  20. package/cdn/chunks/{chunk.VO4NFG2W.js → chunk.7OMTHUFI.js} +1 -1
  21. package/cdn/chunks/{chunk.FHS54ZO7.js → chunk.7RWZ2YNR.js} +1 -1
  22. package/cdn/chunks/{chunk.H5VVBPCR.js → chunk.7TKKYYU2.js} +1 -1
  23. package/cdn/chunks/{chunk.LFI7CMVX.js → chunk.7WZQFRLE.js} +1 -1
  24. package/cdn/chunks/{chunk.TM7AGXEU.js → chunk.7YNQVYS2.js} +1 -1
  25. package/cdn/chunks/{chunk.3TFD5K7U.js → chunk.7ZYAJWHQ.js} +1 -1
  26. package/cdn/chunks/{chunk.YXR5X3ZH.js → chunk.AB4OF3RS.js} +1 -1
  27. package/cdn/chunks/{chunk.CJZS4FSB.js → chunk.AGA6W4U2.js} +1 -1
  28. package/cdn/chunks/chunk.AGX2JVB6.js +1 -0
  29. package/cdn/chunks/{chunk.LSD5NIU2.js → chunk.AYT5ORA7.js} +1 -1
  30. package/cdn/chunks/{chunk.2MLSQPMY.js → chunk.AZVWRRFP.js} +1 -1
  31. package/cdn/chunks/{chunk.AOPSMRYY.js → chunk.BDRT5OOU.js} +1 -1
  32. package/cdn/chunks/{chunk.OTTGEQF6.js → chunk.BOCMAV5D.js} +1 -1
  33. package/cdn/chunks/{chunk.2S76L6WY.js → chunk.BXY7ZIT5.js} +5 -5
  34. package/cdn/chunks/{chunk.2DV64XU7.js → chunk.CCKFL63L.js} +1 -1
  35. package/cdn/chunks/{chunk.4HSGYXFW.js → chunk.CLIKZB5P.js} +8 -14
  36. package/cdn/chunks/chunk.CMPRHBFO.js +1 -0
  37. package/cdn/chunks/{chunk.QSJXNN7N.js → chunk.COMV5MJ5.js} +1 -1
  38. package/cdn/chunks/{chunk.THOSFGWY.js → chunk.CWHPCCQQ.js} +3 -1
  39. package/cdn/chunks/{chunk.ZWCO2GBI.js → chunk.CWT6MEMU.js} +1 -1
  40. package/cdn/chunks/{chunk.ILCY7FNR.js → chunk.DFIOQK4K.js} +1 -1
  41. package/cdn/chunks/chunk.DR6FOTG4.js +1 -0
  42. package/cdn/chunks/{chunk.A45JZ63N.js → chunk.DRNNBI43.js} +1 -1
  43. package/cdn/chunks/{chunk.V3N4CMN7.js → chunk.DY5MCIEV.js} +3 -3
  44. package/cdn/chunks/chunk.E2BYQFB7.js +11 -0
  45. package/cdn/chunks/{chunk.PZ6VFJYI.js → chunk.EAWHOXCM.js} +1 -1
  46. package/cdn/chunks/chunk.EZQSKUPG.js +20 -0
  47. package/cdn/chunks/{chunk.QJLFNSIA.js → chunk.F4EQPWW4.js} +1 -1
  48. package/cdn/chunks/{chunk.SDPQMM4W.js → chunk.GDNVDKSZ.js} +1 -1
  49. package/cdn/chunks/chunk.GPW6JCHZ.js +13 -0
  50. package/cdn/chunks/{chunk.VE2TTZQA.js → chunk.GQ75QMJG.js} +12 -4
  51. package/cdn/chunks/{chunk.KC2NESXB.js → chunk.GVL377SN.js} +1 -1
  52. package/cdn/chunks/{chunk.JO6IBXF3.js → chunk.H6KRGKOT.js} +1 -1
  53. package/cdn/chunks/chunk.H7CICKO6.js +173 -0
  54. package/cdn/chunks/chunk.HEWKH2LT.js +44 -0
  55. package/cdn/chunks/{chunk.ZFWCNYR2.js → chunk.HGNNGE53.js} +1 -1
  56. package/cdn/chunks/{chunk.2LF6OMUV.js → chunk.HW5UT2FF.js} +15 -15
  57. package/cdn/chunks/{chunk.NIH3WB32.js → chunk.IDTMD6WQ.js} +1 -1
  58. package/cdn/chunks/{chunk.GYURCDPD.js → chunk.IMDJ7GD2.js} +1 -1
  59. package/cdn/chunks/{chunk.3FHGJRJ3.js → chunk.IMVLXBHS.js} +9 -10
  60. package/cdn/chunks/{chunk.YRJIHG6T.js → chunk.IUOHXTHC.js} +1 -1
  61. package/cdn/chunks/{chunk.SLTCOGOD.js → chunk.IYPKQQOD.js} +1 -1
  62. package/cdn/chunks/chunk.J7MFL7JZ.js +11 -0
  63. package/cdn/chunks/{chunk.GEV6DKVB.js → chunk.JFLIH5L5.js} +2 -22
  64. package/cdn/chunks/{chunk.NEWNV55I.js → chunk.JFT7O46L.js} +1 -1
  65. package/cdn/chunks/chunk.JLB52ESL.js +130 -0
  66. package/cdn/chunks/chunk.KOU7YZ7Z.js +32 -0
  67. package/cdn/chunks/{chunk.3LUZLW6F.js → chunk.KSJJM4LY.js} +3 -3
  68. package/cdn/chunks/{chunk.YZK4IVQW.js → chunk.KTJAW66F.js} +1 -1
  69. package/cdn/chunks/{chunk.TGVZIOKS.js → chunk.KVPC6DC4.js} +1 -1
  70. package/cdn/chunks/{chunk.GHHMVWM2.js → chunk.KWBL3MII.js} +4 -4
  71. package/cdn/chunks/{chunk.YRQ4GUXM.js → chunk.KX5QV54N.js} +1 -1
  72. package/cdn/chunks/{chunk.GM4KTNXL.js → chunk.LBAIMDY3.js} +1 -1
  73. package/cdn/chunks/chunk.M7BLJVGV.js +28 -0
  74. package/cdn/chunks/chunk.MC7ZQO6Z.js +1 -0
  75. package/cdn/chunks/chunk.MN7GWB3J.js +66 -0
  76. package/cdn/chunks/{chunk.F3UE7567.js → chunk.MRVUEYXZ.js} +1 -1
  77. package/cdn/chunks/{chunk.ZKKBL76K.js → chunk.PVV7WADS.js} +1 -1
  78. package/cdn/chunks/chunk.QEODND2O.js +8 -0
  79. package/cdn/chunks/chunk.QOIUR37X.js +1 -0
  80. package/cdn/chunks/chunk.QTD6NQFL.js +1 -0
  81. package/cdn/chunks/{chunk.FEXCFMDC.js → chunk.RMI7CBAO.js} +5 -5
  82. package/cdn/chunks/{chunk.QQLTDM2A.js → chunk.RTVNV4IL.js} +1 -1
  83. package/cdn/chunks/{chunk.UAGWSEWC.js → chunk.STCKZYIM.js} +6 -6
  84. package/cdn/chunks/chunk.THWI644G.js +54 -0
  85. package/cdn/chunks/{chunk.23NGYECZ.js → chunk.TPKY6SO3.js} +1 -1
  86. package/cdn/chunks/chunk.U6OE2WNY.js +51 -0
  87. package/cdn/chunks/{chunk.J5EBYKBM.js → chunk.UXV7IG5J.js} +1 -1
  88. package/cdn/chunks/{chunk.PSXSWQCS.js → chunk.VOJKFSPN.js} +1 -1
  89. package/cdn/chunks/{chunk.H5XLHNHE.js → chunk.VVOUCVXZ.js} +1 -1
  90. package/cdn/chunks/{chunk.UWBADC7U.js → chunk.WMOV27WV.js} +5 -2
  91. package/cdn/chunks/chunk.WQIMDJJX.js +101 -0
  92. package/cdn/chunks/{chunk.OTNGFYHL.js → chunk.WWRGGVFZ.js} +1 -1
  93. package/cdn/chunks/{chunk.HO6LFH7Z.js → chunk.WXQKHJC3.js} +1 -1
  94. package/cdn/chunks/chunk.YBVIKP5F.js +41 -0
  95. package/cdn/chunks/chunk.YDZQVGSP.js +47 -0
  96. package/cdn/chunks/{chunk.D3BOAL4N.js → chunk.YWOAIOEZ.js} +1 -1
  97. package/cdn/chunks/chunk.YZO4H6DD.js +57 -0
  98. package/cdn/chunks/{chunk.MTXJMWYM.js → chunk.Z226LHQY.js} +1 -1
  99. package/cdn/chunks/{chunk.2QOKOUSD.js → chunk.ZMEW7RFS.js} +1 -1
  100. package/cdn/components/accordion/accordion.js +1 -1
  101. package/cdn/components/accordion-group/accordion-group.js +1 -1
  102. package/cdn/components/alert/alert.js +1 -1
  103. package/cdn/components/breadcrumb/breadcrumb.js +1 -1
  104. package/cdn/components/breadcrumb-item/breadcrumb-item.js +1 -1
  105. package/cdn/components/button/button.js +1 -1
  106. package/cdn/components/calendar/calendar.js +1 -1
  107. package/cdn/components/card-nav-accordion/card-nav-accordion.js +1 -1
  108. package/cdn/components/checkbox/checkbox.js +1 -1
  109. package/cdn/components/checkbox/checkbox.styles.js +1 -1
  110. package/cdn/components/checkbox-button/checkbox-button.js +1 -1
  111. package/cdn/components/checkbox-card/checkbox-card.js +1 -1
  112. package/cdn/components/checkbox-group/checkbox-group.js +1 -1
  113. package/cdn/components/combobox/combobox.js +1 -1
  114. package/cdn/components/combobox/combobox.styles.js +1 -1
  115. package/cdn/components/copy-button/copy-button.js +1 -1
  116. package/cdn/components/dialog/dialog.js +1 -1
  117. package/cdn/components/drawer/drawer.js +1 -1
  118. package/cdn/components/dropdown/dropdown.js +1 -1
  119. package/cdn/components/error-message-panel/error-message-panel.js +1 -1
  120. package/cdn/components/file-upload/file-upload.js +1 -1
  121. package/cdn/components/filter-button/filter-button.js +1 -1
  122. package/cdn/components/filter-counter/filter-counter.js +1 -1
  123. package/cdn/components/filter-date/filter-date.js +1 -1
  124. package/cdn/components/filter-range/filter-range.js +1 -1
  125. package/cdn/components/filter-select/filter-select.js +1 -1
  126. package/cdn/components/footer/footer.js +1 -1
  127. package/cdn/components/format-bytes/format-bytes.js +1 -1
  128. package/cdn/components/format-date/format-date.js +1 -1
  129. package/cdn/components/format-number/format-number.js +1 -1
  130. package/cdn/components/header/header.d.ts +1 -0
  131. package/cdn/components/header/header.js +1 -1
  132. package/cdn/components/header-external-link/header-external-link.js +1 -1
  133. package/cdn/components/header-modern/header-modern.d.ts +1 -0
  134. package/cdn/components/header-modern/header-modern.js +1 -1
  135. package/cdn/components/header-search/header-search.js +1 -1
  136. package/cdn/components/input/input.js +1 -1
  137. package/cdn/components/input-amount/input-amount.js +1 -1
  138. package/cdn/components/input-date/input-date.js +1 -1
  139. package/cdn/components/input-mask/input-mask.js +1 -1
  140. package/cdn/components/input-native/input-native.js +1 -1
  141. package/cdn/components/input-phone/input-phone.js +1 -1
  142. package/cdn/components/input-time/input-time.js +1 -1
  143. package/cdn/components/menu-accordion/menu-accordion.js +1 -1
  144. package/cdn/components/menu-item/menu-item.js +1 -1
  145. package/cdn/components/menu-navigation/menu-navigation.js +1 -1
  146. package/cdn/components/navbar-link/navbar-link.js +1 -1
  147. package/cdn/components/navbar-menu/navbar-menu.js +1 -1
  148. package/cdn/components/option/option.d.ts +2 -0
  149. package/cdn/components/option/option.js +1 -1
  150. package/cdn/components/option/option.styles.js +1 -1
  151. package/cdn/components/pagination/pagination.js +1 -1
  152. package/cdn/components/profile-button/profile-button.js +1 -1
  153. package/cdn/components/progress-bar/progress-bar.js +1 -1
  154. package/cdn/components/radio/radio.js +1 -1
  155. package/cdn/components/radio/radio.styles.js +1 -1
  156. package/cdn/components/radio-button/radio-button.js +1 -1
  157. package/cdn/components/radio-card/radio-card.js +1 -1
  158. package/cdn/components/radio-group/radio-group.js +1 -1
  159. package/cdn/components/relative-time/relative-time.js +1 -1
  160. package/cdn/components/search/search.js +1 -1
  161. package/cdn/components/search/search.styles.js +1 -1
  162. package/cdn/components/select/select.d.ts +3 -1
  163. package/cdn/components/select/select.js +1 -1
  164. package/cdn/components/select/select.styles.js +1 -1
  165. package/cdn/components/sidenav/sidenav.d.ts +4 -1
  166. package/cdn/components/sidenav/sidenav.js +1 -1
  167. package/cdn/components/sidenav-info-accordion/sidenav-info-accordion.js +1 -1
  168. package/cdn/components/skip-link-item/skip-link-item.js +1 -1
  169. package/cdn/components/skip-links/skip-links.js +1 -1
  170. package/cdn/components/spinner/spinner.js +1 -1
  171. package/cdn/components/split-panel/split-panel.js +1 -1
  172. package/cdn/components/step/step.js +1 -1
  173. package/cdn/components/step/step.styles.js +1 -1
  174. package/cdn/components/stepper/stepper.d.ts +4 -1
  175. package/cdn/components/stepper/stepper.js +1 -1
  176. package/cdn/components/switch/switch.js +1 -1
  177. package/cdn/components/switch/switch.styles.js +1 -1
  178. package/cdn/components/tab/tab.d.ts +3 -0
  179. package/cdn/components/tab/tab.js +1 -1
  180. package/cdn/components/tab/tab.styles.js +1 -1
  181. package/cdn/components/tab-group/tab-group.d.ts +1 -0
  182. package/cdn/components/tab-group/tab-group.js +1 -1
  183. package/cdn/components/tab-group/tab-group.styles.js +1 -1
  184. package/cdn/components/tab-panel/tab-panel.js +1 -1
  185. package/cdn/components/table/table.d.ts +29 -0
  186. package/cdn/components/table/table.js +1 -1
  187. package/cdn/components/table-action/table-action.js +1 -1
  188. package/cdn/components/table-body/table-body.js +1 -1
  189. package/cdn/components/table-caption/table-caption.js +1 -1
  190. package/cdn/components/table-container/table-container.js +1 -1
  191. package/cdn/components/table-head/table-head.js +1 -1
  192. package/cdn/components/table-header-row/table-header-row.d.ts +1 -0
  193. package/cdn/components/table-header-row/table-header-row.js +1 -1
  194. package/cdn/components/table-header-row/table-header-row.styles.js +1 -1
  195. package/cdn/components/table-of-contents/table-of-contents.js +1 -1
  196. package/cdn/components/table-row/table-row-base.styles.js +1 -1
  197. package/cdn/components/table-row/table-row.d.ts +20 -0
  198. package/cdn/components/table-row/table-row.js +1 -1
  199. package/cdn/components/table-row/table-row.styles.js +1 -1
  200. package/cdn/components/tag/tag.js +1 -1
  201. package/cdn/components/tooltip/tooltip.js +1 -1
  202. package/cdn/components/tree/tree.d.ts +4 -0
  203. package/cdn/components/tree/tree.js +1 -1
  204. package/cdn/components/tree-item/tree-item.js +1 -1
  205. package/cdn/custom-elements.json +936 -43
  206. package/cdn/design-system.js +1 -1
  207. package/cdn/events/dsa-table-row-reordered.d.ts +14 -0
  208. package/cdn/events/dsa-table-row-reordered.js +1 -0
  209. package/cdn/events/events.d.ts +1 -0
  210. package/cdn/internal/components/form-selectable-card/form-selectable-card.js +3 -2
  211. package/cdn/internal/components/form-selectable-card/form-selectable-card.styles.js +4 -4
  212. package/cdn/internal/components/form-toggle-button/form-toggle-button.js +3 -2
  213. package/cdn/internal/components/form-toggle-button/form-toggle-button.styles.js +2 -2
  214. package/cdn/translations/en-gb.js +1 -1
  215. package/cdn/translations/en.js +1 -1
  216. package/cdn/translations/fr.js +1 -1
  217. package/cdn/utilities/helpers.d.ts +2 -0
  218. package/cdn/utilities/helpers.js +1 -1
  219. package/cdn/utilities/localize.d.ts +2 -0
  220. package/cdn/utilities/localize.js +1 -1
  221. package/cdn/utilities/storybook.js +1 -1
  222. package/cdn/vscode.html-custom-data.json +42 -2
  223. package/cdn/web-types.json +452 -4
  224. package/dist/chunks/{chunk.TNZEC73D.js → chunk.2AMILV3O.js} +1 -1
  225. package/dist/chunks/{chunk.TZZRAR42.js → chunk.2GJ46J7Q.js} +1 -1
  226. package/dist/chunks/{chunk.C6UENJ2Y.js → chunk.2WW7OJZT.js} +1 -1
  227. package/dist/chunks/{chunk.PFQ6NGY7.js → chunk.33P7XYHC.js} +1 -1
  228. package/dist/chunks/{chunk.WHHYA5VY.js → chunk.34HS7ICN.js} +4 -0
  229. package/dist/chunks/{chunk.SLXERY4H.js → chunk.4535HZ7L.js} +8 -4
  230. package/dist/chunks/{chunk.MGW4E3VW.js → chunk.47AQXN3U.js} +2 -2
  231. package/dist/chunks/{chunk.EXHYWKQB.js → chunk.4E2FKC3C.js} +1 -1
  232. package/dist/chunks/{chunk.MPV4OPIK.js → chunk.4K6WZ7K7.js} +9 -3
  233. package/dist/chunks/{chunk.D6D5UTHQ.js → chunk.4NY2E4AU.js} +9 -5
  234. package/dist/chunks/{chunk.X6SEIMM4.js → chunk.4VSGAJJL.js} +2 -2
  235. package/dist/chunks/{chunk.TF4MJ3XV.js → chunk.5R7OHVIP.js} +3 -3
  236. package/dist/chunks/{chunk.NMU6DWUH.js → chunk.5SH25FOL.js} +27 -6
  237. package/dist/chunks/{chunk.EXGB2DIR.js → chunk.5TBGCNJD.js} +46 -25
  238. package/dist/chunks/{chunk.TRVKPMDO.js → chunk.6BCJJGLC.js} +1 -1
  239. package/dist/chunks/{chunk.RKKRGVJW.js → chunk.6RXEQKWZ.js} +13 -3
  240. package/dist/chunks/{chunk.P2KNRWE5.js → chunk.72FKNFBS.js} +1 -1
  241. package/dist/chunks/{chunk.FF67XKLP.js → chunk.75USPA7U.js} +26 -18
  242. package/dist/chunks/{chunk.V5GAH4HU.js → chunk.7BBNETYY.js} +3 -3
  243. package/dist/chunks/{chunk.AFSUKPIV.js → chunk.7MY3WW7C.js} +5 -3
  244. package/dist/chunks/{chunk.EHGHV3EE.js → chunk.B3QEXOQE.js} +2 -1
  245. package/dist/chunks/{chunk.ANOLAL4B.js → chunk.BUGXYS34.js} +1 -1
  246. package/dist/chunks/chunk.D5YUY5BG.js +608 -0
  247. package/dist/chunks/{chunk.5A6XLOZY.js → chunk.DN3K2GHZ.js} +1 -1
  248. package/dist/chunks/{chunk.6TDKZD7U.js → chunk.E6D32GY2.js} +14 -2
  249. package/dist/chunks/{chunk.TP5XEQ2O.js → chunk.ELOLGOFM.js} +1 -1
  250. package/dist/chunks/{chunk.M5X6QE4H.js → chunk.ERMNNF77.js} +1 -1
  251. package/dist/chunks/{chunk.5T4IWZR2.js → chunk.FBY2IM6R.js} +1 -1
  252. package/dist/chunks/{chunk.N2SYQR7M.js → chunk.FLI47BNN.js} +1 -1
  253. package/dist/chunks/{chunk.3WHBR6ML.js → chunk.FLRNIL37.js} +1 -1
  254. package/dist/chunks/chunk.FOZRSNGL.js +111 -0
  255. package/dist/chunks/{chunk.OAJEHJJO.js → chunk.FZFK3D6L.js} +1 -1
  256. package/dist/chunks/{chunk.CABJDFOO.js → chunk.GMHRN23H.js} +6 -6
  257. package/dist/chunks/{chunk.ZBTNV3E7.js → chunk.GSSDOCVR.js} +42 -14
  258. package/dist/chunks/{chunk.LQAWGV5K.js → chunk.GTO6NACR.js} +1 -1
  259. package/dist/chunks/{chunk.WRFA56CD.js → chunk.H26XMOUA.js} +1 -1
  260. package/dist/chunks/{chunk.3NOR7Y4Y.js → chunk.HKP752UH.js} +2 -1
  261. package/dist/chunks/{chunk.GBBK2LRH.js → chunk.HRZVG552.js} +2 -2
  262. package/dist/chunks/{chunk.PEWNJNAP.js → chunk.HYAC2WLH.js} +1 -1
  263. package/dist/chunks/{chunk.DT6Y5ZUB.js → chunk.IMZ2EJ3J.js} +2 -2
  264. package/dist/chunks/{chunk.RIMN7NRW.js → chunk.JATRBE3H.js} +7 -7
  265. package/dist/chunks/{chunk.XGZ4IJ57.js → chunk.JTPMSU67.js} +51 -33
  266. package/dist/chunks/{chunk.JUOYMIGK.js → chunk.KD27MP6C.js} +5 -2
  267. package/dist/chunks/{chunk.5NUD3TZO.js → chunk.KD5YM72X.js} +12 -4
  268. package/dist/chunks/{chunk.A6WS4GML.js → chunk.KPVDLRVV.js} +2 -2
  269. package/dist/chunks/{chunk.ZU3DGID3.js → chunk.KW762SFE.js} +3 -3
  270. package/dist/chunks/chunk.LH65ZIEN.js +412 -0
  271. package/dist/chunks/{chunk.7NJP4D2X.js → chunk.LLOSO7FC.js} +5 -5
  272. package/dist/chunks/{chunk.ZJEACN47.js → chunk.LT44CVRV.js} +1 -1
  273. package/dist/chunks/{chunk.6K3AZQXP.js → chunk.LYVWDO7O.js} +1 -1
  274. package/dist/chunks/{chunk.6JFNUOJL.js → chunk.M47KXEXM.js} +1 -1
  275. package/dist/chunks/{chunk.PGXKP7ME.js → chunk.PSWGNIVT.js} +18 -6
  276. package/dist/chunks/{chunk.FLRB45SF.js → chunk.PSYTLBRK.js} +12 -0
  277. package/dist/chunks/{chunk.2LWUWDHO.js → chunk.Q3SL7AWD.js} +3 -3
  278. package/dist/chunks/{chunk.AECIJYFZ.js → chunk.Q4BEX42U.js} +49 -33
  279. package/dist/chunks/{chunk.HPAWBSR5.js → chunk.Q7YCE4UA.js} +1 -1
  280. package/dist/chunks/{chunk.ABJLUGLR.js → chunk.QKUUHXNR.js} +65 -25
  281. package/dist/chunks/{chunk.T3CLPVPE.js → chunk.QUEYKUIS.js} +4 -4
  282. package/dist/chunks/{chunk.XJCHW2GZ.js → chunk.RG7MUNLM.js} +27 -17
  283. package/dist/chunks/{chunk.6NRREKDF.js → chunk.RK2WN36C.js} +1 -1
  284. package/dist/chunks/{chunk.ZZ67C4V2.js → chunk.RZRBWZ7K.js} +14 -5
  285. package/dist/chunks/{chunk.QZC7F7NX.js → chunk.SAKI57GG.js} +2 -2
  286. package/dist/chunks/{chunk.H7L4YNKB.js → chunk.SAQFLKP7.js} +40 -16
  287. package/dist/chunks/{chunk.UKH2D4DL.js → chunk.SGPAUD26.js} +32 -14
  288. package/dist/chunks/{chunk.7WQZIM7N.js → chunk.SGRSRDWP.js} +17 -9
  289. package/dist/chunks/{chunk.JFAQ5QOI.js → chunk.SP2SVH7K.js} +3 -3
  290. package/dist/chunks/{chunk.UNDVQ2N3.js → chunk.SXFVCR7O.js} +2 -2
  291. package/dist/chunks/{chunk.2O3KAV2X.js → chunk.T6OAGTAP.js} +2 -2
  292. package/dist/chunks/{chunk.BO3GUSFS.js → chunk.TCW77JY3.js} +1 -1
  293. package/dist/chunks/{chunk.IAJLX5AF.js → chunk.TPO64PVN.js} +11 -5
  294. package/dist/chunks/{chunk.ZQ56PQ6F.js → chunk.U4W57NV6.js} +6 -3
  295. package/dist/chunks/{chunk.DMSUKPJE.js → chunk.UESIZCBP.js} +1 -1
  296. package/dist/chunks/{chunk.LZOGVU7B.js → chunk.UQ7ZIOBO.js} +1 -1
  297. package/dist/chunks/{chunk.2K5QPKBA.js → chunk.V26NK6TM.js} +5 -4
  298. package/dist/chunks/{chunk.APWZSSG6.js → chunk.V2HQ7IVJ.js} +1 -1
  299. package/dist/chunks/{chunk.VHSA53PH.js → chunk.V3LWOWUB.js} +1 -1
  300. package/dist/chunks/{chunk.WDPZ4NSH.js → chunk.V4SDZV6L.js} +1 -1
  301. package/dist/chunks/{chunk.BHEY6E7D.js → chunk.VJMPU2K5.js} +24 -26
  302. package/dist/chunks/{chunk.HFTU6LUQ.js → chunk.VNGKMC5T.js} +1 -1
  303. package/dist/chunks/{chunk.WLP7MATK.js → chunk.VO73SGIU.js} +1 -1
  304. package/dist/chunks/{chunk.FQZVV2TO.js → chunk.VOKBXFKF.js} +8 -4
  305. package/dist/chunks/{chunk.2SQ6UBOQ.js → chunk.VPBDM3F2.js} +11 -4
  306. package/dist/chunks/{chunk.LZPAAWTZ.js → chunk.VPZ2H23V.js} +0 -20
  307. package/dist/chunks/{chunk.BSSSDSVK.js → chunk.VYX5ZSFI.js} +2 -2
  308. package/dist/chunks/{chunk.ACM36IFE.js → chunk.WAEFCPAX.js} +6 -6
  309. package/dist/chunks/{chunk.UHSLPBTG.js → chunk.WEPA3NJG.js} +1 -1
  310. package/dist/chunks/{chunk.JEWVIFAO.js → chunk.WJU4UHF5.js} +4 -1
  311. package/dist/chunks/{chunk.O3SPGNIU.js → chunk.WSQ2ZYD4.js} +9 -5
  312. package/dist/chunks/{chunk.4NZ25HB6.js → chunk.XAYOMJ4X.js} +27 -17
  313. package/dist/chunks/{chunk.SOF3BQCV.js → chunk.XMBQRPGX.js} +10 -6
  314. package/dist/chunks/{chunk.YC2VYNCD.js → chunk.XTVVSORU.js} +1 -1
  315. package/dist/chunks/{chunk.6RDA3XLH.js → chunk.YF2V46J3.js} +9 -10
  316. package/dist/chunks/{chunk.63ACYDSJ.js → chunk.YI6BUIUL.js} +3 -3
  317. package/dist/chunks/{chunk.FB4KLQQL.js → chunk.YYKAI7FO.js} +6 -12
  318. package/dist/chunks/{chunk.VKBTTWXW.js → chunk.ZFGRB56M.js} +94 -38
  319. package/dist/chunks/{chunk.MVDMKWDN.js → chunk.ZHPIA4F4.js} +3 -1
  320. package/dist/chunks/{chunk.HBYJN6RA.js → chunk.ZS3JNRJE.js} +2 -2
  321. package/dist/chunks/{chunk.ATUDHG2E.js → chunk.ZYGCOBUE.js} +1 -1
  322. package/dist/components/accordion/accordion.js +2 -2
  323. package/dist/components/accordion-group/accordion-group.js +4 -4
  324. package/dist/components/alert/alert.js +2 -2
  325. package/dist/components/breadcrumb/breadcrumb.js +2 -2
  326. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  327. package/dist/components/button/button.js +3 -3
  328. package/dist/components/calendar/calendar.js +2 -2
  329. package/dist/components/card-nav-accordion/card-nav-accordion.js +2 -2
  330. package/dist/components/checkbox/checkbox.js +4 -3
  331. package/dist/components/checkbox/checkbox.styles.js +1 -1
  332. package/dist/components/checkbox-button/checkbox-button.js +4 -3
  333. package/dist/components/checkbox-card/checkbox-card.js +3 -2
  334. package/dist/components/checkbox-group/checkbox-group.js +1 -1
  335. package/dist/components/combobox/combobox.js +9 -9
  336. package/dist/components/combobox/combobox.styles.js +1 -1
  337. package/dist/components/copy-button/copy-button.js +3 -3
  338. package/dist/components/dialog/dialog.js +2 -2
  339. package/dist/components/drawer/drawer.js +2 -2
  340. package/dist/components/dropdown/dropdown.js +2 -2
  341. package/dist/components/error-message-panel/error-message-panel.js +2 -2
  342. package/dist/components/file-upload/file-upload.js +3 -3
  343. package/dist/components/filter-button/filter-button.js +2 -2
  344. package/dist/components/filter-counter/filter-counter.js +13 -13
  345. package/dist/components/filter-date/filter-date.js +8 -8
  346. package/dist/components/filter-range/filter-range.js +13 -13
  347. package/dist/components/filter-select/filter-select.js +16 -16
  348. package/dist/components/footer/footer.js +2 -2
  349. package/dist/components/format-bytes/format-bytes.js +2 -2
  350. package/dist/components/format-date/format-date.js +2 -2
  351. package/dist/components/format-number/format-number.js +2 -2
  352. package/dist/components/header/header.d.ts +1 -0
  353. package/dist/components/header/header.js +3 -2
  354. package/dist/components/header-external-link/header-external-link.js +2 -1
  355. package/dist/components/header-modern/header-modern.d.ts +1 -0
  356. package/dist/components/header-modern/header-modern.js +3 -2
  357. package/dist/components/header-search/header-search.js +6 -6
  358. package/dist/components/input/input.js +8 -8
  359. package/dist/components/input-amount/input-amount.js +2 -2
  360. package/dist/components/input-date/input-date.js +4 -4
  361. package/dist/components/input-mask/input-mask.js +2 -2
  362. package/dist/components/input-native/input-native.js +2 -2
  363. package/dist/components/input-phone/input-phone.js +9 -8
  364. package/dist/components/input-time/input-time.js +2 -2
  365. package/dist/components/menu-accordion/menu-accordion.js +3 -3
  366. package/dist/components/menu-item/menu-item.js +3 -3
  367. package/dist/components/menu-navigation/menu-navigation.js +4 -4
  368. package/dist/components/navbar-link/navbar-link.js +4 -4
  369. package/dist/components/navbar-menu/navbar-menu.js +2 -2
  370. package/dist/components/option/option.d.ts +2 -0
  371. package/dist/components/option/option.js +4 -3
  372. package/dist/components/option/option.styles.js +1 -1
  373. package/dist/components/pagination/pagination.js +9 -9
  374. package/dist/components/profile-button/profile-button.js +3 -3
  375. package/dist/components/progress-bar/progress-bar.js +2 -2
  376. package/dist/components/radio/radio.js +3 -2
  377. package/dist/components/radio/radio.styles.js +1 -1
  378. package/dist/components/radio-button/radio-button.js +4 -3
  379. package/dist/components/radio-card/radio-card.js +4 -3
  380. package/dist/components/radio-group/radio-group.js +2 -1
  381. package/dist/components/relative-time/relative-time.js +2 -2
  382. package/dist/components/search/search.js +3 -3
  383. package/dist/components/search/search.styles.js +1 -1
  384. package/dist/components/select/select.d.ts +3 -1
  385. package/dist/components/select/select.js +5 -5
  386. package/dist/components/select/select.styles.js +1 -1
  387. package/dist/components/sidenav/sidenav.d.ts +4 -1
  388. package/dist/components/sidenav/sidenav.js +4 -4
  389. package/dist/components/sidenav-info-accordion/sidenav-info-accordion.js +4 -4
  390. package/dist/components/skip-link-item/skip-link-item.js +2 -1
  391. package/dist/components/skip-links/skip-links.js +2 -2
  392. package/dist/components/spinner/spinner.js +2 -2
  393. package/dist/components/split-panel/split-panel.js +2 -2
  394. package/dist/components/step/step.js +4 -3
  395. package/dist/components/step/step.styles.js +1 -1
  396. package/dist/components/stepper/stepper.d.ts +4 -1
  397. package/dist/components/stepper/stepper.js +1 -1
  398. package/dist/components/switch/switch.js +3 -3
  399. package/dist/components/switch/switch.styles.js +1 -1
  400. package/dist/components/tab/tab.d.ts +3 -0
  401. package/dist/components/tab/tab.js +4 -3
  402. package/dist/components/tab/tab.styles.js +1 -1
  403. package/dist/components/tab-group/tab-group.d.ts +1 -0
  404. package/dist/components/tab-group/tab-group.js +4 -3
  405. package/dist/components/tab-group/tab-group.styles.js +1 -1
  406. package/dist/components/tab-panel/tab-panel.js +2 -1
  407. package/dist/components/table/table.d.ts +29 -0
  408. package/dist/components/table/table.js +2 -1
  409. package/dist/components/table-action/table-action.js +4 -4
  410. package/dist/components/table-body/table-body.js +3 -2
  411. package/dist/components/table-caption/table-caption.js +2 -2
  412. package/dist/components/table-container/table-container.js +3 -2
  413. package/dist/components/table-head/table-head.js +3 -2
  414. package/dist/components/table-header-row/table-header-row.d.ts +1 -0
  415. package/dist/components/table-header-row/table-header-row.js +10 -9
  416. package/dist/components/table-header-row/table-header-row.styles.js +2 -2
  417. package/dist/components/table-of-contents/table-of-contents.js +2 -2
  418. package/dist/components/table-row/table-row-base.styles.js +1 -1
  419. package/dist/components/table-row/table-row.d.ts +20 -0
  420. package/dist/components/table-row/table-row.js +8 -7
  421. package/dist/components/table-row/table-row.styles.js +2 -2
  422. package/dist/components/tag/tag.js +3 -3
  423. package/dist/components/tooltip/tooltip.js +2 -2
  424. package/dist/components/tree/tree.d.ts +4 -0
  425. package/dist/components/tree/tree.js +8 -7
  426. package/dist/components/tree-item/tree-item.js +7 -6
  427. package/dist/custom-elements.json +936 -43
  428. package/dist/design-system.js +98 -98
  429. package/dist/events/dsa-table-row-reordered.d.ts +14 -0
  430. package/dist/events/dsa-table-row-reordered.js +1 -0
  431. package/dist/events/events.d.ts +1 -0
  432. package/dist/internal/components/form-selectable-card/form-selectable-card.js +3 -2
  433. package/dist/internal/components/form-selectable-card/form-selectable-card.styles.js +4 -4
  434. package/dist/internal/components/form-toggle-button/form-toggle-button.js +3 -2
  435. package/dist/internal/components/form-toggle-button/form-toggle-button.styles.js +2 -2
  436. package/dist/translations/en-gb.js +1 -1
  437. package/dist/translations/en.js +1 -1
  438. package/dist/translations/fr.js +1 -1
  439. package/dist/utilities/helpers.d.ts +2 -0
  440. package/dist/utilities/helpers.js +7 -3
  441. package/dist/utilities/localize.d.ts +2 -0
  442. package/dist/utilities/localize.js +1 -1
  443. package/dist/utilities/storybook.js +2 -2
  444. package/dist/vscode.html-custom-data.json +42 -2
  445. package/dist/web-types.json +452 -4
  446. package/package.json +1 -1
  447. package/cdn/chunks/chunk.2PN56GC6.js +0 -1
  448. package/cdn/chunks/chunk.4RIUPE2O.js +0 -1
  449. package/cdn/chunks/chunk.63QVJAPP.js +0 -11
  450. package/cdn/chunks/chunk.67MZYN3N.js +0 -37
  451. package/cdn/chunks/chunk.6AGU5DOT.js +0 -1
  452. package/cdn/chunks/chunk.6GAHBGOF.js +0 -47
  453. package/cdn/chunks/chunk.A6JUKRCA.js +0 -38
  454. package/cdn/chunks/chunk.AEBG7WOW.js +0 -20
  455. package/cdn/chunks/chunk.AKVKEBPE.js +0 -13
  456. package/cdn/chunks/chunk.DYSLQ6GC.js +0 -68
  457. package/cdn/chunks/chunk.E6XLVREY.js +0 -11
  458. package/cdn/chunks/chunk.EHLI2NSG.js +0 -26
  459. package/cdn/chunks/chunk.FGDBYD7N.js +0 -41
  460. package/cdn/chunks/chunk.IJNUBDIJ.js +0 -1
  461. package/cdn/chunks/chunk.IYKXS5B3.js +0 -66
  462. package/cdn/chunks/chunk.JNOQLPCE.js +0 -8
  463. package/cdn/chunks/chunk.K6YUVAOE.js +0 -6
  464. package/cdn/chunks/chunk.N4VN25E6.js +0 -44
  465. package/cdn/chunks/chunk.PFU2C3OZ.js +0 -1
  466. package/cdn/chunks/chunk.QO3O2UNB.js +0 -68
  467. package/cdn/chunks/chunk.QVF2D4NC.js +0 -1
  468. package/cdn/chunks/chunk.SIT3GCR7.js +0 -173
  469. package/cdn/chunks/chunk.TFJB3OT3.js +0 -19
  470. package/cdn/chunks/chunk.UEYALIC7.js +0 -25
  471. package/cdn/chunks/chunk.W7AY6BP2.js +0 -130
  472. package/cdn/chunks/chunk.W7S553SV.js +0 -50
  473. package/cdn/chunks/chunk.WJLFKSRJ.js +0 -51
  474. package/cdn/chunks/chunk.X2G2BFIN.js +0 -1
  475. package/cdn/chunks/chunk.X4U7WI77.js +0 -28
  476. package/cdn/chunks/chunk.YUUDCDMZ.js +0 -1
  477. package/dist/chunks/chunk.DMQJ4GLL.js +0 -209
  478. package/dist/chunks/chunk.DYZHSPWO.js +0 -48
  479. package/dist/chunks/chunk.RFJJRWWT.js +0 -282
@@ -1,68 +0,0 @@
1
- import{a as E}from"./chunk.II4JQ433.js";import{a as x}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.NJBAMERR.js";import{a as k}from"./chunk.SWEIVB73.js";import{a as p}from"./chunk.ELL45QD3.js";import{b,c as g,d as y,e as v}from"./chunk.FWTZS7LK.js";import{a as c}from"./chunk.B4KFHYLS.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as u,b as i,c as n,d as h,f}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new p(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let t=this.required&&this.value.length===0;return this.customValidityMessage!==""?v:t?y:g}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(t.preventDefault(),t.stopPropagation(),!e||e.disabled||e.readonly||this.disabled||this.readonly)return;this.value.includes(e.value)?this.value=this.value.filter(s=>s!==e.value):this.value=[...this.value,e.value],this.getAllCheckboxes().forEach(s=>{s.checked=this.value.includes(s.value)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target;if(t.key===" "){if(t.preventDefault(),this.disabled||this.readonly||e.disabled||e.readonly)return;e.checked=!e.checked;let a=this.getAllCheckboxes().filter(s=>s.checked);this.value=a.map(s=>s.value),this.emit("dsa-input"),this.emit("dsa-change")}t.key==="Enter"&&(this.disabled||this.readonly||e.disabled||e.readonly)&&t.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let t=this.getAllCheckboxes();t.forEach(e=>{e.checked=this.value.includes(e.value),e.parentDisabled=this.disabled,e.parentReadonly=this.readonly}),this.hasCheckboxButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(t=>t.checked=this.value.includes(t.value)),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllCheckboxes().forEach(t=>t.parentReadonly=this.readonly)}checkValidity(){let t=this.required&&this.value.length===0,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllCheckboxes().filter(s=>!s.disabled&&!s.readonly),a=e.find(s=>s.checked)||e[0];a&&a.focus(t)}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),a=this.label?!0:!!t,s=this.helpText?!0:!!e;return a||c("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&c("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
2
- <fieldset
3
- part="form-control"
4
- class=${m({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":a,"form-control--has-help-text":s,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
5
- role="group"
6
- aria-labelledby="label ${this.getDescriptionIds()}"
7
- >
8
- ${this.hideLabel?r`<dsa-visually-hidden id="label"
9
- ><slot name="label">${this.label}</slot></dsa-visually-hidden
10
- >`:r`
11
- <span
12
- part="form-control-label"
13
- id="label"
14
- class="form-control__label"
15
- aria-hidden=${a?"false":"true"}
16
- @click=${this.handleLabelClick}
17
- >
18
- ${this.required?r`<span class="form-control__label-required">*</span>`:""}
19
- <slot name="label">${this.label}</slot>
20
- </span>
21
- `}
22
-
23
- <slot name="tooltip" class="form-control__tooltip"></slot>
24
-
25
- <div
26
- part="form-control-input"
27
- class="form-control-input form-control__field"
28
- >
29
- <dsa-visually-hidden>
30
- <label class="checkbox-group__validation">
31
- <input
32
- class="checkbox-group__validation-input"
33
- type="text"
34
- ?required=${this.required}
35
- tabindex="-1"
36
- hidden
37
- @invalid=${this.handleInvalid}
38
- />
39
- </label>
40
- </dsa-visually-hidden>
41
-
42
- <div
43
- role="list"
44
- class="form-control__options"
45
- @click=${this.handleCheckboxClick}
46
- @keydown=${this.handleKeyDown}
47
- >
48
- <slot @slotchange=${this.handleSlotChange}></slot>
49
- </div>
50
- </div>
51
- <div
52
- id="help-text"
53
- class="form-control__help-text"
54
- aria-hidden=${s?"false":"true"}
55
- >
56
- <slot name="help-text" part="form-control-help-text">
57
- ${this.helpText}
58
- </slot>
59
- </div>
60
-
61
- ${this.error?k(this.errorMessage):""}
62
- ${this.description?r`
63
- <p id="description" class="form-control__description">
64
- ${this.description}
65
- </p>
66
- `:""}
67
- </fieldset>
68
- `}};o.styles=E,o.dependencies={"dsa-error-text":C,"dsa-visually-hidden":x},l([h("slot:not([name])")],o.prototype,"defaultSlot",2),l([h(".checkbox-group__validation-input")],o.prototype,"validationInput",2),l([n()],o.prototype,"hasCheckboxButtons",2),l([n()],o.prototype,"hasCheckboxCards",2),l([n()],o.prototype,"defaultValue",2),l([i()],o.prototype,"label",2),l([i({attribute:"help-text"})],o.prototype,"helpText",2),l([i({attribute:"description"})],o.prototype,"description",2),l([i()],o.prototype,"name",2),l([i({converter:{fromAttribute:t=>t.split(","),toAttribute:t=>typeof t=="string"?t:t.join(",")}})],o.prototype,"value",2),l([i({reflect:!0})],o.prototype,"form",2),l([i({type:Boolean,reflect:!0})],o.prototype,"required",2),l([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],o.prototype,"readonly",2),l([i({type:Boolean})],o.prototype,"horizontal",2),l([i({type:Boolean})],o.prototype,"error",2),l([i({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],o.prototype,"errorMessage",2),l([i({type:Boolean,attribute:"hide-label"})],o.prototype,"hideLabel",2),l([d("value",{waitUntilFirstUpdate:!0})],o.prototype,"handleValueChange",1),l([d("disabled")],o.prototype,"handleDisabledChange",1),l([d("readonly")],o.prototype,"handleReadonlyChange",1),o=l([u("dsa-checkbox-group")],o);export{o as a};
@@ -1 +0,0 @@
1
- import{a as o}from"./chunk.FEXCFMDC.js";import{a}from"./chunk.QO3O2UNB.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback();let s=this.parentElement;!this.hasAttribute("role")&&s instanceof a&&this.setAttribute("role","listitem")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!this.checked)}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([i("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-button")],t);export{t as a};
@@ -1,173 +0,0 @@
1
- import{a as z}from"./chunk.QSJXNN7N.js";import{a as L}from"./chunk.2PN56GC6.js";import{a as x}from"./chunk.N4VN25E6.js";import{a as P}from"./chunk.VL5LPHV3.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as V}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as A}from"./chunk.4HSGYXFW.js";import{a as T}from"./chunk.OTNGFYHL.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as v,c as g}from"./chunk.HHVNQNCC.js";import{a as w,c as $}from"./chunk.TV2TMO2H.js";import{a as d}from"./chunk.NIRNX67K.js";import{c as D}from"./chunk.GM4KTNXL.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as _,b as o,c as r,d as p}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var f="dsa-option",s=class extends P{constructor(){super(...arguments);this.formControlController=new k(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new D(this);this.hasVisualFocus=!1;this.displayLabel="";this.selectedOptions=[];this.allOptions=[];this.filteredOptions=[];this.displayedOptionsCount=0;this.debounceTimerId=null;this.open=!1;this.value="";this.defaultValue="";this.hoist=!1;this.placement="bottom";this.clearable=!1;this.noSyncWidth=!1;this.items=void 0;this.multiple=!1;this.maxOptionsVisible=3;this.visibleListLength=void 0;this.debounceTimeout=300;this.fetchingState="idle";this.overrideDefaultFiltering=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.allOptions=this.getAllOptions(),this.filteredOptions=[...this.allOptions],this.resetDisplayedOptionsCount()}handleBlur(){this.hasVisualFocus=!1,this.emit("dsa-blur")}handleFocus(){this.hasVisualFocus=!0,this.emit("dsa-focus")}handleComboboxMouseDown(e){let i=e.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="dsa-tag");this.readonly||this.disabled||i||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.filterOptions(this.displayLabel),this.open?this.hide():this.show())}handleComboboxKeyDown(e){this.filterOptions(this.displayLabel),this.handleDefaultKeyDown(e)}handleClearMouseKeyDown(e){switch(e.stopPropagation(),e.key){case"Enter":case"Escape":this.clearSelection(),this.displayInput.focus({preventScroll:!0});break}}handleChange(){var e;this.displayLabel=this.displayInput.value,this.emit("dsa-change"),this.multiple||this.displayLabel!==((e=this.selectedOptions[0])==null?void 0:e.getTextLabel())&&this.clearSelectedOptions()}handleInput(){this.displayLabel=this.displayInput.value,this.show(),!this.multiple&&this.displayLabel===""&&this.clearSelection(),this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>this.emit("dsa-input"),this.debounceTimeout)}handleClearClick(e){e.stopPropagation(),this.value!==""&&(this.displayInput.focus({preventScroll:!0}),this.clearSelection())}clearSelection(){this.clearSelectedOptions(),this.value="",this.syncOnSelection(),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")})}filterOptions(e){this.overrideDefaultFiltering?this.filteredOptions=this.allOptions:this.filteredOptions=this.allOptions.filter(t=>L(t.innerText).includes(L(e)))}resetDisplayedOptionsCount(){this.displayedOptionsCount=this.visibleListLength?Math.min(this.visibleListLength,this.filteredOptions.length):this.filteredOptions.length}toggleOptionSelection(e,t){e.selected=t||!e.selected,this.selectedOptions=this.allOptions.filter(i=>i.selected),this.syncOnSelection()}handleOptionClick(e){let i=e.target.closest(f);if(this.setCurrentOption(void 0),i!==this.seeMoreOption&&i!==null&&!i.disabled){let l=this.value;this.multiple?this.toggleOptionSelection(i):(this.setSelectedOptions(i),this.syncOnSelection(),this.filterOptions(this.displayLabel)),this.updateComplete.then(()=>{this.value!==l&&(this.emit("dsa-input"),this.emit("dsa-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0)}}handleDefaultSlotChange(){if(customElements.get(f)){this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection()}else customElements.whenDefined(f).then(()=>this.handleDefaultSlotChange());this.resetDisplayedOptionsCount()}handleTagRemove(e,t){e.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(t),this.toggleOptionSelection(t,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(e){let t=this.selectedOptions.findIndex(l=>l===e),i=this.selectedOptions[t+1];i?i.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){if(this.items!==void 0)return this.items;let e=this.querySelectorAll(f),t=[];return e.forEach(i=>{let l=i.cloneNode(!0);l.multiple=this.multiple,l.id=l.value,t.push(l)}),t}clearSelectedOptions(){this.selectedOptions=[],this.allOptions.forEach(e=>{e.selected=!1})}setCurrentOption(e){this.allOptions.forEach(t=>{t.current=!1}),e!==void 0?(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus()):this.currentOption=void 0}setSelectedOptions(e){let t=Array.isArray(e)?e:[e];this.clearSelectedOptions(),t.forEach(i=>{i.selected=!0}),this.selectedOptions=this.allOptions.filter(i=>i.selected)}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}syncOnSelection(){var e,t,i,l;this.multiple?this.value=this.selectedOptions.map(m=>m.value):(this.value=(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:this.value,this.displayLabel=(l=(i=this.selectedOptions[0])==null?void 0:i.getTextLabel())!=null?l:""),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.filterOptions(this.displayLabel)})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleDocumentFocusIn(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDefaultKeyDown(e){switch(e.key){case"Escape":case"Tab":this.handleEscapeAndTabKeys(e);break;case"Enter":e.stopPropagation(),this.handleEnterKey(e);break;case" ":this.handleSpaceKey(e);break;case"ArrowLeft":case"ArrowRight":e.stopPropagation(),this.handleArrowKeys();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.stopPropagation(),this.handleNavigationKeys(e);break;default:e.stopPropagation(),this.focus();break}}handleEscapeAndTabKeys(e){if(this.open){e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0;return}e.key==="Escape"&&(this.multiple&&this.displayLabel!==""&&(e.stopPropagation(),this.displayLabel=""),!this.multiple&&this.selectedOptions.length>0&&(e.stopPropagation(),this.clearSelection()))}handleEnterKey(e){var l;let i=e.target.closest("dsa-tag")!==null;if((l=this.seeMoreOption)!=null&&l.current){this.handleSeeMoreClick();return}i||(e.preventDefault(),e.stopImmediatePropagation(),this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")})))}handleSpaceKey(e){this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(e.preventDefault(),e.stopImmediatePropagation(),this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}handleArrowKeys(){this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0}),this.setCurrentOption(void 0)}handleNavigationKeys(e){var i,l;let t=this.currentOption!==void 0?this.filteredOptions.indexOf(this.currentOption):-1;switch(e.preventDefault(),this.open||this.show(),e.key){case"ArrowDown":if((i=this.seeMoreOption)!=null&&i.current)break;t<this.displayedOptionsCount-1?this.setCurrentOption(this.filteredOptions[t+1]):this.filteredOptions.length>this.displayedOptionsCount&&(this.seeMoreOption?this.setCurrentOption(this.seeMoreOption):this.setCurrentOption(void 0));break;case"ArrowUp":(l=this.seeMoreOption)!=null&&l.current?(this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption.current=!1):t===0?(this.setCurrentOption(void 0),this.focus()):t>0&&this.setCurrentOption(this.filteredOptions[t-1]);break;case"Home":this.setCurrentOption(this.filteredOptions[0]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break;case"End":this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break}this.hasVisualFocus=!1}handleSeeMoreClick(){var e;this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount]),this.displayedOptionsCount=Math.min(this.displayedOptionsCount+((e=this.visibleListLength)!=null?e:0),this.filteredOptions.length),this.seeMoreOption&&(this.seeMoreOption.current=!1)}getDescriptionIds(){let e=[];if(this.multiple&&this.maxOptionsVisible>0){let t=this.selectedOptions.slice(0,this.maxOptionsVisible).map(i=>`tag-${i.value}`).join(" ");e=[...e,t]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(e=[...e,"tag-remaining"]),this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleItemsChange(){var t;(t=this.items)==null||t.forEach(i=>{i.id=i.id&&i.id!==""?i.id:i.value,i.multiple=this.multiple}),this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(i=>e.includes(i.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection(),this.resetDisplayedOptionsCount()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),this.multiple||this.syncOnSelection()}async handleOpenChange(){var e,t;if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,this.displayInput.focus({preventScroll:!0}),requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:i,options:l}=$(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),this.multiple||(this.displayLabel=(t=(e=this.selectedOptions[0])==null?void 0:e.getTextLabel())!=null?t:""),await g(this);let{keyframes:i,options:l}=$(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.listbox.hidden=!0,this.popup.active=!1,this.emit("dsa-after-hide")}}handleDisplayLabelChange(){this.filterOptions(this.displayLabel),this.resetDisplayedOptionsCount()}handleMultipleChange(){this.allOptions.forEach(e=>{e.multiple=this.multiple})}async show(){if(!(this.open||this.disabled||this.readonly||this.allOptions.length===0&&this.fetchingState==="idle"))return this.open=!0,await b(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,this.currentOption=void 0,await b(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.hasVisualFocus=!0,this.displayInput.focus(e)}blur(){this.hasVisualFocus=!1,this.displayInput.blur()}renderInput(){var S,E,I,C;let e=this.value.length>0,t=this.hasSlotController.test("label"),i=this.label?!0:!!t,l=this.clearable&&!this.disabled&&!this.readonly&&e,m=this.placeholder&&this.value.length===0,N=this.value?e?this.value.length:1:void 0,H=this.disabled||this.readonly,R=this.filteredOptions.slice(0,this.displayedOptionsCount);return a`
2
- <dsa-popup
3
- class=${y({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasVisualFocus,"select--placeholder-visible":m,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
4
- part="popup"
5
- placement=${this.placement}
6
- strategy=${this.hoist?"fixed":"absolute"}
7
- flip
8
- shift
9
- sync=${this.noSyncWidth?void 0:"width"}
10
- auto-size="vertical"
11
- auto-size-padding="10"
12
- >
13
- <div
14
- part="combobox"
15
- class="select__combobox"
16
- slot="anchor"
17
- @click=${this.handleComboboxMouseDown}
18
- @keydown=${this.handleComboboxKeyDown}
19
- >
20
- <slot part="prefix" name="prefix" class="select__prefix"></slot>
21
- <div
22
- class=${y({"input-container":!0})}
23
- >
24
- <input
25
- id="input"
26
- part="display-input"
27
- class="select__display-input"
28
- type="text"
29
- .value=${this.displayLabel}
30
- placeholder=${d(this.placeholder)}
31
- .disabled=${this.disabled}
32
- size=${N}
33
- autocomplete="off"
34
- spellcheck="false"
35
- autocapitalize="off"
36
- ?readonly=${this.readonly}
37
- title=${d((S=this.accessibleName)!=null?S:this.title)}
38
- aria-controls="listbox"
39
- aria-autocomplete="list"
40
- aria-expanded=${this.open?"true":"false"}
41
- aria-haspopup="listbox"
42
- aria-labelledby=${d(i?"label":void 0)}
43
- aria-label=${d(i?void 0:(E=this.accessibleName)!=null?E:this.title)}
44
- aria-disabled=${c(this.readonly?"true":void 0)}
45
- aria-describedby=${this.getDescriptionIds()}
46
- aria-activedescendant=${(C=(I=this.currentOption)==null?void 0:I.id)!=null?C:""}
47
- aria-invalid=${c(this.error?"true":void 0)}
48
- aria-required=${c(this.required?"true":void 0)}
49
- role="combobox"
50
- @change=${this.handleChange}
51
- @input=${this.handleInput}
52
- @focus=${this.handleFocus}
53
- @blur=${this.handleBlur}
54
- @invalid=${this.handleInvalid}
55
- />
56
-
57
- ${this.multiple&&this.value.length>0?a`
58
- <div part="tags" class="select__tags">
59
- ${this.selectedOptions.map((u,O)=>O<this.maxOptionsVisible||this.maxOptionsVisible<=0?a`
60
- <dsa-tag
61
- part="tag"
62
- exportparts="
63
- base:tag__base,
64
- content:tag__content,
65
- remove-button:tag__remove-button,
66
- remove-button__base:tag__remove-button__base
67
- "
68
- size=${this.size}
69
- removable
70
- ?disable-removable-focus=${this.disabled||this.readonly}
71
- @dsa-remove=${U=>this.handleTagRemove(U,u)}
72
- label=${u.getTextLabel()}
73
- >
74
- </dsa-tag>
75
- <span
76
- id=${`tag-${u.value}`}
77
- class="hidden-tag-label"
78
- >${u.getTextLabel()},</span
79
- >
80
- `:O===this.maxOptionsVisible?a`
81
- <dsa-tag
82
- id="tag-remaining"
83
- size=${this.size}
84
- label="+${this.selectedOptions.length-O}"
85
- >
86
- </dsa-tag>
87
- `:null)}
88
- </div>
89
- `:""}
90
- </div>
91
-
92
- <input
93
- class="select__value-input"
94
- type="text"
95
- ?disabled=${H}
96
- ?required=${this.required}
97
- .value=${this.value}
98
- tabindex="-1"
99
- aria-hidden="true"
100
- @focus=${()=>this.focus()}
101
- @invalid=${this.handleInvalid}
102
- />
103
-
104
- ${l?a`
105
- <button
106
- part="clear-button"
107
- class="select__clear"
108
- type="button"
109
- aria-label=${this.localize.term("clearEntry")}
110
- @mousedown=${this.handleClearMouseDown}
111
- @keydown=${this.handleClearMouseKeyDown}
112
- @click=${this.handleClearClick}
113
- >
114
- <dsa-icon name="close" library="system"></dsa-icon>
115
- </button>
116
- `:""}
117
- ${this.allOptions.length>0||this.fetchingState!=="idle"?a`
118
- <dsa-icon
119
- class="select__expand-icon"
120
- name="expand_more"
121
- library="system"
122
- ></dsa-icon>
123
- `:""}
124
- </div>
125
- <ul
126
- id="listbox"
127
- role="listbox"
128
- aria-expanded=${this.open?"true":"false"}
129
- aria-multiselectable="false"
130
- aria-labelledby="label"
131
- part="listbox"
132
- class="select__panel"
133
- tabindex="-1"
134
- @keydown=${this.handleDefaultKeyDown}
135
- @mouseup=${this.handleOptionClick}
136
- >
137
- ${this.fetchingState==="loading"?a`
138
- <div class="select__loading_text">
139
- <dsa-spinner></dsa-spinner>
140
- <p>${this.localize.term("optionsLoading")}</p>
141
- </div>
142
- `:a``}
143
- ${this.fetchingState==="error"?a`
144
- <div class="select__loading_text">
145
- <p>${this.localize.term("optionsError")}</p>
146
- </div>
147
- `:a``}
148
- ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length>0?R:a``}
149
- ${this.visibleListLength&&this.visibleListLength>0&&this.filteredOptions.length>this.displayedOptionsCount?a`
150
- <dsa-option
151
- class="select__panel-see-more-option"
152
- id="dsa-seemore-option"
153
- @click=${this.handleSeeMoreClick}
154
- ><span class="see-more-option-text"
155
- >${this.localize.term("seeMore")}</span
156
- ></dsa-option
157
- >
158
- `:""}
159
- ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length===0?a`
160
- <div class="select__empty_text">
161
- <p>${this.localize.term("noMatchFound")}</p>
162
- </div>
163
- `:a``}
164
- </ul>
165
-
166
- <slot
167
- class="slot_options"
168
- tabindex="-1"
169
- @slotchange=${this.handleDefaultSlotChange}
170
- >
171
- </slot>
172
- </dsa-popup>
173
- `}};s.styles=A,s.dependencies={"dsa-icon":M,"dsa-popup":K,"dsa-tag":z,"dsa-error-text":F,"dsa-spinner":T,"dsa-option":x},n([p(".select")],s.prototype,"popup",2),n([p(".select__combobox")],s.prototype,"combobox",2),n([p(".select__display-input")],s.prototype,"displayInput",2),n([p(".select__value-input")],s.prototype,"valueInput",2),n([p(".select__panel")],s.prototype,"listbox",2),n([p(".select__panel-see-more-option")],s.prototype,"seeMoreOption",2),n([r()],s.prototype,"hasVisualFocus",2),n([r()],s.prototype,"displayLabel",2),n([r()],s.prototype,"currentOption",2),n([r()],s.prototype,"selectedOptions",2),n([r()],s.prototype,"allOptions",2),n([r()],s.prototype,"filteredOptions",2),n([r()],s.prototype,"displayedOptionsCount",2),n([r()],s.prototype,"debounceTimerId",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([o({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],s.prototype,"value",2),n([V()],s.prototype,"defaultValue",2),n([o({type:Boolean})],s.prototype,"hoist",2),n([o({reflect:!0})],s.prototype,"placement",2),n([o({type:Boolean})],s.prototype,"clearable",2),n([o({attribute:"no-sync-width",type:Boolean})],s.prototype,"noSyncWidth",2),n([o({type:Array,attribute:!1})],s.prototype,"items",2),n([o({type:Boolean})],s.prototype,"multiple",2),n([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),n([o({attribute:"visible-list-length",type:Number||void 0})],s.prototype,"visibleListLength",2),n([o({type:Number,attribute:"debounce-timeout"})],s.prototype,"debounceTimeout",2),n([o({attribute:"fetching-state"})],s.prototype,"fetchingState",2),n([o({type:Boolean,attribute:"override-default-filtering"})],s.prototype,"overrideDefaultFiltering",2),n([h("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),n([h("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),n([h("items")],s.prototype,"handleItemsChange",1),n([h("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),n([h("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),n([h("displayLabel")],s.prototype,"handleDisplayLabelChange",1),n([h("multiple")],s.prototype,"handleMultipleChange",1),s=n([_("dsa-combobox")],s);w("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});w("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};
@@ -1,19 +0,0 @@
1
- import{a as l}from"./chunk.ODH67RGS.js";import{a as r,f as o}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.UMC4I57R.js";import{a as s}from"./chunk.6G2FNLAV.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var d=s`
2
- ${a}
3
-
4
- :host {
5
- display: inline-flex;
6
- }
7
-
8
- dsa-divider {
9
- --spacing-start: var(--dsa-spacing-24);
10
- --spacing-end: var(--dsa-spacing-24);
11
- }
12
-
13
- :host(:last-of-type) dsa-divider {
14
- display: none;
15
- }
16
- `;var e=class extends o{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){return i`
17
- <slot></slot>
18
- <dsa-divider vertical></dsa-divider>
19
- `}};e.styles=d,e.dependencies={"dsa-divider":l},e=t([r("dsa-header-external-link")],e);export{e as a};
@@ -1,25 +0,0 @@
1
- import{a as p}from"./chunk.V3N4CMN7.js";import{a as b}from"./chunk.63UE4VAO.js";import{c as u}from"./chunk.GM4KTNXL.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as n,b as s,d as o,f as d}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var m=0,t=class extends d{constructor(){super(...arguments);this.localize=new u(this);this.attrId=++m;this.componentId=`dsa-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}firstUpdated(){let l=this.closeButton;l!==null&&l.updateComplete.then(()=>{l.button.setAttribute("tabindex",this.active?"0":"-1")})}handleCloseClick(l){l.stopPropagation(),this.emit("dsa-close")}handleActiveChange(){var l;this.setAttribute("aria-selected",this.active?"true":"false"),(l=this.closeButton)==null||l.button.setAttribute("tabindex",this.active?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.tabIndex=this.disabled?-1:0}render(){var l;return this.id=this.id.length>0?this.id:this.componentId,a`
2
- <div
3
- part="base"
4
- class=${r({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
5
- tabindex=${c(this.disabled?"-1":null)}
6
- >
7
- <div class="tab__content">
8
- <slot part="label"></slot>
9
- <div class="tab__width-placeholder">
10
- ${(l=this.defaultSlot)==null?void 0:l.assignedNodes().map(h=>h.cloneNode(!0))}
11
- </div>
12
- </div>
13
- ${this.closable?a`
14
- <dsa-icon-button
15
- part="close-button"
16
- exportparts="base:close-button__base"
17
- name="close"
18
- label=${this.closeButtonLabel&&this.closeButtonLabel!==""?this.closeButtonLabel:this.localize.term("close")}
19
- class="tab__close-button"
20
- @click=${this.handleCloseClick}
21
- library="system"
22
- ></dsa-icon-button>
23
- `:""}
24
- </div>
25
- `}};t.styles=p,t.dependencies={"dsa-icon-button":b},e([o(".tab")],t.prototype,"tab",2),e([o("[part~=close-button]")],t.prototype,"closeButton",2),e([o("slot:not([name])")],t.prototype,"defaultSlot",2),e([s({reflect:!0})],t.prototype,"panel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"active",2),e([s({type:Boolean})],t.prototype,"closable",2),e([s({attribute:"close-button-label"})],t.prototype,"closeButtonLabel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i("active")],t.prototype,"handleActiveChange",1),e([i("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("dsa-tab")],t);export{t as a};
@@ -1,130 +0,0 @@
1
- import{a as P}from"./chunk.UAGWSEWC.js";import{c as S}from"./chunk.3RLUYXJN.js";import{a as B}from"./chunk.QSJXNN7N.js";import{a as x}from"./chunk.VL5LPHV3.js";import{a as z}from"./chunk.CUYQOZPJ.js";import{a as A}from"./chunk.U4TME7DS.js";import{b as V}from"./chunk.FWTZS7LK.js";import{a as v}from"./chunk.KLRPP4NQ.js";import{a as b,c as g}from"./chunk.HHVNQNCC.js";import{a as O,c as C}from"./chunk.TV2TMO2H.js";import{a as w}from"./chunk.NIRNX67K.js";import{c as F}from"./chunk.GM4KTNXL.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as L}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as D,b as n,c as u,d}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{a as T,b as k,f as a}from"./chunk.IZ2HVRME.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new V(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new F(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.value="";this.defaultValue=[""];this.multiple=!1;this.variant="base";this.maxOptionsVisible=3;this.clearable=!1;this.open=!1;this.hoist=!1;this.placement="bottom";this.displayValue=!1;this.noSyncWidth=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("dsa-focus")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleKeyDown(t){let e=t.target,s=e.closest(".select__clear")!==null,o=e.closest("dsa-tag")!==null;if(!(s||o)){if(this.open&&(t.key==="Tab"||t.key==="Escape")&&(t.key==="Escape"&&t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let l=this.getAllOptions(),r=this.currentOption?l.indexOf(this.currentOption):-1,p=Math.max(0,r);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"&&r<l.length-1?p=r+1:t.key==="ArrowUp"&&r>0?p=r-1:t.key==="Home"?p=0:t.key==="End"&&(p=l.length-1),this.setCurrentOption(l[p])}if(t.key.length===1||t.key==="Backspace"){let l=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 r of l)if(r.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(r);break}}}}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleComboboxMouseDown(t){let s=t.composedPath().some(o=>o instanceof Element&&o.tagName.toLowerCase()==="dsa-icon-button");this.readonly||this.disabled||s||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleClearClick(t){t.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let s=t.target.closest("dsa-option"),o=this.value;s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==o&&this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],s=[];customElements.get("dsa-option")?(t.forEach(o=>{o.multiple=this.multiple,s.push(o.value)}),this.setSelectedOptions(t.filter(o=>o.value!==""&&e.includes(o.value)))):customElements.whenDefined("dsa-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(e),this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(t){let e=this.selectedOptions.findIndex(o=>o===t),s=this.selectedOptions[e+1];s?s.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){return[...this.querySelectorAll("dsa-option")]}setCurrentOption(t){this.getAllOptions().forEach(s=>{s.current=!1,s.tabIndex=-1}),t?(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()):this.currentOption=void 0}setSelectedOptions(t){let e=this.getAllOptions(),s=Array.isArray(t)?t:[t];e.forEach(o=>o.selected=!1),s.length&&s.forEach(o=>o.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var t,e,s,o;this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?(this.value=this.selectedOptions.map(l=>l.value),this.displayLabel=""):(this.value=(e=(t=this.selectedOptions[0])==null?void 0:t.value)!=null?e:"",this.displayLabel=(o=(s=this.selectedOptions[0])==null?void 0:s.getTextLabel())!=null?o:""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleValueChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(s=>s.value!==""&&e.includes(s.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=C(this,"select.show",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.currentOption&&S(this.currentOption,this.listbox,"vertical","auto"),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=C(this,"select.hide",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.setCurrentOption(void 0),this.emit("dsa-after-hide")}}async show(){if(this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!0,await v(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,await v(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}getDescriptionIds(){let t=[];if(this.multiple&&this.maxOptionsVisible>0){let e=this.selectedOptions.slice(0,this.maxOptionsVisible).map(s=>`tag-${s.value}`).join(" ");t=[...t,e]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(t=[...t,"tag-remaining"]),this.error&&(t=[...t,"error-text"]),t=[...t,"help-text","description"],t.join(" ")}renderInput(){var $,I,E,_;let t=this.value.length>0,e=this.hasSlotController.test("label"),s=this.label?!0:!!e,o=this.clearable&&!this.disabled&&!this.readonly&&t,l=this.placeholder&&this.value.length===0,r=this.displayValue?t?this.value.length:1:void 0,p=this.disabled||this.readonly;return h`
2
- <dsa-popup
3
- class=${L({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":l,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
4
- part="popup"
5
- placement=${this.placement}
6
- strategy=${this.hoist?"fixed":"absolute"}
7
- flip
8
- shift
9
- sync=${this.noSyncWidth?void 0:"width"}
10
- auto-size="vertical"
11
- auto-size-padding="10"
12
- >
13
- <div
14
- part="combobox"
15
- class="select__combobox"
16
- slot="anchor"
17
- @keydown=${this.handleKeyDown}
18
- @mousedown=${this.handleComboboxMouseDown}
19
- >
20
- <slot part="prefix" name="prefix" class="select__prefix"></slot>
21
-
22
- <input
23
- id="input"
24
- part="display-input"
25
- class="select__display-input"
26
- type="text"
27
- placeholder=${this.placeholder}
28
- .disabled=${this.disabled}
29
- .value=${this.displayValue?this.value:this.displayLabel}
30
- size=${c(r)}
31
- autocomplete="off"
32
- spellcheck="false"
33
- autocapitalize="off"
34
- readonly
35
- title=${w(s?void 0:($=this.accessibleName)!=null?$:this.title)}
36
- aria-controls="listbox"
37
- aria-expanded=${this.open?"true":"false"}
38
- aria-haspopup="listbox"
39
- aria-label=${w(s?void 0:(I=this.accessibleName)!=null?I:this.title)}
40
- aria-disabled=${c(this.readonly?"true":void 0)}
41
- aria-describedby=${this.getDescriptionIds()}
42
- aria-activedescendant=${(_=(E=this.currentOption)==null?void 0:E.id)!=null?_:""}
43
- aria-invalid=${c(this.error?"true":void 0)}
44
- aria-required=${c(this.required?"true":void 0)}
45
- role="combobox"
46
- @focus=${this.handleFocus}
47
- @blur=${this.handleBlur}
48
- />
49
-
50
- ${this.multiple?h`
51
- <div part="tags" class="select__tags">
52
- ${this.selectedOptions.map((f,y)=>y<this.maxOptionsVisible||this.maxOptionsVisible<=0?h`
53
- <dsa-tag
54
- part="tag"
55
- exportparts="
56
- base:tag__base,
57
- content:tag__content,
58
- remove-button:tag__remove-button,
59
- remove-button__base:tag__remove-button__base
60
- "
61
- size=${this.size}
62
- removable
63
- ?disable-removable-focus=${this.disabled||this.readonly}
64
- @dsa-remove=${H=>this.handleTagRemove(H,f)}
65
- label=${f.getTextLabel()}
66
- >
67
- </dsa-tag>
68
- <span
69
- id=${`tag-${f.value}`}
70
- class="hidden-tag-label"
71
- >${f.getTextLabel()},</span
72
- >
73
- `:y===this.maxOptionsVisible?h`
74
- <dsa-tag
75
- id="tag-remaining"
76
- size=${this.size}
77
- label="+${this.selectedOptions.length-y}"
78
- >
79
- </dsa-tag>
80
- `:null)}
81
- </div>
82
- `:""}
83
-
84
- <input
85
- class="select__value-input"
86
- type="text"
87
- ?disabled=${p}
88
- ?required=${this.required}
89
- .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
90
- tabindex="-1"
91
- aria-hidden="true"
92
- @focus=${()=>this.focus()}
93
- @invalid=${this.handleInvalid}
94
- />
95
-
96
- ${o?h`
97
- <button
98
- part="clear-button"
99
- class="select__clear"
100
- type="button"
101
- aria-label=${this.localize.term("clearEntry")}
102
- @mousedown=${this.handleClearMouseDown}
103
- @click=${this.handleClearClick}
104
- >
105
- <dsa-icon name="close" library="system"></dsa-icon>
106
- </button>
107
- `:""}
108
- <dsa-icon
109
- class="select__expand-icon"
110
- name="expand_more"
111
- library="system"
112
- ></dsa-icon>
113
- </div>
114
-
115
- <div
116
- id="listbox"
117
- role="listbox"
118
- aria-expanded=${this.open?"true":"false"}
119
- aria-multiselectable=${this.multiple?"true":"false"}
120
- aria-labelledby="label"
121
- tabindex="-1"
122
- class="select__listbox"
123
- @mouseup=${this.handleOptionClick}
124
- @keydown=${this.handleKeyDown}
125
- part="listbox"
126
- >
127
- <slot @slotchange=${this.handleDefaultSlotChange}></slot>
128
- </div>
129
- </dsa-popup>
130
- `}};i.styles=P,i.dependencies=k(T({},x.dependencies),{"dsa-icon":M,"dsa-popup":z,"dsa-tag":B}),a([d(".select")],i.prototype,"popup",2),a([d(".select__combobox")],i.prototype,"combobox",2),a([d(".select__display-input")],i.prototype,"displayInput",2),a([d(".select__value-input")],i.prototype,"valueInput",2),a([d(".select__listbox")],i.prototype,"listbox",2),a([u()],i.prototype,"hasFocus",2),a([u()],i.prototype,"displayLabel",2),a([u()],i.prototype,"currentOption",2),a([u()],i.prototype,"selectedOptions",2),a([n({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>typeof t=="string"?t:t.join(" ")}})],i.prototype,"value",2),a([A()],i.prototype,"defaultValue",2),a([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),a([n({reflect:!0})],i.prototype,"variant",2),a([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),a([n({type:Boolean})],i.prototype,"clearable",2),a([n({type:Boolean,reflect:!0})],i.prototype,"open",2),a([n({type:Boolean})],i.prototype,"hoist",2),a([n({reflect:!0})],i.prototype,"placement",2),a([n({attribute:"display-value",type:Boolean})],i.prototype,"displayValue",2),a([n({attribute:"no-sync-width",type:Boolean})],i.prototype,"noSyncWidth",2),a([m("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),a([m("readonly",{waitUntilFirstUpdate:!0})],i.prototype,"handleReadonlyChange",1),a([m("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),a([m("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=a([D("dsa-select")],i);O("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};
@@ -1,50 +0,0 @@
1
- import{a as $}from"./chunk.VE2TTZQA.js";import{a as C}from"./chunk.FX5UP23Z.js";import{a as g}from"./chunk.U4TME7DS.js";import{a as v}from"./chunk.KHGWE5IX.js";import{b as k}from"./chunk.FWTZS7LK.js";import{c as b}from"./chunk.GM4KTNXL.js";import{c as y}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as n}from"./chunk.BWEPOOQP.js";import{a as c,b as l,c as u,d as m,f as p}from"./chunk.KBZ32KWP.js";import{a as f}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends p{constructor(){super(...arguments);this.formControlController=new k(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,s)=>t.checked=s});this.localize=new b(this);this.hasFocus=!1;this.name="";this.size="medium";this.disabled=!1;this.readonly=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleInput(){this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.readonly||(this.checked=!this.checked,this.emit("dsa-change"))}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleKeyDown(t){this.readonly||(t.key==="Enter"&&(t.preventDefault(),this.checked=!this.checked,this.emit("dsa-change"),this.emit("dsa-input")),t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("dsa-change"),this.emit("dsa-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("dsa-change"),this.emit("dsa-input")))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){var t,s,d,h;return r`
2
- <div
3
- class=${a({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large"})}
4
- >
5
- <label
6
- part="base"
7
- class=${a({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--readonly":this.readonly,"switch--focused":this.hasFocus,"switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
8
- >
9
- <div part="label" class="switch__label">
10
- ${this.required?r`<span class="switch__label-required">*</span>`:""}
11
- <slot></slot>
12
- </div>
13
-
14
- <div class="switch__indicator">
15
- <input
16
- class="switch__input"
17
- type="checkbox"
18
- name=${this.name}
19
- value=${o(this.value)}
20
- .checked=${C(this.checked)}
21
- .disabled=${this.disabled}
22
- .required=${this.required}
23
- role="switch"
24
- aria-checked=${this.checked?"true":"false"}
25
- aria-disabled=${o(this.readonly?"true":void 0)}
26
- @click=${this.handleClick}
27
- @input=${this.handleInput}
28
- @invalid=${this.handleInvalid}
29
- @blur=${this.handleBlur}
30
- @focus=${this.handleFocus}
31
- @keydown=${this.handleKeyDown}
32
- />
33
-
34
- <span part="control" class="switch__control">
35
- <span part="thumb" class="switch__thumb">
36
- <dsa-icon
37
- class="switch__checked-icon"
38
- name="done"
39
- library="system"
40
- ></dsa-icon>
41
- </span>
42
- </span>
43
-
44
- <div class="switch__state" aria-hidden="true">
45
- ${this.checked?(s=(t=this.labelOn)!=null?t:this.onLabel)!=null?s:this.localize.term("switchOn"):(h=(d=this.labelOff)!=null?d:this.offLabel)!=null?h:this.localize.term("switchOff")}
46
- </div>
47
- </div>
48
- </label>
49
- </div>
50
- `}};e.styles=[f,v,$],e.dependencies={"dsa-icon":y},i([m('input[type="checkbox"]')],e.prototype,"input",2),i([u()],e.prototype,"hasFocus",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([g("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([l({attribute:"label-on"})],e.prototype,"labelOn",2),i([l({attribute:"on-label"})],e.prototype,"onLabel",2),i([l({attribute:"label-off"})],e.prototype,"labelOff",2),i([l({attribute:"off-label"})],e.prototype,"offLabel",2),i([n("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=i([c("dsa-switch")],e);export{e as a};
@@ -1,51 +0,0 @@
1
- import{a as u}from"./chunk.FX5UP23Z.js";import{a as E}from"./chunk.QO3O2UNB.js";import{a as M}from"./chunk.U4TME7DS.js";import{a as V}from"./chunk.PIG773U2.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as C}from"./chunk.SWEIVB73.js";import{a as B}from"./chunk.UWBADC7U.js";import{a as $}from"./chunk.ELL45QD3.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as h}from"./chunk.B4KFHYLS.js";import{a as c}from"./chunk.NIRNX67K.js";import{a as s}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as b,b as r,c as y,d as v,f as g}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends g{constructor(){super(...arguments);this.formControlController=new k(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,a)=>t.checked=a});this.hasSlotController=new $(this,"[default]");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.parentDisabled=!1;this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.parentReadonly=!1;this.readonly=!1;this.error=!1;this.errorMessage="";this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback();let t=this.parentElement;!this.hasAttribute("role")&&t instanceof E&&this.setAttribute("role","listitem")}firstUpdated(){this.formControlController.updateValidity()}handleClick(t){if(this.readonly||this.disabled||this.parentDisabled||this.parentReadonly){t.preventDefault(),t.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("dsa-change")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleInput(){this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleDeactivatedChange(){this.readonly||this.parentReadonly?this.input.setAttribute("aria-disabled","true"):this.input.removeAttribute("aria-disabled"),(this.disabled||this.parentDisabled)&&this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}handleErrorChange(){this.error?this.input.setAttribute("aria-invalid","true"):this.input.removeAttribute("aria-invalid")}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){var m,p,f;let t=this.hasSlotController.test("[default]"),a=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly,z=a||l;return!this.hasSlotController.test("[default]")&&!this.accessibleName&&this.tabIndex!==-1&&h("<dsa-checkbox> requires an accessible name in the default slot for accessibility"),this.error&&!this.errorMessage&&h("<dsa-checkbox> requires an error-message attribute for accessibility when the error attribute is set"),n`
2
- <div
3
- part="base"
4
- class=${d({"form-control":!0,"form-control--error":this.error,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large"})}
5
- >
6
- <label
7
- class=${d({checkbox:!0,"checkbox--checked":this.checked,"checkbox--error":this.error,"checkbox--disabled":a,"checkbox--readonly":l,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--has-label":t,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
8
- >
9
- <input
10
- id="input"
11
- class="checkbox__input"
12
- type="checkbox"
13
- title=${c((m=this.accessibleName)!=null?m:this.title)}
14
- name=${c(this.name)}
15
- value=${s(this.value)}
16
- .indeterminate=${u(this.indeterminate)}
17
- .checked=${u(this.checked)}
18
- .disabled=${a}
19
- .required=${this.required}
20
- aria-label=${s(t?void 0:(p=this.accessibleName)!=null?p:this.title)}
21
- aria-describedby=${s(this.error?"error-text":void 0)}
22
- aria-disabled="${s(l?"true":void 0)}"
23
- aria-invalid=${s(this.error?"true":void 0)}
24
- @click=${this.handleClick}
25
- @input=${this.handleInput}
26
- @invalid=${this.handleInvalid}
27
- @blur=${this.handleBlur}
28
- @focus=${this.handleFocus}
29
- />
30
- <dsa-internal-checkbox-box
31
- ?checked=${this.checked}
32
- ?indeterminate=${this.indeterminate}
33
- size=${this.size}
34
- ?disabled=${a}
35
- ?readonly=${l}
36
- ?error=${this.error}
37
- aria-hidden="true"
38
- ></dsa-internal-checkbox-box>
39
-
40
- <div part="label" class="checkbox__label">
41
- ${this.required?n`<span class="checkbox__label-required">*</span>`:""}
42
- <slot
43
- ><dsa-visually-hidden
44
- >${(f=this.accessibleName)!=null?f:this.title}</dsa-visually-hidden
45
- ></slot
46
- >
47
- </div>
48
- </label>
49
- ${this.error&&!z&&this.errorMessage?C(this.errorMessage):""}
50
- </div>
51
- `}};e.styles=B,e.dependencies={"dsa-error-text":F,"dsa-visually-hidden":V},i([v('input[type="checkbox"]')],e.prototype,"input",2),i([y()],e.prototype,"hasFocus",2),i([r()],e.prototype,"title",2),i([r({reflect:!0})],e.prototype,"name",2),i([r({reflect:!0})],e.prototype,"value",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({type:Boolean})],e.prototype,"parentDisabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),i([M("checked")],e.prototype,"defaultChecked",2),i([r({type:Boolean})],e.prototype,"parentReadonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"error",2),i([r({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],e.prototype,"errorMessage",2),i([r({reflect:!0})],e.prototype,"form",2),i([r({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r({attribute:"aria-label",reflect:!0})],e.prototype,"ariaLabel",2),i([r({attribute:"accessible-name",reflect:!0})],e.prototype,"accessibleName",2),i([o(["disabled","readonly","parentDisabled","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDeactivatedChange",1),i([o(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),i([o("error",{waitUntilFirstUpdate:!0})],e.prototype,"handleErrorChange",1),e=i([b("dsa-checkbox")],e);export{e as a};
@@ -1 +0,0 @@
1
- import{a as i}from"./chunk.2LF6OMUV.js";import{a}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends i{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}handleClick(){this.checked=!this.checked}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([a("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-card")],t);export{t as a};