@synergy-design-system/components 2.40.0 → 2.40.1

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 (298) hide show
  1. package/README.md +44 -0
  2. package/dist/chunks/{chunk.OC4EV5QV.js → chunk.23CNZLNO.js} +2 -2
  3. package/dist/chunks/{chunk.46GCRKMK.js → chunk.2SDC5GWD.js} +2 -2
  4. package/dist/chunks/{chunk.ZVOOKKQB.js → chunk.2WXD4VUE.js} +10 -10
  5. package/dist/chunks/{chunk.WFJVDRQR.js → chunk.2XG4KPH5.js} +2 -2
  6. package/dist/chunks/{chunk.LOSWE3ZE.js → chunk.432B4S5P.js} +2 -2
  7. package/dist/chunks/{chunk.UAX7EWRR.js → chunk.4FP6CEY2.js} +2 -2
  8. package/dist/chunks/{chunk.SG6WH2YB.js → chunk.4FU25Z5S.js} +2 -2
  9. package/dist/chunks/{chunk.2JOI3AFS.js → chunk.4G6X672L.js} +6 -6
  10. package/dist/chunks/{chunk.DPZV7NWK.js → chunk.4ISA763I.js} +2 -2
  11. package/dist/chunks/{chunk.AKBBQFD3.js → chunk.4OBJPVIG.js} +2 -2
  12. package/dist/chunks/{chunk.LVSIL63Q.js → chunk.4RS7AOC5.js} +2 -2
  13. package/dist/chunks/{chunk.WL3EBZSF.js → chunk.4VL6GRSE.js} +2 -2
  14. package/dist/chunks/{chunk.SYLJ6DWT.js → chunk.55OP4YXG.js} +10 -10
  15. package/dist/chunks/{chunk.CR5OJZVY.js → chunk.5KJCVZC3.js} +6 -6
  16. package/dist/chunks/{chunk.OTKITUQF.js → chunk.5MRDFVLA.js} +2 -2
  17. package/dist/chunks/{chunk.YYEPGTYW.js → chunk.5QCLYHN7.js} +11 -11
  18. package/dist/chunks/{chunk.RN7MBD4H.js → chunk.5WSEP6GG.js} +9 -9
  19. package/dist/chunks/{chunk.6GZZW3DM.js → chunk.66K5C6XW.js} +5 -5
  20. package/dist/chunks/{chunk.ILHPLWJP.js → chunk.6CUY7FJI.js} +2 -2
  21. package/dist/chunks/{chunk.5BL2CWFH.js → chunk.6EIPAV5F.js} +8 -8
  22. package/dist/chunks/{chunk.V22OVFNF.js → chunk.73QGLN2G.js} +2 -2
  23. package/dist/chunks/{chunk.AMGHW7NK.js → chunk.7PQCAID5.js} +2 -2
  24. package/dist/chunks/{chunk.X6B2EZE3.js → chunk.7VTBWS3C.js} +2 -2
  25. package/dist/chunks/{chunk.OH4JW2TG.js → chunk.AA6DKLWU.js} +2 -2
  26. package/dist/chunks/{chunk.EHP7QJLA.js → chunk.AXR46IOV.js} +3 -3
  27. package/dist/chunks/{chunk.7ALJE6TM.js → chunk.BHLPIBJ4.js} +2 -2
  28. package/dist/chunks/{chunk.6ULDTTBT.js → chunk.BJ6L7EPF.js} +2 -2
  29. package/dist/chunks/{chunk.Z2DUHMF5.js → chunk.BUZODQZT.js} +10 -10
  30. package/dist/chunks/{chunk.NX35Z53F.js → chunk.C6HSIJI5.js} +2 -2
  31. package/dist/chunks/{chunk.WPHEAMSS.js → chunk.CP2OEWD2.js} +2 -2
  32. package/dist/chunks/{chunk.77OBGX3J.js → chunk.D2W5VAE6.js} +2 -2
  33. package/dist/chunks/{chunk.FCSIWF7F.js → chunk.DI7MARZL.js} +9 -9
  34. package/dist/chunks/{chunk.N5D7BMJB.js → chunk.DPKFHLEJ.js} +2 -2
  35. package/dist/chunks/{chunk.GNARCUSW.js → chunk.DULX32XI.js} +2 -2
  36. package/dist/chunks/{chunk.VFICZFJK.js → chunk.DXG6TLJT.js} +14 -14
  37. package/dist/chunks/{chunk.EFQNVNFO.js → chunk.EUR262UX.js} +12 -12
  38. package/dist/chunks/{chunk.3AZFEB6D.js → chunk.F54ODM5Z.js} +2 -2
  39. package/dist/chunks/{chunk.3AZFEB6D.js.map → chunk.F54ODM5Z.js.map} +1 -1
  40. package/dist/chunks/{chunk.VWWDH5ZQ.js → chunk.FB2LHMPM.js} +2 -2
  41. package/dist/chunks/{chunk.K2TBE7X4.js → chunk.FLRO3FJY.js} +2 -2
  42. package/dist/chunks/{chunk.BN6FB3CA.js → chunk.FR3X2GLI.js} +3 -3
  43. package/dist/chunks/{chunk.6RVKKAXI.js → chunk.FSV6NOGK.js} +3 -3
  44. package/dist/chunks/{chunk.6RVKKAXI.js.map → chunk.FSV6NOGK.js.map} +1 -1
  45. package/dist/chunks/{chunk.NGWILHHT.js → chunk.G2VWR6MV.js} +9 -9
  46. package/dist/chunks/{chunk.ERNOW7CO.js → chunk.G7I47ITN.js} +2 -2
  47. package/dist/chunks/{chunk.BANJ5DAQ.js → chunk.I77D2ORF.js} +3 -3
  48. package/dist/chunks/{chunk.34E66S2Q.js → chunk.IPUTRTZB.js} +2 -2
  49. package/dist/chunks/{chunk.OBNNSP34.js → chunk.J3ZZSOFW.js} +2 -2
  50. package/dist/chunks/{chunk.67TBS6VV.js → chunk.JJQ3QTHK.js} +2 -2
  51. package/dist/chunks/{chunk.XVYYQXYM.js → chunk.JMTCTJQ7.js} +6 -6
  52. package/dist/chunks/{chunk.J4D7YIBL.js → chunk.JR4ZPNPW.js} +2 -2
  53. package/dist/chunks/{chunk.LOIZ63VO.js → chunk.JV6JVXCN.js} +2 -2
  54. package/dist/chunks/{chunk.LK6UOSII.js → chunk.K544FE2V.js} +6 -6
  55. package/dist/chunks/{chunk.R23VGI2Q.js → chunk.KHY34L7S.js} +2 -2
  56. package/dist/chunks/{chunk.GQ77BF6G.js → chunk.KWGOX2WS.js} +2 -2
  57. package/dist/chunks/{chunk.BABJ4GYZ.js → chunk.KX7CWWH2.js} +6 -6
  58. package/dist/chunks/{chunk.6CC5CH2P.js → chunk.KZA6DSRS.js} +2 -2
  59. package/dist/chunks/{chunk.QMIWIIYK.js → chunk.LCWLHBMO.js} +2 -2
  60. package/dist/chunks/{chunk.TAUPXC7I.js → chunk.LF4Y5UVQ.js} +2 -2
  61. package/dist/chunks/{chunk.AGVUWAUO.js → chunk.LYI4H3ZC.js} +2 -2
  62. package/dist/chunks/{chunk.T4KANTYB.js → chunk.MNKSFYBX.js} +5 -5
  63. package/dist/chunks/{chunk.YRFZJY7K.js → chunk.N2U3S76W.js} +6 -6
  64. package/dist/chunks/{chunk.KLGGS6VW.js → chunk.N7OF5C4Y.js} +2 -2
  65. package/dist/chunks/{chunk.X3EJTRDD.js → chunk.NF3RTB5Z.js} +2 -2
  66. package/dist/chunks/{chunk.NWMN5WKW.js → chunk.NHLIJEJO.js} +2 -2
  67. package/dist/chunks/{chunk.PEP46WUN.js → chunk.NSZKH2EQ.js} +2 -2
  68. package/dist/chunks/{chunk.DOOJ2WJ7.js → chunk.O4QFINH7.js} +3 -2
  69. package/dist/chunks/{chunk.DOOJ2WJ7.js.map → chunk.O4QFINH7.js.map} +2 -2
  70. package/dist/chunks/{chunk.Q476ENNF.js → chunk.OEBRWGFY.js} +13 -13
  71. package/dist/chunks/{chunk.G4K3PDVG.js → chunk.PFY3SYZG.js} +8 -8
  72. package/dist/chunks/{chunk.FAYDWGEL.js → chunk.PWE53LVB.js} +2 -2
  73. package/dist/chunks/{chunk.EWOH3PLM.js → chunk.QO2QG7IJ.js} +2 -2
  74. package/dist/chunks/{chunk.H44OLU6E.js → chunk.R467YNG5.js} +6 -6
  75. package/dist/chunks/{chunk.764ZJTZD.js → chunk.RCTJ2OZW.js} +2 -2
  76. package/dist/chunks/{chunk.CYEJUEKV.js → chunk.RM6JEPJE.js} +2 -2
  77. package/dist/chunks/{chunk.BHI3FNPN.js → chunk.RSV2PJMM.js} +2 -2
  78. package/dist/chunks/{chunk.RG723DJS.js → chunk.RYANMKQO.js} +17 -17
  79. package/dist/chunks/{chunk.TFE4UIFZ.js → chunk.S4F4ABM7.js} +2 -2
  80. package/dist/chunks/{chunk.HF2LNFVP.js → chunk.SBHQ7TLU.js} +2 -2
  81. package/dist/chunks/{chunk.HDUJYDWI.js → chunk.SLQSEZFN.js} +5 -5
  82. package/dist/chunks/{chunk.WO5OQNPG.js → chunk.SPBIB5PU.js} +2 -2
  83. package/dist/chunks/{chunk.PUZTCQ45.js → chunk.SSKPVU2O.js} +2 -2
  84. package/dist/chunks/{chunk.GTAE5OSA.js → chunk.TRGOAYBG.js} +3 -2
  85. package/dist/chunks/{chunk.GTAE5OSA.js.map → chunk.TRGOAYBG.js.map} +2 -2
  86. package/dist/chunks/{chunk.7ZO2DTEY.js → chunk.TVSXWXEG.js} +2 -2
  87. package/dist/chunks/{chunk.PKKMSP7K.js → chunk.U5ZERSUR.js} +2 -2
  88. package/dist/chunks/{chunk.64FVWVOV.js → chunk.UQ4AJSDA.js} +2 -2
  89. package/dist/chunks/{chunk.YNSWIGFP.js → chunk.UTKC7YGL.js} +2 -2
  90. package/dist/chunks/{chunk.X4ABT4IX.js → chunk.VOBXSZWA.js} +2 -2
  91. package/dist/chunks/{chunk.ILXP2UV3.js → chunk.VTQZDPDU.js} +2 -2
  92. package/dist/chunks/{chunk.XPN4WSF6.js → chunk.WIXIKJR2.js} +14 -14
  93. package/dist/chunks/{chunk.XRXV3GDV.js → chunk.WWYG5ZAH.js} +5 -5
  94. package/dist/chunks/{chunk.5WGCEEUX.js → chunk.X2Q5NUQI.js} +2 -2
  95. package/dist/chunks/{chunk.P2IQYZXI.js → chunk.XL6JK6XI.js} +5 -5
  96. package/dist/chunks/{chunk.CBVQAM42.js → chunk.Y36TGO4Y.js} +7 -7
  97. package/dist/chunks/{chunk.CBVQAM42.js.map → chunk.Y36TGO4Y.js.map} +1 -1
  98. package/dist/chunks/{chunk.AVKAUJMS.js → chunk.YO7ZIBAK.js} +2 -2
  99. package/dist/chunks/{chunk.ZRWGACRR.js → chunk.YPSNAYJN.js} +6 -6
  100. package/dist/chunks/{chunk.TJKSCDMD.js → chunk.YUYKZ3AR.js} +2 -2
  101. package/dist/chunks/{chunk.PENIVZQL.js → chunk.ZAK6JLAP.js} +6 -6
  102. package/dist/chunks/{chunk.MTE6C63T.js → chunk.ZOA5KDCL.js} +5 -5
  103. package/dist/chunks/{chunk.KSEKV6UQ.js → chunk.ZTUVBMBQ.js} +10 -10
  104. package/dist/components/accordion/accordion.component.js +3 -3
  105. package/dist/components/accordion/accordion.js +4 -4
  106. package/dist/components/alert/alert.component.js +9 -9
  107. package/dist/components/alert/alert.js +10 -10
  108. package/dist/components/badge/badge.component.js +4 -4
  109. package/dist/components/badge/badge.js +5 -5
  110. package/dist/components/breadcrumb/breadcrumb.component.js +7 -7
  111. package/dist/components/breadcrumb/breadcrumb.js +8 -8
  112. package/dist/components/breadcrumb-item/breadcrumb-item.component.js +2 -2
  113. package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
  114. package/dist/components/button/button.component.js +7 -7
  115. package/dist/components/button/button.js +8 -8
  116. package/dist/components/button-group/button-group.component.js +2 -2
  117. package/dist/components/button-group/button-group.js +3 -3
  118. package/dist/components/card/card.component.js +2 -2
  119. package/dist/components/card/card.js +3 -3
  120. package/dist/components/checkbox/checkbox.component.js +7 -7
  121. package/dist/components/checkbox/checkbox.js +8 -8
  122. package/dist/components/combobox/combobox.component.js +11 -11
  123. package/dist/components/combobox/combobox.js +12 -12
  124. package/dist/components/combobox/combobox.styles.js +1 -1
  125. package/dist/components/details/details.component.js +6 -6
  126. package/dist/components/details/details.js +7 -7
  127. package/dist/components/dialog/dialog.component.js +8 -8
  128. package/dist/components/dialog/dialog.js +9 -9
  129. package/dist/components/divider/divider.component.js +3 -3
  130. package/dist/components/divider/divider.js +4 -4
  131. package/dist/components/drawer/drawer.component.js +8 -8
  132. package/dist/components/drawer/drawer.js +9 -9
  133. package/dist/components/dropdown/dropdown.component.js +4 -4
  134. package/dist/components/dropdown/dropdown.js +5 -5
  135. package/dist/components/file/file.component.js +8 -8
  136. package/dist/components/file/file.js +9 -9
  137. package/dist/components/header/header.component.js +7 -7
  138. package/dist/components/header/header.js +8 -8
  139. package/dist/components/icon/icon.component.js +2 -2
  140. package/dist/components/icon/icon.js +3 -3
  141. package/dist/components/icon-button/icon-button.component.js +4 -4
  142. package/dist/components/icon-button/icon-button.js +5 -5
  143. package/dist/components/input/input.component.js +8 -8
  144. package/dist/components/input/input.js +9 -9
  145. package/dist/components/menu/menu.component.js +2 -2
  146. package/dist/components/menu/menu.js +3 -3
  147. package/dist/components/menu-item/menu-item.component.js +8 -8
  148. package/dist/components/menu-item/menu-item.js +9 -9
  149. package/dist/components/menu-label/menu-label.component.d.ts +2 -2
  150. package/dist/components/menu-label/menu-label.component.js +4 -4
  151. package/dist/components/menu-label/menu-label.js +5 -5
  152. package/dist/components/nav-item/nav-item.component.js +6 -6
  153. package/dist/components/nav-item/nav-item.js +7 -7
  154. package/dist/components/optgroup/optgroup.component.js +4 -4
  155. package/dist/components/optgroup/optgroup.js +5 -5
  156. package/dist/components/option/option.component.js +5 -5
  157. package/dist/components/option/option.js +6 -6
  158. package/dist/components/popup/popup.component.js +2 -2
  159. package/dist/components/popup/popup.js +3 -3
  160. package/dist/components/prio-nav/prio-nav.component.js +12 -12
  161. package/dist/components/prio-nav/prio-nav.js +13 -13
  162. package/dist/components/progress-bar/progress-bar.component.js +2 -2
  163. package/dist/components/progress-bar/progress-bar.js +3 -3
  164. package/dist/components/progress-ring/progress-ring.component.js +2 -2
  165. package/dist/components/progress-ring/progress-ring.js +3 -3
  166. package/dist/components/radio/radio.component.js +4 -4
  167. package/dist/components/radio/radio.js +5 -5
  168. package/dist/components/radio-button/radio-button.component.js +3 -3
  169. package/dist/components/radio-button/radio-button.js +4 -4
  170. package/dist/components/radio-group/radio-group.component.js +5 -5
  171. package/dist/components/radio-group/radio-group.js +6 -6
  172. package/dist/components/range/range.component.js +6 -6
  173. package/dist/components/range/range.js +7 -7
  174. package/dist/components/range-tick/range-tick.component.js +2 -2
  175. package/dist/components/range-tick/range-tick.js +3 -3
  176. package/dist/components/resize-observer/resize-observer.component.js +2 -2
  177. package/dist/components/select/select.component.js +11 -11
  178. package/dist/components/select/select.custom.styles.js +1 -1
  179. package/dist/components/select/select.js +12 -12
  180. package/dist/components/side-nav/side-nav.component.js +13 -13
  181. package/dist/components/side-nav/side-nav.js +14 -14
  182. package/dist/components/spinner/spinner.component.js +2 -2
  183. package/dist/components/spinner/spinner.js +3 -3
  184. package/dist/components/switch/switch.component.js +3 -3
  185. package/dist/components/switch/switch.js +4 -4
  186. package/dist/components/tab/tab.component.js +6 -6
  187. package/dist/components/tab/tab.js +7 -7
  188. package/dist/components/tab-group/tab-group.component.d.ts +1 -1
  189. package/dist/components/tab-group/tab-group.component.js +7 -7
  190. package/dist/components/tab-group/tab-group.js +8 -8
  191. package/dist/components/tab-panel/tab-panel.component.js +2 -2
  192. package/dist/components/tab-panel/tab-panel.js +3 -3
  193. package/dist/components/tag/tag.component.js +6 -6
  194. package/dist/components/tag/tag.js +7 -7
  195. package/dist/components/textarea/textarea.component.js +3 -3
  196. package/dist/components/textarea/textarea.js +4 -4
  197. package/dist/components/tooltip/tooltip.component.js +4 -4
  198. package/dist/components/tooltip/tooltip.js +5 -5
  199. package/dist/components/validate/utility.js +2 -2
  200. package/dist/components/validate/validate.component.js +11 -11
  201. package/dist/components/validate/validate.js +12 -12
  202. package/dist/custom-elements.json +1143 -1143
  203. package/dist/styles/index.css +1 -1
  204. package/dist/synergy.js +147 -147
  205. package/dist/vscode.html-custom-data.json +85 -85
  206. package/package.json +3 -3
  207. /package/dist/chunks/{chunk.OC4EV5QV.js.map → chunk.23CNZLNO.js.map} +0 -0
  208. /package/dist/chunks/{chunk.46GCRKMK.js.map → chunk.2SDC5GWD.js.map} +0 -0
  209. /package/dist/chunks/{chunk.ZVOOKKQB.js.map → chunk.2WXD4VUE.js.map} +0 -0
  210. /package/dist/chunks/{chunk.WFJVDRQR.js.map → chunk.2XG4KPH5.js.map} +0 -0
  211. /package/dist/chunks/{chunk.LOSWE3ZE.js.map → chunk.432B4S5P.js.map} +0 -0
  212. /package/dist/chunks/{chunk.UAX7EWRR.js.map → chunk.4FP6CEY2.js.map} +0 -0
  213. /package/dist/chunks/{chunk.SG6WH2YB.js.map → chunk.4FU25Z5S.js.map} +0 -0
  214. /package/dist/chunks/{chunk.2JOI3AFS.js.map → chunk.4G6X672L.js.map} +0 -0
  215. /package/dist/chunks/{chunk.DPZV7NWK.js.map → chunk.4ISA763I.js.map} +0 -0
  216. /package/dist/chunks/{chunk.AKBBQFD3.js.map → chunk.4OBJPVIG.js.map} +0 -0
  217. /package/dist/chunks/{chunk.LVSIL63Q.js.map → chunk.4RS7AOC5.js.map} +0 -0
  218. /package/dist/chunks/{chunk.WL3EBZSF.js.map → chunk.4VL6GRSE.js.map} +0 -0
  219. /package/dist/chunks/{chunk.SYLJ6DWT.js.map → chunk.55OP4YXG.js.map} +0 -0
  220. /package/dist/chunks/{chunk.CR5OJZVY.js.map → chunk.5KJCVZC3.js.map} +0 -0
  221. /package/dist/chunks/{chunk.OTKITUQF.js.map → chunk.5MRDFVLA.js.map} +0 -0
  222. /package/dist/chunks/{chunk.YYEPGTYW.js.map → chunk.5QCLYHN7.js.map} +0 -0
  223. /package/dist/chunks/{chunk.RN7MBD4H.js.map → chunk.5WSEP6GG.js.map} +0 -0
  224. /package/dist/chunks/{chunk.6GZZW3DM.js.map → chunk.66K5C6XW.js.map} +0 -0
  225. /package/dist/chunks/{chunk.ILHPLWJP.js.map → chunk.6CUY7FJI.js.map} +0 -0
  226. /package/dist/chunks/{chunk.5BL2CWFH.js.map → chunk.6EIPAV5F.js.map} +0 -0
  227. /package/dist/chunks/{chunk.V22OVFNF.js.map → chunk.73QGLN2G.js.map} +0 -0
  228. /package/dist/chunks/{chunk.AMGHW7NK.js.map → chunk.7PQCAID5.js.map} +0 -0
  229. /package/dist/chunks/{chunk.X6B2EZE3.js.map → chunk.7VTBWS3C.js.map} +0 -0
  230. /package/dist/chunks/{chunk.OH4JW2TG.js.map → chunk.AA6DKLWU.js.map} +0 -0
  231. /package/dist/chunks/{chunk.EHP7QJLA.js.map → chunk.AXR46IOV.js.map} +0 -0
  232. /package/dist/chunks/{chunk.7ALJE6TM.js.map → chunk.BHLPIBJ4.js.map} +0 -0
  233. /package/dist/chunks/{chunk.6ULDTTBT.js.map → chunk.BJ6L7EPF.js.map} +0 -0
  234. /package/dist/chunks/{chunk.Z2DUHMF5.js.map → chunk.BUZODQZT.js.map} +0 -0
  235. /package/dist/chunks/{chunk.NX35Z53F.js.map → chunk.C6HSIJI5.js.map} +0 -0
  236. /package/dist/chunks/{chunk.WPHEAMSS.js.map → chunk.CP2OEWD2.js.map} +0 -0
  237. /package/dist/chunks/{chunk.77OBGX3J.js.map → chunk.D2W5VAE6.js.map} +0 -0
  238. /package/dist/chunks/{chunk.FCSIWF7F.js.map → chunk.DI7MARZL.js.map} +0 -0
  239. /package/dist/chunks/{chunk.N5D7BMJB.js.map → chunk.DPKFHLEJ.js.map} +0 -0
  240. /package/dist/chunks/{chunk.GNARCUSW.js.map → chunk.DULX32XI.js.map} +0 -0
  241. /package/dist/chunks/{chunk.VFICZFJK.js.map → chunk.DXG6TLJT.js.map} +0 -0
  242. /package/dist/chunks/{chunk.EFQNVNFO.js.map → chunk.EUR262UX.js.map} +0 -0
  243. /package/dist/chunks/{chunk.VWWDH5ZQ.js.map → chunk.FB2LHMPM.js.map} +0 -0
  244. /package/dist/chunks/{chunk.K2TBE7X4.js.map → chunk.FLRO3FJY.js.map} +0 -0
  245. /package/dist/chunks/{chunk.BN6FB3CA.js.map → chunk.FR3X2GLI.js.map} +0 -0
  246. /package/dist/chunks/{chunk.NGWILHHT.js.map → chunk.G2VWR6MV.js.map} +0 -0
  247. /package/dist/chunks/{chunk.ERNOW7CO.js.map → chunk.G7I47ITN.js.map} +0 -0
  248. /package/dist/chunks/{chunk.BANJ5DAQ.js.map → chunk.I77D2ORF.js.map} +0 -0
  249. /package/dist/chunks/{chunk.34E66S2Q.js.map → chunk.IPUTRTZB.js.map} +0 -0
  250. /package/dist/chunks/{chunk.OBNNSP34.js.map → chunk.J3ZZSOFW.js.map} +0 -0
  251. /package/dist/chunks/{chunk.67TBS6VV.js.map → chunk.JJQ3QTHK.js.map} +0 -0
  252. /package/dist/chunks/{chunk.XVYYQXYM.js.map → chunk.JMTCTJQ7.js.map} +0 -0
  253. /package/dist/chunks/{chunk.J4D7YIBL.js.map → chunk.JR4ZPNPW.js.map} +0 -0
  254. /package/dist/chunks/{chunk.LOIZ63VO.js.map → chunk.JV6JVXCN.js.map} +0 -0
  255. /package/dist/chunks/{chunk.LK6UOSII.js.map → chunk.K544FE2V.js.map} +0 -0
  256. /package/dist/chunks/{chunk.R23VGI2Q.js.map → chunk.KHY34L7S.js.map} +0 -0
  257. /package/dist/chunks/{chunk.GQ77BF6G.js.map → chunk.KWGOX2WS.js.map} +0 -0
  258. /package/dist/chunks/{chunk.BABJ4GYZ.js.map → chunk.KX7CWWH2.js.map} +0 -0
  259. /package/dist/chunks/{chunk.6CC5CH2P.js.map → chunk.KZA6DSRS.js.map} +0 -0
  260. /package/dist/chunks/{chunk.QMIWIIYK.js.map → chunk.LCWLHBMO.js.map} +0 -0
  261. /package/dist/chunks/{chunk.TAUPXC7I.js.map → chunk.LF4Y5UVQ.js.map} +0 -0
  262. /package/dist/chunks/{chunk.AGVUWAUO.js.map → chunk.LYI4H3ZC.js.map} +0 -0
  263. /package/dist/chunks/{chunk.T4KANTYB.js.map → chunk.MNKSFYBX.js.map} +0 -0
  264. /package/dist/chunks/{chunk.YRFZJY7K.js.map → chunk.N2U3S76W.js.map} +0 -0
  265. /package/dist/chunks/{chunk.KLGGS6VW.js.map → chunk.N7OF5C4Y.js.map} +0 -0
  266. /package/dist/chunks/{chunk.X3EJTRDD.js.map → chunk.NF3RTB5Z.js.map} +0 -0
  267. /package/dist/chunks/{chunk.NWMN5WKW.js.map → chunk.NHLIJEJO.js.map} +0 -0
  268. /package/dist/chunks/{chunk.PEP46WUN.js.map → chunk.NSZKH2EQ.js.map} +0 -0
  269. /package/dist/chunks/{chunk.Q476ENNF.js.map → chunk.OEBRWGFY.js.map} +0 -0
  270. /package/dist/chunks/{chunk.G4K3PDVG.js.map → chunk.PFY3SYZG.js.map} +0 -0
  271. /package/dist/chunks/{chunk.FAYDWGEL.js.map → chunk.PWE53LVB.js.map} +0 -0
  272. /package/dist/chunks/{chunk.EWOH3PLM.js.map → chunk.QO2QG7IJ.js.map} +0 -0
  273. /package/dist/chunks/{chunk.H44OLU6E.js.map → chunk.R467YNG5.js.map} +0 -0
  274. /package/dist/chunks/{chunk.764ZJTZD.js.map → chunk.RCTJ2OZW.js.map} +0 -0
  275. /package/dist/chunks/{chunk.CYEJUEKV.js.map → chunk.RM6JEPJE.js.map} +0 -0
  276. /package/dist/chunks/{chunk.BHI3FNPN.js.map → chunk.RSV2PJMM.js.map} +0 -0
  277. /package/dist/chunks/{chunk.RG723DJS.js.map → chunk.RYANMKQO.js.map} +0 -0
  278. /package/dist/chunks/{chunk.TFE4UIFZ.js.map → chunk.S4F4ABM7.js.map} +0 -0
  279. /package/dist/chunks/{chunk.HF2LNFVP.js.map → chunk.SBHQ7TLU.js.map} +0 -0
  280. /package/dist/chunks/{chunk.HDUJYDWI.js.map → chunk.SLQSEZFN.js.map} +0 -0
  281. /package/dist/chunks/{chunk.WO5OQNPG.js.map → chunk.SPBIB5PU.js.map} +0 -0
  282. /package/dist/chunks/{chunk.PUZTCQ45.js.map → chunk.SSKPVU2O.js.map} +0 -0
  283. /package/dist/chunks/{chunk.7ZO2DTEY.js.map → chunk.TVSXWXEG.js.map} +0 -0
  284. /package/dist/chunks/{chunk.PKKMSP7K.js.map → chunk.U5ZERSUR.js.map} +0 -0
  285. /package/dist/chunks/{chunk.64FVWVOV.js.map → chunk.UQ4AJSDA.js.map} +0 -0
  286. /package/dist/chunks/{chunk.YNSWIGFP.js.map → chunk.UTKC7YGL.js.map} +0 -0
  287. /package/dist/chunks/{chunk.X4ABT4IX.js.map → chunk.VOBXSZWA.js.map} +0 -0
  288. /package/dist/chunks/{chunk.ILXP2UV3.js.map → chunk.VTQZDPDU.js.map} +0 -0
  289. /package/dist/chunks/{chunk.XPN4WSF6.js.map → chunk.WIXIKJR2.js.map} +0 -0
  290. /package/dist/chunks/{chunk.XRXV3GDV.js.map → chunk.WWYG5ZAH.js.map} +0 -0
  291. /package/dist/chunks/{chunk.5WGCEEUX.js.map → chunk.X2Q5NUQI.js.map} +0 -0
  292. /package/dist/chunks/{chunk.P2IQYZXI.js.map → chunk.XL6JK6XI.js.map} +0 -0
  293. /package/dist/chunks/{chunk.AVKAUJMS.js.map → chunk.YO7ZIBAK.js.map} +0 -0
  294. /package/dist/chunks/{chunk.ZRWGACRR.js.map → chunk.YPSNAYJN.js.map} +0 -0
  295. /package/dist/chunks/{chunk.TJKSCDMD.js.map → chunk.YUYKZ3AR.js.map} +0 -0
  296. /package/dist/chunks/{chunk.PENIVZQL.js.map → chunk.ZAK6JLAP.js.map} +0 -0
  297. /package/dist/chunks/{chunk.MTE6C63T.js.map → chunk.ZOA5KDCL.js.map} +0 -0
  298. /package/dist/chunks/{chunk.KSEKV6UQ.js.map → chunk.ZTUVBMBQ.js.map} +0 -0
