@synergy-design-system/components 2.12.0 → 2.13.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 (321) hide show
  1. package/dist/chunks/{chunk.YB4KKBGA.js → chunk.2TU3PMLN.js} +2 -2
  2. package/dist/chunks/{chunk.F4MRQLNL.js → chunk.32LFHSM5.js} +7 -5
  3. package/dist/chunks/chunk.32LFHSM5.js.map +7 -0
  4. package/dist/chunks/{chunk.U7JCACM5.js → chunk.4E3AZRVT.js} +2 -2
  5. package/dist/chunks/{chunk.GE4N3DEH.js → chunk.4E76ZRQI.js} +2 -2
  6. package/dist/chunks/{chunk.FJAWKC4Q.js → chunk.4OD2H3XB.js} +2 -2
  7. package/dist/chunks/{chunk.SWC5FQRY.js → chunk.4QUIUWWD.js} +2 -2
  8. package/dist/chunks/{chunk.46LZSYUL.js → chunk.5NUBLBWE.js} +2 -2
  9. package/dist/chunks/{chunk.6HHHEQL2.js → chunk.5WASDVJX.js} +2 -2
  10. package/dist/chunks/{chunk.SILUTMTL.js → chunk.6O6CGMJA.js} +2 -2
  11. package/dist/chunks/{chunk.2DTLMVCC.js → chunk.6Q3EOAQV.js} +3 -3
  12. package/dist/chunks/{chunk.DUTZXAX3.js → chunk.6SDNRNEM.js} +2 -2
  13. package/dist/chunks/{chunk.V5QBVSUE.js → chunk.6VAC3Z2Q.js} +2 -2
  14. package/dist/chunks/{chunk.47JTZI3N.js → chunk.6WKJKCWD.js} +4 -4
  15. package/dist/chunks/{chunk.47JTZI3N.js.map → chunk.6WKJKCWD.js.map} +2 -2
  16. package/dist/chunks/{chunk.OI2YSFSJ.js → chunk.7HZV4MYT.js} +2 -2
  17. package/dist/chunks/{chunk.E3ZZVSK2.js → chunk.API5O3M4.js} +7 -3
  18. package/dist/chunks/chunk.API5O3M4.js.map +7 -0
  19. package/dist/chunks/{chunk.LFFBRQZW.js → chunk.B5L6RSX7.js} +2 -2
  20. package/dist/chunks/{chunk.TJTS3RJ6.js → chunk.BBVDCOTU.js} +2 -2
  21. package/dist/chunks/{chunk.7T2JCP5U.js → chunk.BLUAN7RH.js} +30 -19
  22. package/dist/chunks/chunk.BLUAN7RH.js.map +7 -0
  23. package/dist/chunks/{chunk.RHPPIKE6.js → chunk.BMMT5J3T.js} +2 -2
  24. package/dist/chunks/{chunk.RHPPIKE6.js.map → chunk.BMMT5J3T.js.map} +1 -1
  25. package/dist/chunks/{chunk.A4LXD7RK.js → chunk.BTFRHXAP.js} +3 -3
  26. package/dist/chunks/{chunk.2N7XLLRT.js → chunk.BVZMEBPT.js} +4 -4
  27. package/dist/chunks/{chunk.2JVLDJOZ.js → chunk.C7CANCSQ.js} +3 -3
  28. package/dist/chunks/{chunk.JHRKJLEP.js → chunk.CCQIEIL2.js} +2 -2
  29. package/dist/chunks/{chunk.H44EMWNO.js → chunk.CII3JTNM.js} +3 -3
  30. package/dist/chunks/{chunk.UAYDJJOS.js → chunk.CJ357KHN.js} +2 -2
  31. package/dist/chunks/{chunk.ZU7ZBKHI.js → chunk.CX6JNMXF.js} +2 -2
  32. package/dist/chunks/{chunk.C63XSKGJ.js → chunk.DHFLT5BI.js} +3 -3
  33. package/dist/chunks/{chunk.LRPIQZUE.js → chunk.DLIV66GJ.js} +3 -3
  34. package/dist/chunks/{chunk.5MAFVQHL.js → chunk.DLKXMQBR.js} +2 -2
  35. package/dist/chunks/{chunk.4UIWHJGU.js → chunk.E3JM7C7O.js} +9 -3
  36. package/dist/chunks/chunk.E3JM7C7O.js.map +7 -0
  37. package/dist/chunks/{chunk.YXVEHDZY.js → chunk.E3PAIPJR.js} +2 -2
  38. package/dist/chunks/{chunk.4JYTX6L6.js → chunk.EEOLCQW7.js} +2 -2
  39. package/dist/chunks/{chunk.TUI5HJJF.js → chunk.EG6MODIB.js} +2 -2
  40. package/dist/chunks/{chunk.BJMYDPMI.js → chunk.EKZ73UET.js} +2 -2
  41. package/dist/chunks/{chunk.FW2KAIBS.js → chunk.ENYUQ5Q5.js} +2 -2
  42. package/dist/chunks/{chunk.7JAGIORC.js → chunk.FBSFUSLP.js} +2 -2
  43. package/dist/chunks/{chunk.AIYNTCBR.js → chunk.FF7XVNF3.js} +2 -2
  44. package/dist/chunks/{chunk.S6ITAIH6.js → chunk.FG2DGX7Z.js} +4 -4
  45. package/dist/chunks/{chunk.CRA5CBMD.js → chunk.FQWBH6B3.js} +13 -3
  46. package/dist/chunks/chunk.FQWBH6B3.js.map +7 -0
  47. package/dist/chunks/{chunk.3DLFZSF7.js → chunk.FRDQ3NA3.js} +2 -2
  48. package/dist/chunks/{chunk.JNP34M27.js → chunk.FUHFSQEX.js} +3 -3
  49. package/dist/chunks/{chunk.JNP34M27.js.map → chunk.FUHFSQEX.js.map} +2 -2
  50. package/dist/chunks/{chunk.QNDW2KU7.js → chunk.FUSBMFDB.js} +11 -7
  51. package/dist/chunks/chunk.FUSBMFDB.js.map +7 -0
  52. package/dist/chunks/{chunk.KFN7XYP3.js → chunk.GD4IVG2L.js} +2 -2
  53. package/dist/chunks/{chunk.RICGHU7R.js → chunk.GKAYXY36.js} +2 -2
  54. package/dist/chunks/{chunk.KJGQ4ZXQ.js → chunk.GLWGL7YS.js} +2 -2
  55. package/dist/chunks/{chunk.IDTO73ND.js → chunk.GQRFIMFT.js} +5 -5
  56. package/dist/chunks/{chunk.SVBD2JZ2.js → chunk.H7SVFADO.js} +2 -2
  57. package/dist/chunks/{chunk.JSAB4Y6I.js → chunk.HV53NCY4.js} +2 -2
  58. package/dist/chunks/{chunk.JAKZ77B7.js → chunk.I5BBVZWA.js} +2 -2
  59. package/dist/chunks/{chunk.UREJSW6U.js → chunk.IZEADTY5.js} +6 -1
  60. package/dist/chunks/{chunk.UREJSW6U.js.map → chunk.IZEADTY5.js.map} +2 -2
  61. package/dist/chunks/{chunk.YDFXKQKE.js → chunk.J5YHFEW6.js} +7 -7
  62. package/dist/chunks/chunk.J5YHFEW6.js.map +7 -0
  63. package/dist/chunks/{chunk.2RR6PD3H.js → chunk.JI7FGEBP.js} +2 -2
  64. package/dist/chunks/{chunk.EL6YEL4Z.js → chunk.JLRQPUIG.js} +4 -4
  65. package/dist/chunks/{chunk.LBRFK4LI.js → chunk.K2CADE4S.js} +2 -2
  66. package/dist/chunks/{chunk.2XCTA3AO.js → chunk.MAVKVXWD.js} +2 -2
  67. package/dist/chunks/{chunk.M53SBVYB.js → chunk.MFNB75KX.js} +4 -4
  68. package/dist/chunks/{chunk.DFABWKX7.js → chunk.MJEJKJER.js} +3 -3
  69. package/dist/chunks/{chunk.DFABWKX7.js.map → chunk.MJEJKJER.js.map} +1 -1
  70. package/dist/chunks/{chunk.7GDRQYV4.js → chunk.MPBNR3JJ.js} +2 -2
  71. package/dist/chunks/{chunk.IU2XW7CB.js → chunk.MXYJWR6C.js} +3 -3
  72. package/dist/chunks/{chunk.2XJUCSO3.js → chunk.NJB7SJKA.js} +2 -2
  73. package/dist/chunks/{chunk.35GWQ3HX.js → chunk.NMQJGEFL.js} +3 -3
  74. package/dist/chunks/{chunk.OTWB4YCK.js → chunk.O656KF6Y.js} +2 -2
  75. package/dist/chunks/{chunk.J6AGKJUK.js → chunk.OEFVUTI2.js} +3 -3
  76. package/dist/chunks/{chunk.NB5A7N4Y.js → chunk.PCYVMSZ7.js} +2 -2
  77. package/dist/chunks/{chunk.RTNMPZXS.js → chunk.PFORJYFS.js} +6 -6
  78. package/dist/chunks/{chunk.D3BR2E23.js → chunk.PG3Y4WUM.js} +4 -3
  79. package/dist/chunks/chunk.PG3Y4WUM.js.map +7 -0
  80. package/dist/chunks/{chunk.AOYLQDC7.js → chunk.PNWQUWHW.js} +2 -2
  81. package/dist/chunks/{chunk.YR33QXK4.js → chunk.PP6YASVT.js} +3 -3
  82. package/dist/chunks/{chunk.JGNDU3BQ.js → chunk.PVZ5GK4B.js} +2 -2
  83. package/dist/chunks/{chunk.WAN4H4BO.js → chunk.PWTZX6PQ.js} +2 -2
  84. package/dist/chunks/{chunk.RCLQ6KWO.js → chunk.QC77ZFJI.js} +2 -2
  85. package/dist/chunks/{chunk.S2HGI6BM.js → chunk.QXOHNSH7.js} +3 -3
  86. package/dist/chunks/{chunk.CBX6NOJC.js → chunk.SFOAR5BL.js} +2 -2
  87. package/dist/chunks/{chunk.WRQHSCDL.js → chunk.SGWZTGID.js} +2 -2
  88. package/dist/chunks/{chunk.2VWVV75N.js → chunk.SUMABPQN.js} +2 -2
  89. package/dist/chunks/{chunk.R76M6KAF.js → chunk.T2I3Z2JZ.js} +3 -3
  90. package/dist/chunks/{chunk.HRCFYO6D.js → chunk.TNNT6IDT.js} +2 -2
  91. package/dist/chunks/{chunk.F7DPSZNS.js → chunk.TR6K4HDS.js} +2 -2
  92. package/dist/chunks/{chunk.DVJ5ESOK.js → chunk.U5FNJXTJ.js} +2 -2
  93. package/dist/chunks/{chunk.B6ORTU2I.js → chunk.UE5LOIPK.js} +2 -2
  94. package/dist/chunks/{chunk.GJKBCEE2.js → chunk.UKJMAI4Q.js} +4 -4
  95. package/dist/chunks/{chunk.SOEUVX7Q.js → chunk.ULXNVBWC.js} +2 -2
  96. package/dist/chunks/{chunk.6FBJHPH5.js → chunk.UO45LNYQ.js} +2 -2
  97. package/dist/chunks/{chunk.V6VND4OF.js → chunk.UUB3PWNM.js} +24 -9
  98. package/dist/chunks/chunk.UUB3PWNM.js.map +7 -0
  99. package/dist/chunks/{chunk.HNJ7JOOE.js → chunk.V7V4YBUS.js} +3 -3
  100. package/dist/chunks/{chunk.OVKKA5PU.js → chunk.VJLHPHTO.js} +2 -2
  101. package/dist/chunks/{chunk.NERVPV5E.js → chunk.W6QWU55E.js} +3 -3
  102. package/dist/chunks/{chunk.VYWKS5N3.js → chunk.WHBCML74.js} +2 -2
  103. package/dist/chunks/{chunk.SCLHFDHD.js → chunk.WPCYWZX6.js} +2 -2
  104. package/dist/chunks/{chunk.X6UQBEJW.js → chunk.WRXAT2ZV.js} +3 -3
  105. package/dist/chunks/{chunk.2HVKUBS7.js → chunk.WWG3H2UB.js} +2 -2
  106. package/dist/chunks/{chunk.XY3F3BWV.js → chunk.WZ4MEHUQ.js} +2 -2
  107. package/dist/chunks/{chunk.THXJYLZH.js → chunk.YFTKZOLR.js} +3 -3
  108. package/dist/chunks/{chunk.7KHURS47.js → chunk.YPYP3MLT.js} +2 -2
  109. package/dist/chunks/{chunk.CEHNUDZV.js → chunk.YVMY7F6B.js} +2 -2
  110. package/dist/chunks/{chunk.AHZOH7NS.js → chunk.Z7GEUQ4J.js} +2 -2
  111. package/dist/chunks/{chunk.6K5JDD4E.js → chunk.ZCYK7ZRI.js} +2 -2
  112. package/dist/chunks/{chunk.XHX52IKN.js → chunk.ZDMWDROZ.js} +4 -4
  113. package/dist/chunks/{chunk.BUGMDNEC.js → chunk.ZIV4KR3D.js} +2 -2
  114. package/dist/chunks/{chunk.MPLBBUS4.js → chunk.ZNCZ4SGA.js} +2 -2
  115. package/dist/chunks/{chunk.5PHPJIT3.js → chunk.ZWDNIEOP.js} +2 -2
  116. package/dist/components/accordion/accordion.component.js +2 -2
  117. package/dist/components/accordion/accordion.js +3 -3
  118. package/dist/components/alert/alert.component.js +4 -4
  119. package/dist/components/alert/alert.js +5 -5
  120. package/dist/components/badge/badge.component.js +2 -2
  121. package/dist/components/badge/badge.js +3 -3
  122. package/dist/components/breadcrumb/breadcrumb.component.js +3 -3
  123. package/dist/components/breadcrumb/breadcrumb.js +4 -4
  124. package/dist/components/breadcrumb-item/breadcrumb-item.component.js +2 -2
  125. package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
  126. package/dist/components/button/button.component.js +4 -4
  127. package/dist/components/button/button.js +5 -5
  128. package/dist/components/button-group/button-group.component.js +2 -2
  129. package/dist/components/button-group/button-group.js +3 -3
  130. package/dist/components/card/card.component.js +2 -2
  131. package/dist/components/card/card.js +3 -3
  132. package/dist/components/checkbox/checkbox.component.js +3 -3
  133. package/dist/components/checkbox/checkbox.js +4 -4
  134. package/dist/components/combobox/combobox.component.js +5 -5
  135. package/dist/components/combobox/combobox.js +6 -6
  136. package/dist/components/combobox/combobox.styles.js +1 -1
  137. package/dist/components/details/details.component.js +3 -3
  138. package/dist/components/details/details.js +4 -4
  139. package/dist/components/dialog/dialog.component.js +4 -4
  140. package/dist/components/dialog/dialog.js +5 -5
  141. package/dist/components/divider/divider.component.js +2 -2
  142. package/dist/components/divider/divider.js +3 -3
  143. package/dist/components/drawer/drawer.component.js +4 -4
  144. package/dist/components/drawer/drawer.js +5 -5
  145. package/dist/components/dropdown/dropdown.component.js +3 -3
  146. package/dist/components/dropdown/dropdown.js +4 -4
  147. package/dist/components/file/file.component.js +5 -5
  148. package/dist/components/file/file.js +6 -6
  149. package/dist/components/header/header.component.js +4 -4
  150. package/dist/components/header/header.js +5 -5
  151. package/dist/components/icon/icon.component.js +2 -2
  152. package/dist/components/icon/icon.js +3 -3
  153. package/dist/components/icon-button/icon-button.component.js +3 -3
  154. package/dist/components/icon-button/icon-button.js +4 -4
  155. package/dist/components/input/input.component.js +4 -4
  156. package/dist/components/input/input.js +5 -5
  157. package/dist/components/menu/menu.component.js +2 -2
  158. package/dist/components/menu/menu.js +3 -3
  159. package/dist/components/menu-item/menu-item.component.d.ts +1 -0
  160. package/dist/components/menu-item/menu-item.component.js +6 -6
  161. package/dist/components/menu-item/menu-item.js +7 -7
  162. package/dist/components/menu-item/submenu-controller.js +1 -1
  163. package/dist/components/menu-label/menu-label.component.js +3 -3
  164. package/dist/components/menu-label/menu-label.js +4 -4
  165. package/dist/components/nav-item/nav-item.component.js +3 -3
  166. package/dist/components/nav-item/nav-item.js +4 -4
  167. package/dist/components/optgroup/optgroup.component.js +3 -3
  168. package/dist/components/optgroup/optgroup.js +4 -4
  169. package/dist/components/option/option.component.js +3 -3
  170. package/dist/components/option/option.js +4 -4
  171. package/dist/components/popup/popup.component.d.ts +1 -0
  172. package/dist/components/popup/popup.component.js +4 -2
  173. package/dist/components/popup/popup.js +5 -3
  174. package/dist/components/prio-nav/prio-nav.component.js +8 -8
  175. package/dist/components/prio-nav/prio-nav.js +9 -9
  176. package/dist/components/progress-bar/progress-bar.component.js +2 -2
  177. package/dist/components/progress-bar/progress-bar.js +3 -3
  178. package/dist/components/progress-ring/progress-ring.component.js +2 -2
  179. package/dist/components/progress-ring/progress-ring.js +3 -3
  180. package/dist/components/radio/radio.component.js +4 -4
  181. package/dist/components/radio/radio.custom.styles.js +1 -1
  182. package/dist/components/radio/radio.js +5 -5
  183. package/dist/components/radio-button/radio-button.component.js +2 -2
  184. package/dist/components/radio-button/radio-button.js +3 -3
  185. package/dist/components/radio-group/radio-group.component.js +4 -4
  186. package/dist/components/radio-group/radio-group.custom.styles.js +1 -1
  187. package/dist/components/radio-group/radio-group.js +5 -5
  188. package/dist/components/range/range.component.js +4 -4
  189. package/dist/components/range/range.js +5 -5
  190. package/dist/components/range-tick/range-tick.component.js +2 -2
  191. package/dist/components/range-tick/range-tick.js +3 -3
  192. package/dist/components/resize-observer/resize-observer.component.js +2 -2
  193. package/dist/components/select/select.component.d.ts +1 -0
  194. package/dist/components/select/select.component.js +7 -7
  195. package/dist/components/select/select.js +8 -8
  196. package/dist/components/select/select.styles.js +1 -1
  197. package/dist/components/side-nav/side-nav.component.js +6 -6
  198. package/dist/components/side-nav/side-nav.js +7 -7
  199. package/dist/components/spinner/spinner.component.js +2 -2
  200. package/dist/components/spinner/spinner.js +3 -3
  201. package/dist/components/switch/switch.component.js +2 -2
  202. package/dist/components/switch/switch.js +3 -3
  203. package/dist/components/tab/tab.component.js +4 -4
  204. package/dist/components/tab/tab.js +5 -5
  205. package/dist/components/tab-group/tab-group.component.d.ts +1 -1
  206. package/dist/components/tab-group/tab-group.component.js +5 -5
  207. package/dist/components/tab-group/tab-group.js +6 -6
  208. package/dist/components/tab-panel/tab-panel.component.js +2 -2
  209. package/dist/components/tab-panel/tab-panel.js +3 -3
  210. package/dist/components/tag/tag.component.js +4 -4
  211. package/dist/components/tag/tag.js +5 -5
  212. package/dist/components/textarea/textarea.component.d.ts +1 -0
  213. package/dist/components/textarea/textarea.component.js +3 -3
  214. package/dist/components/textarea/textarea.js +4 -4
  215. package/dist/components/textarea/textarea.styles.js +1 -1
  216. package/dist/components/tooltip/tooltip.component.js +3 -3
  217. package/dist/components/tooltip/tooltip.js +4 -4
  218. package/dist/components/validate/utility.js +2 -2
  219. package/dist/components/validate/validate.component.js +6 -6
  220. package/dist/components/validate/validate.js +7 -7
  221. package/dist/custom-elements.json +114 -84
  222. package/dist/styles/index.css +1 -1
  223. package/dist/synergy.js +101 -101
  224. package/dist/vscode.html-custom-data.json +23 -23
  225. package/package.json +11 -11
  226. package/dist/chunks/chunk.4UIWHJGU.js.map +0 -7
  227. package/dist/chunks/chunk.7T2JCP5U.js.map +0 -7
  228. package/dist/chunks/chunk.CRA5CBMD.js.map +0 -7
  229. package/dist/chunks/chunk.D3BR2E23.js.map +0 -7
  230. package/dist/chunks/chunk.E3ZZVSK2.js.map +0 -7
  231. package/dist/chunks/chunk.F4MRQLNL.js.map +0 -7
  232. package/dist/chunks/chunk.QNDW2KU7.js.map +0 -7
  233. package/dist/chunks/chunk.V6VND4OF.js.map +0 -7
  234. package/dist/chunks/chunk.YDFXKQKE.js.map +0 -7
  235. /package/dist/chunks/{chunk.YB4KKBGA.js.map → chunk.2TU3PMLN.js.map} +0 -0
  236. /package/dist/chunks/{chunk.U7JCACM5.js.map → chunk.4E3AZRVT.js.map} +0 -0
  237. /package/dist/chunks/{chunk.GE4N3DEH.js.map → chunk.4E76ZRQI.js.map} +0 -0
  238. /package/dist/chunks/{chunk.FJAWKC4Q.js.map → chunk.4OD2H3XB.js.map} +0 -0
  239. /package/dist/chunks/{chunk.SWC5FQRY.js.map → chunk.4QUIUWWD.js.map} +0 -0
  240. /package/dist/chunks/{chunk.46LZSYUL.js.map → chunk.5NUBLBWE.js.map} +0 -0
  241. /package/dist/chunks/{chunk.6HHHEQL2.js.map → chunk.5WASDVJX.js.map} +0 -0
  242. /package/dist/chunks/{chunk.SILUTMTL.js.map → chunk.6O6CGMJA.js.map} +0 -0
  243. /package/dist/chunks/{chunk.2DTLMVCC.js.map → chunk.6Q3EOAQV.js.map} +0 -0
  244. /package/dist/chunks/{chunk.DUTZXAX3.js.map → chunk.6SDNRNEM.js.map} +0 -0
  245. /package/dist/chunks/{chunk.V5QBVSUE.js.map → chunk.6VAC3Z2Q.js.map} +0 -0
  246. /package/dist/chunks/{chunk.OI2YSFSJ.js.map → chunk.7HZV4MYT.js.map} +0 -0
  247. /package/dist/chunks/{chunk.LFFBRQZW.js.map → chunk.B5L6RSX7.js.map} +0 -0
  248. /package/dist/chunks/{chunk.TJTS3RJ6.js.map → chunk.BBVDCOTU.js.map} +0 -0
  249. /package/dist/chunks/{chunk.A4LXD7RK.js.map → chunk.BTFRHXAP.js.map} +0 -0
  250. /package/dist/chunks/{chunk.2N7XLLRT.js.map → chunk.BVZMEBPT.js.map} +0 -0
  251. /package/dist/chunks/{chunk.2JVLDJOZ.js.map → chunk.C7CANCSQ.js.map} +0 -0
  252. /package/dist/chunks/{chunk.JHRKJLEP.js.map → chunk.CCQIEIL2.js.map} +0 -0
  253. /package/dist/chunks/{chunk.H44EMWNO.js.map → chunk.CII3JTNM.js.map} +0 -0
  254. /package/dist/chunks/{chunk.UAYDJJOS.js.map → chunk.CJ357KHN.js.map} +0 -0
  255. /package/dist/chunks/{chunk.ZU7ZBKHI.js.map → chunk.CX6JNMXF.js.map} +0 -0
  256. /package/dist/chunks/{chunk.C63XSKGJ.js.map → chunk.DHFLT5BI.js.map} +0 -0
  257. /package/dist/chunks/{chunk.LRPIQZUE.js.map → chunk.DLIV66GJ.js.map} +0 -0
  258. /package/dist/chunks/{chunk.5MAFVQHL.js.map → chunk.DLKXMQBR.js.map} +0 -0
  259. /package/dist/chunks/{chunk.YXVEHDZY.js.map → chunk.E3PAIPJR.js.map} +0 -0
  260. /package/dist/chunks/{chunk.4JYTX6L6.js.map → chunk.EEOLCQW7.js.map} +0 -0
  261. /package/dist/chunks/{chunk.TUI5HJJF.js.map → chunk.EG6MODIB.js.map} +0 -0
  262. /package/dist/chunks/{chunk.BJMYDPMI.js.map → chunk.EKZ73UET.js.map} +0 -0
  263. /package/dist/chunks/{chunk.FW2KAIBS.js.map → chunk.ENYUQ5Q5.js.map} +0 -0
  264. /package/dist/chunks/{chunk.7JAGIORC.js.map → chunk.FBSFUSLP.js.map} +0 -0
  265. /package/dist/chunks/{chunk.AIYNTCBR.js.map → chunk.FF7XVNF3.js.map} +0 -0
  266. /package/dist/chunks/{chunk.S6ITAIH6.js.map → chunk.FG2DGX7Z.js.map} +0 -0
  267. /package/dist/chunks/{chunk.3DLFZSF7.js.map → chunk.FRDQ3NA3.js.map} +0 -0
  268. /package/dist/chunks/{chunk.KFN7XYP3.js.map → chunk.GD4IVG2L.js.map} +0 -0
  269. /package/dist/chunks/{chunk.RICGHU7R.js.map → chunk.GKAYXY36.js.map} +0 -0
  270. /package/dist/chunks/{chunk.KJGQ4ZXQ.js.map → chunk.GLWGL7YS.js.map} +0 -0
  271. /package/dist/chunks/{chunk.IDTO73ND.js.map → chunk.GQRFIMFT.js.map} +0 -0
  272. /package/dist/chunks/{chunk.SVBD2JZ2.js.map → chunk.H7SVFADO.js.map} +0 -0
  273. /package/dist/chunks/{chunk.JSAB4Y6I.js.map → chunk.HV53NCY4.js.map} +0 -0
  274. /package/dist/chunks/{chunk.JAKZ77B7.js.map → chunk.I5BBVZWA.js.map} +0 -0
  275. /package/dist/chunks/{chunk.2RR6PD3H.js.map → chunk.JI7FGEBP.js.map} +0 -0
  276. /package/dist/chunks/{chunk.EL6YEL4Z.js.map → chunk.JLRQPUIG.js.map} +0 -0
  277. /package/dist/chunks/{chunk.LBRFK4LI.js.map → chunk.K2CADE4S.js.map} +0 -0
  278. /package/dist/chunks/{chunk.2XCTA3AO.js.map → chunk.MAVKVXWD.js.map} +0 -0
  279. /package/dist/chunks/{chunk.M53SBVYB.js.map → chunk.MFNB75KX.js.map} +0 -0
  280. /package/dist/chunks/{chunk.7GDRQYV4.js.map → chunk.MPBNR3JJ.js.map} +0 -0
  281. /package/dist/chunks/{chunk.IU2XW7CB.js.map → chunk.MXYJWR6C.js.map} +0 -0
  282. /package/dist/chunks/{chunk.2XJUCSO3.js.map → chunk.NJB7SJKA.js.map} +0 -0
  283. /package/dist/chunks/{chunk.35GWQ3HX.js.map → chunk.NMQJGEFL.js.map} +0 -0
  284. /package/dist/chunks/{chunk.OTWB4YCK.js.map → chunk.O656KF6Y.js.map} +0 -0
  285. /package/dist/chunks/{chunk.J6AGKJUK.js.map → chunk.OEFVUTI2.js.map} +0 -0
  286. /package/dist/chunks/{chunk.NB5A7N4Y.js.map → chunk.PCYVMSZ7.js.map} +0 -0
  287. /package/dist/chunks/{chunk.RTNMPZXS.js.map → chunk.PFORJYFS.js.map} +0 -0
  288. /package/dist/chunks/{chunk.AOYLQDC7.js.map → chunk.PNWQUWHW.js.map} +0 -0
  289. /package/dist/chunks/{chunk.YR33QXK4.js.map → chunk.PP6YASVT.js.map} +0 -0
  290. /package/dist/chunks/{chunk.JGNDU3BQ.js.map → chunk.PVZ5GK4B.js.map} +0 -0
  291. /package/dist/chunks/{chunk.WAN4H4BO.js.map → chunk.PWTZX6PQ.js.map} +0 -0
  292. /package/dist/chunks/{chunk.RCLQ6KWO.js.map → chunk.QC77ZFJI.js.map} +0 -0
  293. /package/dist/chunks/{chunk.S2HGI6BM.js.map → chunk.QXOHNSH7.js.map} +0 -0
  294. /package/dist/chunks/{chunk.CBX6NOJC.js.map → chunk.SFOAR5BL.js.map} +0 -0
  295. /package/dist/chunks/{chunk.WRQHSCDL.js.map → chunk.SGWZTGID.js.map} +0 -0
  296. /package/dist/chunks/{chunk.2VWVV75N.js.map → chunk.SUMABPQN.js.map} +0 -0
  297. /package/dist/chunks/{chunk.R76M6KAF.js.map → chunk.T2I3Z2JZ.js.map} +0 -0
  298. /package/dist/chunks/{chunk.HRCFYO6D.js.map → chunk.TNNT6IDT.js.map} +0 -0
  299. /package/dist/chunks/{chunk.F7DPSZNS.js.map → chunk.TR6K4HDS.js.map} +0 -0
  300. /package/dist/chunks/{chunk.DVJ5ESOK.js.map → chunk.U5FNJXTJ.js.map} +0 -0
  301. /package/dist/chunks/{chunk.B6ORTU2I.js.map → chunk.UE5LOIPK.js.map} +0 -0
  302. /package/dist/chunks/{chunk.GJKBCEE2.js.map → chunk.UKJMAI4Q.js.map} +0 -0
  303. /package/dist/chunks/{chunk.SOEUVX7Q.js.map → chunk.ULXNVBWC.js.map} +0 -0
  304. /package/dist/chunks/{chunk.6FBJHPH5.js.map → chunk.UO45LNYQ.js.map} +0 -0
  305. /package/dist/chunks/{chunk.HNJ7JOOE.js.map → chunk.V7V4YBUS.js.map} +0 -0
  306. /package/dist/chunks/{chunk.OVKKA5PU.js.map → chunk.VJLHPHTO.js.map} +0 -0
  307. /package/dist/chunks/{chunk.NERVPV5E.js.map → chunk.W6QWU55E.js.map} +0 -0
  308. /package/dist/chunks/{chunk.VYWKS5N3.js.map → chunk.WHBCML74.js.map} +0 -0
  309. /package/dist/chunks/{chunk.SCLHFDHD.js.map → chunk.WPCYWZX6.js.map} +0 -0
  310. /package/dist/chunks/{chunk.X6UQBEJW.js.map → chunk.WRXAT2ZV.js.map} +0 -0
  311. /package/dist/chunks/{chunk.2HVKUBS7.js.map → chunk.WWG3H2UB.js.map} +0 -0
  312. /package/dist/chunks/{chunk.XY3F3BWV.js.map → chunk.WZ4MEHUQ.js.map} +0 -0
  313. /package/dist/chunks/{chunk.THXJYLZH.js.map → chunk.YFTKZOLR.js.map} +0 -0
  314. /package/dist/chunks/{chunk.7KHURS47.js.map → chunk.YPYP3MLT.js.map} +0 -0
  315. /package/dist/chunks/{chunk.CEHNUDZV.js.map → chunk.YVMY7F6B.js.map} +0 -0
  316. /package/dist/chunks/{chunk.AHZOH7NS.js.map → chunk.Z7GEUQ4J.js.map} +0 -0
  317. /package/dist/chunks/{chunk.6K5JDD4E.js.map → chunk.ZCYK7ZRI.js.map} +0 -0
  318. /package/dist/chunks/{chunk.XHX52IKN.js.map → chunk.ZDMWDROZ.js.map} +0 -0
  319. /package/dist/chunks/{chunk.BUGMDNEC.js.map → chunk.ZIV4KR3D.js.map} +0 -0
  320. /package/dist/chunks/{chunk.MPLBBUS4.js.map → chunk.ZNCZ4SGA.js.map} +0 -0
  321. /package/dist/chunks/{chunk.5PHPJIT3.js.map → chunk.ZWDNIEOP.js.map} +0 -0
