@synergy-design-system/components 2.12.1 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{chunk.NGD3FJHJ.js → chunk.2TU3PMLN.js} +2 -2
- package/dist/chunks/{chunk.TCK2OZIA.js → chunk.4E3AZRVT.js} +2 -2
- package/dist/chunks/{chunk.TZC4IPT3.js → chunk.4E76ZRQI.js} +2 -2
- package/dist/chunks/{chunk.RTEKLXU3.js → chunk.4OD2H3XB.js} +2 -2
- package/dist/chunks/{chunk.6FVSBWBR.js → chunk.4QUIUWWD.js} +2 -2
- package/dist/chunks/{chunk.C6HMB33J.js → chunk.5NUBLBWE.js} +2 -2
- package/dist/chunks/{chunk.V26UKAYH.js → chunk.5WASDVJX.js} +2 -2
- package/dist/chunks/{chunk.KP2IPT7J.js → chunk.6O6CGMJA.js} +2 -2
- package/dist/chunks/{chunk.4ZAJFDDB.js → chunk.6Q3EOAQV.js} +3 -3
- package/dist/chunks/{chunk.V3UNHLRQ.js → chunk.6SDNRNEM.js} +2 -2
- package/dist/chunks/{chunk.WNOYE7FJ.js → chunk.6VAC3Z2Q.js} +2 -2
- package/dist/chunks/{chunk.QACXXGS7.js → chunk.6WKJKCWD.js} +3 -3
- package/dist/chunks/{chunk.QACXXGS7.js.map → chunk.6WKJKCWD.js.map} +2 -2
- package/dist/chunks/{chunk.IAX5P4YW.js → chunk.7HZV4MYT.js} +2 -2
- package/dist/chunks/{chunk.IOYGNDRB.js → chunk.API5O3M4.js} +7 -3
- package/dist/chunks/chunk.API5O3M4.js.map +7 -0
- package/dist/chunks/{chunk.KDMX4Q33.js → chunk.B5L6RSX7.js} +2 -2
- package/dist/chunks/{chunk.4WXSVFZF.js → chunk.BBVDCOTU.js} +2 -2
- package/dist/chunks/{chunk.CROIIGEK.js → chunk.BLUAN7RH.js} +30 -19
- package/dist/chunks/chunk.BLUAN7RH.js.map +7 -0
- package/dist/chunks/{chunk.RZI6FTCQ.js → chunk.BMMT5J3T.js} +2 -2
- package/dist/chunks/{chunk.RZI6FTCQ.js.map → chunk.BMMT5J3T.js.map} +1 -1
- package/dist/chunks/{chunk.MGX7SU3U.js → chunk.BTFRHXAP.js} +3 -3
- package/dist/chunks/{chunk.ZMHLJPJN.js → chunk.BVZMEBPT.js} +4 -4
- package/dist/chunks/{chunk.W5TWI64A.js → chunk.C7CANCSQ.js} +3 -3
- package/dist/chunks/{chunk.NNCEZT6I.js → chunk.CCQIEIL2.js} +2 -2
- package/dist/chunks/{chunk.R2B42WQK.js → chunk.CII3JTNM.js} +3 -3
- package/dist/chunks/{chunk.T66H2JXK.js → chunk.CJ357KHN.js} +2 -2
- package/dist/chunks/{chunk.3KRROCNB.js → chunk.CX6JNMXF.js} +2 -2
- package/dist/chunks/{chunk.AFGBDQAO.js → chunk.DHFLT5BI.js} +3 -3
- package/dist/chunks/{chunk.D44UFEGJ.js → chunk.DLIV66GJ.js} +3 -3
- package/dist/chunks/{chunk.KVU5RDXR.js → chunk.DLKXMQBR.js} +2 -2
- package/dist/chunks/{chunk.M5JWXYAN.js → chunk.E3JM7C7O.js} +9 -3
- package/dist/chunks/chunk.E3JM7C7O.js.map +7 -0
- package/dist/chunks/{chunk.PLRLC2PG.js → chunk.E3PAIPJR.js} +2 -2
- package/dist/chunks/{chunk.RAAMOR6I.js → chunk.EEOLCQW7.js} +2 -2
- package/dist/chunks/{chunk.6K2KYJ27.js → chunk.EG6MODIB.js} +2 -2
- package/dist/chunks/{chunk.XJ6J5MAG.js → chunk.EKZ73UET.js} +2 -2
- package/dist/chunks/{chunk.5XTRBW6I.js → chunk.ENYUQ5Q5.js} +2 -2
- package/dist/chunks/{chunk.RUJ3ANMM.js → chunk.FBSFUSLP.js} +2 -2
- package/dist/chunks/{chunk.UNKM3AR6.js → chunk.FF7XVNF3.js} +2 -2
- package/dist/chunks/{chunk.DXUNCEPL.js → chunk.FG2DGX7Z.js} +4 -4
- package/dist/chunks/{chunk.CRA5CBMD.js → chunk.FQWBH6B3.js} +13 -3
- package/dist/chunks/chunk.FQWBH6B3.js.map +7 -0
- package/dist/chunks/{chunk.BV76KPA7.js → chunk.FRDQ3NA3.js} +2 -2
- package/dist/chunks/{chunk.JNP34M27.js → chunk.FUHFSQEX.js} +3 -3
- package/dist/chunks/{chunk.JNP34M27.js.map → chunk.FUHFSQEX.js.map} +2 -2
- package/dist/chunks/{chunk.7IQ7ST4F.js → chunk.FUSBMFDB.js} +11 -7
- package/dist/chunks/chunk.FUSBMFDB.js.map +7 -0
- package/dist/chunks/{chunk.3YNFXB4T.js → chunk.GD4IVG2L.js} +2 -2
- package/dist/chunks/{chunk.PKH7RUCS.js → chunk.GKAYXY36.js} +2 -2
- package/dist/chunks/{chunk.QH3D6IHF.js → chunk.GLWGL7YS.js} +2 -2
- package/dist/chunks/{chunk.GI2NYM36.js → chunk.GQRFIMFT.js} +5 -5
- package/dist/chunks/{chunk.OL5L2SWG.js → chunk.H7SVFADO.js} +2 -2
- package/dist/chunks/{chunk.LKAZQJ5Y.js → chunk.HV53NCY4.js} +2 -2
- package/dist/chunks/{chunk.HVGL244L.js → chunk.I5BBVZWA.js} +2 -2
- package/dist/chunks/{chunk.UREJSW6U.js → chunk.IZEADTY5.js} +6 -1
- package/dist/chunks/{chunk.UREJSW6U.js.map → chunk.IZEADTY5.js.map} +2 -2
- package/dist/chunks/{chunk.EZGQE2Y4.js → chunk.J5YHFEW6.js} +7 -7
- package/dist/chunks/chunk.J5YHFEW6.js.map +7 -0
- package/dist/chunks/{chunk.WKPG4Y6A.js → chunk.JI7FGEBP.js} +2 -2
- package/dist/chunks/{chunk.3FNWITES.js → chunk.JLRQPUIG.js} +3 -3
- package/dist/chunks/{chunk.NBBH4EMX.js → chunk.K2CADE4S.js} +2 -2
- package/dist/chunks/{chunk.CN4426X7.js → chunk.MAVKVXWD.js} +2 -2
- package/dist/chunks/{chunk.N4ZA77ZV.js → chunk.MFNB75KX.js} +4 -4
- package/dist/chunks/{chunk.DFABWKX7.js → chunk.MJEJKJER.js} +3 -3
- package/dist/chunks/{chunk.DFABWKX7.js.map → chunk.MJEJKJER.js.map} +1 -1
- package/dist/chunks/{chunk.MFD4ZXHO.js → chunk.MPBNR3JJ.js} +2 -2
- package/dist/chunks/{chunk.MKHPO7MC.js → chunk.MXYJWR6C.js} +3 -3
- package/dist/chunks/{chunk.L6YDUFFT.js → chunk.NJB7SJKA.js} +2 -2
- package/dist/chunks/{chunk.HQCHFTWQ.js → chunk.NMQJGEFL.js} +3 -3
- package/dist/chunks/{chunk.RWQ7UK2Z.js → chunk.O656KF6Y.js} +2 -2
- package/dist/chunks/{chunk.7VB6V33J.js → chunk.OEFVUTI2.js} +3 -3
- package/dist/chunks/{chunk.INJM3DAJ.js → chunk.PCYVMSZ7.js} +2 -2
- package/dist/chunks/{chunk.JVIDZKUX.js → chunk.PFORJYFS.js} +6 -6
- package/dist/chunks/{chunk.ACSAJN57.js → chunk.PG3Y4WUM.js} +4 -3
- package/dist/chunks/chunk.PG3Y4WUM.js.map +7 -0
- package/dist/chunks/{chunk.TNVBUUDO.js → chunk.PNWQUWHW.js} +2 -2
- package/dist/chunks/{chunk.ETBT2YG4.js → chunk.PP6YASVT.js} +3 -3
- package/dist/chunks/{chunk.AONHNKC7.js → chunk.PVZ5GK4B.js} +2 -2
- package/dist/chunks/{chunk.LHFNBKMZ.js → chunk.PWTZX6PQ.js} +2 -2
- package/dist/chunks/{chunk.HFXDDKUQ.js → chunk.QC77ZFJI.js} +2 -2
- package/dist/chunks/{chunk.N4NBMVHY.js → chunk.QXOHNSH7.js} +3 -3
- package/dist/chunks/{chunk.AVNMFX5X.js → chunk.SFOAR5BL.js} +2 -2
- package/dist/chunks/{chunk.3LCKJNDI.js → chunk.SGWZTGID.js} +2 -2
- package/dist/chunks/{chunk.DTVX4TKW.js → chunk.SUMABPQN.js} +2 -2
- package/dist/chunks/{chunk.43EAE2QI.js → chunk.T2I3Z2JZ.js} +3 -3
- package/dist/chunks/{chunk.GFDW6BKM.js → chunk.TNNT6IDT.js} +2 -2
- package/dist/chunks/{chunk.3IFWX7E3.js → chunk.TR6K4HDS.js} +2 -2
- package/dist/chunks/{chunk.E2DM7XQK.js → chunk.U5FNJXTJ.js} +2 -2
- package/dist/chunks/{chunk.PLNTJP3L.js → chunk.UE5LOIPK.js} +2 -2
- package/dist/chunks/{chunk.VQPF22HI.js → chunk.UKJMAI4Q.js} +4 -4
- package/dist/chunks/{chunk.6IPI5YJJ.js → chunk.ULXNVBWC.js} +2 -2
- package/dist/chunks/{chunk.Z3YHPV62.js → chunk.UO45LNYQ.js} +2 -2
- package/dist/chunks/{chunk.6TR53QJH.js → chunk.V7V4YBUS.js} +3 -3
- package/dist/chunks/{chunk.QEPIKL2O.js → chunk.VJLHPHTO.js} +2 -2
- package/dist/chunks/{chunk.OMVVPU3N.js → chunk.W6QWU55E.js} +3 -3
- package/dist/chunks/{chunk.ZDLBTJKY.js → chunk.WHBCML74.js} +2 -2
- package/dist/chunks/{chunk.OMI4XYXD.js → chunk.WPCYWZX6.js} +2 -2
- package/dist/chunks/{chunk.U3FPKF7P.js → chunk.WRXAT2ZV.js} +3 -3
- package/dist/chunks/{chunk.3JB36AXI.js → chunk.WWG3H2UB.js} +2 -2
- package/dist/chunks/{chunk.LG2S5EYQ.js → chunk.WZ4MEHUQ.js} +2 -2
- package/dist/chunks/{chunk.W5FJR66T.js → chunk.YFTKZOLR.js} +3 -3
- package/dist/chunks/{chunk.YMXGU2DZ.js → chunk.YPYP3MLT.js} +2 -2
- package/dist/chunks/{chunk.V6VHMR46.js → chunk.YVMY7F6B.js} +2 -2
- package/dist/chunks/{chunk.X5BIF4J6.js → chunk.Z7GEUQ4J.js} +2 -2
- package/dist/chunks/{chunk.IA6JFXGQ.js → chunk.ZCYK7ZRI.js} +2 -2
- package/dist/chunks/{chunk.BTXTLVCD.js → chunk.ZDMWDROZ.js} +4 -4
- package/dist/chunks/{chunk.KDS34DYH.js → chunk.ZIV4KR3D.js} +2 -2
- package/dist/chunks/{chunk.QJBEBMI4.js → chunk.ZNCZ4SGA.js} +2 -2
- package/dist/chunks/{chunk.EHY5LVO7.js → chunk.ZWDNIEOP.js} +2 -2
- package/dist/components/accordion/accordion.component.js +2 -2
- package/dist/components/accordion/accordion.js +3 -3
- package/dist/components/alert/alert.component.js +4 -4
- package/dist/components/alert/alert.js +5 -5
- package/dist/components/badge/badge.component.js +2 -2
- package/dist/components/badge/badge.js +3 -3
- package/dist/components/breadcrumb/breadcrumb.component.js +3 -3
- package/dist/components/breadcrumb/breadcrumb.js +4 -4
- package/dist/components/breadcrumb-item/breadcrumb-item.component.js +2 -2
- package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
- package/dist/components/button/button.component.js +4 -4
- package/dist/components/button/button.js +5 -5
- package/dist/components/button-group/button-group.component.js +2 -2
- package/dist/components/button-group/button-group.js +3 -3
- package/dist/components/card/card.component.js +2 -2
- package/dist/components/card/card.js +3 -3
- package/dist/components/checkbox/checkbox.component.js +3 -3
- package/dist/components/checkbox/checkbox.js +4 -4
- package/dist/components/combobox/combobox.component.js +5 -5
- package/dist/components/combobox/combobox.js +6 -6
- package/dist/components/combobox/combobox.styles.js +1 -1
- package/dist/components/details/details.component.js +3 -3
- package/dist/components/details/details.js +4 -4
- package/dist/components/dialog/dialog.component.js +4 -4
- package/dist/components/dialog/dialog.js +5 -5
- package/dist/components/divider/divider.component.js +2 -2
- package/dist/components/divider/divider.js +3 -3
- package/dist/components/drawer/drawer.component.js +4 -4
- package/dist/components/drawer/drawer.js +5 -5
- package/dist/components/dropdown/dropdown.component.js +3 -3
- package/dist/components/dropdown/dropdown.js +4 -4
- package/dist/components/file/file.component.js +5 -5
- package/dist/components/file/file.js +6 -6
- package/dist/components/header/header.component.js +4 -4
- package/dist/components/header/header.js +5 -5
- package/dist/components/icon/icon.component.js +2 -2
- package/dist/components/icon/icon.js +3 -3
- package/dist/components/icon-button/icon-button.component.js +3 -3
- package/dist/components/icon-button/icon-button.js +4 -4
- package/dist/components/input/input.component.js +4 -4
- package/dist/components/input/input.js +5 -5
- package/dist/components/menu/menu.component.js +2 -2
- package/dist/components/menu/menu.js +3 -3
- package/dist/components/menu-item/menu-item.component.d.ts +1 -0
- package/dist/components/menu-item/menu-item.component.js +6 -6
- package/dist/components/menu-item/menu-item.js +7 -7
- package/dist/components/menu-item/submenu-controller.js +1 -1
- package/dist/components/menu-label/menu-label.component.js +3 -3
- package/dist/components/menu-label/menu-label.js +4 -4
- package/dist/components/nav-item/nav-item.component.js +3 -3
- package/dist/components/nav-item/nav-item.js +4 -4
- package/dist/components/optgroup/optgroup.component.js +3 -3
- package/dist/components/optgroup/optgroup.js +4 -4
- package/dist/components/option/option.component.js +3 -3
- package/dist/components/option/option.js +4 -4
- package/dist/components/popup/popup.component.d.ts +1 -0
- package/dist/components/popup/popup.component.js +4 -2
- package/dist/components/popup/popup.js +5 -3
- package/dist/components/prio-nav/prio-nav.component.js +8 -8
- package/dist/components/prio-nav/prio-nav.js +9 -9
- package/dist/components/progress-bar/progress-bar.component.js +2 -2
- package/dist/components/progress-bar/progress-bar.js +3 -3
- package/dist/components/progress-ring/progress-ring.component.js +2 -2
- package/dist/components/progress-ring/progress-ring.js +3 -3
- package/dist/components/radio/radio.component.js +3 -3
- package/dist/components/radio/radio.js +4 -4
- package/dist/components/radio-button/radio-button.component.js +2 -2
- package/dist/components/radio-button/radio-button.js +3 -3
- package/dist/components/radio-group/radio-group.component.js +3 -3
- package/dist/components/radio-group/radio-group.js +4 -4
- package/dist/components/range/range.component.js +4 -4
- package/dist/components/range/range.js +5 -5
- package/dist/components/range-tick/range-tick.component.js +2 -2
- package/dist/components/range-tick/range-tick.js +3 -3
- package/dist/components/resize-observer/resize-observer.component.js +2 -2
- package/dist/components/select/select.component.d.ts +1 -0
- package/dist/components/select/select.component.js +7 -7
- package/dist/components/select/select.js +8 -8
- package/dist/components/select/select.styles.js +1 -1
- package/dist/components/side-nav/side-nav.component.js +6 -6
- package/dist/components/side-nav/side-nav.js +7 -7
- package/dist/components/spinner/spinner.component.js +2 -2
- package/dist/components/spinner/spinner.js +3 -3
- package/dist/components/switch/switch.component.js +2 -2
- package/dist/components/switch/switch.js +3 -3
- package/dist/components/tab/tab.component.js +4 -4
- package/dist/components/tab/tab.js +5 -5
- package/dist/components/tab-group/tab-group.component.d.ts +1 -1
- package/dist/components/tab-group/tab-group.component.js +5 -5
- package/dist/components/tab-group/tab-group.js +6 -6
- package/dist/components/tab-panel/tab-panel.component.js +2 -2
- package/dist/components/tab-panel/tab-panel.js +3 -3
- package/dist/components/tag/tag.component.js +4 -4
- package/dist/components/tag/tag.js +5 -5
- package/dist/components/textarea/textarea.component.d.ts +1 -0
- package/dist/components/textarea/textarea.component.js +3 -3
- package/dist/components/textarea/textarea.js +4 -4
- package/dist/components/textarea/textarea.styles.js +1 -1
- package/dist/components/tooltip/tooltip.component.js +3 -3
- package/dist/components/tooltip/tooltip.js +4 -4
- package/dist/components/validate/utility.js +2 -2
- package/dist/components/validate/validate.component.js +6 -6
- package/dist/components/validate/validate.js +7 -7
- package/dist/custom-elements.json +114 -84
- package/dist/styles/index.css +1 -1
- package/dist/synergy.js +99 -99
- package/dist/vscode.html-custom-data.json +23 -23
- package/package.json +11 -11
- package/dist/chunks/chunk.7IQ7ST4F.js.map +0 -7
- package/dist/chunks/chunk.ACSAJN57.js.map +0 -7
- package/dist/chunks/chunk.CRA5CBMD.js.map +0 -7
- package/dist/chunks/chunk.CROIIGEK.js.map +0 -7
- package/dist/chunks/chunk.EZGQE2Y4.js.map +0 -7
- package/dist/chunks/chunk.IOYGNDRB.js.map +0 -7
- package/dist/chunks/chunk.M5JWXYAN.js.map +0 -7
- /package/dist/chunks/{chunk.NGD3FJHJ.js.map → chunk.2TU3PMLN.js.map} +0 -0
- /package/dist/chunks/{chunk.TCK2OZIA.js.map → chunk.4E3AZRVT.js.map} +0 -0
- /package/dist/chunks/{chunk.TZC4IPT3.js.map → chunk.4E76ZRQI.js.map} +0 -0
- /package/dist/chunks/{chunk.RTEKLXU3.js.map → chunk.4OD2H3XB.js.map} +0 -0
- /package/dist/chunks/{chunk.6FVSBWBR.js.map → chunk.4QUIUWWD.js.map} +0 -0
- /package/dist/chunks/{chunk.C6HMB33J.js.map → chunk.5NUBLBWE.js.map} +0 -0
- /package/dist/chunks/{chunk.V26UKAYH.js.map → chunk.5WASDVJX.js.map} +0 -0
- /package/dist/chunks/{chunk.KP2IPT7J.js.map → chunk.6O6CGMJA.js.map} +0 -0
- /package/dist/chunks/{chunk.4ZAJFDDB.js.map → chunk.6Q3EOAQV.js.map} +0 -0
- /package/dist/chunks/{chunk.V3UNHLRQ.js.map → chunk.6SDNRNEM.js.map} +0 -0
- /package/dist/chunks/{chunk.WNOYE7FJ.js.map → chunk.6VAC3Z2Q.js.map} +0 -0
- /package/dist/chunks/{chunk.IAX5P4YW.js.map → chunk.7HZV4MYT.js.map} +0 -0
- /package/dist/chunks/{chunk.KDMX4Q33.js.map → chunk.B5L6RSX7.js.map} +0 -0
- /package/dist/chunks/{chunk.4WXSVFZF.js.map → chunk.BBVDCOTU.js.map} +0 -0
- /package/dist/chunks/{chunk.MGX7SU3U.js.map → chunk.BTFRHXAP.js.map} +0 -0
- /package/dist/chunks/{chunk.ZMHLJPJN.js.map → chunk.BVZMEBPT.js.map} +0 -0
- /package/dist/chunks/{chunk.W5TWI64A.js.map → chunk.C7CANCSQ.js.map} +0 -0
- /package/dist/chunks/{chunk.NNCEZT6I.js.map → chunk.CCQIEIL2.js.map} +0 -0
- /package/dist/chunks/{chunk.R2B42WQK.js.map → chunk.CII3JTNM.js.map} +0 -0
- /package/dist/chunks/{chunk.T66H2JXK.js.map → chunk.CJ357KHN.js.map} +0 -0
- /package/dist/chunks/{chunk.3KRROCNB.js.map → chunk.CX6JNMXF.js.map} +0 -0
- /package/dist/chunks/{chunk.AFGBDQAO.js.map → chunk.DHFLT5BI.js.map} +0 -0
- /package/dist/chunks/{chunk.D44UFEGJ.js.map → chunk.DLIV66GJ.js.map} +0 -0
- /package/dist/chunks/{chunk.KVU5RDXR.js.map → chunk.DLKXMQBR.js.map} +0 -0
- /package/dist/chunks/{chunk.PLRLC2PG.js.map → chunk.E3PAIPJR.js.map} +0 -0
- /package/dist/chunks/{chunk.RAAMOR6I.js.map → chunk.EEOLCQW7.js.map} +0 -0
- /package/dist/chunks/{chunk.6K2KYJ27.js.map → chunk.EG6MODIB.js.map} +0 -0
- /package/dist/chunks/{chunk.XJ6J5MAG.js.map → chunk.EKZ73UET.js.map} +0 -0
- /package/dist/chunks/{chunk.5XTRBW6I.js.map → chunk.ENYUQ5Q5.js.map} +0 -0
- /package/dist/chunks/{chunk.RUJ3ANMM.js.map → chunk.FBSFUSLP.js.map} +0 -0
- /package/dist/chunks/{chunk.UNKM3AR6.js.map → chunk.FF7XVNF3.js.map} +0 -0
- /package/dist/chunks/{chunk.DXUNCEPL.js.map → chunk.FG2DGX7Z.js.map} +0 -0
- /package/dist/chunks/{chunk.BV76KPA7.js.map → chunk.FRDQ3NA3.js.map} +0 -0
- /package/dist/chunks/{chunk.3YNFXB4T.js.map → chunk.GD4IVG2L.js.map} +0 -0
- /package/dist/chunks/{chunk.PKH7RUCS.js.map → chunk.GKAYXY36.js.map} +0 -0
- /package/dist/chunks/{chunk.QH3D6IHF.js.map → chunk.GLWGL7YS.js.map} +0 -0
- /package/dist/chunks/{chunk.GI2NYM36.js.map → chunk.GQRFIMFT.js.map} +0 -0
- /package/dist/chunks/{chunk.OL5L2SWG.js.map → chunk.H7SVFADO.js.map} +0 -0
- /package/dist/chunks/{chunk.LKAZQJ5Y.js.map → chunk.HV53NCY4.js.map} +0 -0
- /package/dist/chunks/{chunk.HVGL244L.js.map → chunk.I5BBVZWA.js.map} +0 -0
- /package/dist/chunks/{chunk.WKPG4Y6A.js.map → chunk.JI7FGEBP.js.map} +0 -0
- /package/dist/chunks/{chunk.3FNWITES.js.map → chunk.JLRQPUIG.js.map} +0 -0
- /package/dist/chunks/{chunk.NBBH4EMX.js.map → chunk.K2CADE4S.js.map} +0 -0
- /package/dist/chunks/{chunk.CN4426X7.js.map → chunk.MAVKVXWD.js.map} +0 -0
- /package/dist/chunks/{chunk.N4ZA77ZV.js.map → chunk.MFNB75KX.js.map} +0 -0
- /package/dist/chunks/{chunk.MFD4ZXHO.js.map → chunk.MPBNR3JJ.js.map} +0 -0
- /package/dist/chunks/{chunk.MKHPO7MC.js.map → chunk.MXYJWR6C.js.map} +0 -0
- /package/dist/chunks/{chunk.L6YDUFFT.js.map → chunk.NJB7SJKA.js.map} +0 -0
- /package/dist/chunks/{chunk.HQCHFTWQ.js.map → chunk.NMQJGEFL.js.map} +0 -0
- /package/dist/chunks/{chunk.RWQ7UK2Z.js.map → chunk.O656KF6Y.js.map} +0 -0
- /package/dist/chunks/{chunk.7VB6V33J.js.map → chunk.OEFVUTI2.js.map} +0 -0
- /package/dist/chunks/{chunk.INJM3DAJ.js.map → chunk.PCYVMSZ7.js.map} +0 -0
- /package/dist/chunks/{chunk.JVIDZKUX.js.map → chunk.PFORJYFS.js.map} +0 -0
- /package/dist/chunks/{chunk.TNVBUUDO.js.map → chunk.PNWQUWHW.js.map} +0 -0
- /package/dist/chunks/{chunk.ETBT2YG4.js.map → chunk.PP6YASVT.js.map} +0 -0
- /package/dist/chunks/{chunk.AONHNKC7.js.map → chunk.PVZ5GK4B.js.map} +0 -0
- /package/dist/chunks/{chunk.LHFNBKMZ.js.map → chunk.PWTZX6PQ.js.map} +0 -0
- /package/dist/chunks/{chunk.HFXDDKUQ.js.map → chunk.QC77ZFJI.js.map} +0 -0
- /package/dist/chunks/{chunk.N4NBMVHY.js.map → chunk.QXOHNSH7.js.map} +0 -0
- /package/dist/chunks/{chunk.AVNMFX5X.js.map → chunk.SFOAR5BL.js.map} +0 -0
- /package/dist/chunks/{chunk.3LCKJNDI.js.map → chunk.SGWZTGID.js.map} +0 -0
- /package/dist/chunks/{chunk.DTVX4TKW.js.map → chunk.SUMABPQN.js.map} +0 -0
- /package/dist/chunks/{chunk.43EAE2QI.js.map → chunk.T2I3Z2JZ.js.map} +0 -0
- /package/dist/chunks/{chunk.GFDW6BKM.js.map → chunk.TNNT6IDT.js.map} +0 -0
- /package/dist/chunks/{chunk.3IFWX7E3.js.map → chunk.TR6K4HDS.js.map} +0 -0
- /package/dist/chunks/{chunk.E2DM7XQK.js.map → chunk.U5FNJXTJ.js.map} +0 -0
- /package/dist/chunks/{chunk.PLNTJP3L.js.map → chunk.UE5LOIPK.js.map} +0 -0
- /package/dist/chunks/{chunk.VQPF22HI.js.map → chunk.UKJMAI4Q.js.map} +0 -0
- /package/dist/chunks/{chunk.6IPI5YJJ.js.map → chunk.ULXNVBWC.js.map} +0 -0
- /package/dist/chunks/{chunk.Z3YHPV62.js.map → chunk.UO45LNYQ.js.map} +0 -0
- /package/dist/chunks/{chunk.6TR53QJH.js.map → chunk.V7V4YBUS.js.map} +0 -0
- /package/dist/chunks/{chunk.QEPIKL2O.js.map → chunk.VJLHPHTO.js.map} +0 -0
- /package/dist/chunks/{chunk.OMVVPU3N.js.map → chunk.W6QWU55E.js.map} +0 -0
- /package/dist/chunks/{chunk.ZDLBTJKY.js.map → chunk.WHBCML74.js.map} +0 -0
- /package/dist/chunks/{chunk.OMI4XYXD.js.map → chunk.WPCYWZX6.js.map} +0 -0
- /package/dist/chunks/{chunk.U3FPKF7P.js.map → chunk.WRXAT2ZV.js.map} +0 -0
- /package/dist/chunks/{chunk.3JB36AXI.js.map → chunk.WWG3H2UB.js.map} +0 -0
- /package/dist/chunks/{chunk.LG2S5EYQ.js.map → chunk.WZ4MEHUQ.js.map} +0 -0
- /package/dist/chunks/{chunk.W5FJR66T.js.map → chunk.YFTKZOLR.js.map} +0 -0
- /package/dist/chunks/{chunk.YMXGU2DZ.js.map → chunk.YPYP3MLT.js.map} +0 -0
- /package/dist/chunks/{chunk.V6VHMR46.js.map → chunk.YVMY7F6B.js.map} +0 -0
- /package/dist/chunks/{chunk.X5BIF4J6.js.map → chunk.Z7GEUQ4J.js.map} +0 -0
- /package/dist/chunks/{chunk.IA6JFXGQ.js.map → chunk.ZCYK7ZRI.js.map} +0 -0
- /package/dist/chunks/{chunk.BTXTLVCD.js.map → chunk.ZDMWDROZ.js.map} +0 -0
- /package/dist/chunks/{chunk.KDS34DYH.js.map → chunk.ZIV4KR3D.js.map} +0 -0
- /package/dist/chunks/{chunk.QJBEBMI4.js.map → chunk.ZNCZ4SGA.js.map} +0 -0
- /package/dist/chunks/{chunk.EHY5LVO7.js.map → chunk.ZWDNIEOP.js.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynSpinner
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.QC77ZFJI.js";
|
|
4
4
|
import {
|
|
5
5
|
FormControlController,
|
|
6
6
|
validValidityState
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
} from "./chunk.WVVQK5TE.js";
|
|
18
18
|
import {
|
|
19
19
|
SynIcon
|
|
20
|
-
} from "./chunk.
|
|
20
|
+
} from "./chunk.ULXNVBWC.js";
|
|
21
21
|
import {
|
|
22
22
|
LocalizeController
|
|
23
23
|
} from "./chunk.GIU3H3J3.js";
|
|
@@ -29,7 +29,7 @@ import {
|
|
|
29
29
|
} from "./chunk.NLYVOJGK.js";
|
|
30
30
|
import {
|
|
31
31
|
SynergyElement
|
|
32
|
-
} from "./chunk.
|
|
32
|
+
} from "./chunk.BMMT5J3T.js";
|
|
33
33
|
import {
|
|
34
34
|
__decorateClass
|
|
35
35
|
} from "./chunk.2GFK6XTO.js";
|
|
@@ -289,4 +289,4 @@ __decorateClass([
|
|
|
289
289
|
export {
|
|
290
290
|
SynButton
|
|
291
291
|
};
|
|
292
|
-
//# sourceMappingURL=chunk.
|
|
292
|
+
//# sourceMappingURL=chunk.FG2DGX7Z.js.map
|
|
@@ -7,7 +7,7 @@ var textarea_styles_default = css`
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.textarea {
|
|
10
|
-
display:
|
|
10
|
+
display: grid;
|
|
11
11
|
align-items: center;
|
|
12
12
|
position: relative;
|
|
13
13
|
width: 100%;
|
|
@@ -56,6 +56,17 @@ var textarea_styles_default = css`
|
|
|
56
56
|
cursor: not-allowed;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
.textarea__control,
|
|
60
|
+
.textarea__size-adjuster {
|
|
61
|
+
grid-area: 1 / 1 / 2 / 2;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.textarea__size-adjuster {
|
|
65
|
+
visibility: hidden;
|
|
66
|
+
pointer-events: none;
|
|
67
|
+
opacity: 0;
|
|
68
|
+
}
|
|
69
|
+
|
|
59
70
|
.textarea--standard.textarea--disabled .textarea__control {
|
|
60
71
|
color: var(--syn-input-color-disabled);
|
|
61
72
|
}
|
|
@@ -88,7 +99,6 @@ var textarea_styles_default = css`
|
|
|
88
99
|
}
|
|
89
100
|
|
|
90
101
|
.textarea__control {
|
|
91
|
-
flex: 1 1 auto;
|
|
92
102
|
font-family: inherit;
|
|
93
103
|
font-size: inherit;
|
|
94
104
|
font-weight: inherit;
|
|
@@ -171,4 +181,4 @@ var textarea_styles_default = css`
|
|
|
171
181
|
export {
|
|
172
182
|
textarea_styles_default
|
|
173
183
|
};
|
|
174
|
-
//# sourceMappingURL=chunk.
|
|
184
|
+
//# sourceMappingURL=chunk.FQWBH6B3.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/textarea/textarea.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 .textarea {\n display: grid;\n align-items: center;\n position: relative;\n width: 100%;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n line-height: var(--syn-line-height-normal);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\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 cursor: text;\n }\n\n /* Standard textareas */\n .textarea--standard {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .textarea--standard:hover:not(.textarea--disabled) {\n background-color: var(--syn-input-background-color-hover);\n border-color: var(--syn-input-border-color-hover);\n }\n .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n color: var(--syn-input-color-hover);\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled) {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n color: var(--syn-input-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled) .textarea__control {\n color: var(--syn-input-color-focus);\n }\n\n .textarea--standard.textarea--disabled {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .textarea__control,\n .textarea__size-adjuster {\n grid-area: 1 / 1 / 2 / 2;\n }\n\n .textarea__size-adjuster {\n visibility: hidden;\n pointer-events: none;\n opacity: 0;\n }\n\n .textarea--standard.textarea--disabled .textarea__control {\n color: var(--syn-input-color-disabled);\n }\n\n .textarea--standard.textarea--disabled .textarea__control::placeholder {\n color: var(--syn-input-placeholder-color-disabled);\n }\n\n /* Readonly textareas */\n .textarea--readonly {\n border: none;\n background-color: var(--syn-input-readonly-background-color);\n color: var(--syn-input-color);\n }\n\n .textarea--readonly:hover:not(.textarea--disabled) {\n background-color: var(--syn-input-readonly-background-color-hover);\n }\n\n .textarea--readonly.textarea--focused:not(.textarea--disabled) {\n background-color: var(--syn-input-readonly-background-color-focus);\n outline: var(--syn-focus-ring);\n outline-offset: var(--syn-focus-ring-offset);\n }\n\n .textarea--readonly.textarea--disabled {\n background-color: var(--syn-input-readonly-background-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .textarea__control {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1.4;\n color: var(--syn-input-color);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n }\n\n .textarea__control::-webkit-search-decoration,\n .textarea__control::-webkit-search-cancel-button,\n .textarea__control::-webkit-search-results-button,\n .textarea__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n .textarea__control::placeholder {\n color: var(--syn-input-placeholder-color);\n user-select: none;\n -webkit-user-select: none;\n }\n\n .textarea__control:focus {\n outline: none;\n }\n\n /*\n * Size modifiers\n */\n\n .textarea--small {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n }\n\n .textarea--small .textarea__control {\n padding: 0.5em var(--syn-input-spacing-small);\n }\n\n .textarea--medium {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n }\n\n .textarea--medium .textarea__control {\n padding: 0.5em var(--syn-input-spacing-medium);\n }\n\n .textarea--large {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n }\n\n .textarea--large .textarea__control {\n padding: 0.5em var(--syn-input-spacing-large);\n }\n\n /*\n * Resize types\n */\n\n .textarea--resize-none .textarea__control {\n resize: none;\n }\n\n .textarea--resize-vertical .textarea__control {\n resize: vertical;\n }\n\n .textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n overflow-y: hidden;\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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynInput
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.UKJMAI4Q.js";
|
|
4
4
|
|
|
5
5
|
// src/components/input/input.ts
|
|
6
6
|
var input_default = SynInput;
|
|
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
|
|
|
9
9
|
export {
|
|
10
10
|
input_default
|
|
11
11
|
};
|
|
12
|
-
//# sourceMappingURL=chunk.
|
|
12
|
+
//# sourceMappingURL=chunk.FRDQ3NA3.js.map
|
|
@@ -67,7 +67,7 @@ var SubmenuController = class {
|
|
|
67
67
|
this.handlePopupReposition = () => {
|
|
68
68
|
const submenuSlot = this.host.renderRoot.querySelector("slot[name='submenu']");
|
|
69
69
|
const menu = submenuSlot == null ? void 0 : submenuSlot.assignedElements({ flatten: true }).filter((el) => el.localName === "syn-menu")[0];
|
|
70
|
-
const isRtl = this.host.
|
|
70
|
+
const isRtl = getComputedStyle(this.host).direction === "rtl";
|
|
71
71
|
if (!menu) {
|
|
72
72
|
return;
|
|
73
73
|
}
|
|
@@ -213,7 +213,7 @@ var SubmenuController = class {
|
|
|
213
213
|
return this.popupRef.value ? this.popupRef.value.active : false;
|
|
214
214
|
}
|
|
215
215
|
renderSubmenu() {
|
|
216
|
-
const isRtl = this.host.
|
|
216
|
+
const isRtl = getComputedStyle(this.host).direction === "rtl";
|
|
217
217
|
if (!this.isConnected) {
|
|
218
218
|
return html` <slot name="submenu" hidden></slot> `;
|
|
219
219
|
}
|
|
@@ -238,4 +238,4 @@ var SubmenuController = class {
|
|
|
238
238
|
export {
|
|
239
239
|
SubmenuController
|
|
240
240
|
};
|
|
241
|
-
//# sourceMappingURL=chunk.
|
|
241
|
+
//# sourceMappingURL=chunk.FUHFSQEX.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/menu-item/submenu-controller.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 { createRef, ref, type Ref } from 'lit/directives/ref.js';\nimport { type HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type SynMenuItem from './menu-item.js';\nimport type SynPopup from '../popup/popup.js';\n\n/** A reactive controller to manage the registration of event listeners for submenus. */\nexport class SubmenuController implements ReactiveController {\n private host: ReactiveControllerHost & SynMenuItem;\n private popupRef: Ref<SynPopup> = createRef();\n private enableSubmenuTimer = -1;\n private isConnected = false;\n private isPopupConnected = false;\n private skidding = 0;\n private readonly hasSlotController: HasSlotController;\n private readonly submenuOpenDelay = 100;\n\n constructor(host: ReactiveControllerHost & SynMenuItem, hasSlotController: HasSlotController) {\n (this.host = host).addController(this);\n this.hasSlotController = hasSlotController;\n }\n\n hostConnected() {\n if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n this.addListeners();\n }\n }\n\n hostDisconnected() {\n this.removeListeners();\n }\n\n hostUpdated() {\n if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n this.addListeners();\n this.updateSkidding();\n } else {\n this.removeListeners();\n }\n }\n\n private addListeners() {\n if (!this.isConnected) {\n this.host.addEventListener('mousemove', this.handleMouseMove);\n this.host.addEventListener('mouseover', this.handleMouseOver);\n this.host.addEventListener('keydown', this.handleKeyDown);\n this.host.addEventListener('click', this.handleClick);\n this.host.addEventListener('focusout', this.handleFocusOut);\n this.isConnected = true;\n }\n\n // The popup does not seem to get wired when the host is\n // connected, so manage its listeners separately.\n if (!this.isPopupConnected) {\n if (this.popupRef.value) {\n this.popupRef.value.addEventListener('mouseover', this.handlePopupMouseover);\n this.popupRef.value.addEventListener('syn-reposition', this.handlePopupReposition);\n this.isPopupConnected = true;\n }\n }\n }\n\n private removeListeners() {\n if (this.isConnected) {\n this.host.removeEventListener('mousemove', this.handleMouseMove);\n this.host.removeEventListener('mouseover', this.handleMouseOver);\n this.host.removeEventListener('keydown', this.handleKeyDown);\n this.host.removeEventListener('click', this.handleClick);\n this.host.removeEventListener('focusout', this.handleFocusOut);\n this.isConnected = false;\n }\n if (this.isPopupConnected) {\n if (this.popupRef.value) {\n this.popupRef.value.removeEventListener('mouseover', this.handlePopupMouseover);\n this.popupRef.value.removeEventListener('syn-reposition', this.handlePopupReposition);\n this.isPopupConnected = false;\n }\n }\n }\n\n // Set the safe triangle cursor position\n private handleMouseMove = (event: MouseEvent) => {\n this.host.style.setProperty('--safe-triangle-cursor-x', `${event.clientX}px`);\n this.host.style.setProperty('--safe-triangle-cursor-y', `${event.clientY}px`);\n };\n\n private handleMouseOver = () => {\n if (this.hasSlotController.test('submenu')) {\n this.enableSubmenu();\n }\n };\n\n private handleSubmenuEntry(event: KeyboardEvent) {\n // Pass focus to the first menu-item in the submenu.\n const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n\n // Missing slot\n if (!submenuSlot) {\n console.error('Cannot activate a submenu if no corresponding menuitem can be found.', this);\n return;\n }\n\n // Menus\n let menuItems: NodeListOf<Element> | null = null;\n for (const elt of submenuSlot.assignedElements()) {\n menuItems = elt.querySelectorAll(\"syn-menu-item, [role^='menuitem']\");\n if (menuItems.length !== 0) {\n break;\n }\n }\n\n if (!menuItems || menuItems.length === 0) {\n return;\n }\n\n menuItems[0].setAttribute('tabindex', '0');\n for (let i = 1; i !== menuItems.length; ++i) {\n menuItems[i].setAttribute('tabindex', '-1');\n }\n\n // Open the submenu (if not open), and set focus to first menuitem.\n if (this.popupRef.value) {\n event.preventDefault();\n event.stopPropagation();\n if (this.popupRef.value.active) {\n if (menuItems[0] instanceof HTMLElement) {\n menuItems[0].focus();\n }\n } else {\n this.enableSubmenu(false);\n this.host.updateComplete.then(() => {\n if (menuItems![0] instanceof HTMLElement) {\n menuItems![0].focus();\n }\n });\n this.host.requestUpdate();\n }\n }\n }\n\n // Focus on the first menu-item of a submenu.\n private handleKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'Escape':\n case 'Tab':\n this.disableSubmenu();\n break;\n case 'ArrowLeft':\n // Either focus is currently on the host element or a child\n if (event.target !== this.host) {\n event.preventDefault();\n event.stopPropagation();\n this.host.focus();\n this.disableSubmenu();\n }\n break;\n case 'ArrowRight':\n case 'Enter':\n case ' ':\n this.handleSubmenuEntry(event);\n break;\n default:\n break;\n }\n };\n\n private handleClick = (event: MouseEvent) => {\n // Clicking on the item which heads the menu does nothing, otherwise hide submenu and propagate\n if (event.target === this.host) {\n event.preventDefault();\n event.stopPropagation();\n } else if (\n event.target instanceof Element &&\n (event.target.tagName === 'syn-menu-item' || event.target.role?.startsWith('menuitem'))\n ) {\n this.disableSubmenu();\n }\n };\n\n // Close this submenu on focus outside of the parent or any descendants.\n private handleFocusOut = (event: FocusEvent) => {\n if (event.relatedTarget && event.relatedTarget instanceof Element && this.host.contains(event.relatedTarget)) {\n return;\n }\n this.disableSubmenu();\n };\n\n // Prevent the parent menu-item from getting focus on mouse movement on the submenu\n private handlePopupMouseover = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n // Set the safe triangle values for the submenu when the position changes\n private handlePopupReposition = () => {\n const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n const menu = submenuSlot?.assignedElements({ flatten: true }).filter(el => el.localName === 'syn-menu')[0];\n const isRtl = this.host.matches(':dir(rtl)');\n if (!menu) {\n return;\n }\n\n const { left, top, width, height } = menu.getBoundingClientRect();\n\n this.host.style.setProperty('--safe-triangle-submenu-start-x', `${isRtl ? left + width : left}px`);\n this.host.style.setProperty('--safe-triangle-submenu-start-y', `${top}px`);\n this.host.style.setProperty('--safe-triangle-submenu-end-x', `${isRtl ? left + width : left}px`);\n this.host.style.setProperty('--safe-triangle-submenu-end-y', `${top + height}px`);\n };\n\n private setSubmenuState(state: boolean) {\n if (this.popupRef.value) {\n if (this.popupRef.value.active !== state) {\n this.popupRef.value.active = state;\n this.host.requestUpdate();\n }\n }\n }\n\n // Shows the submenu. Supports disabling the opening delay, e.g. for keyboard events that want to set the focus to the\n // newly opened menu.\n private enableSubmenu(delay = true) {\n if (delay) {\n window.clearTimeout(this.enableSubmenuTimer);\n this.enableSubmenuTimer = window.setTimeout(() => {\n this.setSubmenuState(true);\n }, this.submenuOpenDelay);\n } else {\n this.setSubmenuState(true);\n }\n }\n\n private disableSubmenu() {\n window.clearTimeout(this.enableSubmenuTimer);\n this.setSubmenuState(false);\n }\n\n // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.\n private updateSkidding(): void {\n // .computedStyleMap() not always available.\n if (!this.host.parentElement?.computedStyleMap) {\n return;\n }\n const styleMap: StylePropertyMapReadOnly = this.host.parentElement.computedStyleMap();\n const attrs: string[] = ['padding-top', 'border-top-width', 'margin-top'];\n\n const skidding = attrs.reduce((accumulator, attr) => {\n const styleValue: CSSStyleValue = styleMap.get(attr) ?? new CSSUnitValue(0, 'px');\n const unitValue = styleValue instanceof CSSUnitValue ? styleValue : new CSSUnitValue(0, 'px');\n const pxValue = unitValue.to('px');\n return accumulator - pxValue.value;\n }, 0);\n\n this.skidding = skidding;\n }\n\n isExpanded(): boolean {\n return this.popupRef.value ? this.popupRef.value.active : false;\n }\n\n renderSubmenu() {\n const isRtl = this.host.matches(':dir(rtl)');\n\n // Always render the slot, but conditionally render the outer <syn-popup>\n if (!this.isConnected) {\n return html` <slot name=\"submenu\" hidden></slot> `;\n }\n\n return html`\n <syn-popup\n ${ref(this.popupRef)}\n placement=${isRtl ? 'left-start' : 'right-start'}\n anchor=\"anchor\"\n flip\n flip-fallback-strategy=\"best-fit\"\n skidding=\"${this.skidding}\"\n strategy=\"fixed\"\n auto-size=\"vertical\"\n auto-size-padding=\"10\"\n >\n <slot name=\"submenu\"></slot>\n </syn-popup>\n `;\n }\n}\n"],
|
|
5
|
-
"mappings": ";AAQA,SAAS,WAAW,WAAqB;AAEzC,SAAS,YAAY;AAMd,IAAM,oBAAN,MAAsD;AAAA,EAU3D,YAAY,MAA4C,mBAAsC;AAR9F,SAAQ,WAA0B,UAAU;AAC5C,SAAQ,qBAAqB;AAC7B,SAAQ,cAAc;AACtB,SAAQ,mBAAmB;AAC3B,SAAQ,WAAW;AAEnB,SAAiB,mBAAmB;AAkEpC;AAAA,SAAQ,kBAAkB,CAAC,UAAsB;AAC/C,WAAK,KAAK,MAAM,YAAY,4BAA4B,GAAG,MAAM,OAAO,IAAI;AAC5E,WAAK,KAAK,MAAM,YAAY,4BAA4B,GAAG,MAAM,OAAO,IAAI;AAAA,IAC9E;AAEA,SAAQ,kBAAkB,MAAM;AAC9B,UAAI,KAAK,kBAAkB,KAAK,SAAS,GAAG;AAC1C,aAAK,cAAc;AAAA,MACrB;AAAA,IACF;AAmDA;AAAA,SAAQ,gBAAgB,CAAC,UAAyB;AAChD,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AAAA,QACL,KAAK;AACH,eAAK,eAAe;AACpB;AAAA,QACF,KAAK;AAEH,cAAI,MAAM,WAAW,KAAK,MAAM;AAC9B,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AACtB,iBAAK,KAAK,MAAM;AAChB,iBAAK,eAAe;AAAA,UACtB;AACA;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,eAAK,mBAAmB,KAAK;AAC7B;AAAA,QACF;AACE;AAAA,MACJ;AAAA,IACF;AAEA,SAAQ,cAAc,CAAC,UAAsB;AA/K/C;AAiLI,UAAI,MAAM,WAAW,KAAK,MAAM;AAC9B,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAAA,MACxB,WACE,MAAM,kBAAkB,YACvB,MAAM,OAAO,YAAY,qBAAmB,WAAM,OAAO,SAAb,mBAAmB,WAAW,eAC3E;AACA,aAAK,eAAe;AAAA,MACtB;AAAA,IACF;AAGA;AAAA,SAAQ,iBAAiB,CAAC,UAAsB;AAC9C,UAAI,MAAM,iBAAiB,MAAM,yBAAyB,WAAW,KAAK,KAAK,SAAS,MAAM,aAAa,GAAG;AAC5G;AAAA,MACF;AACA,WAAK,eAAe;AAAA,IACtB;AAGA;AAAA,SAAQ,uBAAuB,CAAC,UAAsB;AACpD,YAAM,gBAAgB;AAAA,IACxB;AAGA;AAAA,SAAQ,wBAAwB,MAAM;AACpC,YAAM,cAAsC,KAAK,KAAK,WAAW,cAAc,sBAAsB;AACrG,YAAM,OAAO,2CAAa,iBAAiB,EAAE,SAAS,KAAK,GAAG,OAAO,QAAM,GAAG,cAAc,YAAY;AACxG,YAAM,QAAQ,
|
|
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 { createRef, ref, type Ref } from 'lit/directives/ref.js';\nimport { type HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type SynMenuItem from './menu-item.js';\nimport type SynPopup from '../popup/popup.js';\n\n/** A reactive controller to manage the registration of event listeners for submenus. */\nexport class SubmenuController implements ReactiveController {\n private host: ReactiveControllerHost & SynMenuItem;\n private popupRef: Ref<SynPopup> = createRef();\n private enableSubmenuTimer = -1;\n private isConnected = false;\n private isPopupConnected = false;\n private skidding = 0;\n private readonly hasSlotController: HasSlotController;\n private readonly submenuOpenDelay = 100;\n\n constructor(host: ReactiveControllerHost & SynMenuItem, hasSlotController: HasSlotController) {\n (this.host = host).addController(this);\n this.hasSlotController = hasSlotController;\n }\n\n hostConnected() {\n if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n this.addListeners();\n }\n }\n\n hostDisconnected() {\n this.removeListeners();\n }\n\n hostUpdated() {\n if (this.hasSlotController.test('submenu') && !this.host.disabled) {\n this.addListeners();\n this.updateSkidding();\n } else {\n this.removeListeners();\n }\n }\n\n private addListeners() {\n if (!this.isConnected) {\n this.host.addEventListener('mousemove', this.handleMouseMove);\n this.host.addEventListener('mouseover', this.handleMouseOver);\n this.host.addEventListener('keydown', this.handleKeyDown);\n this.host.addEventListener('click', this.handleClick);\n this.host.addEventListener('focusout', this.handleFocusOut);\n this.isConnected = true;\n }\n\n // The popup does not seem to get wired when the host is\n // connected, so manage its listeners separately.\n if (!this.isPopupConnected) {\n if (this.popupRef.value) {\n this.popupRef.value.addEventListener('mouseover', this.handlePopupMouseover);\n this.popupRef.value.addEventListener('syn-reposition', this.handlePopupReposition);\n this.isPopupConnected = true;\n }\n }\n }\n\n private removeListeners() {\n if (this.isConnected) {\n this.host.removeEventListener('mousemove', this.handleMouseMove);\n this.host.removeEventListener('mouseover', this.handleMouseOver);\n this.host.removeEventListener('keydown', this.handleKeyDown);\n this.host.removeEventListener('click', this.handleClick);\n this.host.removeEventListener('focusout', this.handleFocusOut);\n this.isConnected = false;\n }\n if (this.isPopupConnected) {\n if (this.popupRef.value) {\n this.popupRef.value.removeEventListener('mouseover', this.handlePopupMouseover);\n this.popupRef.value.removeEventListener('syn-reposition', this.handlePopupReposition);\n this.isPopupConnected = false;\n }\n }\n }\n\n // Set the safe triangle cursor position\n private handleMouseMove = (event: MouseEvent) => {\n this.host.style.setProperty('--safe-triangle-cursor-x', `${event.clientX}px`);\n this.host.style.setProperty('--safe-triangle-cursor-y', `${event.clientY}px`);\n };\n\n private handleMouseOver = () => {\n if (this.hasSlotController.test('submenu')) {\n this.enableSubmenu();\n }\n };\n\n private handleSubmenuEntry(event: KeyboardEvent) {\n // Pass focus to the first menu-item in the submenu.\n const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n\n // Missing slot\n if (!submenuSlot) {\n console.error('Cannot activate a submenu if no corresponding menuitem can be found.', this);\n return;\n }\n\n // Menus\n let menuItems: NodeListOf<Element> | null = null;\n for (const elt of submenuSlot.assignedElements()) {\n menuItems = elt.querySelectorAll(\"syn-menu-item, [role^='menuitem']\");\n if (menuItems.length !== 0) {\n break;\n }\n }\n\n if (!menuItems || menuItems.length === 0) {\n return;\n }\n\n menuItems[0].setAttribute('tabindex', '0');\n for (let i = 1; i !== menuItems.length; ++i) {\n menuItems[i].setAttribute('tabindex', '-1');\n }\n\n // Open the submenu (if not open), and set focus to first menuitem.\n if (this.popupRef.value) {\n event.preventDefault();\n event.stopPropagation();\n if (this.popupRef.value.active) {\n if (menuItems[0] instanceof HTMLElement) {\n menuItems[0].focus();\n }\n } else {\n this.enableSubmenu(false);\n this.host.updateComplete.then(() => {\n if (menuItems![0] instanceof HTMLElement) {\n menuItems![0].focus();\n }\n });\n this.host.requestUpdate();\n }\n }\n }\n\n // Focus on the first menu-item of a submenu.\n private handleKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'Escape':\n case 'Tab':\n this.disableSubmenu();\n break;\n case 'ArrowLeft':\n // Either focus is currently on the host element or a child\n if (event.target !== this.host) {\n event.preventDefault();\n event.stopPropagation();\n this.host.focus();\n this.disableSubmenu();\n }\n break;\n case 'ArrowRight':\n case 'Enter':\n case ' ':\n this.handleSubmenuEntry(event);\n break;\n default:\n break;\n }\n };\n\n private handleClick = (event: MouseEvent) => {\n // Clicking on the item which heads the menu does nothing, otherwise hide submenu and propagate\n if (event.target === this.host) {\n event.preventDefault();\n event.stopPropagation();\n } else if (\n event.target instanceof Element &&\n (event.target.tagName === 'syn-menu-item' || event.target.role?.startsWith('menuitem'))\n ) {\n this.disableSubmenu();\n }\n };\n\n // Close this submenu on focus outside of the parent or any descendants.\n private handleFocusOut = (event: FocusEvent) => {\n if (event.relatedTarget && event.relatedTarget instanceof Element && this.host.contains(event.relatedTarget)) {\n return;\n }\n this.disableSubmenu();\n };\n\n // Prevent the parent menu-item from getting focus on mouse movement on the submenu\n private handlePopupMouseover = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n // Set the safe triangle values for the submenu when the position changes\n private handlePopupReposition = () => {\n const submenuSlot: HTMLSlotElement | null = this.host.renderRoot.querySelector(\"slot[name='submenu']\");\n const menu = submenuSlot?.assignedElements({ flatten: true }).filter(el => el.localName === 'syn-menu')[0];\n const isRtl = getComputedStyle(this.host).direction === 'rtl';\n if (!menu) {\n return;\n }\n\n const { left, top, width, height } = menu.getBoundingClientRect();\n\n this.host.style.setProperty('--safe-triangle-submenu-start-x', `${isRtl ? left + width : left}px`);\n this.host.style.setProperty('--safe-triangle-submenu-start-y', `${top}px`);\n this.host.style.setProperty('--safe-triangle-submenu-end-x', `${isRtl ? left + width : left}px`);\n this.host.style.setProperty('--safe-triangle-submenu-end-y', `${top + height}px`);\n };\n\n private setSubmenuState(state: boolean) {\n if (this.popupRef.value) {\n if (this.popupRef.value.active !== state) {\n this.popupRef.value.active = state;\n this.host.requestUpdate();\n }\n }\n }\n\n // Shows the submenu. Supports disabling the opening delay, e.g. for keyboard events that want to set the focus to the\n // newly opened menu.\n private enableSubmenu(delay = true) {\n if (delay) {\n window.clearTimeout(this.enableSubmenuTimer);\n this.enableSubmenuTimer = window.setTimeout(() => {\n this.setSubmenuState(true);\n }, this.submenuOpenDelay);\n } else {\n this.setSubmenuState(true);\n }\n }\n\n private disableSubmenu() {\n window.clearTimeout(this.enableSubmenuTimer);\n this.setSubmenuState(false);\n }\n\n // Calculate the space the top of a menu takes-up, for aligning the popup menu-item with the activating element.\n private updateSkidding(): void {\n // .computedStyleMap() not always available.\n if (!this.host.parentElement?.computedStyleMap) {\n return;\n }\n const styleMap: StylePropertyMapReadOnly = this.host.parentElement.computedStyleMap();\n const attrs: string[] = ['padding-top', 'border-top-width', 'margin-top'];\n\n const skidding = attrs.reduce((accumulator, attr) => {\n const styleValue: CSSStyleValue = styleMap.get(attr) ?? new CSSUnitValue(0, 'px');\n const unitValue = styleValue instanceof CSSUnitValue ? styleValue : new CSSUnitValue(0, 'px');\n const pxValue = unitValue.to('px');\n return accumulator - pxValue.value;\n }, 0);\n\n this.skidding = skidding;\n }\n\n isExpanded(): boolean {\n return this.popupRef.value ? this.popupRef.value.active : false;\n }\n\n renderSubmenu() {\n const isRtl = getComputedStyle(this.host).direction === 'rtl';\n\n // Always render the slot, but conditionally render the outer <syn-popup>\n if (!this.isConnected) {\n return html` <slot name=\"submenu\" hidden></slot> `;\n }\n\n return html`\n <syn-popup\n ${ref(this.popupRef)}\n placement=${isRtl ? 'left-start' : 'right-start'}\n anchor=\"anchor\"\n flip\n flip-fallback-strategy=\"best-fit\"\n skidding=\"${this.skidding}\"\n strategy=\"fixed\"\n auto-size=\"vertical\"\n auto-size-padding=\"10\"\n >\n <slot name=\"submenu\"></slot>\n </syn-popup>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["_a"]
|
|
7
7
|
}
|
|
@@ -6,20 +6,23 @@ import {
|
|
|
6
6
|
} from "./chunk.FSWTBNSI.js";
|
|
7
7
|
import {
|
|
8
8
|
SubmenuController
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.FUHFSQEX.js";
|
|
10
10
|
import {
|
|
11
11
|
SynPopup
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.API5O3M4.js";
|
|
13
13
|
import {
|
|
14
14
|
SynSpinner
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.QC77ZFJI.js";
|
|
16
16
|
import {
|
|
17
17
|
HasSlotController,
|
|
18
18
|
getTextContent
|
|
19
19
|
} from "./chunk.WVVQK5TE.js";
|
|
20
20
|
import {
|
|
21
21
|
SynIcon
|
|
22
|
-
} from "./chunk.
|
|
22
|
+
} from "./chunk.ULXNVBWC.js";
|
|
23
|
+
import {
|
|
24
|
+
LocalizeController
|
|
25
|
+
} from "./chunk.GIU3H3J3.js";
|
|
23
26
|
import {
|
|
24
27
|
watch
|
|
25
28
|
} from "./chunk.74IOULXM.js";
|
|
@@ -28,7 +31,7 @@ import {
|
|
|
28
31
|
} from "./chunk.NLYVOJGK.js";
|
|
29
32
|
import {
|
|
30
33
|
SynergyElement
|
|
31
|
-
} from "./chunk.
|
|
34
|
+
} from "./chunk.BMMT5J3T.js";
|
|
32
35
|
import {
|
|
33
36
|
__decorateClass
|
|
34
37
|
} from "./chunk.2GFK6XTO.js";
|
|
@@ -40,6 +43,7 @@ import { property, query } from "lit/decorators.js";
|
|
|
40
43
|
var SynMenuItem = class extends SynergyElement {
|
|
41
44
|
constructor() {
|
|
42
45
|
super(...arguments);
|
|
46
|
+
this.localize = new LocalizeController(this);
|
|
43
47
|
this.type = "normal";
|
|
44
48
|
this.checked = false;
|
|
45
49
|
this.value = "";
|
|
@@ -111,7 +115,7 @@ var SynMenuItem = class extends SynergyElement {
|
|
|
111
115
|
return this.hasSlotController.test("submenu");
|
|
112
116
|
}
|
|
113
117
|
render() {
|
|
114
|
-
const isRtl = this.
|
|
118
|
+
const isRtl = this.localize.dir() === "rtl";
|
|
115
119
|
const isSubmenuExpanded = this.submenuController.isExpanded();
|
|
116
120
|
return html`
|
|
117
121
|
<div
|
|
@@ -189,4 +193,4 @@ __decorateClass([
|
|
|
189
193
|
export {
|
|
190
194
|
SynMenuItem
|
|
191
195
|
};
|
|
192
|
-
//# sourceMappingURL=chunk.
|
|
196
|
+
//# sourceMappingURL=chunk.FUSBMFDB.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/menu-item/menu-item.component.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getTextContent, HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { SubmenuController } from './submenu-controller.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport SynPopup from '../popup/popup.component.js';\nimport SynSpinner from '../spinner/spinner.component.js';\nimport styles from './menu-item.styles.js';\nimport customStyles from './menu-item.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Menu items provide options for the user to pick from in a menu.\n * @documentation https://synergy.style/components/menu-item\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-popup\n * @dependency syn-spinner\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n * @slot submenu - Used to denote a nested menu.\n *\n * @csspart base - The component's base wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n * @csspart spinner - The spinner that shows when the menu item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart submenu-icon - The submenu icon, visible only when the menu item has a submenu (not yet implemented).\n *\n * @cssproperty [--submenu-offset=-2px] - The distance submenus shift to overlap the parent menu.\n */\nexport default class SynMenuItem extends SynergyElement {\n static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n static dependencies = {\n 'syn-icon': SynIcon,\n 'syn-popup': SynPopup,\n 'syn-spinner': SynSpinner\n };\n\n private cachedTextLabel: string;\n private readonly localize = new LocalizeController(this);\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n @query('.menu-item') menuItem: HTMLElement;\n\n /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */\n @property() type: 'normal' | 'checkbox' = 'normal';\n\n /** Draws the item in a checked state. */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */\n @property() value = '';\n\n /** Draws the menu item in a loading state. */\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /** Draws the menu item in a disabled state, preventing selection. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n private readonly hasSlotController = new HasSlotController(this, 'submenu');\n private submenuController: SubmenuController = new SubmenuController(this, this.hasSlotController);\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this.handleHostClick);\n this.addEventListener('mouseover', this.handleMouseOver);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n this.removeEventListener('mouseover', this.handleMouseOver);\n }\n\n private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n // Ignore the first time the label is set\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n // When the label changes, emit a slotchange event so parent controls see it\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });\n }\n }\n\n private handleHostClick = (event: MouseEvent) => {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n\n private handleMouseOver = (event: MouseEvent) => {\n this.focus();\n event.stopPropagation();\n };\n\n @watch('checked')\n handleCheckedChange() {\n // For proper accessibility, users have to use type=\"checkbox\" to use the checked attribute\n if (this.checked && this.type !== 'checkbox') {\n this.checked = false;\n console.error('The checked attribute can only be used on menu items with type=\"checkbox\"', this);\n return;\n }\n\n // Only checkbox types can receive the aria-checked attribute\n if (this.type === 'checkbox') {\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.removeAttribute('aria-checked');\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('type')\n handleTypeChange() {\n if (this.type === 'checkbox') {\n this.setAttribute('role', 'menuitemcheckbox');\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.setAttribute('role', 'menuitem');\n this.removeAttribute('aria-checked');\n }\n }\n\n /** Returns a text label based on the contents of the menu item's default slot. */\n getTextLabel() {\n return getTextContent(this.defaultSlot);\n }\n\n isSubmenu() {\n return this.hasSlotController.test('submenu');\n }\n\n render() {\n const isRtl = this.localize.dir() === 'rtl';\n const isSubmenuExpanded = this.submenuController.isExpanded();\n\n return html`\n <div\n id=\"anchor\"\n part=\"base\"\n class=${classMap({\n 'menu-item': true,\n 'menu-item--rtl': isRtl,\n 'menu-item--checked': this.checked,\n 'menu-item--disabled': this.disabled,\n 'menu-item--loading': this.loading,\n 'menu-item--has-submenu': this.isSubmenu(),\n 'menu-item--submenu-expanded': isSubmenuExpanded\n })}\n ?aria-haspopup=\"${this.isSubmenu()}\"\n ?aria-expanded=\"${isSubmenuExpanded ? true : false}\"\n >\n <span part=\"checked-icon\" class=\"menu-item__check\">\n <syn-icon name=\"check\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n </span>\n\n <slot name=\"prefix\" part=\"prefix\" class=\"menu-item__prefix\"></slot>\n\n <slot part=\"label\" class=\"menu-item__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n\n <slot name=\"suffix\" part=\"suffix\" class=\"menu-item__suffix\"></slot>\n\n <span part=\"submenu-icon\" class=\"menu-item__chevron\">\n <syn-icon name=\"chevron-down\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n </span>\n\n ${this.submenuController.renderSubmenu()}\n ${this.loading ? html` <syn-spinner part=\"spinner\" exportparts=\"base:spinner__base\"></syn-spinner> ` : ''}\n </div>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynProgressRing
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.WPCYWZX6.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.
|
|
12
|
+
//# sourceMappingURL=chunk.GD4IVG2L.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynCard
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.H7SVFADO.js";
|
|
4
4
|
|
|
5
5
|
// src/components/card/card.ts
|
|
6
6
|
var card_default = SynCard;
|
|
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
|
|
|
9
9
|
export {
|
|
10
10
|
card_default
|
|
11
11
|
};
|
|
12
|
-
//# sourceMappingURL=chunk.
|
|
12
|
+
//# sourceMappingURL=chunk.GKAYXY36.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRadio
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.JLRQPUIG.js";
|
|
4
4
|
|
|
5
5
|
// src/components/radio/radio.ts
|
|
6
6
|
var radio_default = SynRadio;
|
|
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
|
|
|
9
9
|
export {
|
|
10
10
|
radio_default
|
|
11
11
|
};
|
|
12
|
-
//# sourceMappingURL=chunk.
|
|
12
|
+
//# sourceMappingURL=chunk.GLWGL7YS.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynPopup
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.API5O3M4.js";
|
|
4
4
|
import {
|
|
5
5
|
defaultOptionRenderer
|
|
6
6
|
} from "./chunk.SRH6ZOHT.js";
|
|
@@ -25,7 +25,7 @@ import {
|
|
|
25
25
|
} from "./chunk.DPCIJLV4.js";
|
|
26
26
|
import {
|
|
27
27
|
combobox_styles_default
|
|
28
|
-
} from "./chunk.
|
|
28
|
+
} from "./chunk.IZEADTY5.js";
|
|
29
29
|
import {
|
|
30
30
|
FormControlController
|
|
31
31
|
} from "./chunk.AMIQC3O7.js";
|
|
@@ -45,7 +45,7 @@ import {
|
|
|
45
45
|
} from "./chunk.WVVQK5TE.js";
|
|
46
46
|
import {
|
|
47
47
|
SynIcon
|
|
48
|
-
} from "./chunk.
|
|
48
|
+
} from "./chunk.ULXNVBWC.js";
|
|
49
49
|
import {
|
|
50
50
|
LocalizeController
|
|
51
51
|
} from "./chunk.GIU3H3J3.js";
|
|
@@ -57,7 +57,7 @@ import {
|
|
|
57
57
|
} from "./chunk.NLYVOJGK.js";
|
|
58
58
|
import {
|
|
59
59
|
SynergyElement
|
|
60
|
-
} from "./chunk.
|
|
60
|
+
} from "./chunk.BMMT5J3T.js";
|
|
61
61
|
import {
|
|
62
62
|
__decorateClass
|
|
63
63
|
} from "./chunk.2GFK6XTO.js";
|
|
@@ -814,4 +814,4 @@ setDefaultAnimation("combobox.hide", {
|
|
|
814
814
|
export {
|
|
815
815
|
SynCombobox
|
|
816
816
|
};
|
|
817
|
-
//# sourceMappingURL=chunk.
|
|
817
|
+
//# sourceMappingURL=chunk.GQRFIMFT.js.map
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
} from "./chunk.NLYVOJGK.js";
|
|
13
13
|
import {
|
|
14
14
|
SynergyElement
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.BMMT5J3T.js";
|
|
16
16
|
import {
|
|
17
17
|
__decorateClass
|
|
18
18
|
} from "./chunk.2GFK6XTO.js";
|
|
@@ -55,4 +55,4 @@ __decorateClass([
|
|
|
55
55
|
export {
|
|
56
56
|
SynCard
|
|
57
57
|
};
|
|
58
|
-
//# sourceMappingURL=chunk.
|
|
58
|
+
//# sourceMappingURL=chunk.H7SVFADO.js.map
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.NLYVOJGK.js";
|
|
10
10
|
import {
|
|
11
11
|
SynergyElement
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.BMMT5J3T.js";
|
|
13
13
|
import {
|
|
14
14
|
__decorateClass
|
|
15
15
|
} from "./chunk.2GFK6XTO.js";
|
|
@@ -78,4 +78,4 @@ __decorateClass([
|
|
|
78
78
|
export {
|
|
79
79
|
SynResizeObserver
|
|
80
80
|
};
|
|
81
|
-
//# sourceMappingURL=chunk.
|
|
81
|
+
//# sourceMappingURL=chunk.HV53NCY4.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRangeTick
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.YPYP3MLT.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.
|
|
12
|
+
//# sourceMappingURL=chunk.I5BBVZWA.js.map
|
|
@@ -162,6 +162,11 @@ var combobox_styles_default = css`
|
|
|
162
162
|
margin-inline-start: var(--syn-input-spacing-large);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
+
.combobox--large.combobox--multiple .combobox__inputs {
|
|
166
|
+
padding-inline-start: 0;
|
|
167
|
+
padding-block: 4px;
|
|
168
|
+
}
|
|
169
|
+
|
|
165
170
|
/* Prefix and Suffix */
|
|
166
171
|
.combobox__prefix,
|
|
167
172
|
.combobox__suffix {
|
|
@@ -343,4 +348,4 @@ var combobox_styles_default = css`
|
|
|
343
348
|
export {
|
|
344
349
|
combobox_styles_default
|
|
345
350
|
};
|
|
346
|
-
//# sourceMappingURL=chunk.
|
|
351
|
+
//# sourceMappingURL=chunk.IZEADTY5.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/combobox/combobox.styles.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .combobox {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .combobox::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .combobox[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .combobox[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .combobox__inputs {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .combobox__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .combobox__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox:not(.combobox--disabled):hover .combobox__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .combobox__display-input:focus {\n outline: none;\n }\n\n .combobox__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n /* Standard combobox */\n .combobox--standard .combobox__inputs {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .combobox--standard.combobox--disabled .combobox__inputs {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .combobox--small .combobox__inputs {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__inputs {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__inputs {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n/* Prefix and Suffix */\n .combobox__prefix,\n .combobox__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .combobox__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .combobox__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .combobox__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--open .combobox__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .combobox__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .combobox__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .combobox__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n\n\n /**\n * Invalid user data\n */\n :host([data-user-invalid]) .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n }\n\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n }\n\n /* Clear button */\n .combobox__clear {\n color: var(--syn-input-icon-icon-clearable-color);\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--small .combobox__clear {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--large .combobox__clear {\n font-size: var(--syn-spacing-x-large);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n color: var(--syn-color-neutral-950);\n font-size: var(--syn-spacing-large);\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Change combobox border on hover */\n .combobox:not(.combobox--disabled):hover .combobox__inputs {\n border-color: var(--syn-input-color-hover);\n }\n\n /* Prefix and Suffix */\n\n /* Small */\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-spacing-x-small);\n }\n\n .combobox--small .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-x-small);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox__prefix,\n .combobox__suffix {\n color: var(--syn-input-help-text-color);\n }\n\n\n\n /* Listbox */\n .combobox__listbox {\n /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n border-radius: var(--syn-border-radius-none);\n box-shadow: var(--syn-shadow-medium);\n }\n\n /**\n * Make sure to hide the syn-divider for the first syn-optgroup\n * Note! ::slotted does currently not work with ::part, so we\n * opted for using a css variable here.\n */\n .combobox__listbox ::slotted(syn-optgroup:first-of-type) {\n --display-divider: none;\n }\n`;\n"],
|
|
5
|
-
"mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
4
|
+
"sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n display: block;\n }\n\n /** The popup */\n .combobox {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .combobox::part(popup) {\n z-index: var(--syn-z-index-dropdown);\n }\n\n .combobox[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .combobox[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .combobox__inputs {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--syn-input-font-family);\n font-weight: var(--syn-input-font-weight);\n letter-spacing: var(--syn-input-letter-spacing);\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition:\n var(--syn-transition-fast) color,\n var(--syn-transition-fast) border,\n var(--syn-transition-fast) box-shadow,\n var(--syn-transition-fast) background-color;\n }\n\n .combobox__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--syn-input-color);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n }\n\n .combobox__display-input::placeholder {\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox:not(.combobox--disabled):hover .combobox__display-input {\n color: var(--syn-input-color-hover);\n }\n\n .combobox__display-input:focus {\n outline: none;\n }\n\n .combobox__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n /* Standard combobox */\n .combobox--standard .combobox__inputs {\n background-color: var(--syn-input-background-color);\n border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n }\n\n .combobox--standard.combobox--disabled .combobox__inputs {\n background-color: var(--syn-input-background-color-disabled);\n border-color: var(--syn-input-border-color-disabled);\n color: var(--syn-input-color-disabled);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n background-color: var(--syn-input-background-color-focus);\n border-color: var(--syn-input-border-color-focus);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n }\n\n/* Sizes */\n .combobox--small .combobox__inputs {\n border-radius: var(--syn-input-border-radius-small);\n font-size: var(--syn-input-font-size-small);\n min-height: var(--syn-input-height-small);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__inputs {\n border-radius: var(--syn-input-border-radius-medium);\n font-size: var(--syn-input-font-size-medium);\n min-height: var(--syn-input-height-medium);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__inputs {\n border-radius: var(--syn-input-border-radius-large);\n font-size: var(--syn-input-font-size-large);\n min-height: var(--syn-input-height-large);\n padding-block: 0;\n padding-inline: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__clear {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__prefix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-large);\n }\n\n .combobox--large.combobox--multiple .combobox__inputs {\n padding-inline-start: 0;\n padding-block: 4px;\n }\n\n/* Prefix and Suffix */\n .combobox__prefix,\n .combobox__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--syn-input-placeholder-color);\n }\n\n .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Clear button */\n .combobox__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--syn-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--syn-transition-fast) color;\n cursor: pointer;\n }\n\n .combobox__clear:hover {\n color: var(--syn-input-icon-color-hover);\n }\n\n .combobox__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--syn-transition-medium) rotate ease;\n rotate: 0;\n margin-inline-start: var(--syn-spacing-small);\n }\n\n .combobox--open .combobox__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .combobox__listbox {\n display: block;\n position: relative;\n font-family: var(--syn-font-sans);\n font-size: var(--syn-font-size-medium);\n font-weight: var(--syn-font-weight-normal);\n box-shadow: var(--syn-shadow-large);\n background: var(--syn-panel-background-color);\n border: solid var(--syn-panel-border-width) var(--syn-panel-border-color);\n border-radius: var(--syn-border-radius-medium);\n padding-block: var(--syn-spacing-x-small);\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .combobox__listbox ::slotted(syn-divider) {\n --spacing: var(--syn-spacing-x-small);\n }\n\n .combobox__listbox ::slotted(small) {\n display: block;\n font-size: var(--syn-font-size-small);\n font-weight: var(--syn-font-weight-semibold);\n color: var(--syn-color-neutral-500);\n padding-block: var(--syn-spacing-2x-small);\n padding-inline: var(--syn-spacing-x-large);\n }\n\n\n /**\n * Invalid user data\n */\n :host([data-user-invalid]) .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n }\n\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,\n :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {\n border-color: var(--syn-input-border-color-focus-error);\n box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n }\n\n /* Clear button */\n .combobox__clear {\n color: var(--syn-input-icon-icon-clearable-color);\n font-size: var(--syn-spacing-large);\n }\n\n .combobox--small .combobox__clear {\n font-size: var(--syn-spacing-medium);\n }\n\n .combobox--large .combobox__clear {\n font-size: var(--syn-spacing-x-large);\n }\n\n .combobox--medium .combobox__clear {\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Expand icon */\n .combobox__expand-icon {\n color: var(--syn-color-neutral-950);\n font-size: var(--syn-spacing-large);\n margin-inline-start: var(--syn-spacing-small);\n }\n\n /* Change combobox border on hover */\n .combobox:not(.combobox--disabled):hover .combobox__inputs {\n border-color: var(--syn-input-color-hover);\n }\n\n /* Prefix and Suffix */\n\n /* Small */\n .combobox--small .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-spacing-x-small);\n }\n\n .combobox--small .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-spacing-x-small);\n }\n\n .combobox--medium .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-small);\n }\n\n .combobox--medium .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-small);\n }\n\n .combobox--large .combobox__prefix::slotted(*) {\n margin-inline-end: var(--syn-input-spacing-medium);\n }\n\n .combobox--large .combobox__suffix::slotted(*) {\n margin-inline-start: var(--syn-input-spacing-medium);\n }\n\n .combobox__prefix,\n .combobox__suffix {\n color: var(--syn-input-help-text-color);\n }\n\n\n\n /* Listbox */\n .combobox__listbox {\n /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n border-radius: var(--syn-border-radius-none);\n box-shadow: var(--syn-shadow-medium);\n }\n\n /**\n * Make sure to hide the syn-divider for the first syn-optgroup\n * Note! ::slotted does currently not work with ::part, so we\n * opted for using a css variable here.\n */\n .combobox__listbox ::slotted(syn-optgroup:first-of-type) {\n --display-divider: none;\n }\n`;\n"],
|
|
5
|
+
"mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,13 +6,13 @@ import {
|
|
|
6
6
|
} from "./chunk.PKYC7QF3.js";
|
|
7
7
|
import {
|
|
8
8
|
SynResizeObserver
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.HV53NCY4.js";
|
|
10
10
|
import {
|
|
11
11
|
scrollIntoView
|
|
12
12
|
} from "./chunk.5732DMBC.js";
|
|
13
13
|
import {
|
|
14
14
|
SynIconButton
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.YFTKZOLR.js";
|
|
16
16
|
import {
|
|
17
17
|
LocalizeController
|
|
18
18
|
} from "./chunk.GIU3H3J3.js";
|
|
@@ -24,7 +24,7 @@ import {
|
|
|
24
24
|
} from "./chunk.NLYVOJGK.js";
|
|
25
25
|
import {
|
|
26
26
|
SynergyElement
|
|
27
|
-
} from "./chunk.
|
|
27
|
+
} from "./chunk.BMMT5J3T.js";
|
|
28
28
|
import {
|
|
29
29
|
__decorateClass,
|
|
30
30
|
__spreadValues
|
|
@@ -92,10 +92,10 @@ import { html } from "lit";
|
|
|
92
92
|
var SynTabGroup = class extends SynergyElement {
|
|
93
93
|
constructor() {
|
|
94
94
|
super(...arguments);
|
|
95
|
-
this.localize = new LocalizeController(this);
|
|
96
95
|
this.tabs = [];
|
|
97
96
|
this.focusableTabs = [];
|
|
98
97
|
this.panels = [];
|
|
98
|
+
this.localize = new LocalizeController(this);
|
|
99
99
|
this.hasScrollControls = false;
|
|
100
100
|
this.shouldHideScrollStartButton = false;
|
|
101
101
|
this.shouldHideScrollEndButton = false;
|
|
@@ -190,7 +190,7 @@ var SynTabGroup = class extends SynergyElement {
|
|
|
190
190
|
}
|
|
191
191
|
if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
|
|
192
192
|
const activeEl = this.tabs.find((t) => t.matches(":focus"));
|
|
193
|
-
const isRtl = this.
|
|
193
|
+
const isRtl = this.localize.dir() === "rtl";
|
|
194
194
|
let nextTab = null;
|
|
195
195
|
if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "syn-tab") {
|
|
196
196
|
if (event.key === "Home") {
|
|
@@ -279,7 +279,7 @@ var SynTabGroup = class extends SynergyElement {
|
|
|
279
279
|
}
|
|
280
280
|
const width = currentTab.clientWidth;
|
|
281
281
|
const height = currentTab.clientHeight;
|
|
282
|
-
const isRtl = this.
|
|
282
|
+
const isRtl = this.localize.dir() === "rtl";
|
|
283
283
|
const allTabs = this.getAllTabs();
|
|
284
284
|
const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));
|
|
285
285
|
const offset = precedingTabs.reduce(
|
|
@@ -491,4 +491,4 @@ __decorateClass([
|
|
|
491
491
|
export {
|
|
492
492
|
SynTabGroup
|
|
493
493
|
};
|
|
494
|
-
//# sourceMappingURL=chunk.
|
|
494
|
+
//# sourceMappingURL=chunk.J5YHFEW6.js.map
|