package/dist/chunks/{chunk.WO5OQNPG.js → chunk.SPBIB5PU.js} RENAMED
@@ -15,7 +15,7 @@ import {
15
15
  } from "./chunk.NLYVOJGK.js";
16
16
  import {
17
17
  SynergyElement
18
- } from "./chunk.3AZFEB6D.js";
18
+ } from "./chunk.F54ODM5Z.js";
19
19
  import {
20
20
  __decorateClass
21
21
  } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
120
120
  export {
121
121
  SynBreadcrumbItem
122
122
  };
123
- //# sourceMappingURL=chunk.WO5OQNPG.js.map
123
+ //# sourceMappingURL=chunk.SPBIB5PU.js.map
package/dist/chunks/{chunk.PUZTCQ45.js → chunk.SSKPVU2O.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynProgressRing
3
- } from "./chunk.GQ77BF6G.js";
3
+ } from "./chunk.KWGOX2WS.js";
4
4
 
5
5
  // src/components/progress-ring/progress-ring.ts
6
6
  var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
9
9
  export {
10
10
  progress_ring_default
11
11
  };
12
- //# sourceMappingURL=chunk.PUZTCQ45.js.map
12
+ //# sourceMappingURL=chunk.SSKPVU2O.js.map
package/dist/chunks/{chunk.GTAE5OSA.js → chunk.TRGOAYBG.js} RENAMED
@@ -373,8 +373,9 @@ var combobox_styles_default = css`
373
373
  * #850: Allow to measure the size of the combobox.
374
374
  * This is needed so we can automatically size and truncate the tags in the <syn-combobox multiple> component.
375
375
  * Scoped to multiple to not break the single combobox per accident.
376
+ * Scoped to when placeholder is not visible to not break the placeholder visualization
376
377
  */
377
- :host([multiple]) .combobox__tags {
378
+ :host([multiple]) :not(.combobox--placeholder-visible) > .combobox__inputs > .combobox__tags {
378
379
  min-width: 100px;
379
380
  overflow: hidden;
380
381
  }
@@ -400,4 +401,4 @@ var combobox_styles_default = css`
400
401
  export {
401
402
  combobox_styles_default
402
403
  };