package/dist/chunks/{chunk.UREJSW6U.js.map → chunk.IZEADTY5.js.map} RENAMED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/components/combobox/combobox.styles.ts"],
4
- "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .combobox {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .combobox::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .combobox[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .combobox[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .combobox__inputs {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .combobox__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .combobox__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox:not(.combobox--disabled):hover .combobox__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .combobox__display-input:focus {\n outline: none;\n }\n\n .combobox__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n /* Standard combobox */\n .combobox--standard .combobox__inputs {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .combobox--standard.combobox--disabled .combobox__inputs {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .combobox--small .combobox__inputs {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__inputs {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__inputs {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n/* Prefix and Suffix */\n .combobox__prefix,\n .combobox__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .combobox__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .combobox__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .combobox__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--open .combobox__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .combobox__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .combobox__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .combobox__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n\n\n /**\n * Invalid user data\n */\n :host([data-user-invalid]) .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n }\n\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n }\n\n /* Clear button */\n .combobox__clear {\n color: var(--syn-input-icon-icon-clearable-color);\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--small .combobox__clear {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--large .combobox__clear {\n font-size: var(--syn-spacing-x-large);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n color: var(--syn-color-neutral-950);\n font-size: var(--syn-spacing-large);\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Change combobox border on hover */\n .combobox:not(.combobox--disabled):hover .combobox__inputs {\n border-color: var(--syn-input-color-hover);\n }\n\n /* Prefix and Suffix */\n\n /* Small */\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-spacing-x-small);\n }\n\n .combobox--small .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-x-small);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox__prefix,\n .combobox__suffix {\n color: var(--syn-input-help-text-color);\n }\n\n\n\n /* Listbox */\n .combobox__listbox {\n /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n border-radius: var(--syn-border-radius-none);\n box-shadow: var(--syn-shadow-medium);\n }\n\n /**\n * Make sure to hide the syn-divider for the first syn-optgroup\n * Note! ::slotted does currently not work with ::part, so we\n * opted for using a css variable here.\n */\n .combobox__listbox ::slotted(syn-optgroup:first-of-type) {\n --display-divider: none;\n }\n`;\n"],
5
- "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
4
+ "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .combobox {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .combobox::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .combobox[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .combobox[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .combobox__inputs {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .combobox__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .combobox__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox:not(.combobox--disabled):hover .combobox__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .combobox__display-input:focus {\n outline: none;\n }\n\n .combobox__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n /* Standard combobox */\n .combobox--standard .combobox__inputs {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .combobox--standard.combobox--disabled .combobox__inputs {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .combobox--small .combobox__inputs {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__inputs {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__inputs {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__inputs {\n padding-inline-start: 0;\n padding-block: 4px;\n }\n\n/* Prefix and Suffix */\n .combobox__prefix,\n .combobox__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .combobox__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .combobox__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .combobox__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--open .combobox__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .combobox__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .combobox__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .combobox__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n\n\n /**\n * Invalid user data\n */\n :host([data-user-invalid]) .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n }\n\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n }\n\n /* Clear button */\n .combobox__clear {\n color: var(--syn-input-icon-icon-clearable-color);\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--small .combobox__clear {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--large .combobox__clear {\n font-size: var(--syn-spacing-x-large);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n color: var(--syn-color-neutral-950);\n font-size: var(--syn-spacing-large);\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Change combobox border on hover */\n .combobox:not(.combobox--disabled):hover .combobox__inputs {\n border-color: var(--syn-input-color-hover);\n }\n\n /* Prefix and Suffix */\n\n /* Small */\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-spacing-x-small);\n }\n\n .combobox--small .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-x-small);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox__prefix,\n .combobox__suffix {\n color: var(--syn-input-help-text-color);\n }\n\n\n\n /* Listbox */\n .combobox__listbox {\n /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n border-radius: var(--syn-border-radius-none);\n box-shadow: var(--syn-shadow-medium);\n }\n\n /**\n * Make sure to hide the syn-divider for the first syn-optgroup\n * Note! ::slotted does currently not work with ::part, so we\n * opted for using a css variable here.\n */\n .combobox__listbox ::slotted(syn-optgroup:first-of-type) {\n --display-divider: none;\n }\n`;\n"],
5
+ "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/chunks/{chunk.YDFXKQKE.js → chunk.J5YHFEW6.js} RENAMED
@@ -6,13 +6,13 @@ import {
6
6
  } from "./chunk.PKYC7QF3.js";