403
- //# sourceMappingURL=chunk.GTAE5OSA.js.map
404
+ //# sourceMappingURL=chunk.TRGOAYBG.js.map
package/dist/chunks/{chunk.GTAE5OSA.js.map → chunk.TRGOAYBG.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/* 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 /** #429: Use token for opacity */\n .combobox--standard.combobox--disabled .combobox__inputs {\n opacity: var(--syn-input-disabled-opacity);\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 margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--small .combobox__expand-icon {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--medium .combobox__expand-icon {\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--large .combobox__expand-icon {\n font-size: var(--syn-spacing-x-large);\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--small .combobox__suffix::slotted(syn-icon),\n .combobox--small .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-medium);\n }\n\n /* Medium */\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--medium .combobox__suffix::slotted(syn-icon),\n .combobox--medium .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-x-large);\n }\n\n /* Large */\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--large .combobox__suffix::slotted(syn-icon),\n .combobox--large .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-2x-large);\n }\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 /**\n * #850: Allow to measure the size of the combobox.\n * This is needed so we can automatically size and truncate the tags in the <syn-combobox multiple> component.\n * Scoped to multiple to not break the single combobox per accident.\n */\n :host([multiple]) .combobox__tags {\n min-width: 100px;\n overflow: hidden;\n }\n\n :host([multiple]) .combobox__tags > div {\n display: contents;\n }\n\n :host([multiple]) .combobox__tags > div > syn-tag {\n --syn-tag-position-adjustment: var(--syn-spacing-3x-small);\n\n max-width: var(--syn-combobox-tag-max-width);\n }\n\n :host([multiple]) .combobox__tags > div > syn-tag::part(content) {\n display: initial;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/* 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 /** #429: Use token for opacity */\n .combobox--standard.combobox--disabled .combobox__inputs {\n opacity: var(--syn-input-disabled-opacity);\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 margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--small .combobox__expand-icon {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--medium .combobox__expand-icon {\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--large .combobox__expand-icon {\n font-size: var(--syn-spacing-x-large);\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--small .combobox__suffix::slotted(syn-icon),\n .combobox--small .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-medium);\n }\n\n /* Medium */\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--medium .combobox__suffix::slotted(syn-icon),\n .combobox--medium .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-x-large);\n }\n\n /* Large */\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--large .combobox__suffix::slotted(syn-icon),\n .combobox--large .combobox__prefix::slotted(syn-icon) {\n font-size: var(--syn-font-size-2x-large);\n }\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 /**\n * #850: Allow to measure the size of the combobox.\n * This is needed so we can automatically size and truncate the tags in the <syn-combobox multiple> component.\n * Scoped to multiple to not break the single combobox per accident.\n * Scoped to when placeholder is not visible to not break the placeholder visualization\n */\n :host([multiple]) :not(.combobox--placeholder-visible) > .combobox__inputs > .combobox__tags {\n min-width: 100px;\n overflow: hidden;\n }\n\n :host([multiple]) .combobox__tags > div {\n display: contents;\n }\n\n :host([multiple]) .combobox__tags > div > syn-tag {\n --syn-tag-position-adjustment: var(--syn-spacing-3x-small);\n\n max-width: var(--syn-combobox-tag-max-width);\n }\n\n :host([multiple]) .combobox__tags > div > syn-tag::part(content) {\n display: initial;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.7ZO2DTEY.js → chunk.TVSXWXEG.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynMenuItem
3
- } from "./chunk.SYLJ6DWT.js";
3
+ } from "./chunk.55OP4YXG.js";
4
4
 