7
7
  import {
8
8
  SynResizeObserver
9
- } from "./chunk.JSAB4Y6I.js";
9
+ } from "./chunk.HV53NCY4.js";
10
10
  import {
11
11
  scrollIntoView
12
12
  } from "./chunk.5732DMBC.js";
13
13
  import {
14
14
  SynIconButton
15
- } from "./chunk.THXJYLZH.js";
15
+ } from "./chunk.YFTKZOLR.js";
16
16
  import {
17
17
  LocalizeController
18
18
  } from "./chunk.GIU3H3J3.js";
@@ -24,7 +24,7 @@ import {
24
24
  } from "./chunk.NLYVOJGK.js";
25
25
  import {
26
26
  SynergyElement
27
- } from "./chunk.RHPPIKE6.js";
27
+ } from "./chunk.BMMT5J3T.js";
28
28
  import {
29
29
  __decorateClass,
30
30
  __spreadValues
@@ -92,10 +92,10 @@ import { html } from "lit";
92
92
  var SynTabGroup = class extends SynergyElement {
93
93
  constructor() {
94
94
  super(...arguments);
95
- this.localize = new LocalizeController(this);
96
95
  this.tabs = [];
97
96
  this.focusableTabs = [];
98
97
  this.panels = [];
98
+ this.localize = new LocalizeController(this);
99
99
  this.hasScrollControls = false;
100
100
  this.shouldHideScrollStartButton = false;
101
101
  this.shouldHideScrollEndButton = false;
@@ -190,7 +190,7 @@ var SynTabGroup = class extends SynergyElement {
190
190
  }
191
191
  if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
192
192
  const activeEl = this.tabs.find((t) => t.matches(":focus"));
193
- const isRtl = this.matches(":dir(rtl)");
193
+ const isRtl = this.localize.dir() === "rtl";
194
194
  let nextTab = null;
195
195
  if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "syn-tab") {
196
196
  if (event.key === "Home") {
@@ -279,7 +279,7 @@ var SynTabGroup = class extends SynergyElement {
279
279
  }
280
280
  const width = currentTab.clientWidth;
281
281
  const height = currentTab.clientHeight;
282
- const isRtl = this.matches(":dir(rtl)");
282
+ const isRtl = this.localize.dir() === "rtl";
283
283
  const allTabs = this.getAllTabs();
284
284
  const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));
285
285
  const offset = precedingTabs.reduce(
@@ -491,4 +491,4 @@ __decorateClass([
491
491
  export {
492
492
  SynTabGroup
493
493
  };
494
- //# sourceMappingURL=chunk.YDFXKQKE.js.map
494
+ //# sourceMappingURL=chunk.J5YHFEW6.js.map
package/dist/chunks/chunk.J5YHFEW6.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/internal/scrollend-polyfill.ts", "../../src/components/tab-group/tab-group.component.ts"],
4
+ "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\ntype GenericCallback = (this: unknown, ...args: unknown[]) => unknown;\n\ntype MethodOf<T, K extends keyof T> = T[K] extends GenericCallback ? T[K] : never;\n\nconst debounce = <T extends GenericCallback>(fn: T, delay: number) => {\n let timerId = 0;\n\n return function (this: unknown, ...args: unknown[]) {\n window.clearTimeout(timerId);\n timerId = window.setTimeout(() => {\n fn.call(this, ...args);\n }, delay);\n };\n};\n\nconst decorate = <T, M extends keyof T>(\n proto: T,\n method: M,\n decorateFn: (this: unknown, superFn: T[M], ...args: unknown[]) => unknown\n) => {\n const superFn = proto[method] as MethodOf<T, M>;\n\n proto[method] = function (this: unknown, ...args: unknown[]) {\n superFn.call(this, ...args);\n decorateFn.call(this, superFn, ...args);\n } as MethodOf<T, M>;\n};\n\nconst isSupported = 'onscrollend' in window;\n\nif (!isSupported) {\n const pointers = new Set();\n const scrollHandlers = new WeakMap<EventTarget, EventListenerOrEventListenerObject>();\n\n const handlePointerDown = (event: TouchEvent) => {\n for (const touch of event.changedTouches) {\n pointers.add(touch.identifier);\n }\n };\n\n const handlePointerUp = (event: TouchEvent) => {\n for (const touch of event.changedTouches) {\n pointers.delete(touch.identifier);\n }\n };\n\n document.addEventListener('touchstart', handlePointerDown, true);\n document.addEventListener('touchend', handlePointerUp, true);\n document.addEventListener('touchcancel', handlePointerUp, true);\n\n decorate(EventTarget.prototype, 'addEventListener', function (this: EventTarget, addEventListener, type) {\n if (type !== 'scrollend') return;\n\n const handleScrollEnd = debounce(() => {\n if (!pointers.size) {\n // If no pointer is active in the scroll area then the scroll has ended\n this.dispatchEvent(new Event('scrollend'));\n } else {\n // otherwise let's wait a bit more\n handleScrollEnd();\n }\n }, 100);\n\n addEventListener.call(this, 'scroll', handleScrollEnd, { passive: true });\n scrollHandlers.set(this, handleScrollEnd);\n });\n\n decorate(EventTarget.prototype, 'removeEventListener', function (this: EventTarget, removeEventListener, type) {\n if (type !== 'scrollend') return;\n\n const scrollHandler = scrollHandlers.get(this);\n if (scrollHandler) {\n removeEventListener.call(this, 'scroll', scrollHandler, { passive: true } as unknown as EventListenerOptions);\n }\n });\n}\n\n// Without an import or export, TypeScript sees vars in this file as global\nexport {};\n", "/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport '../../internal/scrollend-polyfill.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { eventOptions, property, query, state } from 'lit/decorators.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { scrollIntoView } from '../../internal/scroll.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport SynResizeObserver from '../resize-observer/resize-observer.component.js';\nimport styles from './tab-group.styles.js';\nimport customStyles from './tab-group.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type SynTab from '../tab/tab.js';\nimport type SynTabPanel from '../tab-panel/tab-panel.js';\n\n/**\n * @summary Tab groups organize content into a container that shows one section at a time.\n * @documentation https://synergy.style/components/tab-group\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - Used for grouping tab panels in the tab group. Must be `<syn-tab-panel>` elements.\n * @slot nav - Used for grouping tabs in the tab group. Must be `<syn-tab>` elements.\n *\n * @event {{ name: String }} syn-tab-show - Emitted when a tab is shown. The payload of the event returns the \"panel\" attribute of the shown tab.\n * @event {{ name: String }} syn-tab-hide - Emitted when a tab is hidden. The payload of the event returns the \"panel\" attribute of the hidden tab.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tab group's navigation container where tabs are slotted in.\n * @csspart tabs - The container that wraps the tabs.\n * @csspart active-tab-indicator - The line that highlights the currently selected tab.\n * @csspart body - The tab group's body where tab panels are slotted in.\n * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<syn-icon-button>`.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n * @csspart scroll-button__base - The scroll button's exported `base` part.\n *\n * @cssproperty --indicator-color - The color of the active tab indicator.\n * @cssproperty --indicator-width - The width of the active tab indicator.\n * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).\n * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).\n */\nexport default class SynTabGroup extends SynergyElement {\n static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n static dependencies = { 'syn-icon-button': SynIconButton, 'syn-resize-observer': SynResizeObserver };\n\n private activeTab?: SynTab;\n private mutationObserver: MutationObserver;\n private resizeObserver: ResizeObserver;\n private tabs: SynTab[] = [];\n private focusableTabs: SynTab[] = [];\n private panels: SynTabPanel[] = [];\n private readonly localize = new LocalizeController(this);\n\n @query('.tab-group') tabGroup: HTMLElement;\n @query('.tab-group__body') body: HTMLSlotElement;\n @query('.tab-group__nav') nav: HTMLElement;\n @query('.tab-group__indicator') indicator: HTMLElement;\n\n @state() private hasScrollControls = false;\n\n @state() private shouldHideScrollStartButton = false;\n @state() private shouldHideScrollEndButton = false;\n\n /** The placement of the tabs. */\n @property() placement: 'top' | 'start' | 'end' = 'top';\n\n /**\n * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\n * manual, the tab will receive focus but will not show until the user presses spacebar or enter.\n */\n @property() activation: 'auto' | 'manual' = 'auto';\n\n /** Disables the scroll arrows that appear when tabs overflow. */\n @property({ attribute: 'no-scroll-controls', type: Boolean }) noScrollControls = false;\n\n /** Draws the tab group as a contained element. */\n @property({ type: Boolean }) contained = false;\n \n /** Draws the tab group with edges instead of roundings. Takes only effect if used with the 'contained' property */\n @property({ type: Boolean }) sharp = false;\n\n /** Prevent scroll buttons from being hidden when inactive. */\n @property({ attribute: 'fixed-scroll-controls', type: Boolean }) fixedScrollControls = false;\n\n connectedCallback() {\n const whenAllDefined = Promise.all([\n customElements.whenDefined('syn-tab'),\n customElements.whenDefined('syn-tab-panel')\n ]);\n\n super.connectedCallback();\n\n this.resizeObserver = new ResizeObserver(() => {\n this.repositionIndicator();\n this.updateScrollControls();\n });\n\n this.mutationObserver = new MutationObserver(mutations => {\n // Update aria labels when the DOM changes\n if (mutations.some(m => !['aria-labelledby', 'aria-controls'].includes(m.attributeName!))) {\n setTimeout(() => this.setAriaLabels());\n }\n\n // Sync tabs when disabled states change\n if (mutations.some(m => m.attributeName === 'disabled')) {\n this.syncTabsAndPanels();\n }\n });\n\n // After the first update...\n this.updateComplete.then(() => {\n this.syncTabsAndPanels();\n this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });\n this.resizeObserver.observe(this.nav);\n\n // Wait for tabs and tab panels to be registered\n whenAllDefined.then(() => {\n // Set initial tab state when the tabs become visible\n const intersectionObserver = new IntersectionObserver((entries, observer) => {\n if (entries[0].intersectionRatio > 0) {\n this.setAriaLabels();\n this.setActiveTab(this.getActiveTab() ?? this.tabs[0], { emitEvents: false });\n observer.unobserve(entries[0].target);\n }\n });\n intersectionObserver.observe(this.tabGroup);\n });\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.mutationObserver?.disconnect();\n\n if (this.nav) {\n this.resizeObserver?.unobserve(this.nav);\n }\n }\n\n private getAllTabs() {\n const slot = this.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"nav\"]')!;\n\n return slot.assignedElements() as SynTab[];\n }\n\n private getAllPanels() {\n return [...this.body.assignedElements()].filter(el => el.tagName.toLowerCase() === 'syn-tab-panel') as [SynTabPanel];\n }\n\n private getActiveTab() {\n return this.tabs.find(el => el.active);\n }\n\n private handleClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('syn-tab');\n const tabGroup = tab?.closest('syn-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const target = event.target as HTMLElement;\n const tab = target.closest('syn-tab');\n const tabGroup = tab?.closest('syn-tab-group');\n\n // Ensure the target tab is in this tab group\n if (tabGroup !== this) {\n return;\n }\n\n // Activate a tab\n if (['Enter', ' '].includes(event.key)) {\n if (tab !== null) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n event.preventDefault();\n }\n }\n\n // Move focus left or right\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n const activeEl = this.tabs.find(t => t.matches(':focus'));\n const isRtl = this.localize.dir() === 'rtl';\n let nextTab: null | SynTab = null;\n\n if (activeEl?.tagName.toLowerCase() === 'syn-tab') {\n if (event.key === 'Home') {\n nextTab = this.focusableTabs[0];\n } else if (event.key === 'End') {\n nextTab = this.focusableTabs[this.focusableTabs.length - 1];\n } else if (\n (['top'].includes(this.placement) && event.key === (isRtl ? 'ArrowRight' : 'ArrowLeft')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowUp')\n ) {\n const currentIndex = this.tabs.findIndex(el => el === activeEl);\n nextTab = this.findNextFocusableTab(currentIndex, 'backward');\n } else if (\n (['top'].includes(this.placement) && event.key === (isRtl ? 'ArrowLeft' : 'ArrowRight')) ||\n (['start', 'end'].includes(this.placement) && event.key === 'ArrowDown')\n ) {\n const currentIndex = this.tabs.findIndex(el => el === activeEl);\n nextTab = this.findNextFocusableTab(currentIndex, 'forward');\n }\n\n if (!nextTab) {\n return;\n }\n\n nextTab.tabIndex = 0;\n nextTab.focus({ preventScroll: true });\n\n if (this.activation === 'auto') {\n this.setActiveTab(nextTab, { scrollBehavior: 'smooth' });\n } else {\n this.tabs.forEach(tabEl => {\n tabEl.tabIndex = tabEl === nextTab ? 0 : -1;\n });\n }\n\n if (['top'].includes(this.placement)) {\n scrollIntoView(nextTab, this.nav, 'horizontal');\n }\n\n event.preventDefault();\n }\n }\n }\n\n private handleScrollToStart() {\n this.nav.scroll({\n left:\n this.localize.dir() === 'rtl'\n ? this.nav.scrollLeft + this.nav.clientWidth\n : this.nav.scrollLeft - this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private handleScrollToEnd() {\n this.nav.scroll({\n left:\n this.localize.dir() === 'rtl'\n ? this.nav.scrollLeft - this.nav.clientWidth\n : this.nav.scrollLeft + this.nav.clientWidth,\n behavior: 'smooth'\n });\n }\n\n private setActiveTab(tab: SynTab, options?: { emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }) {\n options = {\n emitEvents: true,\n scrollBehavior: 'auto',\n ...options\n };\n\n if (tab !== this.activeTab && !tab.disabled) {\n const previousTab = this.activeTab;\n this.activeTab = tab;\n\n // Sync active tab and panel\n this.tabs.forEach(el => {\n el.active = el === this.activeTab;\n el.tabIndex = el === this.activeTab ? 0 : -1;\n });\n this.panels.forEach(el => (el.active = el.name === this.activeTab?.panel));\n this.syncIndicator();\n\n if (['top'].includes(this.placement)) {\n scrollIntoView(this.activeTab, this.nav, 'horizontal', options.scrollBehavior);\n }\n\n // Emit events\n if (options.emitEvents) {\n if (previousTab) {\n this.emit('syn-tab-hide', { detail: { name: previousTab.panel } });\n }\n\n this.emit('syn-tab-show', { detail: { name: this.activeTab.panel } });\n }\n }\n }\n\n private setAriaLabels() {\n // Link each tab with its corresponding panel\n this.tabs.forEach(tab => {\n const panel = this.panels.find(el => el.name === tab.panel);\n if (panel) {\n tab.setAttribute('aria-controls', panel.getAttribute('id')!);\n panel.setAttribute('aria-labelledby', tab.getAttribute('id')!);\n }\n });\n }\n\n private repositionIndicator() {\n const currentTab = this.getActiveTab();\n\n if (!currentTab) {\n return;\n }\n\n const width = currentTab.clientWidth;\n const height = currentTab.clientHeight;\n const isRtl = this.localize.dir() === 'rtl';\n\n // We can't used offsetLeft/offsetTop here due to a shadow parent issue where neither can getBoundingClientRect\n // because it provides invalid values for animating elements: https://bugs.chromium.org/p/chromium/issues/detail?id=920069\n const allTabs = this.getAllTabs();\n const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));\n const offset = precedingTabs.reduce(\n (previous, current) => ({\n left: previous.left + current.clientWidth,\n top: previous.top + current.clientHeight\n }),\n { left: 0, top: 0 }\n );\n\n switch (this.placement) {\n case 'top':\n this.indicator.style.width = `calc(${width}px - ${ (this.contained || this.sharp) ? '2 * var(--syn-spacing-large)' : '0px' })`;\n this.indicator.style.height = 'auto';\n this.indicator.style.translate = `calc(${isRtl ? '-' : ''}1 * (${offset.left}px + ${ (this.contained || this.sharp) ? 'var(--syn-spacing-large)' : '0px' }))`;\n break;\n\n case 'start':\n case 'end':\n this.indicator.style.width = 'auto';\n this.indicator.style.height = `calc(${height}px - ${ (this.contained || this.sharp) ? '2 * var(--syn-spacing-small)' : '0px' })`;\n this.indicator.style.translate = `0 calc(${offset.top}px + ${ (this.contained || this.sharp) ? 'var(--syn-spacing-small)' : '0px' })`;\n break;\n }\n }\n\n // This stores tabs and panels so we can refer to a cache instead of calling querySelectorAll() multiple times.\n private syncTabsAndPanels() {\n this.tabs = this.getAllTabs();\n this.focusableTabs = this.tabs.filter(el => !el.disabled);\n\n this.panels = this.getAllPanels();\n this.syncIndicator();\n\n // After updating, show or hide scroll controls as needed\n this.updateComplete.then(() => this.updateScrollControls());\n }\n\n private findNextFocusableTab(currentIndex: number, direction: 'forward' | 'backward') {\n let nextTab = null;\n const iterator = direction === 'forward' ? 1 : -1;\n let nextIndex = currentIndex + iterator;\n\n while (currentIndex < this.tabs.length) {\n nextTab = this.tabs[nextIndex] || null;\n\n if (nextTab === null) {\n // This is where wrapping happens. If we're moving forward and get to the end, then we jump to the beginning. If we're moving backward and get to the start, then we jump to the end.\n if (direction === 'forward') {\n nextTab = this.focusableTabs[0];\n } else {\n nextTab = this.focusableTabs[this.focusableTabs.length - 1];\n }\n break;\n }\n\n if (!nextTab.disabled) {\n break;\n }\n\n nextIndex += iterator;\n }\n\n return nextTab;\n }\n\n /**\n * The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be, so\n * we add one pixel of wiggle room to our calculations.\n */\n private scrollOffset = 1;\n\n @eventOptions({ passive: true })\n private updateScrollButtons() {\n if (this.hasScrollControls && !this.fixedScrollControls) {\n this.shouldHideScrollStartButton = this.scrollFromStart() <= this.scrollOffset;\n this.shouldHideScrollEndButton = this.isScrolledToEnd();\n }\n }\n\n private isScrolledToEnd() {\n return this.scrollFromStart() + this.nav.clientWidth >= this.nav.scrollWidth - this.scrollOffset;\n }\n\n private scrollFromStart() {\n return this.localize.dir() === 'rtl' ? -this.nav.scrollLeft : this.nav.scrollLeft;\n }\n\n @watch('noScrollControls', { waitUntilFirstUpdate: true })\n updateScrollControls() {\n if (this.noScrollControls) {\n this.hasScrollControls = false;\n } else {\n // In most cases, we can compare scrollWidth to clientWidth to determine if scroll controls should show. However,\n // Safari appears to calculate this incorrectly when zoomed at 110%, causing the controls to toggle indefinitely.\n // Adding a single pixel to the comparison seems to resolve it.\n //\n // See https://github.com/synergy-design-system/synergy/issues/1839\n this.hasScrollControls =\n ['top'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth + 1;\n }\n\n this.updateScrollButtons();\n }\n\n @watch('placement', { waitUntilFirstUpdate: true })\n syncIndicator() {\n const tab = this.getActiveTab();\n\n if (tab) {\n this.indicator.style.display = 'block';\n this.repositionIndicator();\n } else {\n this.indicator.style.display = 'none';\n }\n }\n\n /** Shows the specified tab panel. */\n show(panel: string) {\n const tab = this.tabs.find(el => el.panel === panel);\n\n if (tab) {\n this.setActiveTab(tab, { scrollBehavior: 'smooth' });\n }\n }\n\n render() {\n\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'tab-group': true,\n 'tab-group--top': this.placement === 'top',\n 'tab-group--start': this.placement === 'start',\n 'tab-group--end': this.placement === 'end',\n 'tab-group--rtl': this.localize.dir() === 'rtl',\n 'tab-group--has-scroll-controls': this.hasScrollControls,\n 'tab-group--contained': this.contained,\n 'tab-group--sharp': this.sharp,\n })}\n @click=${this.handleClick}\n @keydown=${this.handleKeyDown}\n >\n <div class=\"tab-group__nav-container\" part=\"nav\">\n ${this.hasScrollControls\n ? html`\n <syn-icon-button\n part=\"scroll-button scroll-button--start\"\n exportparts=\"base:scroll-button__base\"\n class=${classMap({\n 'tab-group__scroll-button': true,\n 'tab-group__scroll-button--start': true,\n 'tab-group__scroll-button--start--hidden': this.shouldHideScrollStartButton\n })}\n name=\"chevron-right\"\n library=\"system\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n label=${this.localize.term('scrollToStart')}\n @click=${this.handleScrollToStart}\n ></syn-icon-button>\n `\n : ''}\n\n <div class=\"tab-group__nav\" @scrollend=${this.updateScrollButtons}>\n <div part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n <div part=\"active-tab-indicator\" class=\"tab-group__indicator\"></div>\n <syn-resize-observer @syn-resize=${this.syncIndicator}>\n <slot name=\"nav\" @slotchange=${this.syncTabsAndPanels}></slot>\n </syn-resize-observer>\n </div>\n </div>\n\n ${this.hasScrollControls\n ? html`\n <syn-icon-button\n part=\"scroll-button scroll-button--end\"\n exportparts=\"base:scroll-button__base\"\n class=${classMap({\n 'tab-group__scroll-button': true,\n 'tab-group__scroll-button--end': true,\n 'tab-group__scroll-button--end--hidden': this.shouldHideScrollEndButton\n })}\n name=\"chevron-right\"\n library=\"system\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n label=${this.localize.term('scrollToEnd')}\n @click=${this.handleScrollToEnd}\n ></syn-icon-button>\n `\n : ''}\n </div>\n\n <slot part=\"body\" class=\"tab-group__body\" @slotchange=${this.syncTabsAndPanels}></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'syn-tab-group': SynTabGroup;\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
package/dist/chunks/{chunk.2RR6PD3H.js → chunk.JI7FGEBP.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynMenu
3
- } from "./chunk.5PHPJIT3.js";
3
+ } from "./chunk.ZWDNIEOP.js";
4
4
 
5
5
  // src/components/menu/menu.ts
6
6
  var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
9
9
  export {
10
10
  menu_default
11
11
  };
12
- //# sourceMappingURL=chunk.2RR6PD3H.js.map
12
+ //# sourceMappingURL=chunk.JI7FGEBP.js.map
package/dist/chunks/{chunk.EL6YEL4Z.js → chunk.JLRQPUIG.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  radio_custom_styles_default
3
- } from "./chunk.V6VND4OF.js";
3
+ } from "./chunk.UUB3PWNM.js";
4
4
  import {
5
5
  radio_styles_default
6
6
  } from "./chunk.EHSNF4SS.js";
7
7
  import {
8
8
  SynIcon
9
- } from "./chunk.SOEUVX7Q.js";
9
+ } from "./chunk.ULXNVBWC.js";
10
10
  import {
11
11
  watch
12
12
  } from "./chunk.74IOULXM.js";
@@ -15,7 +15,7 @@ import {
15
15
  } from "./chunk.NLYVOJGK.js";
16
16
  import {
17
17
  SynergyElement
18
- } from "./chunk.RHPPIKE6.js";
18
+ } from "./chunk.BMMT5J3T.js";
19
19
  import {
20
20
  __decorateClass
21
21
  } from "./chunk.2GFK6XTO.js";
@@ -114,4 +114,4 @@ __decorateClass([
114
114
  export {
115
115
  SynRadio
116
116
  };
117
- //# sourceMappingURL=chunk.EL6YEL4Z.js.map
117
+ //# sourceMappingURL=chunk.JLRQPUIG.js.map
package/dist/chunks/{chunk.LBRFK4LI.js → chunk.K2CADE4S.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynTooltip
3
- } from "./chunk.D3BR2E23.js";
3
+ } from "./chunk.PG3Y4WUM.js";
4
4
 
5
5
  // src/components/tooltip/tooltip.ts
6
6
  var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
9
9
  export {
10
10
  tooltip_default
11
11
  };
12
- //# sourceMappingURL=chunk.LBRFK4LI.js.map
12
+ //# sourceMappingURL=chunk.K2CADE4S.js.map
package/dist/chunks/{chunk.2XCTA3AO.js → chunk.MAVKVXWD.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynDivider
3
- } from "./chunk.AIYNTCBR.js";
3
+ } from "./chunk.FF7XVNF3.js";
4
4
 
5
5
  // src/components/divider/divider.ts
6
6
  var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
9
9
  export {
10
10
  divider_default
11
11
  };
12
- //# sourceMappingURL=chunk.2XCTA3AO.js.map
12
+ //# sourceMappingURL=chunk.MAVKVXWD.js.map
package/dist/chunks/{chunk.M53SBVYB.js → chunk.MFNB75KX.js} RENAMED
@@ -3,13 +3,13 @@ import {
3
3
  isBlurEvent,
4
4
  isInvalidEvent,
5
5
  normalizeEventAttribute
6
- } from "./chunk.YXVEHDZY.js";
6
+ } from "./chunk.E3PAIPJR.js";
7
7
  import {
8
8
  validate_styles_default
9
9
  } from "./chunk.MVM3NN6Y.js";