5
5
  // src/components/menu-item/menu-item.ts
6
6
  var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
9
9
  export {
10
10
  menu_item_default
11
11
  };
12
- //# sourceMappingURL=chunk.7ZO2DTEY.js.map
12
+ //# sourceMappingURL=chunk.TVSXWXEG.js.map
package/dist/chunks/{chunk.PKKMSP7K.js → chunk.U5ZERSUR.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynRangeTick
3
- } from "./chunk.AMGHW7NK.js";
3
+ } from "./chunk.7PQCAID5.js";
4
4
 
5
5
  // src/components/range-tick/range-tick.ts
6
6
  var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
9
9
  export {
10
10
  range_tick_default
11
11
  };
12
- //# sourceMappingURL=chunk.PKKMSP7K.js.map
12
+ //# sourceMappingURL=chunk.U5ZERSUR.js.map
package/dist/chunks/{chunk.64FVWVOV.js → chunk.UQ4AJSDA.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynCombobox
3
- } from "./chunk.RG723DJS.js";
3
+ } from "./chunk.RYANMKQO.js";
4
4
 
5
5
  // src/components/combobox/combobox.ts
6
6
  var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
9
9
  export {
10
10
  combobox_default
11
11
  };
12
- //# sourceMappingURL=chunk.64FVWVOV.js.map
12
+ //# sourceMappingURL=chunk.UQ4AJSDA.js.map
package/dist/chunks/{chunk.YNSWIGFP.js → chunk.UTKC7YGL.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynOption
3
- } from "./chunk.H44OLU6E.js";
3
+ } from "./chunk.R467YNG5.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.YNSWIGFP.js.map
12
+ //# sourceMappingURL=chunk.UTKC7YGL.js.map
package/dist/chunks/{chunk.X4ABT4IX.js → chunk.VOBXSZWA.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynNavItem
3
- } from "./chunk.YRFZJY7K.js";
3
+ } from "./chunk.N2U3S76W.js";
4
4
 
5
5
  // src/components/nav-item/nav-item.ts
6
6
  var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
9
9
  export {
10
10
  nav_item_default
11
11
  };
12
- //# sourceMappingURL=chunk.X4ABT4IX.js.map
12
+ //# sourceMappingURL=chunk.VOBXSZWA.js.map
package/dist/chunks/{chunk.ILXP2UV3.js → chunk.VTQZDPDU.js} RENAMED
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.NLYVOJGK.js";
10
10
  import {
11
11
  SynergyElement
12
- } from "./chunk.3AZFEB6D.js";
12
+ } from "./chunk.F54ODM5Z.js";
13
13
  import {
14
14
  __decorateClass
15
15
  } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
78
78
  export {
79
79
  SynResizeObserver
80
80
  };
81
- //# sourceMappingURL=chunk.ILXP2UV3.js.map
81
+ //# sourceMappingURL=chunk.VTQZDPDU.js.map
package/dist/chunks/{chunk.XPN4WSF6.js → chunk.WIXIKJR2.js} RENAMED
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.FWLUR33I.js";
4
4
  import {
5
5
  SynNavItem
6
- } from "./chunk.YRFZJY7K.js";
7
- import {
8
- SynDrawer
9
- } from "./chunk.RN7MBD4H.js";
6
+ } from "./chunk.N2U3S76W.js";
10
7
  import {
11
8
  SynDivider
12
- } from "./chunk.P2IQYZXI.js";
9
+ } from "./chunk.XL6JK6XI.js";
10
+ import {
11
+ SynDrawer
12
+ } from "./chunk.5WSEP6GG.js";
13
13
  import {
14
14
  unlockBodyScrolling
15
15
  } from "./chunk.5732DMBC.js";