10
10
  import {
11
11
  SynAlert
12
- } from "./chunk.NERVPV5E.js";
12
+ } from "./chunk.W6QWU55E.js";
13
13
  import {
14
14
  watch
15
15
  } from "./chunk.74IOULXM.js";
@@ -18,7 +18,7 @@ import {
18
18
  } from "./chunk.NLYVOJGK.js";
19
19
  import {
20
20
  SynergyElement
21
- } from "./chunk.RHPPIKE6.js";
21
+ } from "./chunk.BMMT5J3T.js";
22
22
  import {
23
23
  __decorateClass
24
24
  } from "./chunk.2GFK6XTO.js";
@@ -286,4 +286,4 @@ __decorateClass([
286
286
  export {
287
287
  SynValidate
288
288
  };
289
- //# sourceMappingURL=chunk.M53SBVYB.js.map
289
+ //# sourceMappingURL=chunk.MFNB75KX.js.map
package/dist/chunks/{chunk.DFABWKX7.js → chunk.MJEJKJER.js} RENAMED
@@ -187,7 +187,7 @@ var select_styles_default = css`
187
187
  margin-inline-start: var(--syn-input-spacing-medium);
188
188
  }
189
189
 
190
- .select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
190
+ .select--medium.select--multiple .select__combobox {
191
191
  padding-inline-start: 0;
192
192
  padding-block: 3px;
193
193
  }
@@ -216,7 +216,7 @@ var select_styles_default = css`
216
216
  margin-inline-start: var(--syn-input-spacing-large);
217
217
  }
218
218
 
219
- .select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
219
+ .select--large.select--multiple .select__combobox {
220
220
  padding-inline-start: 0;
221
221
  padding-block: 4px;
222
222
  }
@@ -310,4 +310,4 @@ var select_styles_default = css`
310
310
  export {
311
311
  select_styles_default
312
312
  };
313
- //# sourceMappingURL=chunk.DFABWKX7.js.map
313
+ //# sourceMappingURL=chunk.MJEJKJER.js.map
package/dist/chunks/{chunk.DFABWKX7.js.map → chunk.MJEJKJER.js.map} RENAMED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/components/select/select.styles.ts"],
4
- "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .select__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: wrap;\n margin-inline-start: var(--syn-spacing-2x-small);\n }\n\n .select__tags::slotted(syn-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(syn-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .select--small .select__combobox {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .select--small .select__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .select--small .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .select--small.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {\n padding-block: 2px;\n padding-inline-start: 0;\n }\n\n .select--small .select__tags {\n gap: 2px;\n }\n\n .select--medium .select__combobox {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .select--medium.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {\n padding-inline-start: 0;\n padding-block: 3px;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n .select--large .select__combobox {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .select--large .select__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .select--large .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .select--large.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {\n padding-inline-start: 0;\n padding-block: 4px;\n }\n\n .select--large .select__tags {\n gap: 4px;\n }/* Prefix and Suffix */\n .select__prefix,\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .select__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .select__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n`;\n"],
4
+ "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .select__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: wrap;\n margin-inline-start: var(--syn-spacing-2x-small);\n }\n\n .select__tags::slotted(syn-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(syn-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .select--small .select__combobox {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .select--small .select__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .select--small .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .select--small.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {\n padding-block: 2px;\n padding-inline-start: 0;\n }\n\n .select--small .select__tags {\n gap: 2px;\n }\n\n .select--medium .select__combobox {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .select--medium.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .select--medium.select--multiple .select__combobox {\n padding-inline-start: 0;\n padding-block: 3px;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n .select--large .select__combobox {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .select--large .select__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .select--large .select__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .select--large.select--multiple .select__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .select--large.select--multiple .select__combobox {\n padding-inline-start: 0;\n padding-block: 4px;\n }\n\n .select--large .select__tags {\n gap: 4px;\n }/* Prefix and Suffix */\n .select__prefix,\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .select__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .select__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n`;\n"],
5
5
  "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/chunks/{chunk.7GDRQYV4.js → chunk.MPBNR3JJ.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynFile
3
- } from "./chunk.XHX52IKN.js";
3
+ } from "./chunk.ZDMWDROZ.js";
4
4
 
5
5
  // src/components/file/file.ts
6
6
  var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
9
9
  export {
10
10
  file_default
11
11
  };
12
- //# sourceMappingURL=chunk.7GDRQYV4.js.map
12
+ //# sourceMappingURL=chunk.MPBNR3JJ.js.map
package/dist/chunks/{chunk.IU2XW7CB.js → chunk.MXYJWR6C.js} RENAMED
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.GVNVZMMM.js";
4
4
  import {
5
5
  icon_default
6
- } from "./chunk.F7DPSZNS.js";
6
+ } from "./chunk.TR6K4HDS.js";
7
7
  import {
8
8
  HasSlotController
9
9
  } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
18
18
  } from "./chunk.NLYVOJGK.js";
19
19
  import {
20
20
  SynergyElement
21
- } from "./chunk.RHPPIKE6.js";
21
+ } from "./chunk.BMMT5J3T.js";
22
22
  import {
23
23
  __decorateClass
24
24
  } from "./chunk.2GFK6XTO.js";
@@ -182,4 +182,4 @@ __decorateClass([
182
182
  export {
183
183
  SynHeader
184
184
  };
185
- //# sourceMappingURL=chunk.IU2XW7CB.js.map
185
+ //# sourceMappingURL=chunk.MXYJWR6C.js.map
package/dist/chunks/{chunk.2XJUCSO3.js → chunk.NJB7SJKA.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynAccordion
3
- } from "./chunk.TJTS3RJ6.js";
3
+ } from "./chunk.BBVDCOTU.js";
4
4
 
5
5
  // src/components/accordion/accordion.ts
6
6
  var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
9
9
  export {
10
10
  accordion_default
11
11
  };
12
- //# sourceMappingURL=chunk.2XJUCSO3.js.map
12
+ //# sourceMappingURL=chunk.NJB7SJKA.js.map
package/dist/chunks/{chunk.35GWQ3HX.js → chunk.NMQJGEFL.js} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.3B24TYVN.js";
7
7
  import {
8
8
  SynIcon
9
- } from "./chunk.SOEUVX7Q.js";
9
+ } from "./chunk.ULXNVBWC.js";
10
10
  import {
11
11
  LocalizeController
12
12
  } from "./chunk.GIU3H3J3.js";