@@ -21,27 +21,27 @@ import {
21
21
  setAnimation,
22
22
  setDefaultAnimation
23
23
  } from "./chunk.7JGKUB4A.js";
24
+ import {
25
+ HasSlotController
26
+ } from "./chunk.WVVQK5TE.js";
24
27
  import {
25
28
  SynIcon
26
- } from "./chunk.WFJVDRQR.js";
29
+ } from "./chunk.2XG4KPH5.js";
30
+ import {
31
+ watch
32
+ } from "./chunk.BVZQ6QSY.js";
27
33
  import {
28
34
  LocalizeController
29
35
  } from "./chunk.OAQRCZOO.js";
30
- import {
31
- HasSlotController
32
- } from "./chunk.WVVQK5TE.js";
33
36
  import {
34
37
  enableDefaultSettings
35
38
  } from "./chunk.E5UUNP6E.js";
36
- import {
37
- watch
38
- } from "./chunk.BVZQ6QSY.js";
39
39
  import {
40
40
  component_styles_default
41
41
  } from "./chunk.NLYVOJGK.js";
42
42
  import {
43
43
  SynergyElement
44
- } from "./chunk.3AZFEB6D.js";
44
+ } from "./chunk.F54ODM5Z.js";
45
45
  import {
46
46
  __decorateClass
47
47
  } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
349
349
  export {
350
350
  SynSideNav
351
351
  };
352
- //# sourceMappingURL=chunk.XPN4WSF6.js.map
352
+ //# sourceMappingURL=chunk.WIXIKJR2.js.map
package/dist/chunks/{chunk.XRXV3GDV.js → chunk.WWYG5ZAH.js} RENAMED
@@ -1,18 +1,18 @@
1
+ import {
2
+ watch
3
+ } from "./chunk.BVZQ6QSY.js";
1
4
  import {
2
5
  accordion_styles_default
3
6
  } from "./chunk.WNUZ6LH4.js";
4
7
  import {
5
8
  enableDefaultSettings
6
9
  } from "./chunk.E5UUNP6E.js";
7
- import {
8
- watch
9
- } from "./chunk.BVZQ6QSY.js";
10
10
  import {
11
11
  component_styles_default
12
12
  } from "./chunk.NLYVOJGK.js";
13
13
  import {
14
14
  SynergyElement
15
- } from "./chunk.3AZFEB6D.js";
15
+ } from "./chunk.F54ODM5Z.js";
16
16
  import {
17
17
  __decorateClass
18
18
  } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
111
111
  export {
112
112
  SynAccordion
113
113
  };
114
- //# sourceMappingURL=chunk.XRXV3GDV.js.map
114
+ //# sourceMappingURL=chunk.WWYG5ZAH.js.map
package/dist/chunks/{chunk.5WGCEEUX.js → chunk.X2Q5NUQI.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynTag
3
- } from "./chunk.BN6FB3CA.js";
3
+ } from "./chunk.FR3X2GLI.js";
4
4
 
5
5
  // src/components/tag/tag.ts
6
6
  var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
9
9
  export {
10
10
  tag_default
11
11
  };
12
- //# sourceMappingURL=chunk.5WGCEEUX.js.map
12
+ //# sourceMappingURL=chunk.X2Q5NUQI.js.map
package/dist/chunks/{chunk.P2IQYZXI.js → chunk.XL6JK6XI.js} RENAMED
@@ -1,9 +1,9 @@
1
- import {
2
- divider_styles_default
3
- } from "./chunk.FSZIE7IO.js";
4
1
  import {
5
2
  divider_custom_styles_default
6
3
  } from "./chunk.FA6V2WD6.js";
4
+ import {
5
+ divider_styles_default
6
+ } from "./chunk.FSZIE7IO.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.BVZQ6QSY.js";
@@ -12,7 +12,7 @@ import {
12
12
  } from "./chunk.NLYVOJGK.js";
13
13
  import {
14
14
  SynergyElement
15
- } from "./chunk.3AZFEB6D.js";
15
+ } from "./chunk.F54ODM5Z.js";
16
16
  import {
17
17
  __decorateClass
18
18
  } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
43
43
  export {
44
44
  SynDivider
45
45
  };
46
- //# sourceMappingURL=chunk.P2IQYZXI.js.map
46
+ //# sourceMappingURL=chunk.XL6JK6XI.js.map
package/dist/chunks/{chunk.CBVQAM42.js → chunk.Y36TGO4Y.js} RENAMED
@@ -6,25 +6,25 @@ import {
6
6
  } from "./chunk.PKYC7QF3.js";
7
7
  import {
8
8
  SynResizeObserver
9
- } from "./chunk.ILXP2UV3.js";
9
+ } from "./chunk.VTQZDPDU.js";
10
10
  import {
11
11
  scrollIntoView
12
12
  } from "./chunk.5732DMBC.js";
13
13
  import {
14
14
  SynIconButton
15
- } from "./chunk.BANJ5DAQ.js";
16
- import {
17
- LocalizeController
18
- } from "./chunk.OAQRCZOO.js";
15
+ } from "./chunk.I77D2ORF.js";
19
16
  import {
20
17
  watch
21
18
  } from "./chunk.BVZQ6QSY.js";
19
+ import {
20
+ LocalizeController
21
+ } from "./chunk.OAQRCZOO.js";
22
22
  import {
23
23
  component_styles_default
24
24
  } from "./chunk.NLYVOJGK.js";