@@ -18,7 +18,7 @@ import {
18
18
  } from "./chunk.NLYVOJGK.js";
19
19
  import {
20
20
  SynergyElement
21
- } from "./chunk.RHPPIKE6.js";
21
+ } from "./chunk.BMMT5J3T.js";
22
22
  import {
23
23
  __decorateClass
24
24
  } from "./chunk.2GFK6XTO.js";
@@ -146,4 +146,4 @@ __decorateClass([
146
146
  export {
147
147
  SynOption
148
148
  };
149
- //# sourceMappingURL=chunk.35GWQ3HX.js.map
149
+ //# sourceMappingURL=chunk.NMQJGEFL.js.map
package/dist/chunks/{chunk.OTWB4YCK.js → chunk.O656KF6Y.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynOptgroup
3
- } from "./chunk.HNJ7JOOE.js";
3
+ } from "./chunk.V7V4YBUS.js";
4
4
 
5
5
  // src/components/optgroup/optgroup.ts
6
6
  var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
9
9
  export {
10
10
  optgroup_default
11
11
  };
12
- //# sourceMappingURL=chunk.OTWB4YCK.js.map
12
+ //# sourceMappingURL=chunk.O656KF6Y.js.map
package/dist/chunks/{chunk.J6AGKJUK.js → chunk.OEFVUTI2.js} RENAMED
@@ -19,7 +19,7 @@ import {
19
19
  } from "./chunk.WVVQK5TE.js";
20
20
  import {
21
21
  SynIcon
22
- } from "./chunk.SOEUVX7Q.js";
22
+ } from "./chunk.ULXNVBWC.js";
23
23
  import {
24
24
  watch
25
25
  } from "./chunk.74IOULXM.js";