25
25
  import {
26
26
  SynergyElement
27
- } from "./chunk.3AZFEB6D.js";
27
+ } from "./chunk.F54ODM5Z.js";
28
28
  import {
29
29
  __decorateClass,
30
30
  __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
515
515
  export {
516
516
  SynTabGroup
517
517
  };
518
- //# sourceMappingURL=chunk.CBVQAM42.js.map
518
+ //# sourceMappingURL=chunk.Y36TGO4Y.js.map
package/dist/chunks/{chunk.CBVQAM42.js.map → chunk.Y36TGO4Y.js.map} RENAMED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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\n(() => {\n // SSR environments should not apply the polyfill\n if (typeof window === 'undefined') {\n return;\n }\n\n const isSupported = 'onscrollend' in window;\n\n if (!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\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, queryAssignedElements, 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-design-system.github.io/?path=/docs/components-syn-tab-group--docs\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 @queryAssignedElements({ slot: 'nav', selector: 'syn-tab' }) tabs: SynTab[];;\n private focusableTabs: SynTab[] = [];\n @queryAssignedElements({ selector: 'syn-tab-panel' }) 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 // Make sure to only observe the direct children of the tab group\n // instead of other sub elements that might be slotted in.\n // @see https://github.com/shoelace-style/shoelace/issues/2320\n const instanceMutations = mutations.filter(({ target }) => {\n if (target === this) return true; // Allow self updates\n if ((target as HTMLElement).closest('syn-tab-group') !== this) return false; // We are not direct children\n\n // We should only care about changes to the tab or tab panel\n const tagName = (target as HTMLElement).tagName.toLowerCase();\n return tagName === 'syn-tab' || tagName === 'syn-tab-panel';\n });\n\n if (instanceMutations.length === 0) {\n return;\n }\n\n // Update aria labels when the DOM changes\n if (instanceMutations.some(m => !['aria-labelledby', 'aria-controls'].includes(m.attributeName!))) {\n setTimeout(() => this.setAriaLabels());\n }\n\n // Sync tabs when disabled states change\n if (instanceMutations.some(m => m.attributeName === 'disabled')) {\n this.syncTabsAndPanels();\n // sync tabs when active state on tab changes\n } else if (instanceMutations.some(m => m.attributeName === 'active')) {\n const tabs = instanceMutations\n .filter(m => m.attributeName === 'active' && (m.target as HTMLElement).tagName.toLowerCase() === 'syn-tab')\n .map(m => m.target as SynTab);\n const newActiveTab = tabs.find(tab => tab.active);\n\n if (newActiveTab) {\n this.setActiveTab(newActiveTab);\n }\n }\n });\n\n // After the first update...\n this.updateComplete.then(() => {\n this.syncTabsAndPanels();\n\n this.mutationObserver.observe(this, {\n attributes: true,\n attributeFilter: ['active', 'disabled', 'name', 'panel'],\n childList: true,\n subtree: true\n });\n\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 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 precedingTabs = this.tabs.slice(0, this.tabs.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.focusableTabs = this.tabs.filter(el => !el.disabled);\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/shoelace-style/shoelace/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 preventFocus(e: MouseEvent) {\n e.preventDefault();\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 @mousedown=${this.preventFocus}\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 @mousedown=${this.preventFocus}\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"],
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\n(() => {\n // SSR environments should not apply the polyfill\n if (typeof window === 'undefined') {\n return;\n }\n\n const isSupported = 'onscrollend' in window;\n\n if (!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\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, queryAssignedElements, 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-design-system.github.io/?path=/docs/components-syn-tab-group--docs\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 --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 * @cssproperty --indicator-width - The width of the active tab indicator.\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 @queryAssignedElements({ slot: 'nav', selector: 'syn-tab' }) tabs: SynTab[];;\n private focusableTabs: SynTab[] = [];\n @queryAssignedElements({ selector: 'syn-tab-panel' }) 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 // Make sure to only observe the direct children of the tab group\n // instead of other sub elements that might be slotted in.\n // @see https://github.com/shoelace-style/shoelace/issues/2320\n const instanceMutations = mutations.filter(({ target }) => {\n if (target === this) return true; // Allow self updates\n if ((target as HTMLElement).closest('syn-tab-group') !== this) return false; // We are not direct children\n\n // We should only care about changes to the tab or tab panel\n const tagName = (target as HTMLElement).tagName.toLowerCase();\n return tagName === 'syn-tab' || tagName === 'syn-tab-panel';\n });\n\n if (instanceMutations.length === 0) {\n return;\n }\n\n // Update aria labels when the DOM changes\n if (instanceMutations.some(m => !['aria-labelledby', 'aria-controls'].includes(m.attributeName!))) {\n setTimeout(() => this.setAriaLabels());\n }\n\n // Sync tabs when disabled states change\n if (instanceMutations.some(m => m.attributeName === 'disabled')) {\n this.syncTabsAndPanels();\n // sync tabs when active state on tab changes\n } else if (instanceMutations.some(m => m.attributeName === 'active')) {\n const tabs = instanceMutations\n .filter(m => m.attributeName === 'active' && (m.target as HTMLElement).tagName.toLowerCase() === 'syn-tab')\n .map(m => m.target as SynTab);\n const newActiveTab = tabs.find(tab => tab.active);\n\n if (newActiveTab) {\n this.setActiveTab(newActiveTab);\n }\n }\n });\n\n // After the first update...\n this.updateComplete.then(() => {\n this.syncTabsAndPanels();\n\n this.mutationObserver.observe(this, {\n attributes: true,\n attributeFilter: ['active', 'disabled', 'name', 'panel'],\n childList: true,\n subtree: true\n });\n\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 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 precedingTabs = this.tabs.slice(0, this.tabs.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.focusableTabs = this.tabs.filter(el => !el.disabled);\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/shoelace-style/shoelace/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 preventFocus(e: MouseEvent) {\n e.preventDefault();\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 @mousedown=${this.preventFocus}\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 @mousedown=${this.preventFocus}\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
5
  "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/chunks/{chunk.AVKAUJMS.js → chunk.YO7ZIBAK.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynMenuLabel
3
- } from "./chunk.6RVKKAXI.js";
3
+ } from "./chunk.FSV6NOGK.js";
4
4
 
5
5
  // src/components/menu-label/menu-label.ts
6
6
  var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
9
9
  export {
10
10
  menu_label_default
11
11
  };
12
- //# sourceMappingURL=chunk.AVKAUJMS.js.map
12
+ //# sourceMappingURL=chunk.YO7ZIBAK.js.map
package/dist/chunks/{chunk.ZRWGACRR.js → chunk.YPSNAYJN.js} RENAMED
@@ -3,22 +3,22 @@ import {
3
3
  } from "./chunk.5T3OGIGW.js";
4
4
  import {
5
5
  icon_default
6
- } from "./chunk.EWOH3PLM.js";
7
- import {
8
- LocalizeController
9
- } from "./chunk.OAQRCZOO.js";
6
+ } from "./chunk.QO2QG7IJ.js";
10
7
  import {
11
8
  HasSlotController
12
9
  } from "./chunk.WVVQK5TE.js";
13
10
  import {
14
11
  watch
15
12
  } from "./chunk.BVZQ6QSY.js";
13
+ import {
14
+ LocalizeController
15
+ } from "./chunk.OAQRCZOO.js";
16
16
  import {
17
17
  component_styles_default
18
18
  } from "./chunk.NLYVOJGK.js";
19
19
  import {
20
20
  SynergyElement
21
- } from "./chunk.3AZFEB6D.js";
21
+ } from "./chunk.F54ODM5Z.js";
22
22
  import {
23
23
  __decorateClass
24
24
  } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
206
206
  export {
207
207
  SynHeader
208
208
  };
209
- //# sourceMappingURL=chunk.ZRWGACRR.js.map
209
+ //# sourceMappingURL=chunk.YPSNAYJN.js.map
package/dist/chunks/{chunk.TJKSCDMD.js → chunk.YUYKZ3AR.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynTextarea
3
- } from "./chunk.HDUJYDWI.js";
3
+ } from "./chunk.SLQSEZFN.js";
4
4
 
5
5
  // src/components/textarea/textarea.ts
6
6
  var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
9
9
  export {
10
10
  textarea_default
11
11
  };
12
- //# sourceMappingURL=chunk.TJKSCDMD.js.map
12
+ //# sourceMappingURL=chunk.YUYKZ3AR.js.map
package/dist/chunks/{chunk.PENIVZQL.js → chunk.ZAK6JLAP.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynTooltip
3
- } from "./chunk.LK6UOSII.js";
3
+ } from "./chunk.K544FE2V.js";
4
4
  import {
5
5
  range_styles_default
6
6
  } from "./chunk.UFNQFJO6.js";
@@ -21,12 +21,12 @@ import {
21
21
  customErrorValidityState,
22
22
  validValidityState
23
23
  } from "./chunk.HP2LEQRU.js";
24
- import {
25
- LocalizeController
26
- } from "./chunk.OAQRCZOO.js";
27
24
  import {
28
25
  HasSlotController
29
26
  } from "./chunk.WVVQK5TE.js";
27
+ import {
28
+ LocalizeController
29
+ } from "./chunk.OAQRCZOO.js";
30
30
  import {
31
31
  enableDefaultSettings
32
32
  } from "./chunk.E5UUNP6E.js";
@@ -35,7 +35,7 @@ import {
35
35
  } from "./chunk.NLYVOJGK.js";
36
36
  import {
37
37
  SynergyElement
38
- } from "./chunk.3AZFEB6D.js";
38
+ } from "./chunk.F54ODM5Z.js";
39
39
  import {
40
40
  __decorateClass,
41
41
  __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
716
716
  export {
717
717
  SynRange
718
718
  };
719
- //# sourceMappingURL=chunk.PENIVZQL.js.map
719
+ //# sourceMappingURL=chunk.ZAK6JLAP.js.map