@@ -28,7 +28,7 @@ import {
28
28
  } from "./chunk.NLYVOJGK.js";
29
29
  import {
30
30
  SynergyElement
31
- } from "./chunk.RHPPIKE6.js";
31
+ } from "./chunk.BMMT5J3T.js";
32
32
  import {
33
33
  __decorateClass
34
34
  } from "./chunk.2GFK6XTO.js";
@@ -261,4 +261,4 @@ __decorateClass([
261
261
  export {
262
262
  SynCheckbox
263
263
  };
264
- //# sourceMappingURL=chunk.J6AGKJUK.js.map
264
+ //# sourceMappingURL=chunk.OEFVUTI2.js.map
package/dist/chunks/{chunk.NB5A7N4Y.js → chunk.PCYVMSZ7.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynOption
3
- } from "./chunk.35GWQ3HX.js";
3
+ } from "./chunk.NMQJGEFL.js";
4
4
 
5
5
  // src/components/option/option.ts
6
6
  var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
9
9
  export {
10
10
  option_default
11
11
  };
12
- //# sourceMappingURL=chunk.NB5A7N4Y.js.map
12
+ //# sourceMappingURL=chunk.PCYVMSZ7.js.map
package/dist/chunks/{chunk.RTNMPZXS.js → chunk.PFORJYFS.js} RENAMED
@@ -9,16 +9,16 @@ import {
9
9
  } from "./chunk.74N5WLM5.js";
10
10
  import {
11
11
  SynNavItem
12
- } from "./chunk.2DTLMVCC.js";
12
+ } from "./chunk.6Q3EOAQV.js";
13
13
  import {
14
14
  SynMenu
15
- } from "./chunk.5PHPJIT3.js";
15
+ } from "./chunk.ZWDNIEOP.js";
16
16
  import {
17
17
  SynDropdown
18
- } from "./chunk.C63XSKGJ.js";
18
+ } from "./chunk.DHFLT5BI.js";
19
19
  import {
20
20
  SynIcon
21
- } from "./chunk.SOEUVX7Q.js";
21
+ } from "./chunk.ULXNVBWC.js";
22
22
  import {
23
23
  LocalizeController
24
24
  } from "./chunk.GIU3H3J3.js";
@@ -27,7 +27,7 @@ import {
27
27
  } from "./chunk.NLYVOJGK.js";
28
28
  import {
29
29
  SynergyElement
30
- } from "./chunk.RHPPIKE6.js";
30
+ } from "./chunk.BMMT5J3T.js";
31
31
  import {
32
32
  __decorateClass
33
33
  } from "./chunk.2GFK6XTO.js";
@@ -209,4 +209,4 @@ __decorateClass([
209
209
  export {
210
210
  SynPrioNav
211
211
  };
212
- //# sourceMappingURL=chunk.RTNMPZXS.js.map
212
+ //# sourceMappingURL=chunk.PFORJYFS.js.map
package/dist/chunks/{chunk.D3BR2E23.js → chunk.PG3Y4WUM.js} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.O644HRW3.js";
7
7
  import {
8
8
  SynPopup
9
- } from "./chunk.E3ZZVSK2.js";
9
+ } from "./chunk.API5O3M4.js";
10
10
  import {
11
11
  waitForEvent
12
12
  } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
30
30
  } from "./chunk.NLYVOJGK.js";
31
31
  import {
32
32
  SynergyElement
33
- } from "./chunk.RHPPIKE6.js";
33
+ } from "./chunk.BMMT5J3T.js";
34
34
  import {
35
35
  __decorateClass
36
36
  } from "./chunk.2GFK6XTO.js";
@@ -98,6 +98,7 @@ var SynTooltip = class extends SynergyElement {
98
98
  }
99
99
  disconnectedCallback() {
100
100
  var _a;
101
+ super.disconnectedCallback();
101
102
  (_a = this.closeWatcher) == null ? void 0 : _a.destroy();
102
103
  document.removeEventListener("keydown", this.handleDocumentKeyDown);
103
104
  }
@@ -274,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
274
275
  export {
275
276
  SynTooltip
276
277
  };
277
- //# sourceMappingURL=chunk.D3BR2E23.js.map
278
+ //# sourceMappingURL=chunk.PG3Y4WUM.js.map
package/dist/chunks/chunk.PG3Y4WUM.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/tooltip/tooltip.component.ts"],
4
+ "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { animateTo, parseDuration, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynPopup from '../popup/popup.component.js';\nimport styles from './tooltip.styles.js';\nimport customStyles from './tooltip.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Tooltips display additional information based on a specific action.\n * @documentation https://synergy.style/components/tooltip\n * @status stable\n * @since 2.0\n *\n * @dependency syn-popup\n *\n * @slot - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n * @slot content - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n *\n * @event syn-show - Emitted when the tooltip begins to show.\n * @event syn-after-show - Emitted after the tooltip has shown and all animations are complete.\n * @event syn-hide - Emitted when the tooltip begins to hide.\n * @event syn-after-hide - Emitted after the tooltip has hidden and all animations are complete.\n *\n * @csspart base - The component's base wrapper, an `<syn-popup>` element.\n * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n * @csspart base__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n * @csspart body - The tooltip's body where its content is rendered.\n *\n * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.\n * @cssproperty --hide-delay - The amount of time to wait before hiding the tooltip when hovering.\n * @cssproperty --show-delay - The amount of time to wait before showing the tooltip when hovering.\n *\n * @animation tooltip.show - The animation to use when showing the tooltip.\n * @animation tooltip.hide - The animation to use when hiding the tooltip.\n */\nexport default class SynTooltip extends SynergyElement {\n static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n static dependencies = { 'syn-popup': SynPopup };\n\n private hoverTimeout: number;\n private readonly localize = new LocalizeController(this);\n private closeWatcher: CloseWatcher | null;\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n @query('.tooltip__body') body: HTMLElement;\n @query('syn-popup') popup: SynPopup;\n\n /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */\n @property() content = '';\n\n /**\n * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n */\n @property() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n\n /** Disables the tooltip so it won't show when triggered. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The distance in pixels from which to offset the tooltip away from its target. */\n @property({ type: Number }) distance = 13;\n\n /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n @property({ type: Boolean, reflect: true }) open = false;\n\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n\n /**\n * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\n * scenarios.\n */\n @property({ type: Boolean }) hoist = false;\n\n constructor() {\n super();\n this.addEventListener('blur', this.handleBlur, true);\n this.addEventListener('focus', this.handleFocus, true);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('mouseover', this.handleMouseOver);\n this.addEventListener('mouseout', this.handleMouseOut);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n // Cleanup this event in case the tooltip is removed while open\n this.closeWatcher?.destroy();\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n firstUpdated() {\n this.body.hidden = !this.open;\n\n // If the tooltip is visible on init, update its position\n if (this.open) {\n this.popup.active = true;\n this.popup.reposition();\n }\n }\n\n private handleBlur = () => {\n if (this.hasTrigger('focus')) {\n this.hide();\n }\n };\n\n private handleClick = () => {\n if (this.hasTrigger('click')) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n };\n\n private handleFocus = () => {\n if (this.hasTrigger('focus')) {\n this.show();\n }\n };\n\n private handleDocumentKeyDown = (event: KeyboardEvent) => {\n // Pressing escape when a tooltip is open should dismiss it\n if (event.key === 'Escape') {\n event.stopPropagation();\n this.hide();\n }\n };\n\n private handleMouseOver = () => {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--show-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.show(), delay);\n }\n };\n\n private handleMouseOut = () => {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--hide-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hide(), delay);\n }\n };\n\n private hasTrigger(triggerType: string) {\n const triggers = this.trigger.split(' ');\n return triggers.includes(triggerType);\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n if (this.disabled) {\n return;\n }\n\n // Show\n this.emit('syn-show');\n if ('CloseWatcher' in window) {\n this.closeWatcher?.destroy();\n this.closeWatcher = new CloseWatcher();\n this.closeWatcher.onclose = () => {\n this.hide();\n };\n } else {\n document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n this.popup.active = true;\n const { keyframes, options } = getAnimation(this, 'tooltip.show', { dir: this.localize.dir() });\n await animateTo(this.popup.popup, keyframes, options);\n this.popup.reposition();\n\n this.emit('syn-after-show');\n } else {\n // Hide\n this.emit('syn-hide');\n this.closeWatcher?.destroy();\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, 'tooltip.hide', { dir: this.localize.dir() });\n await animateTo(this.popup.popup, keyframes, options);\n this.popup.active = false;\n this.body.hidden = true;\n\n this.emit('syn-after-hide');\n }\n }\n\n @watch(['content', 'distance', 'hoist', 'placement', 'skidding'])\n async handleOptionsChange() {\n if (this.hasUpdated) {\n await this.updateComplete;\n this.popup.reposition();\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n if (this.disabled && this.open) {\n this.hide();\n }\n }\n\n /** Shows the tooltip. */\n async show() {\n if (this.open) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'syn-after-show');\n }\n\n /** Hides the tooltip */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'syn-after-hide');\n }\n\n //\n // NOTE: Tooltip is a bit unique in that we're using aria-live instead of aria-labelledby to trick screen readers into\n // announcing the content. It works really well, but it violates an accessibility rule. We're also adding the\n // aria-describedby attribute to a slot, which is required by <syn-popup> to correctly locate the first assigned\n // element, otherwise positioning is incorrect.\n //\n render() {\n return html`\n <syn-popup\n part=\"base\"\n exportparts=\"\n popup:base__popup,\n arrow:base__arrow\n \"\n class=${classMap({\n tooltip: true,\n 'tooltip--open': this.open\n })}\n placement=${this.placement}\n distance=${this.distance}\n skidding=${this.skidding}\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n flip\n shift\n arrow\n hover-bridge\n >\n ${'' /* eslint-disable-next-line lit-a11y/no-aria-slot */}\n <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n ${'' /* eslint-disable-next-line lit-a11y/accessible-name */}\n <div part=\"body\" id=\"tooltip\" class=\"tooltip__body\" role=\"tooltip\" aria-live=${this.open ? 'polite' : 'off'}>\n <slot name=\"content\">${this.content}</slot>\n </div>\n </syn-popup>\n `;\n }\n}\n\nsetDefaultAnimation('tooltip.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('tooltip.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AAErB,SAAS,UAAU,aAAa;AAsChC,IAAqB,aAArB,cAAwC,eAAe;AAAA,EA2DrD,cAAc;AACZ,UAAM;AAvDR,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AAQ3C,mBAAU;AAMV,qBAYK;AAG2B,oBAAW;AAG3B,oBAAW;AAGK,gBAAO;AAGvB,oBAAW;AAO3B,mBAAU;AAOO,iBAAQ;AA4BrC,SAAQ,aAAa,MAAM;AACzB,UAAI,KAAK,WAAW,OAAO,GAAG;AAC5B,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAEA,SAAQ,cAAc,MAAM;AAC1B,UAAI,KAAK,WAAW,OAAO,GAAG;AAC5B,YAAI,KAAK,MAAM;AACb,eAAK,KAAK;AAAA,QACZ,OAAO;AACL,eAAK,KAAK;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAEA,SAAQ,cAAc,MAAM;AAC1B,UAAI,KAAK,WAAW,OAAO,GAAG;AAC5B,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAEA,SAAQ,wBAAwB,CAAC,UAAyB;AAExD,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM,gBAAgB;AACtB,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAEA,SAAQ,kBAAkB,MAAM;AAC9B,UAAI,KAAK,WAAW,OAAO,GAAG;AAC5B,cAAM,QAAQ,cAAc,iBAAiB,IAAI,EAAE,iBAAiB,cAAc,CAAC;AACnF,qBAAa,KAAK,YAAY;AAC9B,aAAK,eAAe,OAAO,WAAW,MAAM,KAAK,KAAK,GAAG,KAAK;AAAA,MAChE;AAAA,IACF;AAEA,SAAQ,iBAAiB,MAAM;AAC7B,UAAI,KAAK,WAAW,OAAO,GAAG;AAC5B,cAAM,QAAQ,cAAc,iBAAiB,IAAI,EAAE,iBAAiB,cAAc,CAAC;AACnF,qBAAa,KAAK,YAAY;AAC9B,aAAK,eAAe,OAAO,WAAW,MAAM,KAAK,KAAK,GAAG,KAAK;AAAA,MAChE;AAAA,IACF;AApEE,SAAK,iBAAiB,QAAQ,KAAK,YAAY,IAAI;AACnD,SAAK,iBAAiB,SAAS,KAAK,aAAa,IAAI;AACrD,SAAK,iBAAiB,SAAS,KAAK,WAAW;AAC/C,SAAK,iBAAiB,aAAa,KAAK,eAAe;AACvD,SAAK,iBAAiB,YAAY,KAAK,cAAc;AAAA,EACvD;AAAA,EAEA,uBAAuB;AAvHzB;AAwHI,UAAM,qBAAqB;AAE3B,eAAK,iBAAL,mBAAmB;AACnB,aAAS,oBAAoB,WAAW,KAAK,qBAAqB;AAAA,EACpE;AAAA,EAEA,eAAe;AACb,SAAK,KAAK,SAAS,CAAC,KAAK;AAGzB,QAAI,KAAK,MAAM;AACb,WAAK,MAAM,SAAS;AACpB,WAAK,MAAM,WAAW;AAAA,IACxB;AAAA,EACF;AAAA,EAgDQ,WAAW,aAAqB;AACtC,UAAM,WAAW,KAAK,QAAQ,MAAM,GAAG;AACvC,WAAO,SAAS,SAAS,WAAW;AAAA,EACtC;AAAA,EAGA,MAAM,mBAAmB;AA5L3B;AA6LI,QAAI,KAAK,MAAM;AACb,UAAI,KAAK,UAAU;AACjB;AAAA,MACF;AAGA,WAAK,KAAK,UAAU;AACpB,UAAI,kBAAkB,QAAQ;AAC5B,mBAAK,iBAAL,mBAAmB;AACnB,aAAK,eAAe,IAAI,aAAa;AACrC,aAAK,aAAa,UAAU,MAAM;AAChC,eAAK,KAAK;AAAA,QACZ;AAAA,MACF,OAAO;AACL,iBAAS,iBAAiB,WAAW,KAAK,qBAAqB;AAAA,MACjE;AAEA,YAAM,eAAe,KAAK,IAAI;AAC9B,WAAK,KAAK,SAAS;AACnB,WAAK,MAAM,SAAS;AACpB,YAAM,EAAE,WAAW,QAAQ,IAAI,aAAa,MAAM,gBAAgB,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,CAAC;AAC9F,YAAM,UAAU,KAAK,MAAM,OAAO,WAAW,OAAO;AACpD,WAAK,MAAM,WAAW;AAEtB,WAAK,KAAK,gBAAgB;AAAA,IAC5B,OAAO;AAEL,WAAK,KAAK,UAAU;AACpB,iBAAK,iBAAL,mBAAmB;AACnB,eAAS,oBAAoB,WAAW,KAAK,qBAAqB;AAElE,YAAM,eAAe,KAAK,IAAI;AAC9B,YAAM,EAAE,WAAW,QAAQ,IAAI,aAAa,MAAM,gBAAgB,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,CAAC;AAC9F,YAAM,UAAU,KAAK,MAAM,OAAO,WAAW,OAAO;AACpD,WAAK,MAAM,SAAS;AACpB,WAAK,KAAK,SAAS;AAEnB,WAAK,KAAK,gBAAgB;AAAA,IAC5B;AAAA,EACF;AAAA,EAGA,MAAM,sBAAsB;AAC1B,QAAI,KAAK,YAAY;AACnB,YAAM,KAAK;AACX,WAAK,MAAM,WAAW;AAAA,IACxB;AAAA,EACF;AAAA,EAGA,uBAAuB;AACrB,QAAI,KAAK,YAAY,KAAK,MAAM;AAC9B,WAAK,KAAK;AAAA,IACZ;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,OAAO;AACX,QAAI,KAAK,MAAM;AACb,aAAO;AAAA,IACT;AAEA,SAAK,OAAO;AACZ,WAAO,aAAa,MAAM,gBAAgB;AAAA,EAC5C;AAAA;AAAA,EAGA,MAAM,OAAO;AACX,QAAI,CAAC,KAAK,MAAM;AACd,aAAO;AAAA,IACT;AAEA,SAAK,OAAO;AACZ,WAAO,aAAa,MAAM,gBAAgB;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,iBAAiB,KAAK;AAAA,IACxB,CAAC,CAAC;AAAA,oBACU,KAAK,SAAS;AAAA,mBACf,KAAK,QAAQ;AAAA,mBACb,KAAK,QAAQ;AAAA,mBACb,KAAK,QAAQ,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM1C,EAAuD;AAAA;AAAA;AAAA,UAGvD,EAA0D;AAAA,uFACmB,KAAK,OAAO,WAAW,KAAK;AAAA,iCAClF,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C;AACF;AA3PqB,WACZ,SAAyB,CAAC,0BAAiB,wBAAQ,6BAAY;AADnD,WAEZ,eAAe,EAAE,aAAa,SAAS;AAMnB;AAAA,EAA1B,MAAM,kBAAkB;AAAA,GARN,WAQQ;AACF;AAAA,EAAxB,MAAM,gBAAgB;AAAA,GATJ,WASM;AACL;AAAA,EAAnB,MAAM,WAAW;AAAA,GAVC,WAUC;AAGR;AAAA,EAAX,SAAS;AAAA,GAbS,WAaP;AAMA;AAAA,EAAX,SAAS;AAAA,GAnBS,WAmBP;AAegC;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAlCvB,WAkCyB;AAGhB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GArCP,WAqCS;AAGgB;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAxCvB,WAwCyB;AAGhB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA3CP,WA2CS;AAOhB;AAAA,EAAX,SAAS;AAAA,GAlDS,WAkDP;AAOiB;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAzDR,WAyDU;AAgFvB;AAAA,EADL,MAAM,QAAQ,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAxI1B,WAyIb;AA2CA;AAAA,EADL,MAAM,CAAC,WAAW,YAAY,SAAS,aAAa,UAAU,CAAC;AAAA,GAnL7C,WAoLb;AAQN;AAAA,EADC,MAAM,UAAU;AAAA,GA3LE,WA4LnB;AAiEF,oBAAoB,gBAAgB;AAAA,EAClC,WAAW;AAAA,IACT,EAAE,SAAS,GAAG,OAAO,IAAI;AAAA,IACzB,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,EACzB;AAAA,EACA,SAAS,EAAE,UAAU,KAAK,QAAQ,OAAO;AAC3C,CAAC;AAED,oBAAoB,gBAAgB;AAAA,EAClC,WAAW;AAAA,IACT,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,IACvB,EAAE,SAAS,GAAG,OAAO,IAAI;AAAA,EAC3B;AAAA,EACA,SAAS,EAAE,UAAU,KAAK,QAAQ,OAAO;AAC3C,CAAC;",
6
+ "names": []
7
+ }