@tylertech/forge 3.0.0-next.1 → 3.0.0-next.10
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/custom-elements.json +17342 -11782
- package/dist/button/forge-button.css +1 -1
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/busy-indicator/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/core/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/chunk.2O6IZ7XZ.js +7 -0
- package/dist/esm/chunks/chunk.2O6IZ7XZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.77Y3EABF.js → chunk.2QSDH3PC.js} +2 -2
- package/dist/esm/chunks/{chunk.77Y3EABF.js.map → chunk.2QSDH3PC.js.map} +1 -1
- package/dist/esm/chunks/{chunk.J2H5RXTX.js → chunk.2TQONIPK.js} +2 -2
- package/dist/esm/chunks/{chunk.J2H5RXTX.js.map → chunk.2TQONIPK.js.map} +1 -1
- package/dist/esm/chunks/chunk.2VP57RZO.js +7 -0
- package/dist/esm/chunks/{chunk.C7AN6FMW.js.map → chunk.2VP57RZO.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VC2BG2RS.js → chunk.2ZTERGYF.js} +2 -2
- package/dist/esm/chunks/{chunk.VC2BG2RS.js.map → chunk.2ZTERGYF.js.map} +1 -1
- package/dist/esm/chunks/{chunk.X5LGVZGO.js → chunk.33EJTOVA.js} +2 -2
- package/dist/esm/chunks/chunk.33EJTOVA.js.map +7 -0
- package/dist/esm/chunks/{chunk.BJZ7RB5F.js → chunk.3CTKWBV2.js} +1 -1
- package/dist/esm/chunks/{chunk.BJZ7RB5F.js.map → chunk.3CTKWBV2.js.map} +1 -1
- package/dist/esm/chunks/chunk.3JDFBEF7.js +7 -0
- package/dist/esm/chunks/chunk.44IUAOBP.js +7 -0
- package/dist/esm/chunks/{chunk.YPZNIYQL.js.map → chunk.44IUAOBP.js.map} +2 -2
- package/dist/esm/chunks/chunk.44UCSD46.js +7 -0
- package/dist/esm/chunks/{chunk.DT7MZR5Y.js.map → chunk.44UCSD46.js.map} +2 -2
- package/dist/esm/chunks/chunk.46VQ2S2Z.js +7 -0
- package/dist/esm/chunks/{chunk.ZFHPUAYX.js.map → chunk.46VQ2S2Z.js.map} +2 -2
- package/dist/esm/chunks/{chunk.SSRQFKNH.js → chunk.4WB3FGEL.js} +2 -2
- package/dist/esm/chunks/{chunk.SSRQFKNH.js.map → chunk.4WB3FGEL.js.map} +1 -1
- package/dist/esm/chunks/chunk.4WVHON6T.js +129 -0
- package/dist/esm/chunks/chunk.4WVHON6T.js.map +7 -0
- package/dist/esm/chunks/{chunk.TR5YMNJJ.js → chunk.57IVD67K.js} +2 -2
- package/dist/esm/chunks/{chunk.TR5YMNJJ.js.map → chunk.57IVD67K.js.map} +1 -1
- package/dist/esm/chunks/{chunk.H4Z4DHPA.js → chunk.5CMQ7DNL.js} +2 -2
- package/dist/esm/chunks/{chunk.XHV3GQ7L.js → chunk.5IQGVS6U.js} +2 -2
- package/dist/esm/chunks/{chunk.XHV3GQ7L.js.map → chunk.5IQGVS6U.js.map} +2 -2
- package/dist/esm/chunks/chunk.5M6Y2RU6.js +7 -0
- package/dist/esm/chunks/{chunk.Y5A7RQ5M.js.map → chunk.5M6Y2RU6.js.map} +1 -1
- package/dist/esm/chunks/chunk.5V5ABSHI.js +7 -0
- package/dist/esm/chunks/{chunk.G5MGGEFP.js.map → chunk.5V5ABSHI.js.map} +1 -1
- package/dist/esm/chunks/{chunk.XZ4WI7VK.js → chunk.6MPXRRMB.js} +2 -2
- package/dist/esm/chunks/{chunk.XZ4WI7VK.js.map → chunk.6MPXRRMB.js.map} +1 -1
- package/dist/esm/chunks/{chunk.PALRSBSY.js → chunk.6VDF54LZ.js} +2 -2
- package/dist/esm/chunks/{chunk.PALRSBSY.js.map → chunk.6VDF54LZ.js.map} +1 -1
- package/dist/esm/chunks/chunk.74DEHKGT.js +12 -0
- package/dist/esm/chunks/chunk.74DEHKGT.js.map +7 -0
- package/dist/esm/chunks/{chunk.IUOBRBDZ.js → chunk.7DHFTAWI.js} +2 -2
- package/dist/esm/chunks/chunk.7G72CBOJ.js +7 -0
- package/dist/esm/chunks/{chunk.V7WKXEZC.js.map → chunk.7G72CBOJ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.N4PVZUJX.js → chunk.7TGGJGTG.js} +2 -2
- package/dist/esm/chunks/{chunk.N4PVZUJX.js.map → chunk.7TGGJGTG.js.map} +2 -2
- package/dist/esm/chunks/chunk.7WVTJIVR.js +7 -0
- package/dist/esm/chunks/{chunk.ROR6JMAE.js.map → chunk.7WVTJIVR.js.map} +1 -1
- package/dist/esm/chunks/chunk.7ZQMJLHE.js +7 -0
- package/dist/esm/chunks/{chunk.5FPFRE4H.js → chunk.AHHNJSZK.js} +2 -2
- package/dist/esm/chunks/{chunk.5FPFRE4H.js.map → chunk.AHHNJSZK.js.map} +1 -1
- package/dist/esm/chunks/chunk.BBKRPL6R.js +7 -0
- package/dist/esm/chunks/chunk.BBKRPL6R.js.map +7 -0
- package/dist/esm/chunks/chunk.BIFQ4VOJ.js +7 -0
- package/dist/esm/chunks/chunk.BIFQ4VOJ.js.map +7 -0
- package/dist/esm/chunks/chunk.BNFJRFLW.js +7 -0
- package/dist/esm/chunks/chunk.BNFJRFLW.js.map +7 -0
- package/dist/esm/chunks/{chunk.PN26D52V.js → chunk.CFDK4RCW.js} +1 -1
- package/dist/esm/chunks/{chunk.PN26D52V.js.map → chunk.CFDK4RCW.js.map} +1 -1
- package/dist/esm/chunks/chunk.CRWP7H46.js +7 -0
- package/dist/esm/chunks/chunk.CRWP7H46.js.map +7 -0
- package/dist/esm/chunks/chunk.D2Y2CRRY.js +7 -0
- package/dist/esm/chunks/chunk.D2Y2CRRY.js.map +7 -0
- package/dist/esm/chunks/{chunk.U6WGJELL.js → chunk.DMCBAYQX.js} +1 -1
- package/dist/esm/chunks/{chunk.U6WGJELL.js.map → chunk.DMCBAYQX.js.map} +1 -1
- package/dist/esm/chunks/{chunk.BE7PZANN.js → chunk.DTZFWZPB.js} +2 -2
- package/dist/esm/chunks/{chunk.BE7PZANN.js.map → chunk.DTZFWZPB.js.map} +1 -1
- package/dist/esm/chunks/chunk.DXZ5LVFJ.js +7 -0
- package/dist/esm/chunks/chunk.DXZ5LVFJ.js.map +7 -0
- package/dist/esm/chunks/chunk.E6KWYFZG.js +7 -0
- package/dist/esm/chunks/{chunk.4BEI55KI.js.map → chunk.E6KWYFZG.js.map} +1 -1
- package/dist/esm/chunks/{chunk.JEN6YP2Q.js → chunk.E7Z3IRWV.js} +2 -2
- package/dist/esm/chunks/chunk.ECRL6O3V.js +7 -0
- package/dist/esm/chunks/chunk.ECRL6O3V.js.map +7 -0
- package/dist/esm/chunks/{chunk.K2C4W3CO.js → chunk.EDEYCLDU.js} +2 -2
- package/dist/esm/chunks/chunk.EYZ25QUP.js +7 -0
- package/dist/esm/chunks/chunk.EYZ25QUP.js.map +7 -0
- package/dist/esm/chunks/chunk.F776DWXU.js +7 -0
- package/dist/esm/chunks/chunk.F776DWXU.js.map +7 -0
- package/dist/esm/chunks/{chunk.3KQL7VAZ.js → chunk.FDZSLGIW.js} +2 -2
- package/dist/esm/chunks/{chunk.3KQL7VAZ.js.map → chunk.FDZSLGIW.js.map} +1 -1
- package/dist/esm/chunks/chunk.FIBGOPNP.js +7 -0
- package/dist/esm/chunks/chunk.FIBGOPNP.js.map +7 -0
- package/dist/esm/chunks/{chunk.K6AFP52A.js → chunk.FUPNTFG7.js} +2 -2
- package/dist/esm/chunks/{chunk.K6AFP52A.js.map → chunk.FUPNTFG7.js.map} +2 -2
- package/dist/esm/chunks/{chunk.MZLPUI6R.js → chunk.FYWPZFLJ.js} +2 -2
- package/dist/esm/chunks/{chunk.MZLPUI6R.js.map → chunk.FYWPZFLJ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.ARJ3EVVO.js → chunk.G4IN6Y46.js} +2 -2
- package/dist/esm/chunks/{chunk.KE6GOYAB.js → chunk.GT3XBPZY.js} +2 -2
- package/dist/esm/chunks/{chunk.KE6GOYAB.js.map → chunk.GT3XBPZY.js.map} +1 -1
- package/dist/esm/chunks/chunk.H5D54EHO.js +7 -0
- package/dist/esm/chunks/{chunk.JHBCYICS.js.map → chunk.H5D54EHO.js.map} +1 -1
- package/dist/esm/chunks/chunk.HRGTAVNA.js +7 -0
- package/dist/esm/chunks/{chunk.J6WCFQSS.js.map → chunk.HRGTAVNA.js.map} +2 -2
- package/dist/esm/chunks/chunk.HXJCTE47.js +7 -0
- package/dist/esm/chunks/{chunk.KU5CXXGS.js → chunk.IDD54B5P.js} +2 -2
- package/dist/esm/chunks/chunk.ISC7SZSP.js +7 -0
- package/dist/esm/chunks/chunk.ISC7SZSP.js.map +7 -0
- package/dist/esm/chunks/{chunk.LYOQ2RGP.js → chunk.IWA3CYIB.js} +2 -2
- package/dist/esm/chunks/{chunk.LYOQ2RGP.js.map → chunk.IWA3CYIB.js.map} +1 -1
- package/dist/esm/chunks/{chunk.T76JYRPR.js → chunk.J3UFSHDY.js} +2 -2
- package/dist/esm/chunks/{chunk.T76JYRPR.js.map → chunk.J3UFSHDY.js.map} +2 -2
- package/dist/esm/chunks/chunk.JL4XB4RI.js +7 -0
- package/dist/esm/chunks/chunk.JL4XB4RI.js.map +7 -0
- package/dist/esm/chunks/chunk.JTIPXKV6.js +7 -0
- package/dist/esm/chunks/{chunk.6OKJPSUE.js.map → chunk.JTIPXKV6.js.map} +2 -2
- package/dist/esm/chunks/chunk.KSCUIS5C.js +7 -0
- package/dist/esm/chunks/chunk.KSCUIS5C.js.map +7 -0
- package/dist/esm/chunks/chunk.L3M6DPQB.js +12 -0
- package/dist/esm/chunks/chunk.L3M6DPQB.js.map +7 -0
- package/dist/esm/chunks/{chunk.4DAIIJ37.js → chunk.LEVFMI2Q.js} +1 -1
- package/dist/esm/chunks/{chunk.4DAIIJ37.js.map → chunk.LEVFMI2Q.js.map} +1 -1
- package/dist/esm/chunks/chunk.LHBF47UY.js +7 -0
- package/dist/esm/chunks/chunk.LHBF47UY.js.map +7 -0
- package/dist/esm/chunks/chunk.LM57DOG3.js +7 -0
- package/dist/esm/chunks/chunk.LM57DOG3.js.map +7 -0
- package/dist/esm/chunks/chunk.LYYWQGS6.js +7 -0
- package/dist/esm/chunks/chunk.LYYWQGS6.js.map +7 -0
- package/dist/esm/chunks/chunk.M2M47T4L.js +7 -0
- package/dist/esm/chunks/{chunk.MXTDW27J.js.map → chunk.M2M47T4L.js.map} +2 -2
- package/dist/esm/chunks/chunk.M3QDAYD2.js +7 -0
- package/dist/esm/chunks/chunk.MF36FG2X.js +7 -0
- package/dist/esm/chunks/{chunk.INCKI5IX.js.map → chunk.MF36FG2X.js.map} +1 -1
- package/dist/esm/chunks/chunk.MGLWXAZO.js +18 -0
- package/dist/esm/chunks/{chunk.YI4JTY4T.js.map → chunk.MGLWXAZO.js.map} +2 -2
- package/dist/esm/chunks/{chunk.BJE6O5ES.js → chunk.MGWY7YIL.js} +2 -2
- package/dist/esm/chunks/{chunk.BJE6O5ES.js.map → chunk.MGWY7YIL.js.map} +2 -2
- package/dist/esm/chunks/{chunk.O4FB4BV5.js → chunk.MJSLXZBM.js} +2 -2
- package/dist/esm/chunks/{chunk.O4FB4BV5.js.map → chunk.MJSLXZBM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.XQ2EQIDS.js → chunk.N7PQ2MUQ.js} +2 -2
- package/dist/esm/chunks/{chunk.XQ2EQIDS.js.map → chunk.N7PQ2MUQ.js.map} +2 -2
- package/dist/esm/chunks/chunk.NF4J3Q5X.js +7 -0
- package/dist/esm/chunks/chunk.NF4J3Q5X.js.map +7 -0
- package/dist/esm/chunks/chunk.NK7H3MMM.js +7 -0
- package/dist/esm/chunks/{chunk.Y4GKBJGI.js.map → chunk.NK7H3MMM.js.map} +3 -3
- package/dist/esm/chunks/{chunk.KTGSZEAG.js → chunk.NVUMRW44.js} +1 -1
- package/dist/esm/chunks/{chunk.KTGSZEAG.js.map → chunk.NVUMRW44.js.map} +1 -1
- package/dist/esm/chunks/{chunk.ZUNZKRRK.js → chunk.OAHA3QOH.js} +2 -2
- package/dist/esm/chunks/{chunk.CLM6MNKC.js → chunk.OTD2SFQJ.js} +2 -2
- package/dist/esm/chunks/{chunk.CLM6MNKC.js.map → chunk.OTD2SFQJ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.FRYLJWYL.js → chunk.P5QIB6OY.js} +2 -2
- package/dist/esm/chunks/{chunk.FRYLJWYL.js.map → chunk.P5QIB6OY.js.map} +1 -1
- package/dist/esm/chunks/{chunk.UBD2DPQN.js → chunk.PHBOQRF6.js} +2 -2
- package/dist/esm/chunks/{chunk.UBD2DPQN.js.map → chunk.PHBOQRF6.js.map} +1 -1
- package/dist/esm/chunks/{chunk.MLV25D2G.js → chunk.PHTOULRR.js} +2 -2
- package/dist/esm/chunks/chunk.QI3GKORL.js +7 -0
- package/dist/esm/chunks/chunk.QI3GKORL.js.map +7 -0
- package/dist/esm/chunks/{chunk.RYMPSU4J.js → chunk.QL45FKVJ.js} +2 -2
- package/dist/esm/chunks/{chunk.RYMPSU4J.js.map → chunk.QL45FKVJ.js.map} +2 -2
- package/dist/esm/chunks/chunk.QLJBPFP5.js +7 -0
- package/dist/esm/chunks/chunk.QLJBPFP5.js.map +7 -0
- package/dist/esm/chunks/{chunk.WP4QOOIS.js → chunk.QZK3WEH6.js} +2 -2
- package/dist/esm/chunks/chunk.RFLASSCI.js +7 -0
- package/dist/esm/chunks/{chunk.47A2CN5U.js.map → chunk.RFLASSCI.js.map} +1 -1
- package/dist/esm/chunks/{chunk.F2B24WLK.js → chunk.RGPNNISQ.js} +2 -2
- package/dist/esm/chunks/{chunk.F2B24WLK.js.map → chunk.RGPNNISQ.js.map} +1 -1
- package/dist/esm/chunks/chunk.SAXRW6GB.js +7 -0
- package/dist/esm/chunks/chunk.SAXRW6GB.js.map +7 -0
- package/dist/esm/chunks/chunk.SEP3L4QL.js +7 -0
- package/dist/esm/chunks/{chunk.RB5BTA5N.js.map → chunk.SEP3L4QL.js.map} +2 -2
- package/dist/esm/chunks/{chunk.2BNDXFI5.js → chunk.SN5LPTHH.js} +2 -2
- package/dist/esm/chunks/{chunk.2BNDXFI5.js.map → chunk.SN5LPTHH.js.map} +2 -2
- package/dist/esm/chunks/chunk.SQVBT7HU.js +7 -0
- package/dist/esm/chunks/chunk.SQVBT7HU.js.map +7 -0
- package/dist/esm/chunks/chunk.SZIM4KFZ.js +7 -0
- package/dist/esm/chunks/chunk.SZIM4KFZ.js.map +7 -0
- package/dist/esm/chunks/chunk.T5X6UNH7.js +7 -0
- package/dist/esm/chunks/{chunk.MHOS3IHQ.js.map → chunk.T5X6UNH7.js.map} +1 -1
- package/dist/esm/chunks/{chunk.HBMNXZES.js → chunk.TL6WVBGT.js} +2 -2
- package/dist/esm/chunks/{chunk.HBMNXZES.js.map → chunk.TL6WVBGT.js.map} +1 -1
- package/dist/esm/chunks/chunk.TT2VTZJ6.js +7 -0
- package/dist/esm/chunks/{chunk.242YUZKU.js.map → chunk.TT2VTZJ6.js.map} +1 -1
- package/dist/esm/chunks/{chunk.UT7QUGAO.js → chunk.U4GYQOPY.js} +2 -2
- package/dist/esm/chunks/{chunk.P3IA2WTO.js → chunk.UCM6CGFM.js} +2 -2
- package/dist/esm/chunks/{chunk.P3IA2WTO.js.map → chunk.UCM6CGFM.js.map} +1 -1
- package/dist/esm/chunks/chunk.UKFJHDO7.js +7 -0
- package/dist/esm/chunks/{chunk.E6CYXNS2.js.map → chunk.UKFJHDO7.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DONAMICM.js → chunk.UV3WIHCM.js} +1 -1
- package/dist/esm/chunks/{chunk.DONAMICM.js.map → chunk.UV3WIHCM.js.map} +1 -1
- package/dist/esm/chunks/chunk.VNOJO2PF.js +7 -0
- package/dist/esm/chunks/{chunk.BTBHIIGI.js.map → chunk.VNOJO2PF.js.map} +1 -1
- package/dist/esm/chunks/{chunk.SXTTEIIH.js → chunk.WBYXVMYI.js} +2 -2
- package/dist/esm/chunks/{chunk.SXTTEIIH.js.map → chunk.WBYXVMYI.js.map} +1 -1
- package/dist/esm/chunks/chunk.WH6C36MO.js +7 -0
- package/dist/esm/chunks/chunk.WH6C36MO.js.map +7 -0
- package/dist/esm/chunks/{chunk.G45OZEIS.js → chunk.WO7KEM5K.js} +2 -2
- package/dist/esm/chunks/{chunk.RBAVT3XQ.js → chunk.WYP2M5FR.js} +2 -2
- package/dist/esm/chunks/chunk.X3YNJSDT.js +7 -0
- package/dist/esm/chunks/{chunk.4WPFFNLH.js.map → chunk.X3YNJSDT.js.map} +1 -1
- package/dist/esm/chunks/chunk.XATLSSAW.js +7 -0
- package/dist/esm/chunks/{chunk.5WNKQTXX.js.map → chunk.XATLSSAW.js.map} +2 -2
- package/dist/esm/chunks/chunk.XIQFHO5R.js +7 -0
- package/dist/esm/chunks/{chunk.FVRSGKJD.js.map → chunk.XIQFHO5R.js.map} +2 -2
- package/dist/esm/chunks/{chunk.O73S5LF3.js → chunk.XOM2FYQ2.js} +2 -2
- package/dist/esm/chunks/{chunk.XUW3GG46.js → chunk.XRESQBNE.js} +2 -2
- package/dist/esm/chunks/{chunk.AFLH5HUG.js → chunk.Y5UJ23LB.js} +2 -2
- package/dist/esm/chunks/chunk.YDY2IGBF.js +7 -0
- package/dist/esm/chunks/chunk.YDY2IGBF.js.map +7 -0
- package/dist/esm/chunks/{chunk.7UKA4E5A.js → chunk.YQXX5KSW.js} +2 -2
- package/dist/esm/chunks/{chunk.7UKA4E5A.js.map → chunk.YQXX5KSW.js.map} +1 -1
- package/dist/esm/chunks/chunk.YWCLKUK7.js +7 -0
- package/dist/esm/chunks/{chunk.Q7LFOS2I.js.map → chunk.YWCLKUK7.js.map} +1 -1
- package/dist/esm/chunks/chunk.YZLASVCK.js +177 -0
- package/dist/esm/chunks/chunk.YZLASVCK.js.map +7 -0
- package/dist/esm/chunks/chunk.Z4J4D5FD.js +7 -0
- package/dist/esm/chunks/{chunk.4NI63FGK.js.map → chunk.Z4J4D5FD.js.map} +2 -2
- package/dist/esm/chunks/chunk.ZAJB7G4V.js +7 -0
- package/dist/esm/chunks/{chunk.YBEBD4CN.js.map → chunk.ZAJB7G4V.js.map} +1 -1
- package/dist/esm/chunks/chunk.ZDAXNM2P.js +7 -0
- package/dist/esm/chunks/chunk.ZDAXNM2P.js.map +7 -0
- package/dist/esm/chunks/chunk.ZMRDW25U.js +7 -0
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/base/index.js +1 -1
- package/dist/esm/core/delegates/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/core/mask/index.js +1 -1
- package/dist/esm/core/utils/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/divider/index.js +1 -1
- package/dist/esm/drawer/base/index.js +1 -1
- package/dist/esm/drawer/drawer/index.js +1 -1
- package/dist/esm/drawer/index.js +1 -1
- package/dist/esm/drawer/mini-drawer/index.js +1 -1
- package/dist/esm/drawer/modal-drawer/index.js +1 -1
- package/dist/esm/expansion-panel/index.js +1 -1
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-action-button/index.js +1 -1
- package/dist/esm/floating-label/index.js +1 -1
- package/dist/esm/focus-indicator/index.js +7 -0
- package/dist/esm/focus-indicator/index.js.map +7 -0
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popup/index.js +1 -1
- package/dist/esm/product-icon/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/ripple/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +7 -0
- package/dist/esm/state-layer/index.js.map +7 -0
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge.css +1 -1
- package/dist/icon-button/forge-icon-button.css +1 -1
- package/dist/table/forge-table.css +1 -1
- package/dist/theme/forge-theme.css +1 -1
- package/esm/accordion/accordion.js +4 -4
- package/esm/app-bar/app-bar.js +6 -6
- package/esm/app-bar/notification-button/app-bar-notification-button.js +5 -5
- package/esm/app-bar/profile-button/app-bar-profile-button-constants.d.ts +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button.js +4 -4
- package/esm/app-bar/search/app-bar-search.js +6 -6
- package/esm/autocomplete/autocomplete-adapter.d.ts +0 -2
- package/esm/autocomplete/autocomplete-adapter.js +0 -4
- package/esm/autocomplete/autocomplete-component-delegate.d.ts +1 -1
- package/esm/autocomplete/autocomplete-constants.d.ts +5 -4
- package/esm/autocomplete/autocomplete-constants.js +1 -0
- package/esm/autocomplete/autocomplete-foundation.d.ts +5 -0
- package/esm/autocomplete/autocomplete-foundation.js +12 -12
- package/esm/autocomplete/autocomplete.d.ts +3 -0
- package/esm/autocomplete/autocomplete.js +13 -6
- package/esm/avatar/avatar-component-delegate.d.ts +1 -1
- package/esm/avatar/avatar.js +5 -5
- package/esm/backdrop/backdrop-constants.d.ts +1 -1
- package/esm/backdrop/backdrop.js +5 -5
- package/esm/badge/badge-component-delegate.d.ts +1 -1
- package/esm/badge/badge.js +5 -5
- package/esm/banner/banner.js +7 -7
- package/esm/bottom-sheet/bottom-sheet.js +6 -6
- package/esm/busy-indicator/busy-indicator-constants.d.ts +1 -1
- package/esm/busy-indicator/busy-indicator.js +6 -6
- package/esm/button/button-component-delegate.d.ts +1 -1
- package/esm/button/button.d.ts +1 -0
- package/esm/button/button.js +11 -5
- package/esm/button-toggle/button-toggle/button-toggle.js +7 -7
- package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.d.ts +2 -2
- package/esm/button-toggle/button-toggle-group/button-toggle-group.js +5 -5
- package/esm/calendar/calendar-component-delegate.d.ts +1 -1
- package/esm/calendar/calendar-constants.d.ts +10 -10
- package/esm/calendar/calendar-dropdown/calendar-dropdown.js +5 -5
- package/esm/calendar/calendar-menu/calendar-menu-constants.d.ts +2 -2
- package/esm/calendar/calendar-menu/calendar-menu.js +6 -6
- package/esm/calendar/calendar.js +7 -7
- package/esm/card/card-constants.d.ts +2 -2
- package/esm/card/card-constants.js +2 -2
- package/esm/card/card.d.ts +19 -8
- package/esm/card/card.js +34 -25
- package/esm/checkbox/checkbox-adapter.d.ts +1 -0
- package/esm/checkbox/checkbox-adapter.js +9 -2
- package/esm/checkbox/checkbox-component-delegate.d.ts +1 -1
- package/esm/checkbox/checkbox.js +4 -4
- package/esm/chip-field/chip-field-component-delegate.d.ts +1 -1
- package/esm/chip-field/chip-field-foundation.d.ts +1 -1
- package/esm/chip-field/chip-field.js +1 -1
- package/esm/chips/chip/chip.js +7 -7
- package/esm/chips/chip-set/chip-set.js +5 -5
- package/esm/circular-progress/circular-progress-adapter.d.ts +7 -14
- package/esm/circular-progress/circular-progress-adapter.js +25 -25
- package/esm/circular-progress/circular-progress-constants.d.ts +6 -2
- package/esm/circular-progress/circular-progress-constants.js +8 -3
- package/esm/circular-progress/circular-progress-foundation.d.ts +0 -8
- package/esm/circular-progress/circular-progress-foundation.js +9 -27
- package/esm/circular-progress/circular-progress.d.ts +24 -5
- package/esm/circular-progress/circular-progress.js +33 -21
- package/esm/color-picker/color-picker-constants.d.ts +2 -2
- package/esm/color-picker/color-picker.js +7 -7
- package/esm/core/base/base-component.d.ts +1 -2
- package/esm/core/delegates/base-component-delegate.d.ts +1 -1
- package/esm/core/delegates/base-component-delegate.js +3 -3
- package/esm/core/delegates/form-field-component-delegate.d.ts +1 -1
- package/esm/core/mask/time-segment-parser.d.ts +1 -1
- package/esm/core/testing/pointer.d.ts +13 -0
- package/esm/core/testing/pointer.js +42 -0
- package/esm/core/utils/utils.d.ts +33 -2
- package/esm/core/utils/utils.js +74 -6
- package/esm/date-picker/base/base-date-picker-adapter.d.ts +2 -2
- package/esm/date-picker/base/base-date-picker-foundation.d.ts +2 -2
- package/esm/date-picker/base/base-date-picker-foundation.js +8 -5
- package/esm/date-picker/date-picker-adapter.js +5 -7
- package/esm/date-picker/date-picker-component-delegate.d.ts +1 -1
- package/esm/date-range-picker/date-range-picker-adapter.d.ts +4 -2
- package/esm/date-range-picker/date-range-picker-adapter.js +20 -18
- package/esm/date-range-picker/date-range-picker-component-delegate.d.ts +1 -1
- package/esm/date-range-picker/date-range-picker-foundation.d.ts +4 -1
- package/esm/date-range-picker/date-range-picker-foundation.js +48 -14
- package/esm/dialog/dialog-constants.d.ts +2 -2
- package/esm/dialog/dialog.js +5 -5
- package/esm/drawer/base/base-drawer-constants.d.ts +1 -1
- package/esm/expansion-panel/expansion-panel-constants.d.ts +2 -0
- package/esm/expansion-panel/expansion-panel-constants.js +3 -1
- package/esm/expansion-panel/expansion-panel-foundation.js +4 -1
- package/esm/expansion-panel/expansion-panel.js +6 -6
- package/esm/field/field-adapter.d.ts +4 -2
- package/esm/field/field-adapter.js +5 -2
- package/esm/field/field-constants.d.ts +3 -3
- package/esm/field/field-foundation.d.ts +2 -2
- package/esm/field/field-foundation.js +7 -9
- package/esm/field/field.js +3 -3
- package/esm/file-picker/file-picker-component-delegate.d.ts +1 -1
- package/esm/file-picker/file-picker.js +6 -6
- package/esm/floating-action-button/floating-action-button-component-delegate.d.ts +1 -1
- package/esm/floating-action-button/floating-action-button.js +6 -6
- package/esm/focus-indicator/focus-indicator-adapter.d.ts +29 -0
- package/esm/focus-indicator/focus-indicator-adapter.js +39 -0
- package/esm/focus-indicator/focus-indicator-constants.d.ts +15 -0
- package/esm/focus-indicator/focus-indicator-constants.js +19 -0
- package/esm/focus-indicator/focus-indicator-foundation.d.ts +43 -0
- package/esm/focus-indicator/focus-indicator-foundation.js +110 -0
- package/esm/focus-indicator/focus-indicator.d.ts +67 -0
- package/esm/focus-indicator/focus-indicator.js +112 -0
- package/esm/focus-indicator/index.d.ts +10 -0
- package/esm/focus-indicator/index.js +14 -0
- package/esm/icon/icon.js +5 -5
- package/esm/icon-button/icon-button-component-delegate.d.ts +1 -1
- package/esm/icon-button/icon-button.d.ts +1 -0
- package/esm/icon-button/icon-button.js +16 -9
- package/esm/index.d.ts +2 -0
- package/esm/index.js +6 -0
- package/esm/keyboard-shortcut/keyboard-shortcut.js +4 -4
- package/esm/label-value/label-value-component-delegate.d.ts +1 -1
- package/esm/label-value/label-value-constants.d.ts +1 -1
- package/esm/label-value/label-value.js +5 -5
- package/esm/linear-progress/linear-progress-adapter.d.ts +23 -0
- package/esm/linear-progress/linear-progress-adapter.js +34 -0
- package/esm/linear-progress/linear-progress-constants.d.ts +6 -2
- package/esm/linear-progress/linear-progress-constants.js +8 -3
- package/esm/linear-progress/linear-progress-foundation.d.ts +26 -0
- package/esm/linear-progress/linear-progress-foundation.js +53 -0
- package/esm/linear-progress/linear-progress.d.ts +32 -25
- package/esm/linear-progress/linear-progress.js +49 -107
- package/esm/list/list/list.js +5 -5
- package/esm/list/list-item/list-item-adapter.d.ts +3 -3
- package/esm/list/list-item/list-item-adapter.js +2 -2
- package/esm/list/list-item/list-item-foundation.d.ts +1 -0
- package/esm/list/list-item/list-item-foundation.js +8 -1
- package/esm/list/list-item/list-item.js +6 -6
- package/esm/list-dropdown/list-dropdown-adapter.js +4 -5
- package/esm/list-dropdown/list-dropdown-constants.d.ts +6 -6
- package/esm/list-dropdown/list-dropdown-utils.d.ts +1 -1
- package/esm/list-dropdown/list-dropdown-utils.js +7 -4
- package/esm/menu/menu-constants.d.ts +3 -3
- package/esm/menu/menu.js +6 -6
- package/esm/open-icon/open-icon.js +6 -6
- package/esm/paginator/paginator-constants.d.ts +1 -1
- package/esm/paginator/paginator-foundation.js +2 -0
- package/esm/paginator/paginator.js +12 -12
- package/esm/popup/popup-constants.d.ts +2 -2
- package/esm/popup/popup.js +5 -5
- package/esm/product-icon/product-icon.js +5 -5
- package/esm/profile-card/profile-card.js +6 -6
- package/esm/quantity-field/quantity-field-component-delegate.d.ts +1 -1
- package/esm/quantity-field/quantity-field.js +6 -6
- package/esm/radio/radio-adapter.d.ts +1 -0
- package/esm/radio/radio-adapter.js +9 -2
- package/esm/radio/radio.js +5 -5
- package/esm/ripple/forge-ripple.d.ts +2 -0
- package/esm/ripple/forge-ripple.js +4 -0
- package/esm/ripple/ripple.js +4 -4
- package/esm/select/core/base-select-constants.d.ts +4 -4
- package/esm/select/option/option.js +4 -4
- package/esm/select/option-group/option-group.js +3 -3
- package/esm/select/select/select-adapter.d.ts +1 -1
- package/esm/select/select/select.js +1 -1
- package/esm/select/select-component-delegate.d.ts +1 -1
- package/esm/slider/slider-adapter.d.ts +79 -0
- package/esm/slider/slider-adapter.js +178 -0
- package/esm/slider/slider-component-delegate.d.ts +19 -3
- package/esm/slider/slider-component-delegate.js +48 -0
- package/esm/slider/slider-constants.d.ts +55 -19
- package/esm/slider/slider-constants.js +56 -14
- package/esm/slider/slider-foundation.d.ts +94 -0
- package/esm/slider/slider-foundation.js +313 -0
- package/esm/slider/slider-utils.d.ts +9 -0
- package/esm/slider/slider-utils.js +56 -0
- package/esm/slider/slider.d.ts +134 -66
- package/esm/slider/slider.js +240 -249
- package/esm/split-view/split-view/split-view-adapter.js +3 -1
- package/esm/split-view/split-view/split-view-constants.d.ts +1 -1
- package/esm/split-view/split-view/split-view.js +5 -5
- package/esm/split-view/split-view-panel/split-view-panel-constants.d.ts +2 -2
- package/esm/split-view/split-view-panel/split-view-panel-foundation.js +18 -18
- package/esm/split-view/split-view-panel/split-view-panel.js +7 -7
- package/esm/stack/stack-constants.d.ts +1 -1
- package/esm/stack/stack.js +5 -5
- package/esm/state-layer/index.d.ts +10 -0
- package/esm/state-layer/index.js +14 -0
- package/esm/state-layer/state-layer-adapter.d.ts +41 -0
- package/esm/state-layer/state-layer-adapter.js +101 -0
- package/esm/state-layer/state-layer-constants.d.ts +79 -0
- package/esm/state-layer/state-layer-constants.js +89 -0
- package/esm/state-layer/state-layer-foundation.d.ts +57 -0
- package/esm/state-layer/state-layer-foundation.js +237 -0
- package/esm/state-layer/state-layer-utils.d.ts +26 -0
- package/esm/state-layer/state-layer-utils.js +54 -0
- package/esm/state-layer/state-layer.d.ts +66 -0
- package/esm/state-layer/state-layer.js +96 -0
- package/esm/stepper/step/step-constants.d.ts +1 -1
- package/esm/stepper/step/step.js +13 -13
- package/esm/stepper/stepper/stepper-constants.d.ts +2 -2
- package/esm/stepper/stepper/stepper.js +5 -5
- package/esm/switch/switch-component-delegate.d.ts +1 -1
- package/esm/switch/switch-constants.d.ts +1 -1
- package/esm/switch/switch.js +19 -12
- package/esm/table/table.js +5 -5
- package/esm/table/types.d.ts +4 -4
- package/esm/tabs/tab/tab-adapter.d.ts +14 -40
- package/esm/tabs/tab/tab-adapter.js +57 -79
- package/esm/tabs/tab/tab-constants.d.ts +13 -14
- package/esm/tabs/tab/tab-constants.js +17 -10
- package/esm/tabs/tab/tab-foundation.d.ts +23 -23
- package/esm/tabs/tab/tab-foundation.js +66 -62
- package/esm/tabs/tab/tab.d.ts +56 -20
- package/esm/tabs/tab/tab.js +88 -39
- package/esm/tabs/tab-bar/tab-bar-adapter.d.ts +49 -87
- package/esm/tabs/tab-bar/tab-bar-adapter.js +114 -188
- package/esm/tabs/tab-bar/tab-bar-constants.d.ts +15 -45
- package/esm/tabs/tab-bar/tab-bar-constants.js +22 -56
- package/esm/tabs/tab-bar/tab-bar-foundation.d.ts +56 -65
- package/esm/tabs/tab-bar/tab-bar-foundation.js +241 -302
- package/esm/tabs/tab-bar/tab-bar.d.ts +51 -36
- package/esm/tabs/tab-bar/tab-bar.js +89 -57
- package/esm/text-field/text-field-adapter.d.ts +1 -1
- package/esm/text-field/text-field-adapter.js +4 -3
- package/esm/text-field/text-field-component-delegate.d.ts +1 -1
- package/esm/text-field/text-field.js +1 -1
- package/esm/theme/theme-utils.d.ts +2 -2
- package/esm/time-picker/time-picker-adapter.js +4 -7
- package/esm/time-picker/time-picker-component-delegate.d.ts +1 -1
- package/esm/time-picker/time-picker-constants.d.ts +6 -6
- package/esm/time-picker/time-picker-foundation.js +9 -6
- package/esm/time-picker/time-picker.js +6 -6
- package/esm/toast/toast-constants.d.ts +2 -2
- package/esm/toast/toast.js +7 -7
- package/esm/toolbar/toolbar.js +5 -5
- package/esm/tooltip/tooltip-constants.d.ts +1 -1
- package/esm/tooltip/tooltip.js +4 -4
- package/esm/utils/color-utils.js +1 -0
- package/esm/view-switcher/view-switcher.js +5 -5
- package/package.json +1 -3
- package/styles/app-bar/_mixins.scss +8 -1
- package/styles/card/_mixins.scss +8 -7
- package/styles/circular-progress/_animations.scss +69 -0
- package/styles/circular-progress/_configuration.scss +30 -0
- package/styles/circular-progress/_core.scss +122 -0
- package/styles/circular-progress/circular-progress.scss +92 -3
- package/styles/circular-progress/index.scss +8 -0
- package/styles/core/styles/core/_config.scss +6 -0
- package/styles/core/styles/elevation/index.scss +61 -0
- package/styles/core/styles/theme/index.scss +48 -0
- package/styles/core/styles/tokens/_color-palette.scss +299 -0
- package/styles/core/styles/tokens/_utils.scss +43 -0
- package/styles/core/styles/tokens/circular-progress/_tokens.scss +21 -0
- package/styles/core/styles/tokens/focus-indicator/_tokens.scss +30 -0
- package/styles/core/styles/tokens/index.scss +10 -0
- package/styles/core/styles/tokens/linear-progress/_tokens.scss +23 -0
- package/styles/core/styles/tokens/slider/_tokens.scss +47 -0
- package/styles/core/styles/tokens/state-layer/_tokens.scss +23 -0
- package/styles/core/styles/tokens/tabs/tab/_tokens.scss +71 -0
- package/styles/core/styles/tokens/tabs/tab-bar/_tokens.scss +19 -0
- package/styles/core/styles/tokens/theme/_elevation.scss +105 -0
- package/styles/core/styles/tokens/theme/_shape.scss +13 -0
- package/styles/core/styles/tokens/theme/_tokens.scss +133 -0
- package/styles/core/styles/tokens/typography/_tokens.scss +73 -0
- package/styles/focus-indicator/_animations.scss +36 -0
- package/styles/focus-indicator/_configuration.scss +23 -0
- package/styles/focus-indicator/_core.scss +52 -0
- package/styles/focus-indicator/focus-indicator.scss +55 -0
- package/styles/focus-indicator/index.scss +8 -0
- package/styles/linear-progress/_animations.scss +129 -0
- package/styles/linear-progress/_configuration.scss +29 -0
- package/styles/linear-progress/_core.scss +99 -0
- package/styles/linear-progress/index.scss +8 -0
- package/styles/linear-progress/linear-progress.scss +101 -18
- package/styles/slider/_configuration.scss +60 -0
- package/styles/slider/_core.scss +343 -0
- package/styles/slider/index.scss +7 -0
- package/styles/slider/slider.scss +186 -14
- package/styles/state-layer/_configuration.scss +17 -0
- package/styles/state-layer/_core.scss +124 -0
- package/styles/state-layer/index.scss +7 -0
- package/styles/state-layer/state-layer.scss +38 -0
- package/styles/tabs/tab/_configuration.scss +64 -0
- package/styles/tabs/tab/_core.scss +189 -0
- package/styles/tabs/tab/index.scss +7 -0
- package/styles/tabs/tab/tab.scss +168 -15
- package/styles/tabs/tab-bar/_configuration.scss +13 -0
- package/styles/tabs/tab-bar/_core.scss +60 -0
- package/styles/tabs/tab-bar/index.scss +7 -0
- package/styles/tabs/tab-bar/tab-bar.scss +66 -5
- package/styles/theme/_theme-dark.scss +4 -8
- package/styles/theme/_theme.scss +3 -36
- package/dist/esm/chunks/chunk.242YUZKU.js +0 -7
- package/dist/esm/chunks/chunk.2DXG2R3M.js +0 -73
- package/dist/esm/chunks/chunk.2DXG2R3M.js.map +0 -7
- package/dist/esm/chunks/chunk.44IJE5UL.js +0 -7
- package/dist/esm/chunks/chunk.44IJE5UL.js.map +0 -7
- package/dist/esm/chunks/chunk.47A2CN5U.js +0 -7
- package/dist/esm/chunks/chunk.4BEI55KI.js +0 -7
- package/dist/esm/chunks/chunk.4FSAAN6W.js +0 -29
- package/dist/esm/chunks/chunk.4FSAAN6W.js.map +0 -7
- package/dist/esm/chunks/chunk.4NI63FGK.js +0 -7
- package/dist/esm/chunks/chunk.4WPFFNLH.js +0 -7
- package/dist/esm/chunks/chunk.5WNKQTXX.js +0 -7
- package/dist/esm/chunks/chunk.6OKJPSUE.js +0 -7
- package/dist/esm/chunks/chunk.72AUOVCD.js +0 -7
- package/dist/esm/chunks/chunk.72AUOVCD.js.map +0 -7
- package/dist/esm/chunks/chunk.7A6MX6CS.js +0 -7
- package/dist/esm/chunks/chunk.7A6MX6CS.js.map +0 -7
- package/dist/esm/chunks/chunk.7BOXIJAM.js +0 -7
- package/dist/esm/chunks/chunk.7BOXIJAM.js.map +0 -7
- package/dist/esm/chunks/chunk.ABLKZXJ3.js +0 -12
- package/dist/esm/chunks/chunk.ABLKZXJ3.js.map +0 -7
- package/dist/esm/chunks/chunk.BTBHIIGI.js +0 -7
- package/dist/esm/chunks/chunk.C7AN6FMW.js +0 -7
- package/dist/esm/chunks/chunk.CKYHP5MC.js +0 -7
- package/dist/esm/chunks/chunk.CKYHP5MC.js.map +0 -7
- package/dist/esm/chunks/chunk.DT7MZR5Y.js +0 -7
- package/dist/esm/chunks/chunk.DYNEJBYK.js +0 -7
- package/dist/esm/chunks/chunk.E6CYXNS2.js +0 -7
- package/dist/esm/chunks/chunk.EGRUD7S7.js +0 -7
- package/dist/esm/chunks/chunk.ESR2NHOS.js +0 -7
- package/dist/esm/chunks/chunk.ESR2NHOS.js.map +0 -7
- package/dist/esm/chunks/chunk.F3MP6AXF.js +0 -29
- package/dist/esm/chunks/chunk.F3MP6AXF.js.map +0 -7
- package/dist/esm/chunks/chunk.FVRSGKJD.js +0 -7
- package/dist/esm/chunks/chunk.G3ZTZ4AN.js +0 -7
- package/dist/esm/chunks/chunk.G3ZTZ4AN.js.map +0 -7
- package/dist/esm/chunks/chunk.G5MGGEFP.js +0 -7
- package/dist/esm/chunks/chunk.HPDBSBQJ.js +0 -29
- package/dist/esm/chunks/chunk.HPDBSBQJ.js.map +0 -7
- package/dist/esm/chunks/chunk.HV6SPRC4.js +0 -7
- package/dist/esm/chunks/chunk.HV6SPRC4.js.map +0 -7
- package/dist/esm/chunks/chunk.I5BAZWUF.js +0 -7
- package/dist/esm/chunks/chunk.I5BAZWUF.js.map +0 -7
- package/dist/esm/chunks/chunk.IGTXLDZS.js +0 -7
- package/dist/esm/chunks/chunk.ILRWZHH3.js +0 -29
- package/dist/esm/chunks/chunk.ILRWZHH3.js.map +0 -7
- package/dist/esm/chunks/chunk.INCKI5IX.js +0 -7
- package/dist/esm/chunks/chunk.J6WCFQSS.js +0 -7
- package/dist/esm/chunks/chunk.JHBCYICS.js +0 -7
- package/dist/esm/chunks/chunk.JHY2CKEH.js +0 -7
- package/dist/esm/chunks/chunk.LDN4HLF7.js +0 -7
- package/dist/esm/chunks/chunk.LDN4HLF7.js.map +0 -7
- package/dist/esm/chunks/chunk.M2QU3LUR.js +0 -7
- package/dist/esm/chunks/chunk.M2QU3LUR.js.map +0 -7
- package/dist/esm/chunks/chunk.MCIQXNKY.js +0 -7
- package/dist/esm/chunks/chunk.MHOS3IHQ.js +0 -7
- package/dist/esm/chunks/chunk.MSF55AA3.js +0 -7
- package/dist/esm/chunks/chunk.MSF55AA3.js.map +0 -7
- package/dist/esm/chunks/chunk.MXTDW27J.js +0 -7
- package/dist/esm/chunks/chunk.NW7NV2A2.js +0 -7
- package/dist/esm/chunks/chunk.NW7NV2A2.js.map +0 -7
- package/dist/esm/chunks/chunk.Q7LFOS2I.js +0 -7
- package/dist/esm/chunks/chunk.RB5BTA5N.js +0 -7
- package/dist/esm/chunks/chunk.RE5X26QT.js +0 -29
- package/dist/esm/chunks/chunk.RE5X26QT.js.map +0 -7
- package/dist/esm/chunks/chunk.RG6CDWEX.js +0 -7
- package/dist/esm/chunks/chunk.RG6CDWEX.js.map +0 -7
- package/dist/esm/chunks/chunk.ROR6JMAE.js +0 -7
- package/dist/esm/chunks/chunk.SAQVWOVK.js +0 -7
- package/dist/esm/chunks/chunk.SAQVWOVK.js.map +0 -7
- package/dist/esm/chunks/chunk.TWZXQQQO.js +0 -29
- package/dist/esm/chunks/chunk.TWZXQQQO.js.map +0 -7
- package/dist/esm/chunks/chunk.UF43SSFY.js +0 -7
- package/dist/esm/chunks/chunk.UF43SSFY.js.map +0 -7
- package/dist/esm/chunks/chunk.V4TCOZLK.js +0 -29
- package/dist/esm/chunks/chunk.V4TCOZLK.js.map +0 -7
- package/dist/esm/chunks/chunk.V7WKXEZC.js +0 -7
- package/dist/esm/chunks/chunk.VAKNDCLP.js +0 -29
- package/dist/esm/chunks/chunk.VAKNDCLP.js.map +0 -7
- package/dist/esm/chunks/chunk.WY7DECJD.js +0 -7
- package/dist/esm/chunks/chunk.WY7DECJD.js.map +0 -7
- package/dist/esm/chunks/chunk.X5LGVZGO.js.map +0 -7
- package/dist/esm/chunks/chunk.Y4GKBJGI.js +0 -7
- package/dist/esm/chunks/chunk.Y5A7RQ5M.js +0 -7
- package/dist/esm/chunks/chunk.Y66GSZJB.js +0 -7
- package/dist/esm/chunks/chunk.Y66GSZJB.js.map +0 -7
- package/dist/esm/chunks/chunk.Y72NANFX.js +0 -7
- package/dist/esm/chunks/chunk.Y72NANFX.js.map +0 -7
- package/dist/esm/chunks/chunk.YBEBD4CN.js +0 -7
- package/dist/esm/chunks/chunk.YI4JTY4T.js +0 -14
- package/dist/esm/chunks/chunk.YPZNIYQL.js +0 -7
- package/dist/esm/chunks/chunk.ZFHPUAYX.js +0 -7
- package/styles/circular-progress/_keyframes.scss +0 -185
- package/styles/circular-progress/_mixins.scss +0 -320
- package/styles/circular-progress/_variables.scss +0 -50
- package/styles/linear-progress/_mixins.scss +0 -11
- package/styles/linear-progress/_variables.scss +0 -15
- package/styles/tabs/tab/_mixins.scss +0 -165
- package/styles/tabs/tab/_variables.scss +0 -9
- package/styles/tabs/tab-bar/_mixins.scss +0 -78
- /package/dist/esm/chunks/{chunk.IGTXLDZS.js.map → chunk.3JDFBEF7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H4Z4DHPA.js.map → chunk.5CMQ7DNL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IUOBRBDZ.js.map → chunk.7DHFTAWI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EGRUD7S7.js.map → chunk.7ZQMJLHE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JEN6YP2Q.js.map → chunk.E7Z3IRWV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.K2C4W3CO.js.map → chunk.EDEYCLDU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ARJ3EVVO.js.map → chunk.G4IN6Y46.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DYNEJBYK.js.map → chunk.HXJCTE47.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KU5CXXGS.js.map → chunk.IDD54B5P.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MCIQXNKY.js.map → chunk.M3QDAYD2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZUNZKRRK.js.map → chunk.OAHA3QOH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MLV25D2G.js.map → chunk.PHTOULRR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WP4QOOIS.js.map → chunk.QZK3WEH6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UT7QUGAO.js.map → chunk.U4GYQOPY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.G45OZEIS.js.map → chunk.WO7KEM5K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RBAVT3XQ.js.map → chunk.WYP2M5FR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.O73S5LF3.js.map → chunk.XOM2FYQ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XUW3GG46.js.map → chunk.XRESQBNE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AFLH5HUG.js.map → chunk.Y5UJ23LB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JHY2CKEH.js.map → chunk.ZMRDW25U.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/chips/chip-set/chip-set-constants.ts", "../../src/chips/chip/chip-constants.ts", "../../src/chips/chip/chip-adapter.ts", "../../src/chips/chip/chip-foundation.ts", "../../src/chips/chip/chip.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n VERTICAL: 'vertical',\r\n TYPE: 'type',\r\n DENSE: 'dense',\r\n DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n ROOT: 'forge-chip-set',\r\n VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n TYPE: 'type',\r\n SELECTED: 'selected',\r\n VALUE: 'value',\r\n DISABLED: 'disabled',\r\n INVALID: 'invalid',\r\n DENSE: 'dense',\r\n EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n ACTION: 'forge-chip--action',\r\n CHOICE: 'forge-chip--choice',\r\n FILTER: 'forge-chip--filter',\r\n INPUT: 'forge-chip--input',\r\n FIELD: 'forge-chip--field',\r\n INVALID: 'forge-chip--invalid',\r\n SELECTED: 'forge-chip--selected',\r\n DELETE_BUTTON: 'forge-chip__delete-button',\r\n DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n DENSE: 'forge-chip--dense',\r\n DISABLED: 'forge-chip--disabled',\r\n LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip',\r\n BUTTON: '[role=button]'\r\n};\r\n\r\nconst events = {\r\n DELETE: `${elementName}-delete`,\r\n SELECT: `${elementName}-select`,\r\n FOCUS_NEXT: `${elementName}-focus-next`,\r\n FOCUS_PREVIOUS: `${elementName}-focus-previous`\r\n};\r\n\r\nconst defaults = {\r\n TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors,\r\n events,\r\n defaults\r\n};\r\n\r\nexport declare type ChipType = 'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n value: T;\r\n selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n type: ChipType;\r\n disabled: boolean;\r\n dense: boolean;\r\n}\r\n", "import { addClass, elementFromHTML, getActiveElement, getShadowElement, removeClass, removeElement, toggleClass, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { ICON_CONSTANTS } from '../../icon';\r\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n addRootListener(type: string, listener: (evt: Event) => void): void;\r\n removeRootListener(type: string, listener: (evt: Event) => void): void;\r\n addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n initializeRipple(): ForgeRipple;\r\n clearTypeClass(): void;\r\n addRootClass(className: string): void;\r\n removeRootClass(name: string): void;\r\n setCheckmarkVisibility(isVisible: boolean): void;\r\n setSelected(value: boolean): void;\r\n setDisabled(value: boolean): void;\r\n setDense(value: boolean): void;\r\n setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n setLeadingSlotVisibility(isVisible: boolean): void;\r\n getChipSetState(): IChipState | null;\r\n setFocus(): void;\r\n tryFocusDelete(): void;\r\n setEmulatedFocus(value: boolean): void;\r\n tryMoveFocusPrevious(): void;\r\n tryMoveFocusNext(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter, ForgeRippleCapableSurface {\r\n private _rootElement: HTMLElement;\r\n private _rippleInstance: ForgeRipple;\r\n private _buttonElement: HTMLButtonElement;\r\n private _deleteButton: HTMLElement;\r\n private _deleteButtonTouchTarget: HTMLDivElement;\r\n private _leadingSlotElement: HTMLSlotElement;\r\n private _checkmarkElement: HTMLElement;\r\n\r\n constructor(component: IChipComponent) {\r\n super(component);\r\n this._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\r\n this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n this._rootElement.addEventListener('click', evt => {\r\n if (evt.target === this._deleteButton) {\r\n return;\r\n }\r\n this._buttonElement.focus();\r\n }, { capture: true });\r\n }\r\n\r\n // ForgeRippleCapableSurface\r\n public get root(): Element {\r\n return this._rootElement;\r\n }\r\n public get unbounded(): boolean | undefined {\r\n return false;\r\n }\r\n public get disabled(): boolean | undefined {\r\n return this._buttonElement?.disabled;\r\n }\r\n\r\n public addRootListener(type: string, listener: (evt: Event) => void): void {\r\n this._rootElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeRootListener(type: string, listener: (evt: Event) => void): void {\r\n this._rootElement.removeEventListener(type, listener);\r\n }\r\n\r\n public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n this._buttonElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n this._buttonElement.removeEventListener(type, listener);\r\n }\r\n\r\n public initializeRipple(): ForgeRipple {\r\n const adapter: ForgeRippleAdapter = {\r\n ...ForgeRipple.createAdapter(this),\r\n registerInteractionHandler: (evtType, handler) => {\r\n if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n this._buttonElement.addEventListener(evtType, handler, { passive: true });\r\n } else {\r\n this._rootElement.addEventListener(evtType, handler, { passive: true });\r\n }\r\n },\r\n deregisterInteractionHandler: (evtType, handler) => {\r\n if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n } else {\r\n this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n }\r\n },\r\n isSurfaceActive: () => this._buttonElement.matches(':active'),\r\n isUnbounded: () => Boolean(this.unbounded),\r\n isSurfaceDisabled: () => this._buttonElement.disabled,\r\n addClass: className => addClass(className, this._rootElement),\r\n removeClass: className => removeClass(className, this._rootElement),\r\n updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\r\n };\r\n this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\r\n return this._rippleInstance;\r\n }\r\n\r\n public clearTypeClass(): void {\r\n removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n }\r\n\r\n public addRootClass(className: string): void {\r\n this._rootElement.classList.add(className);\r\n }\r\n\r\n public removeRootClass(name: string): void {\r\n this._rootElement.classList.remove(name);\r\n }\r\n\r\n public setCheckmarkVisibility(isVisible: boolean): void {\r\n if (isVisible) {\r\n if (!this._checkmarkElement) {\r\n this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n }\r\n this._rootElement.insertBefore(this._checkmarkElement, this._rootElement.firstChild);\r\n } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n removeElement(this._checkmarkElement);\r\n }\r\n }\r\n\r\n public setSelected(value: boolean): void {\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n }\r\n\r\n public setDisabled(value: boolean): void {\r\n this._buttonElement.disabled = value;\r\n this._buttonElement.tabIndex = value ? -1 : 0;\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DISABLED);\r\n }\r\n\r\n public setDense(value: boolean): void {\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n }\r\n\r\n public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n if (isVisible) {\r\n if (!this._deleteButton) {\r\n this._deleteButton = this._createDeleteButton(listener);\r\n }\r\n if (!this._deleteButtonTouchTarget) {\r\n this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n }\r\n this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n this._rootElement.appendChild(this._deleteButton);\r\n } else {\r\n if (this._deleteButtonTouchTarget) {\r\n removeElement(this._deleteButtonTouchTarget);\r\n }\r\n if (this._deleteButton) {\r\n removeElement(this._deleteButton);\r\n }\r\n }\r\n }\r\n\r\n public setLeadingSlotVisibility(isVisible: boolean): void {\r\n toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n }\r\n\r\n public getChipSetState(): IChipState | null {\r\n let state: IChipState | null = null;\r\n const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n if (chipSet) {\r\n state = {\r\n type: chipSet.type,\r\n disabled: chipSet.disabled,\r\n dense: chipSet.dense\r\n };\r\n }\r\n return state;\r\n }\r\n\r\n private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n const el = document.createElement(ICON_CONSTANTS.elementName);\r\n el.id = 'remove-button';\r\n el.name = 'cancel';\r\n el.tabIndex = -1;\r\n el.setAttribute('aria-hidden', 'false');\r\n el.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n el.setAttribute('role', 'button');\r\n el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON);\r\n el.addEventListener('keydown', listener);\r\n return el;\r\n }\r\n\r\n private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n const el = document.createElement('div');\r\n el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n el.addEventListener('keydown', listener);\r\n el.addEventListener('click', listener);\r\n return el;\r\n }\r\n\r\n public setFocus(): void {\r\n this._buttonElement.focus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n if (this._deleteButton) {\r\n this._deleteButton.focus();\r\n } else {\r\n this.setFocus();\r\n }\r\n }\r\n\r\n public setEmulatedFocus(value: boolean): void {\r\n this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n }\r\n\r\n public tryMoveFocusNext(): void {\r\n const activeElement = getActiveElement();\r\n if (activeElement === this._buttonElement) {\r\n if (this._deleteButton) {\r\n this._deleteButton.focus();\r\n } else {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n }\r\n } else if (activeElement === this._deleteButton) {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n }\r\n }\r\n\r\n public tryMoveFocusPrevious(): void {\r\n const activeElement = getActiveElement();\r\n if (activeElement === this._deleteButton) {\r\n this._buttonElement.focus();\r\n } else if (activeElement === this._buttonElement) {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_PREVIOUS);\r\n }\r\n }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n type: ChipType;\r\n selected: boolean;\r\n disabled: boolean;\r\n invalid: boolean;\r\n value: any;\r\n dense: boolean;\r\n emulateFocus: boolean;\r\n setFocus(): void;\r\n tryFocusDelete(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n private _selected = false;\r\n private _disabled = false;\r\n private _invalid = false;\r\n private _value: any = null;\r\n private _dense = false;\r\n private _emulateFocus = false;\r\n private _isInitialized = false;\r\n private _rippleInstance: ForgeRipple | undefined;\r\n private _clickListener: (evt: MouseEvent) => void;\r\n private _keydownListener: (evt: KeyboardEvent) => void;\r\n private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n private _buttonFocusListener: (evt: FocusEvent) => void;\r\n private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n constructor(private _adapter: IChipAdapter) {\r\n this._clickListener = evt => this._onClick(evt);\r\n this._keydownListener = evt => this._onKeydown(evt);\r\n this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n }\r\n\r\n public initialize(): void {\r\n this._rippleInstance = this._adapter.initializeRipple();\r\n this._adapter.addRootListener('click', this._clickListener);\r\n this._adapter.addRootListener('keydown', this._keydownListener);\r\n this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n this._applyState();\r\n this._isInitialized = true;\r\n }\r\n\r\n public disconnect(): void {\r\n this._destroyRipple();\r\n this._adapter.removeRootListener('click', this._clickListener);\r\n this._adapter.removeRootListener('keydown', this._keydownListener);\r\n this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n this._isInitialized = false;\r\n }\r\n\r\n private _destroyRipple(): void {\r\n if (this._rippleInstance) {\r\n this._rippleInstance.destroy();\r\n this._rippleInstance = undefined;\r\n }\r\n }\r\n\r\n private _applyState(): void {\r\n // Attempt to inherit state from the parent chip-set component\r\n // Note: this should only inherit properties that need to be the same across the chips within a set\r\n const chipSetState = this._adapter.getChipSetState();\r\n if (chipSetState) {\r\n this._type = chipSetState.type;\r\n this._disabled = chipSetState.disabled;\r\n this._dense = chipSetState.dense;\r\n }\r\n\r\n // Ensure that only non-action chips can be selected\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n }\r\n\r\n this._applyDisabled();\r\n this._applyType();\r\n this._applySelected();\r\n this._applyDense();\r\n this._applyEmulateFocus();\r\n }\r\n\r\n private _onClick(evt: MouseEvent): void {\r\n const target = evt.target as HTMLElement;\r\n const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n if (isDeleteButton) {\r\n this._handleDeleteInteraction(evt);\r\n } else {\r\n this._handleSelectInteraction();\r\n }\r\n }\r\n\r\n private _onKeydown(evt: KeyboardEvent): void {\r\n switch (evt.key) {\r\n case 'Delete':\r\n case 'Backspace':\r\n if (this._type === 'input') {\r\n evt.preventDefault();\r\n this._emitDeleteEvent();\r\n }\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n evt.preventDefault();\r\n this._rippleInstance?.animate();\r\n this._handleSelectInteraction();\r\n break;\r\n case 'ArrowLeft':\r\n evt.preventDefault();\r\n this._adapter.tryMoveFocusPrevious();\r\n break;\r\n case 'ArrowRight':\r\n evt.preventDefault();\r\n this._adapter.tryMoveFocusNext();\r\n break;\r\n }\r\n }\r\n\r\n private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n if (evt.key === 'Enter') {\r\n this._handleDeleteInteraction(evt);\r\n }\r\n }\r\n\r\n private _onButtonFocus(evt: FocusEvent): void {\r\n this._adapter.setHostAttribute('focused');\r\n }\r\n\r\n private _onButtonBlur(evt: FocusEvent): void {\r\n this._adapter.removeHostAttribute('focused');\r\n }\r\n\r\n private _handleDeleteInteraction(evt: Event): void {\r\n // The delete event can only be fired when the `input` or `field` type is used\r\n const target = evt.target as HTMLElement;\r\n const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n if (isDeleteButton) {\r\n evt.stopPropagation();\r\n this._emitDeleteEvent();\r\n }\r\n }\r\n\r\n private _handleSelectInteraction(): void {\r\n const wasDefaultPrevented = this._emitSelectEvent();\r\n const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n\r\n // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n if (!wasDefaultPrevented && isSelectableType) {\r\n this._selected = !this._selected;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n private _emitSelectEvent(): boolean {\r\n const selectEventData: IChipSelectEventData = {\r\n selected: !this._selected,\r\n value: this._value\r\n };\r\n return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n }\r\n\r\n private _emitDeleteEvent(): void {\r\n const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n }\r\n\r\n private _applyType(): void {\r\n this._adapter.clearTypeClass();\r\n\r\n switch (this._type) {\r\n case 'action':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n break;\r\n case 'choice':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n break;\r\n case 'filter':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n break;\r\n case 'input':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n break;\r\n case 'field':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n break;\r\n }\r\n\r\n this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n this._adapter.setLeadingSlotVisibility(!this._selected);\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n }\r\n\r\n private _applySelected(): void {\r\n this._adapter.setSelected(this._selected);\r\n\r\n // If using the filter type, we need to hide the leading slot to ensure that\r\n // the checkmark shows in place of any leading elements\r\n if (this._type === 'filter') {\r\n this._adapter.setLeadingSlotVisibility(!this._selected);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n }\r\n\r\n private _applyDisabled(): void {\r\n this._adapter.setDisabled(this._disabled);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n\r\n private _applyDense(): void {\r\n this._adapter.setDense(this._dense);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n\r\n private _applyEmulateFocus(): void {\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n this._adapter.setEmulatedFocus(this._emulateFocus);\r\n }\r\n\r\n public get type(): ChipType {\r\n return this._type;\r\n }\r\n public set type(value: ChipType) {\r\n if (this._type !== value) {\r\n this._type = value;\r\n if (this._isInitialized) {\r\n const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n if (!isValidType) {\r\n this._type = 'action';\r\n }\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n this._applySelected();\r\n }\r\n this._applyType();\r\n }\r\n }\r\n }\r\n\r\n public get selected(): boolean {\r\n return this._selected;\r\n }\r\n public set selected(value: boolean) {\r\n if (this._selected !== value) {\r\n this._selected = value;\r\n if (this._isInitialized) {\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n }\r\n this._applySelected();\r\n }\r\n }\r\n }\r\n\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n if (this._disabled !== value) {\r\n this._disabled = value;\r\n if (this._isInitialized) {\r\n this._applyDisabled();\r\n }\r\n }\r\n }\r\n\r\n public get invalid(): boolean {\r\n return this._invalid;\r\n }\r\n public set invalid(val: boolean) {\r\n if (this._invalid === val) {\r\n return;\r\n }\r\n \r\n this._invalid = val;\r\n if (val) {\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n } else {\r\n this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n }\r\n }\r\n\r\n public get value(): any {\r\n return this._value;\r\n }\r\n public set value(value: any) {\r\n this._value = value;\r\n }\r\n\r\n public get dense(): boolean {\r\n return this._dense;\r\n }\r\n public set dense(value: boolean) {\r\n if (this._dense !== value) {\r\n this._dense = value;\r\n if (this._isInitialized) {\r\n this._applyDense();\r\n }\r\n }\r\n }\r\n\r\n public get emulateFocus(): boolean {\r\n return this._emulateFocus;\r\n }\r\n public set emulateFocus(value: boolean) {\r\n if (this._emulateFocus !== value) {\r\n this._emulateFocus = value;\r\n if (this._isInitialized) {\r\n this._applyEmulateFocus();\r\n }\r\n }\r\n }\r\n\r\n public setFocus(): void {\r\n this._adapter.setFocus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n if (this._type === 'input') {\r\n this._adapter.tryFocusDelete();\r\n return;\r\n }\r\n this.setFocus();\r\n }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip\\\" part=\\\"root button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div role=\\\"button\\\" tabindex=\\\"0\\\" class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></div></template>';\r\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip.forge-chip--disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:default;pointer-events:none}.forge-chip.forge-chip--disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip__content:focus{outline:0}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus{outline:currentColor solid 2px}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled,.forge-chip--filter.forge-chip--selected.forge-chip--disabled,.forge-chip--input.forge-chip--selected.forge-chip--disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected.forge-chip--disabled::after,.forge-chip--choice.forge-chip--selected.forge-chip--disabled::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(.forge-chip--disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled)::after,.forge-chip--invalid:not(.forge-chip--disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(.forge-chip--disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(.forge-chip--disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n type: ChipType;\r\n selected: boolean;\r\n disabled: boolean;\r\n invalid: boolean;\r\n value: any;\r\n dense: boolean;\r\n emulateFocus: boolean;\r\n tryFocusDelete(): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-chip': IChipComponent;\r\n }\r\n\r\n interface HTMLElementEventMap {\r\n 'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n 'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n name: CHIP_CONSTANTS.elementName,\r\n dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n public static get observedAttributes(): string[] {\r\n return [\r\n CHIP_CONSTANTS.attributes.TYPE,\r\n CHIP_CONSTANTS.attributes.SELECTED,\r\n CHIP_CONSTANTS.attributes.DISABLED,\r\n CHIP_CONSTANTS.attributes.VALUE,\r\n CHIP_CONSTANTS.attributes.DENSE,\r\n CHIP_CONSTANTS.attributes.INVALID,\r\n CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n ];\r\n }\r\n\r\n private _foundation: ChipFoundation;\r\n\r\n constructor() {\r\n super();\r\n IconRegistry.define(tylIconCancel);\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n }\r\n\r\n public connectedCallback(): void {\r\n this._foundation.initialize();\r\n }\r\n\r\n public disconnectedCallback(): void {\r\n this._foundation.disconnect();\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n switch (name) {\r\n case CHIP_CONSTANTS.attributes.TYPE:\r\n this.type = newValue as ChipType;\r\n break;\r\n case CHIP_CONSTANTS.attributes.SELECTED:\r\n this.selected = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DISABLED:\r\n this.disabled = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.INVALID:\r\n this.invalid = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.VALUE:\r\n this.value = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.DENSE:\r\n this.dense = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n this.emulateFocus = coerceBoolean(newValue);\r\n }\r\n }\r\n\r\n /** Gets/sets the chip type. */\r\n @FoundationProperty()\r\n public declare type: ChipType;\r\n\r\n /** Gets/sets the selected state of the chip. */\r\n @FoundationProperty()\r\n public declare selected: boolean;\r\n\r\n /** Gets/sets the disabled state of the chip. */\r\n @FoundationProperty()\r\n public declare disabled: boolean;\r\n\r\n /** Gets/sets the invalid state of the chip. */\r\n @FoundationProperty()\r\n public declare invalid: boolean;\r\n\r\n /** Gets/sets the chip value. */\r\n @FoundationProperty()\r\n public declare value: any;\r\n\r\n /** Gets/sets the dense state of the chip. */\r\n @FoundationProperty()\r\n public declare dense: boolean;\r\n\r\n @FoundationProperty()\r\n public declare emulateFocus: boolean;\r\n\r\n public override focus(): void {\r\n this._foundation.setFocus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n this._foundation.tryFocusDelete();\r\n }\r\n}\r\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n VERTICAL: 'vertical',\r\n TYPE: 'type',\r\n DENSE: 'dense',\r\n DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n ROOT: 'forge-chip-set',\r\n VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n TYPE: 'type',\r\n SELECTED: 'selected',\r\n VALUE: 'value',\r\n DISABLED: 'disabled',\r\n INVALID: 'invalid',\r\n DENSE: 'dense',\r\n EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n ACTION: 'forge-chip--action',\r\n CHOICE: 'forge-chip--choice',\r\n FILTER: 'forge-chip--filter',\r\n INPUT: 'forge-chip--input',\r\n FIELD: 'forge-chip--field',\r\n INVALID: 'forge-chip--invalid',\r\n SELECTED: 'forge-chip--selected',\r\n DELETE_BUTTON: 'forge-chip__delete-button',\r\n DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n DENSE: 'forge-chip--dense',\r\n DISABLED: 'forge-chip--disabled',\r\n LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip',\r\n BUTTON: '[role=button]'\r\n};\r\n\r\nconst events = {\r\n DELETE: `${elementName}-delete`,\r\n SELECT: `${elementName}-select`,\r\n FOCUS_NEXT: `${elementName}-focus-next`,\r\n FOCUS_PREVIOUS: `${elementName}-focus-previous`\r\n};\r\n\r\nconst defaults = {\r\n TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors,\r\n events,\r\n defaults\r\n};\r\n\r\nexport declare type ChipType = 'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n value: T;\r\n selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n type: ChipType;\r\n disabled: boolean;\r\n dense: boolean;\r\n}\r\n", "import { addClass, elementFromHTML, getActiveElement, getShadowElement, removeClass, removeElement, toggleClass, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { ICON_CONSTANTS } from '../../icon';\r\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n addRootListener(type: string, listener: (evt: Event) => void): void;\r\n removeRootListener(type: string, listener: (evt: Event) => void): void;\r\n addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n initializeRipple(): ForgeRipple;\r\n clearTypeClass(): void;\r\n addRootClass(className: string): void;\r\n removeRootClass(name: string): void;\r\n setCheckmarkVisibility(isVisible: boolean): void;\r\n setSelected(value: boolean): void;\r\n setDisabled(value: boolean): void;\r\n setDense(value: boolean): void;\r\n setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n setLeadingSlotVisibility(isVisible: boolean): void;\r\n getChipSetState(): IChipState | null;\r\n setFocus(): void;\r\n tryFocusDelete(): void;\r\n setEmulatedFocus(value: boolean): void;\r\n tryMoveFocusPrevious(): void;\r\n tryMoveFocusNext(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter, ForgeRippleCapableSurface {\r\n private _rootElement: HTMLElement;\r\n private _rippleInstance: ForgeRipple;\r\n private _buttonElement: HTMLButtonElement;\r\n private _deleteButton: HTMLElement;\r\n private _deleteButtonTouchTarget: HTMLDivElement;\r\n private _leadingSlotElement: HTMLSlotElement;\r\n private _checkmarkElement: HTMLElement;\r\n\r\n constructor(component: IChipComponent) {\r\n super(component);\r\n this._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\r\n this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n this._rootElement.addEventListener('click', evt => {\r\n if (evt.target === this._deleteButton) {\r\n return;\r\n }\r\n this._buttonElement.focus();\r\n }, { capture: true });\r\n }\r\n\r\n // ForgeRippleCapableSurface\r\n public get root(): Element {\r\n return this._rootElement;\r\n }\r\n public get unbounded(): boolean | undefined {\r\n return false;\r\n }\r\n public get disabled(): boolean | undefined {\r\n return this._buttonElement?.disabled;\r\n }\r\n\r\n public addRootListener(type: string, listener: (evt: Event) => void): void {\r\n this._rootElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeRootListener(type: string, listener: (evt: Event) => void): void {\r\n this._rootElement.removeEventListener(type, listener);\r\n }\r\n\r\n public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n this._buttonElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n this._buttonElement.removeEventListener(type, listener);\r\n }\r\n\r\n public initializeRipple(): ForgeRipple {\r\n const adapter: ForgeRippleAdapter = {\r\n ...ForgeRipple.createAdapter(this),\r\n registerInteractionHandler: (evtType, handler) => {\r\n if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n this._buttonElement.addEventListener(evtType, handler, { passive: true });\r\n } else {\r\n this._rootElement.addEventListener(evtType, handler, { passive: true });\r\n }\r\n },\r\n deregisterInteractionHandler: (evtType, handler) => {\r\n if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n } else {\r\n this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n }\r\n },\r\n isSurfaceActive: () => this._buttonElement.matches(':active'),\r\n isUnbounded: () => Boolean(this.unbounded),\r\n isSurfaceDisabled: () => this._buttonElement.disabled,\r\n addClass: className => addClass(className, this._rootElement),\r\n removeClass: className => removeClass(className, this._rootElement),\r\n updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\r\n };\r\n this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\r\n return this._rippleInstance;\r\n }\r\n\r\n public clearTypeClass(): void {\r\n removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n }\r\n\r\n public addRootClass(className: string): void {\r\n this._rootElement.classList.add(className);\r\n }\r\n\r\n public removeRootClass(name: string): void {\r\n this._rootElement.classList.remove(name);\r\n }\r\n\r\n public setCheckmarkVisibility(isVisible: boolean): void {\r\n if (isVisible) {\r\n if (!this._checkmarkElement) {\r\n this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n }\r\n this._rootElement.insertBefore(this._checkmarkElement, this._rootElement.firstChild);\r\n } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n removeElement(this._checkmarkElement);\r\n }\r\n }\r\n\r\n public setSelected(value: boolean): void {\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n }\r\n\r\n public setDisabled(value: boolean): void {\r\n this._buttonElement.disabled = value;\r\n this._buttonElement.tabIndex = value ? -1 : 0;\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DISABLED);\r\n }\r\n\r\n public setDense(value: boolean): void {\r\n toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n }\r\n\r\n public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n if (isVisible) {\r\n if (!this._deleteButton) {\r\n this._deleteButton = this._createDeleteButton(listener);\r\n }\r\n if (!this._deleteButtonTouchTarget) {\r\n this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n }\r\n this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n this._rootElement.appendChild(this._deleteButton);\r\n } else {\r\n if (this._deleteButtonTouchTarget) {\r\n removeElement(this._deleteButtonTouchTarget);\r\n }\r\n if (this._deleteButton) {\r\n removeElement(this._deleteButton);\r\n }\r\n }\r\n }\r\n\r\n public setLeadingSlotVisibility(isVisible: boolean): void {\r\n toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n }\r\n\r\n public getChipSetState(): IChipState | null {\r\n let state: IChipState | null = null;\r\n const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n if (chipSet) {\r\n state = {\r\n type: chipSet.type,\r\n disabled: chipSet.disabled,\r\n dense: chipSet.dense\r\n };\r\n }\r\n return state;\r\n }\r\n\r\n private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n const el = document.createElement(ICON_CONSTANTS.elementName);\r\n el.id = 'remove-button';\r\n el.name = 'cancel';\r\n el.tabIndex = -1;\r\n el.setAttribute('aria-hidden', 'false');\r\n el.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n el.setAttribute('role', 'button');\r\n el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON);\r\n el.addEventListener('keydown', listener);\r\n return el;\r\n }\r\n\r\n private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n const el = document.createElement('div');\r\n el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n el.addEventListener('keydown', listener);\r\n el.addEventListener('click', listener);\r\n return el;\r\n }\r\n\r\n public setFocus(): void {\r\n this._buttonElement.focus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n if (this._deleteButton) {\r\n this._deleteButton.focus();\r\n } else {\r\n this.setFocus();\r\n }\r\n }\r\n\r\n public setEmulatedFocus(value: boolean): void {\r\n this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n }\r\n\r\n public tryMoveFocusNext(): void {\r\n const activeElement = getActiveElement();\r\n if (activeElement === this._buttonElement) {\r\n if (this._deleteButton) {\r\n this._deleteButton.focus();\r\n } else {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n }\r\n } else if (activeElement === this._deleteButton) {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n }\r\n }\r\n\r\n public tryMoveFocusPrevious(): void {\r\n const activeElement = getActiveElement();\r\n if (activeElement === this._deleteButton) {\r\n this._buttonElement.focus();\r\n } else if (activeElement === this._buttonElement) {\r\n this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_PREVIOUS);\r\n }\r\n }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n type: ChipType;\r\n selected: boolean;\r\n disabled: boolean;\r\n invalid: boolean;\r\n value: any;\r\n dense: boolean;\r\n emulateFocus: boolean;\r\n setFocus(): void;\r\n tryFocusDelete(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n private _selected = false;\r\n private _disabled = false;\r\n private _invalid = false;\r\n private _value: any = null;\r\n private _dense = false;\r\n private _emulateFocus = false;\r\n private _isInitialized = false;\r\n private _rippleInstance: ForgeRipple | undefined;\r\n private _clickListener: (evt: MouseEvent) => void;\r\n private _keydownListener: (evt: KeyboardEvent) => void;\r\n private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n private _buttonFocusListener: (evt: FocusEvent) => void;\r\n private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n constructor(private _adapter: IChipAdapter) {\r\n this._clickListener = evt => this._onClick(evt);\r\n this._keydownListener = evt => this._onKeydown(evt);\r\n this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n }\r\n\r\n public initialize(): void {\r\n this._rippleInstance = this._adapter.initializeRipple();\r\n this._adapter.addRootListener('click', this._clickListener);\r\n this._adapter.addRootListener('keydown', this._keydownListener);\r\n this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n this._applyState();\r\n this._isInitialized = true;\r\n }\r\n\r\n public disconnect(): void {\r\n this._destroyRipple();\r\n this._adapter.removeRootListener('click', this._clickListener);\r\n this._adapter.removeRootListener('keydown', this._keydownListener);\r\n this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n this._isInitialized = false;\r\n }\r\n\r\n private _destroyRipple(): void {\r\n if (this._rippleInstance) {\r\n this._rippleInstance.destroy();\r\n this._rippleInstance = undefined;\r\n }\r\n }\r\n\r\n private _applyState(): void {\r\n // Attempt to inherit state from the parent chip-set component\r\n // Note: this should only inherit properties that need to be the same across the chips within a set\r\n const chipSetState = this._adapter.getChipSetState();\r\n if (chipSetState) {\r\n this._type = chipSetState.type;\r\n this._disabled = chipSetState.disabled;\r\n this._dense = chipSetState.dense;\r\n }\r\n\r\n // Ensure that only non-action chips can be selected\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n }\r\n\r\n this._applyDisabled();\r\n this._applyType();\r\n this._applySelected();\r\n this._applyDense();\r\n this._applyEmulateFocus();\r\n }\r\n\r\n private _onClick(evt: MouseEvent): void {\r\n const target = evt.target as HTMLElement;\r\n const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n if (isDeleteButton) {\r\n this._handleDeleteInteraction(evt);\r\n } else {\r\n this._handleSelectInteraction();\r\n }\r\n }\r\n\r\n private _onKeydown(evt: KeyboardEvent): void {\r\n switch (evt.key) {\r\n case 'Delete':\r\n case 'Backspace':\r\n if (this._type === 'input') {\r\n evt.preventDefault();\r\n this._emitDeleteEvent();\r\n }\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n evt.preventDefault();\r\n this._rippleInstance?.animate();\r\n this._handleSelectInteraction();\r\n break;\r\n case 'ArrowLeft':\r\n evt.preventDefault();\r\n this._adapter.tryMoveFocusPrevious();\r\n break;\r\n case 'ArrowRight':\r\n evt.preventDefault();\r\n this._adapter.tryMoveFocusNext();\r\n break;\r\n }\r\n }\r\n\r\n private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n if (evt.key === 'Enter') {\r\n this._handleDeleteInteraction(evt);\r\n }\r\n }\r\n\r\n private _onButtonFocus(evt: FocusEvent): void {\r\n this._adapter.setHostAttribute('focused');\r\n }\r\n\r\n private _onButtonBlur(evt: FocusEvent): void {\r\n this._adapter.removeHostAttribute('focused');\r\n }\r\n\r\n private _handleDeleteInteraction(evt: Event): void {\r\n // The delete event can only be fired when the `input` or `field` type is used\r\n const target = evt.target as HTMLElement;\r\n const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n if (isDeleteButton) {\r\n evt.stopPropagation();\r\n this._emitDeleteEvent();\r\n }\r\n }\r\n\r\n private _handleSelectInteraction(): void {\r\n const wasDefaultPrevented = this._emitSelectEvent();\r\n const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n\r\n // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n if (!wasDefaultPrevented && isSelectableType) {\r\n this._selected = !this._selected;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n private _emitSelectEvent(): boolean {\r\n const selectEventData: IChipSelectEventData = {\r\n selected: !this._selected,\r\n value: this._value\r\n };\r\n return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n }\r\n\r\n private _emitDeleteEvent(): void {\r\n const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n }\r\n\r\n private _applyType(): void {\r\n this._adapter.clearTypeClass();\r\n\r\n switch (this._type) {\r\n case 'action':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n break;\r\n case 'choice':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n break;\r\n case 'filter':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n break;\r\n case 'input':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n break;\r\n case 'field':\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n break;\r\n }\r\n\r\n this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n this._adapter.setLeadingSlotVisibility(!this._selected);\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n }\r\n\r\n private _applySelected(): void {\r\n this._adapter.setSelected(this._selected);\r\n\r\n // If using the filter type, we need to hide the leading slot to ensure that\r\n // the checkmark shows in place of any leading elements\r\n if (this._type === 'filter') {\r\n this._adapter.setLeadingSlotVisibility(!this._selected);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n }\r\n\r\n private _applyDisabled(): void {\r\n this._adapter.setDisabled(this._disabled);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n\r\n private _applyDense(): void {\r\n this._adapter.setDense(this._dense);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n\r\n private _applyEmulateFocus(): void {\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n this._adapter.setEmulatedFocus(this._emulateFocus);\r\n }\r\n\r\n public get type(): ChipType {\r\n return this._type;\r\n }\r\n public set type(value: ChipType) {\r\n if (this._type !== value) {\r\n this._type = value;\r\n if (this._isInitialized) {\r\n const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n if (!isValidType) {\r\n this._type = 'action';\r\n }\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n this._applySelected();\r\n }\r\n this._applyType();\r\n }\r\n }\r\n }\r\n\r\n public get selected(): boolean {\r\n return this._selected;\r\n }\r\n public set selected(value: boolean) {\r\n if (this._selected !== value) {\r\n this._selected = value;\r\n if (this._isInitialized) {\r\n if (this._type === 'action') {\r\n this._selected = false;\r\n }\r\n this._applySelected();\r\n }\r\n }\r\n }\r\n\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n if (this._disabled !== value) {\r\n this._disabled = value;\r\n if (this._isInitialized) {\r\n this._applyDisabled();\r\n }\r\n }\r\n }\r\n\r\n public get invalid(): boolean {\r\n return this._invalid;\r\n }\r\n public set invalid(val: boolean) {\r\n if (this._invalid === val) {\r\n return;\r\n }\r\n \r\n this._invalid = val;\r\n if (val) {\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n } else {\r\n this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n }\r\n }\r\n\r\n public get value(): any {\r\n return this._value;\r\n }\r\n public set value(value: any) {\r\n this._value = value;\r\n }\r\n\r\n public get dense(): boolean {\r\n return this._dense;\r\n }\r\n public set dense(value: boolean) {\r\n if (this._dense !== value) {\r\n this._dense = value;\r\n if (this._isInitialized) {\r\n this._applyDense();\r\n }\r\n }\r\n }\r\n\r\n public get emulateFocus(): boolean {\r\n return this._emulateFocus;\r\n }\r\n public set emulateFocus(value: boolean) {\r\n if (this._emulateFocus !== value) {\r\n this._emulateFocus = value;\r\n if (this._isInitialized) {\r\n this._applyEmulateFocus();\r\n }\r\n }\r\n }\r\n\r\n public setFocus(): void {\r\n this._adapter.setFocus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n if (this._type === 'input') {\r\n this._adapter.tryFocusDelete();\r\n return;\r\n }\r\n this.setFocus();\r\n }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip\\\" part=\\\"root button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div role=\\\"button\\\" tabindex=\\\"0\\\" class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></div></template>';\r\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#6200ee))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#6200ee))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip.forge-chip--disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:default;pointer-events:none}.forge-chip.forge-chip--disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip__content:focus{outline:0}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#fff;stroke:var(--mdc-theme-on-primary,#fff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus{outline:currentColor solid 2px}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled,.forge-chip--filter.forge-chip--selected.forge-chip--disabled,.forge-chip--input.forge-chip--selected.forge-chip--disabled{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff);opacity:.37}.forge-chip--choice.forge-chip--selected.forge-chip--disabled::after,.forge-chip--choice.forge-chip--selected.forge-chip--disabled::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(.forge-chip--disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled)::after,.forge-chip--invalid:not(.forge-chip--disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(.forge-chip--disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(.forge-chip--disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n type: ChipType;\r\n selected: boolean;\r\n disabled: boolean;\r\n invalid: boolean;\r\n value: any;\r\n dense: boolean;\r\n emulateFocus: boolean;\r\n tryFocusDelete(): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-chip': IChipComponent;\r\n }\r\n\r\n interface HTMLElementEventMap {\r\n 'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n 'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n name: CHIP_CONSTANTS.elementName,\r\n dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n public static get observedAttributes(): string[] {\r\n return [\r\n CHIP_CONSTANTS.attributes.TYPE,\r\n CHIP_CONSTANTS.attributes.SELECTED,\r\n CHIP_CONSTANTS.attributes.DISABLED,\r\n CHIP_CONSTANTS.attributes.VALUE,\r\n CHIP_CONSTANTS.attributes.DENSE,\r\n CHIP_CONSTANTS.attributes.INVALID,\r\n CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n ];\r\n }\r\n\r\n private _foundation: ChipFoundation;\r\n\r\n constructor() {\r\n super();\r\n IconRegistry.define(tylIconCancel);\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n }\r\n\r\n public connectedCallback(): void {\r\n this._foundation.initialize();\r\n }\r\n\r\n public disconnectedCallback(): void {\r\n this._foundation.disconnect();\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n switch (name) {\r\n case CHIP_CONSTANTS.attributes.TYPE:\r\n this.type = newValue as ChipType;\r\n break;\r\n case CHIP_CONSTANTS.attributes.SELECTED:\r\n this.selected = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DISABLED:\r\n this.disabled = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.INVALID:\r\n this.invalid = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.VALUE:\r\n this.value = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.DENSE:\r\n this.dense = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n this.emulateFocus = coerceBoolean(newValue);\r\n }\r\n }\r\n\r\n /** Gets/sets the chip type. */\r\n @FoundationProperty()\r\n public declare type: ChipType;\r\n\r\n /** Gets/sets the selected state of the chip. */\r\n @FoundationProperty()\r\n public declare selected: boolean;\r\n\r\n /** Gets/sets the disabled state of the chip. */\r\n @FoundationProperty()\r\n public declare disabled: boolean;\r\n\r\n /** Gets/sets the invalid state of the chip. */\r\n @FoundationProperty()\r\n public declare invalid: boolean;\r\n\r\n /** Gets/sets the chip value. */\r\n @FoundationProperty()\r\n public declare value: any;\r\n\r\n /** Gets/sets the dense state of the chip. */\r\n @FoundationProperty()\r\n public declare dense: boolean;\r\n\r\n @FoundationProperty()\r\n public declare emulateFocus: boolean;\r\n\r\n public override focus(): void {\r\n this._foundation.setFocus();\r\n }\r\n\r\n public tryFocusDelete(): void {\r\n this._foundation.tryFocusDelete();\r\n }\r\n}\r\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CHIP_SET_CONSTANTS", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "events", "defaults", "CHIP_CONSTANTS", "checkmarkTemplate", "ChipAdapter", "BaseAdapter", "component", "getShadowElement", "CHIP_CONSTANTS", "evt", "_a", "type", "listener", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "addClass", "removeClass", "varName", "value", "ForgeRippleFoundation", "name", "isVisible", "elementFromHTML", "removeElement", "toggleClass", "state", "chipSet", "walkUpUntil", "node", "CHIP_SET_CONSTANTS", "el", "ICON_CONSTANTS", "activeElement", "getActiveElement", "ChipFoundation", "_adapter", "CHIP_CONSTANTS", "evt", "chipSetState", "target", "_a", "wasDefaultPrevented", "isSelectableType", "selectEventData", "deleteEventData", "showDeleteButton", "value", "val", "template", "styles", "ChipComponent", "BaseComponent", "IconRegistry", "tylIconCancel", "attachShadowTemplate", "ChipFoundation", "ChipAdapter", "CHIP_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent"]
|
|
7
7
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{b as E}from"./chunk.
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{b as E}from"./chunk.SZIM4KFZ.js";import{a as u}from"./chunk.RFLASSCI.js";import{a as p,b as d}from"./chunk.DTZFWZPB.js";import{a as c,k as m}from"./chunk.NK7H3MMM.js";import{l as a,t as r}from"./chunk.CFDK4RCW.js";import{k as s}from"./chunk.J2M2MXP2.js";import{d as l}from"./chunk.M3QDAYD2.js";var f=`${d}fab`,g={BUTTON:"button, a",ICON:"i,forge-icon,img,svg",LABEL:"span"},I={BUTTON:"forge-fab",BUTTON_EXTENDED:"forge-fab--extended",ICON:"forge-fab__icon",LABEL:"forge-fab__label",BUTTON_MINI:"forge-fab--mini",EXITED:"forge-fab--exited",RIPPLE:"forge-fab__ripple"},T={EXTENDED:"extended",MINI:"mini",EXITED:"exited"},e={elementName:f,selectors:g,classes:I,attributes:T};var o=class extends m{constructor(){super();this._isExtended=!1;this._isMini=!1;this._isExited=!1}static get observedAttributes(){return[e.attributes.EXITED,e.attributes.MINI,e.attributes.EXTENDED]}connectedCallback(){this.children.length?this._initialize():a(this).then(()=>this._initialize())}disconnectedCallback(){this._rippleInstance&&this._rippleInstance.destroy()}attributeChangedCallback(t,n,i){switch(t){case e.attributes.EXITED:this.exited=s(i);break;case e.attributes.MINI:this.mini=s(i);break;case e.attributes.EXTENDED:this.extended=s(i);break}}_initialize(){if(this._buttonElement=this.querySelector(e.selectors.BUTTON),!this._buttonElement)return;this._buttonElement.classList.add(e.classes.BUTTON);let t=this._buttonElement.querySelector(`.${e.classes.RIPPLE}`)||document.createElement("div");t.classList.add(e.classes.RIPPLE),this._buttonElement.insertAdjacentElement("afterbegin",t),this._sync(),this._rippleInstance&&this._rippleInstance.destroy(),this._rippleInstance=new E(this._buttonElement)}_sync(){if(!this._buttonElement)return;r(this._buttonElement,this._isExited,e.classes.EXITED),r(this._buttonElement,this._isMini,e.classes.BUTTON_MINI),r(this._buttonElement,this._isExtended,e.classes.BUTTON_EXTENDED);let t=this.querySelector(e.selectors.LABEL);t&&t.classList.add(e.classes.LABEL);let n=this.querySelector(e.selectors.ICON);n&&(n.classList.add(e.classes.ICON),n.setAttribute("aria-hidden","true"))}set exited(t){this._isExited!==t&&(this._isExited=t,this.setAttribute(e.attributes.EXITED,this._isExited.toString()),this._sync())}get exited(){return this._isExited}set mini(t){this._isMini!==t&&(this._isMini=t,this.setAttribute(e.attributes.MINI,this._isMini.toString()),this._sync())}get mini(){return this._isMini}set extended(t){this._isExtended!==t&&(this._isExtended=t,this.setAttribute(e.attributes.EXTENDED,this._isExtended.toString()),this._sync())}get extended(){return this._isExtended}};o=l([p({name:e.elementName})],o);var b=class extends u{constructor(t){super(t)}destroy(){this._buttonElement=void 0}_build(){var n,i;let t=document.createElement(e.elementName);return this._buttonElement=document.createElement("button"),this._buttonElement.type="button",this._buttonElement.textContent=(i=(n=this._config.options)==null?void 0:n.text)!=null?i:"",t.appendChild(this._buttonElement),t}onClick(t){var n;(n=this._buttonElement)==null||n.addEventListener("click",t)}onFocus(t){var n;(n=this._buttonElement)==null||n.addEventListener("focus",i=>t(i))}onBlur(t){var n;(n=this._buttonElement)==null||n.addEventListener("blur",i=>t(i))}};function k(){c(o)}export{e as a,o as b,b as c,k as d};
|
|
7
|
+
//# sourceMappingURL=chunk.2ZTERGYF.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/floating-action-button/floating-action-button-constants.ts", "../../src/floating-action-button/floating-action-button.ts", "../../src/floating-action-button/floating-action-button-component-delegate.ts", "../../src/floating-action-button/index.ts"],
|
|
4
4
|
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}fab`;\n\nconst selectors = {\n BUTTON: 'button, a',\n ICON: 'i,forge-icon,img,svg',\n LABEL: 'span'\n};\n\nconst classes = {\n BUTTON: 'forge-fab',\n BUTTON_EXTENDED: 'forge-fab--extended',\n ICON: 'forge-fab__icon',\n LABEL: 'forge-fab__label',\n BUTTON_MINI: 'forge-fab--mini',\n EXITED: 'forge-fab--exited',\n RIPPLE: 'forge-fab__ripple'\n};\n\nconst attributes = {\n EXTENDED: 'extended',\n MINI: 'mini',\n EXITED: 'exited'\n};\n\nexport const FLOATING_ACTION_BUTTON_CONSTANTS = {\n elementName,\n selectors,\n classes,\n attributes\n};\n", "import { coerceBoolean, CustomElement, ensureChildren, toggleClass } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ForgeRipple } from '../ripple';\nimport { FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\n\nexport interface IFloatingActionButtonComponent extends IBaseComponent {\n exited: boolean;\n mini: boolean;\n extended: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-fab': IFloatingActionButtonComponent;\n }\n}\n\n/**\n * The custom element class behind the `<forge-fab>` element.\n * \n * @tag forge-fab\n */\n@CustomElement({\n name: FLOATING_ACTION_BUTTON_CONSTANTS.elementName\n})\nexport class FloatingActionButton extends BaseComponent implements IFloatingActionButtonComponent {\n public static get observedAttributes(): string[] {\n return [\n FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXITED,\n FLOATING_ACTION_BUTTON_CONSTANTS.attributes.MINI,\n FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXTENDED\n ];\n }\n\n private _rippleInstance: ForgeRipple;\n private _isExtended = false;\n private _isMini = false;\n private _isExited = false;\n private _buttonElement: HTMLButtonElement;\n\n constructor() {\n super();\n }\n\n public connectedCallback(): void {\n if (this.children.length) {\n this._initialize();\n } else {\n ensureChildren(this).then(() => this._initialize());\n }\n }\n\n public disconnectedCallback(): void {\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXITED:\n this.exited = coerceBoolean(newValue);\n break;\n case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.MINI:\n this.mini = coerceBoolean(newValue);\n break;\n case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXTENDED:\n this.extended = coerceBoolean(newValue);\n break;\n }\n }\n\n private _initialize(): void {\n // Make sure we have a button element\n this._buttonElement = this.querySelector(FLOATING_ACTION_BUTTON_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n if (!this._buttonElement) {\n return;\n }\n\n this._buttonElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.BUTTON);\n\n const rippleElement = this._buttonElement.querySelector(`.${FLOATING_ACTION_BUTTON_CONSTANTS.classes.RIPPLE}`) || document.createElement('div');\n rippleElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.RIPPLE);\n this._buttonElement.insertAdjacentElement('afterbegin', rippleElement);\n this._sync();\n\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n\n this._rippleInstance = new ForgeRipple(this._buttonElement);\n }\n\n private _sync(): void {\n if (!this._buttonElement) {\n return;\n }\n\n toggleClass(this._buttonElement, this._isExited, FLOATING_ACTION_BUTTON_CONSTANTS.classes.EXITED);\n toggleClass(this._buttonElement, this._isMini, FLOATING_ACTION_BUTTON_CONSTANTS.classes.BUTTON_MINI);\n toggleClass(this._buttonElement, this._isExtended, FLOATING_ACTION_BUTTON_CONSTANTS.classes.BUTTON_EXTENDED);\n\n // Check if we need to set the label class\n const labelElement = this.querySelector(FLOATING_ACTION_BUTTON_CONSTANTS.selectors.LABEL);\n if (labelElement) {\n labelElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.LABEL);\n }\n\n // Check if we need to set the icon class\n const iconElement = this.querySelector(FLOATING_ACTION_BUTTON_CONSTANTS.selectors.ICON);\n if (iconElement) {\n iconElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.ICON);\n iconElement.setAttribute('aria-hidden', 'true');\n }\n }\n\n /** Gets/sets the exited state. */\n public set exited(value: boolean) {\n if (this._isExited !== value) {\n this._isExited = value;\n this.setAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXITED, this._isExited.toString());\n this._sync();\n }\n }\n public get exited(): boolean {\n return this._isExited;\n }\n \n /** Gets/sets the mini state. */\n public set mini(value: boolean) {\n if (this._isMini !== value) {\n this._isMini = value;\n this.setAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.MINI, this._isMini.toString());\n this._sync();\n }\n }\n public get mini(): boolean {\n return this._isMini;\n }\n \n /** Gets/sets the extended state. */\n public set extended(value: boolean) {\n if (this._isExtended !== value) {\n this._isExtended = value;\n this.setAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.EXTENDED, this._isExtended.toString());\n this._sync();\n }\n }\n public get extended(): boolean {\n return this._isExtended;\n }\n}\n", "import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IFloatingActionButtonComponent } from './floating-action-button';\nimport { FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\n\nexport type FloatingActionButtonComponentDelegateProps = Partial<IFloatingActionButtonComponent>;\nexport interface IFloatingActionButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n text?: string;\n}\nexport interface IFloatingActionButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IFloatingActionButtonComponent, IFloatingActionButtonComponentDelegateOptions> {}\n\nexport class FloatingActionButtonComponentDelegate extends BaseComponentDelegate<IFloatingActionButtonComponent, IFloatingActionButtonComponentDelegateOptions> {\n private _buttonElement?: HTMLButtonElement;\n\n constructor(config?: IFloatingActionButtonComponentDelegateConfig) {\n super(config);\n }\n\n public override destroy(): void {\n this._buttonElement = undefined;\n }\n\n protected _build(): IFloatingActionButtonComponent {\n const component = document.createElement(FLOATING_ACTION_BUTTON_CONSTANTS.elementName);\n\n this._buttonElement = document.createElement('button');\n this._buttonElement.type = 'button';\n this._buttonElement.textContent = this._config.options?.text ?? '';\n component.appendChild(this._buttonElement);\n\n return component;\n }\n\n public onClick(listener: (evt: MouseEvent) => void): void {\n this._buttonElement?.addEventListener('click', listener);\n }\n\n public onFocus(listener: (evt: Event) => void): void {\n this._buttonElement?.addEventListener('focus', evt => listener(evt));\n }\n\n public onBlur(listener: (evt: Event) => void): void {\n this._buttonElement?.addEventListener('blur', evt => listener(evt));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { FloatingActionButton } from './floating-action-button';\n\nexport * from './floating-action-button-constants';\nexport * from './floating-action-button';\nexport * from './floating-action-button-component-delegate';\n\nexport function defineFloatingActionButtonComponent(): void {\n defineCustomElement(FloatingActionButton);\n}\n"],
|
|
5
|
-
"mappings": "6SAEA,IAAMA,EAA2C,GAAGC,OAE9CC,EAAY,CAChB,OAAQ,YACR,KAAM,uBACN,MAAO,MACT,EAEMC,EAAU,CACd,OAAQ,YACR,gBAAiB,sBACjB,KAAM,kBACN,MAAO,mBACP,YAAa,kBACb,OAAQ,oBACR,OAAQ,mBACV,EAEMC,EAAa,CACjB,SAAU,WACV,KAAM,OACN,OAAQ,QACV,EAEaC,EAAmC,CAC9C,YAAAL,EACA,UAAAE,EACA,QAAAC,EACA,WAAAC,CACF,ECNO,IAAME,EAAN,cAAmCC,CAAwD,CAehG,aAAc,CACZ,MAAM,EANR,KAAQ,YAAc,GACtB,KAAQ,QAAU,GAClB,KAAQ,UAAY,EAKpB,CAhBA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAiC,WAAW,OAC5CA,EAAiC,WAAW,KAC5CA,EAAiC,WAAW,QAC9C,CACF,CAYO,mBAA0B,CAC3B,KAAK,SAAS,OAChB,KAAK,YAAY,EAEjBC,EAAe,IAAI,EAAE,KAAK,IAAM,KAAK,YAAY,CAAC,CAEtD,CAEO,sBAA6B,CAC9B,KAAK,iBACP,KAAK,gBAAgB,QAAQ,CAEjC,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "selectors", "classes", "attributes", "FLOATING_ACTION_BUTTON_CONSTANTS", "FloatingActionButton", "BaseComponent", "FLOATING_ACTION_BUTTON_CONSTANTS", "ensureChildren", "name", "oldValue", "newValue", "coerceBoolean", "rippleElement", "ForgeRipple", "toggleClass", "labelElement", "iconElement", "value", "__decorateClass", "CustomElement", "FloatingActionButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "_b", "component", "FLOATING_ACTION_BUTTON_CONSTANTS", "listener", "evt", "defineFloatingActionButtonComponent", "defineCustomElement", "FloatingActionButton"]
|
|
7
7
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as b}from"./chunk.DT7MZR5Y.js";import{a as I}from"./chunk.MLV25D2G.js";import{a as E}from"./chunk.7A6MX6CS.js";import{a as g}from"./chunk.YI4JTY4T.js";import{a as y}from"./chunk.FVRSGKJD.js";import{c as f,d as k}from"./chunk.U6WGJELL.js";import{a as C}from"./chunk.G5MGGEFP.js";import{a as l}from"./chunk.KTGSZEAG.js";import{g as v,l as m}from"./chunk.Y4GKBJGI.js";import{m as D}from"./chunk.PN26D52V.js";import{a as h,g as u,k as d,m as _}from"./chunk.J2M2MXP2.js";import{f as r}from"./chunk.MCIQXNKY.js";var P={MIN:"min",MAX:"max",OPEN:"open",DISABLED:"disabled",POPUP_CLASSES:"popup-classes",MASKED:"masked",MASK_FORMAT:"mask-format",SHOW_MASK_FORMAT:"show-mask-format",VALUE_MODE:"value-mode",ALLOW_INVALID_DATE:"allow-invalid-date",SHOW_TODAY:"show-today",SHOW_CLEAR:"show-clear",DISABLED_DAYS_OF_WEEK:"disabled-days-of-week",YEAR_RANGE:"year-range"},S={TOGGLE:"forge-date-picker-toggle"},O={INPUT:"input",TOGGLE:"[forge-date-picker-toggle],[data-forge-date-picker-toggle]"},s={observedAttributes:P,attributes:S,selectors:O};var n=class extends m{constructor(){super()}async connectedCallback(){this.querySelector(s.selectors.INPUT)?this._foundation.initialize():(await D(this,s.selectors.INPUT),this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,a,i){switch(t){case s.observedAttributes.MIN:this.min=i;break;case s.observedAttributes.MAX:this.max=i;break;case s.observedAttributes.OPEN:this.open=d(i);break;case s.observedAttributes.POPUP_CLASSES:this.popupClasses=i;break;case s.observedAttributes.DISABLED:this.disabled=d(i);break;case s.observedAttributes.MASKED:this.masked=d(i);break;case s.observedAttributes.SHOW_MASK_FORMAT:this.showMaskFormat=d(i);break;case s.observedAttributes.MASK_FORMAT:this.maskFormat=i;break;case s.observedAttributes.VALUE_MODE:this.valueMode=i;break;case s.observedAttributes.ALLOW_INVALID_DATE:this.allowInvalidDate=d(i);break;case s.observedAttributes.SHOW_TODAY:this.showToday=d(i);break;case s.observedAttributes.SHOW_CLEAR:this.showClear=d(i);break;case s.observedAttributes.DISABLED_DAYS_OF_WEEK:this.disabledDaysOfWeek=_(i);break;case s.observedAttributes.YEAR_RANGE:this.yearRange=i;break}}};r([l()],n.prototype,"value",2),r([l()],n.prototype,"min",2),r([l()],n.prototype,"max",2),r([l()],n.prototype,"disabledDates",2),r([l()],n.prototype,"open",2),r([l()],n.prototype,"popupClasses",2),r([l()],n.prototype,"disabled",2),r([l()],n.prototype,"masked",2),r([l()],n.prototype,"maskFormat",2),r([l()],n.prototype,"showMaskFormat",2),r([l()],n.prototype,"valueMode",2),r([l()],n.prototype,"notifyInputValueChanges",2),r([l()],n.prototype,"allowInvalidDate",2),r([l()],n.prototype,"showToday",2),r([l()],n.prototype,"showClear",2),r([l()],n.prototype,"parseCallback",2),r([l()],n.prototype,"formatCallback",2),r([l()],n.prototype,"prepareMaskCallback",2),r([l()],n.prototype,"disabledDaysOfWeek",2),r([l()],n.prototype,"disableDayCallback",2),r([l()],n.prototype,"yearRange",2);function w(p){let e=document.createElement("forge-icon-button");e.slot="trailing",e.dense=!0,e.densityLevel=3,e.style.marginRight="4px";let t=document.createElement("button");t.type="button",t.tabIndex=-1,t.setAttribute("aria-label","Toggle calendar"),e.appendChild(t);let a=document.createElement("forge-icon");return a.name=p,t.appendChild(a),e}var M=class extends C{constructor(t){super(t);this._valueChangeListeners=[];this._identifier=h()}initialize(){this._initializeInput()}destroy(){var t;(t=this._calendarDropdown)==null||t.destroy(),this.destroyValueChangeListener()}destroyValueChangeListener(){this._valueChangeListeners.forEach(t=>t())}addToggleListener(t,a){var i;(i=this._toggleElement)==null||i.addEventListener(t,a)}removeToggleListener(t,a){var i;(i=this._toggleElement)==null||i.removeEventListener(t,a)}attachCalendar(t,a){var i,o,c;if(this._calendarDropdown&&((i=this._calendarDropdown)==null||i.destroy()),this._initializeCalendarDropdown(),!this._calendarDropdown)throw new Error("CalendarDropdown was not initialized.");a&&Object.assign(this._calendarDropdown,a),this._calendarDropdown.open(t),(o=this._calendarDropdown.dropdownElement)==null||o.style.setProperty("--forge-calendar-width","320px"),(c=this._calendarDropdown.calendar)==null||c.style.setProperty("margin","8px")}detachCalendar(){this._calendarDropdown&&this._calendarDropdown.isOpen&&this._calendarDropdown.close()}goToCalendarDate(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.goToDate(t,!0)}addDateSelectListener(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.addEventListener(b.events.DATE_SELECT,t)}removeDateSelectListener(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.removeEventListener(b.events.DATE_SELECT,t)}setCalendarValue(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.value=t)}setCalendarMinDate(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.min=t)}setCalendarMaxDate(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.max=t)}setCalendarDisabledDates(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDates=t)}setCalendarDisabledDaysOfWeek(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDaysOfWeek=t)}setCalendarDisableDayCallback(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDateBuilder=t)}setCalendarActiveDate(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.setActiveDate(t)}getCalendarActiveDate(){var t,a;return(a=(t=this._calendarDropdown)==null?void 0:t.calendar)==null?void 0:a.activeDate}setCalendarYearRange(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)!=null&&i.yearRange&&(this._calendarDropdown.calendar.yearRange=t)}propagateCalendarKey(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.handleKey(t)}tryCreateToggle(){let t=this._component.querySelector("forge-text-field"),a=this._component.querySelector(s.selectors.TOGGLE);if(t){let i=t.querySelector(`${E.elementName}[slot=trailing]`);if(i||a){this._toggleElement=i||a;return}let o=this._createToggleElement();t.appendChild(o),this._toggleElement=o}else a&&(this._toggleElement=a)}_createToggleElement(){return w("insert_invitation")}_getDefaultTargetElement(){let t=this._component.querySelector("forge-text-field");if(t&&t.shadowRoot){let a=v(t,I.selectors.ROOT);if(a)return a}return this._component.querySelector("input")||this._component}};var A=class{constructor(e){this._adapter=e;this._value=null;this._min=null;this._max=null;this._disabledDates=null;this._open=!1;this._disabled=!1;this._masked=!0;this._maskFormat=y;this._showMaskFormat=!1;this._valueMode="object";this._notifyInputValueChanges=!0;this._allowInvalidDate=!1;this._showToday=!1;this._showClear=!1;this._yearRange="-50:+50";this._isInitialized=!1;this._inputListener=t=>this._onInput(t),this._inputKeydownListener=t=>this._onInputKeydown(t),this._inputFocusListener=t=>this._onInputFocus(t),this._inputBlurListener=t=>this._onInputBlur(t),this._inputValueChangedListener=t=>this._onInputValueChanged(t),this._dropdownCloseListener=()=>this._onDropdownClose(),this._toggleMousedownListener=t=>this._onToggleMousedown(t),this._dateSelectListener=t=>this._onDateSelected(t.detail),this._activeChangeListener=t=>this._onActiveDescendantChanged(t),this._todayListener=()=>this._onToday(),this._clearListener=()=>this._onClear()}initialize(){var e;if(this._adapter.initialize(),this._adapter.initializeAccessibility(),!this._adapter.hasInputElement())throw new Error("Unable to locate child <input> element.");(e=this._initializeState)==null||e.call(this),this._adapter.tryCreateToggle(),this._masked||this._setInputChangeListeners(),this._initializeListeners(),this._setFormattedInputValue(!0),this._applyDisabled(),this._applyMask(),this._initializeValueChangedListeners(),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._destroyListeners(),this._masked&&this._adapter.destroyMask(),this._closeCalendar(),this._adapter.destroy()}_initializeListeners(){this._adapter.addToggleListener("mousedown",this._toggleMousedownListener),this._adapter.addInputListener("keydown",this._inputKeydownListener,!0),this._adapter.addInputListener("focus",this._inputFocusListener),this._adapter.addInputListener("blur",this._inputBlurListener)}_initializeValueChangedListeners(){this._adapter.setInputValueChangedListener(this,this._inputValueChangedListener)}_setInputChangeListeners(){this._adapter.addInputListener("input",this._inputListener)}_removeInputChangeListeners(){this._adapter.removeInputListener("input",this._inputListener)}_destroyListeners(){this._adapter.removeToggleListener("mousedown",this._toggleMousedownListener),this._adapter.removeInputListener("keydown",this._inputKeydownListener,!0),this._adapter.removeInputListener("focus",this._inputFocusListener),this._adapter.removeInputListener("blur",this._inputBlurListener),this._removeInputChangeListeners()}_onInput(e){this._handleInput(this._adapter.getInputValue())}_onInputFocus(e){this._adapter.selectInputText()}_onInputBlur(e){this._formatInputValue(),this._open&&!this._adapter.isInputFocused()&&this._closeCalendar(!0)}_openCalendar(e=!1){this._formatInputValue();let t={mode:this._mode,value:this._getCurrentValue(),min:this._min,max:this._max,disabledDates:this._disabledDates,yearRange:this._yearRange,todayButton:this._showToday,clearButton:this._showClear,todayCallback:this._todayListener,clearCallback:this._clearListener,disabledDateBuilder:this._disableDayCallback,disabledDaysOfWeek:this._disabledDaysOfWeek,preventFocus:!0,menuAnimation:"fade",fixedHeight:!0,selectionFollowsMonth:!0},a={popupClasses:this._popupClasses,closeCallback:this._dropdownCloseListener,activeChangeCallback:this._activeChangeListener};this._adapter.attachCalendar(t,a),this._adapter.addDateSelectListener(this._dateSelectListener),this._open=!0,this._adapter.setHostAttribute(s.observedAttributes.OPEN),e&&this._emitOpenEvent()}_closeCalendar(e=!1){this._open=!1,this._adapter.removeHostAttribute(s.observedAttributes.OPEN),this._adapter.removeDateSelectListener(this._dateSelectListener),this._adapter.detachCalendar(),e&&this._emitCloseEvent()}_onInputKeydown(e){if(e.shiftKey)switch(e.key){case"Delete":case"Backspace":e.preventDefault(),this._onClear(),this._open&&this._closeCalendar(!0);return;case"ArrowLeft":case"ArrowRight":case"m":case"M":case"y":case"Y":case"d":case"D":if(this._open){e.preventDefault(),this._adapter.propagateCalendarKey(e);return}break}switch(e.key){case"Escape":this._open&&(e.preventDefault(),e.stopPropagation(),this._closeCalendar(!0));break;case"ArrowDown":e.preventDefault(),this._open?this._adapter.propagateCalendarKey(e):(this._adapter.selectInputText(),this._openCalendar(!0));break;case"ArrowUp":this._open&&(e.preventDefault(),this._adapter.propagateCalendarKey(e));break;case"ArrowLeft":case"ArrowRight":case"Enter":case"Home":case"End":if(this._open){e.key==="Enter"&&e.stopPropagation(),e.preventDefault();let t=["ArrowLeft","ArrowRight"].includes(e.key);this._masked&&t&&e.stopImmediatePropagation(),this._adapter.propagateCalendarKey(e)}break;case"n":case"t":e.preventDefault(),this._onToday(),this._open&&this._closeCalendar(!0);break;case"PageUp":case"PageDown":this._open&&(e.preventDefault(),this._adapter.propagateCalendarKey(e));break;case"Tab":if(this._open){let t=this._adapter.getCalendarActiveDate();t&&this._onDateSelected({date:t,selected:!0,type:"date"})}break}}_getSanitizedDateString(e){return e.replace(/_|[a-z]|[A-Z]/g,"").replace(/\/$|\/\/$/,"")}_onToggleMousedown(e){this._disabled||(e.stopPropagation(),!this._adapter.isInputDisabled()&&(e.preventDefault(),this._open?this._closeCalendar(!0):(g.isMobile?this._adapter.tryBlurInput():this._adapter.tryFocusInput(),this._openCalendar(!0))))}_onDropdownClose(){this._closeCalendar(!0)}_onActiveDescendantChanged(e){this._adapter.setActiveDescendant(e)}_formatInputValue(){let e=this._adapter.getInputValue();if(e){let t=this._parseDateString(e);if(u(t)&&this._isDateValueAcceptable(t)){let a=this._formatDate(t);a&&a!==e&&this._adapter.setInputValue(a,this._notifyInputValueChanges)}else this._allowInvalidDate||this._adapter.setInputValue("",this._notifyInputValueChanges)}}_formatDate(e){return u(e)?typeof this._formatCallback=="function"?this._formatCallback(e):k(e):""}_parseDateString(e){if(e=e.replace(/_|\s/g,""),!e||!e.length)return null;let t=typeof this._parseCallback=="function"?this._parseCallback(e):f(e);return u(t)?t:null}_coerceDateValue(e){return typeof e=="string"?this._parseDateString(e):e}_getTypedValue(e){switch(this._valueMode){case"object":return e;case"string":return this._formatDate(e);case"iso-string":return e&&e.setHours(0,0,0,0),e?e.toISOString():null;default:return e}}_isDateValueAcceptable(e){if(!e)return!0;let t=()=>this._min&&!this._allowInvalidDate?this._min.getTime()<=e.getTime():!0,a=()=>this._max&&!this._allowInvalidDate?this._max.getTime()>=e.getTime():!0,i=()=>Array.isArray(this._disabledDates)?this._disabledDates:this._disabledDates?[this._disabledDates]:[],o=()=>!i().some(L=>L.getTime()===e.getTime()),c=()=>!(this._disabledDaysOfWeek&&this._disabledDaysOfWeek.includes(e.getDay())),T=()=>typeof this._disableDayCallback!="function"||!this._disableDayCallback(e);return t()&&a()&&o()&&c()&&T()}_initializeMask(){let e={showMaskFormat:this._showMaskFormat,pattern:this._maskFormat,onChange:t=>this._handleInput(t)};this._prepareMaskCallback&&(e.prepareCallback=(t,a,i,o)=>this._prepareMaskCallback.call(null,t,a,i,o)),this._adapter.initializeMask(e)}_applyMask(){this._masked?this._initializeMask():(this._adapter.destroyMask(),this._formatInputValue())}_applyMin(){this._isInitialized&&this._adapter.setCalendarMinDate(this._min)}_applyMax(){this._isInitialized&&this._adapter.setCalendarMaxDate(this._max)}_applyDisableDayCallback(){this._adapter.setCalendarDisableDayCallback(this._disableDayCallback)}_applyDisabled(){this._adapter.setDisabled(this._disabled)}get valueMode(){return this._valueMode}set valueMode(e){if(this._valueMode!==e){if(!["object","string","iso-string"].includes(e))return;this._valueMode=e,this._emitChangeEvent(this._value),this._adapter.setHostAttribute(s.observedAttributes.VALUE_MODE,this._valueMode)}}get min(){return this._min?new Date(this._min.getTime()):null}set min(e){if(this._min!==e){let t=this._coerceDateValue(e);this._min=t?new Date(t.getTime()):null,this._applyMin(),this._isInitialized&&this._open&&this._adapter.setCalendarMinDate(this._min)}}get max(){return this._max?new Date(this._max.getTime()):null}set max(e){this._max!==e&&(this._max=this._coerceDateValue(e),this._applyMax(),this._isInitialized&&this._open&&this._adapter.setCalendarMaxDate(this._max))}get open(){return this._open}set open(e){this._open!==e&&this._isInitialized&&(this._open=e,this._open?this._openCalendar():this._closeCalendar())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._isInitialized&&this._applyDisabled())}get disabledDates(){return this._disabledDates?Array.isArray(this._disabledDates)?this._disabledDates.map(e=>new Date(e.getTime())):new Date(this._disabledDates.getTime()):null}set disabledDates(e){e?Array.isArray(e)?this._disabledDates=e.map(t=>new Date(t.getTime())):this._disabledDates=new Date(e.getTime()):this._disabledDates=null,this._isInitialized&&this._open&&this._adapter.setCalendarDisabledDates(this._disabledDates),this._applyDisabledDates()}get popupClasses(){return Array.isArray(this._popupClasses)?[...this._popupClasses]:this._popupClasses}set popupClasses(e){Array.isArray(e)?this._popupClasses=[...e]:this._popupClasses=e}get masked(){return this._masked}set masked(e){this._masked!==e&&(this._masked=e,this._isInitialized&&(this._masked?(this._removeInputChangeListeners(),this._applyMask()):(this._adapter.destroyMask(),this._setInputChangeListeners(),this._formatInputValue())))}get maskFormat(){return this._maskFormat}set maskFormat(e){this._maskFormat!==e&&(this._maskFormat=e,this._isInitialized&&this._applyMask())}get showMaskFormat(){return this._showMaskFormat}set showMaskFormat(e){this._showMaskFormat!==e&&(this._showMaskFormat=e,this._isInitialized&&this._applyMask())}get notifyInputValueChanges(){return this._notifyInputValueChanges}set notifyInputValueChanges(e){this._notifyInputValueChanges=e}get allowInvalidDate(){return this._allowInvalidDate}set allowInvalidDate(e){this._allowInvalidDate!==e&&(this._allowInvalidDate=e,this._adapter.toggleHostAttribute(s.observedAttributes.ALLOW_INVALID_DATE,this._allowInvalidDate))}get disabledDaysOfWeek(){return this._disabledDaysOfWeek}set disabledDaysOfWeek(e){this._disabledDaysOfWeek!==e&&(this._disabledDaysOfWeek=e,this._isInitialized&&this._open&&this._adapter.setCalendarDisabledDaysOfWeek(this._disabledDaysOfWeek),this._applyDisabledDaysOfWeek())}get disableDayCallback(){return this._disableDayCallback}set disableDayCallback(e){e!==this._disableDayCallback&&(this._disableDayCallback=e,this._applyDisableDayCallback())}get parseCallback(){return this._parseCallback}set parseCallback(e){this._parseCallback=e,this._isInitialized&&this._applyMask()}get formatCallback(){return this._formatCallback}set formatCallback(e){this._formatCallback=e,this._isInitialized&&this._applyMask()}get prepareMaskCallback(){return this._prepareMaskCallback}set prepareMaskCallback(e){this._prepareMaskCallback=e,this._isInitialized&&this._applyMask()}get showToday(){return this._showToday}set showToday(e){this._showToday=e}get showClear(){return this._showClear}set showClear(e){this._showClear=e}get yearRange(){return this._yearRange}set yearRange(e){this._yearRange!==e&&(this._yearRange=e,this._isInitialized&&this._open&&this._adapter.setCalendarYearRange(this._yearRange))}};export{s as a,n as b,w as c,M as d,A as e};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a as b}from"./chunk.44UCSD46.js";import{a as I}from"./chunk.PHTOULRR.js";import{a as g}from"./chunk.MGLWXAZO.js";import{a as E}from"./chunk.KSCUIS5C.js";import{a as y}from"./chunk.XIQFHO5R.js";import{c as f,d as k}from"./chunk.DMCBAYQX.js";import{a as l}from"./chunk.NVUMRW44.js";import{a as C}from"./chunk.5V5ABSHI.js";import{f as v,k as m}from"./chunk.NK7H3MMM.js";import{m as D}from"./chunk.CFDK4RCW.js";import{a as h,g as u,k as d,m as _}from"./chunk.J2M2MXP2.js";import{d as r}from"./chunk.M3QDAYD2.js";var P={MIN:"min",MAX:"max",OPEN:"open",DISABLED:"disabled",POPUP_CLASSES:"popup-classes",MASKED:"masked",MASK_FORMAT:"mask-format",SHOW_MASK_FORMAT:"show-mask-format",VALUE_MODE:"value-mode",ALLOW_INVALID_DATE:"allow-invalid-date",SHOW_TODAY:"show-today",SHOW_CLEAR:"show-clear",DISABLED_DAYS_OF_WEEK:"disabled-days-of-week",YEAR_RANGE:"year-range"},S={TOGGLE:"forge-date-picker-toggle"},O={INPUT:"input",TOGGLE:"[forge-date-picker-toggle],[data-forge-date-picker-toggle]"},s={observedAttributes:P,attributes:S,selectors:O};var n=class extends m{constructor(){super()}async connectedCallback(){this.querySelector(s.selectors.INPUT)?this._foundation.initialize():(await D(this,s.selectors.INPUT),this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,a,i){switch(t){case s.observedAttributes.MIN:this.min=i;break;case s.observedAttributes.MAX:this.max=i;break;case s.observedAttributes.OPEN:this.open=d(i);break;case s.observedAttributes.POPUP_CLASSES:this.popupClasses=i;break;case s.observedAttributes.DISABLED:this.disabled=d(i);break;case s.observedAttributes.MASKED:this.masked=d(i);break;case s.observedAttributes.SHOW_MASK_FORMAT:this.showMaskFormat=d(i);break;case s.observedAttributes.MASK_FORMAT:this.maskFormat=i;break;case s.observedAttributes.VALUE_MODE:this.valueMode=i;break;case s.observedAttributes.ALLOW_INVALID_DATE:this.allowInvalidDate=d(i);break;case s.observedAttributes.SHOW_TODAY:this.showToday=d(i);break;case s.observedAttributes.SHOW_CLEAR:this.showClear=d(i);break;case s.observedAttributes.DISABLED_DAYS_OF_WEEK:this.disabledDaysOfWeek=_(i);break;case s.observedAttributes.YEAR_RANGE:this.yearRange=i;break}}};r([l()],n.prototype,"value",2),r([l()],n.prototype,"min",2),r([l()],n.prototype,"max",2),r([l()],n.prototype,"disabledDates",2),r([l()],n.prototype,"open",2),r([l()],n.prototype,"popupClasses",2),r([l()],n.prototype,"disabled",2),r([l()],n.prototype,"masked",2),r([l()],n.prototype,"maskFormat",2),r([l()],n.prototype,"showMaskFormat",2),r([l()],n.prototype,"valueMode",2),r([l()],n.prototype,"notifyInputValueChanges",2),r([l()],n.prototype,"allowInvalidDate",2),r([l()],n.prototype,"showToday",2),r([l()],n.prototype,"showClear",2),r([l()],n.prototype,"parseCallback",2),r([l()],n.prototype,"formatCallback",2),r([l()],n.prototype,"prepareMaskCallback",2),r([l()],n.prototype,"disabledDaysOfWeek",2),r([l()],n.prototype,"disableDayCallback",2),r([l()],n.prototype,"yearRange",2);function w(p){let e=document.createElement("forge-icon-button");e.slot="trailing",e.dense=!0,e.densityLevel=3,e.style.marginRight="4px";let t=document.createElement("button");t.type="button",t.tabIndex=-1,t.setAttribute("aria-label","Toggle calendar"),e.appendChild(t);let a=document.createElement("forge-icon");return a.name=p,t.appendChild(a),e}var M=class extends C{constructor(t){super(t);this._valueChangeListeners=[];this._identifier=h()}initialize(){this._initializeInput()}destroy(){var t;(t=this._calendarDropdown)==null||t.destroy(),this.destroyValueChangeListener()}destroyValueChangeListener(){this._valueChangeListeners.forEach(t=>t())}addToggleListener(t,a){var i;(i=this._toggleElement)==null||i.addEventListener(t,a)}removeToggleListener(t,a){var i;(i=this._toggleElement)==null||i.removeEventListener(t,a)}attachCalendar(t,a){var i,o,c;if(this._calendarDropdown&&((i=this._calendarDropdown)==null||i.destroy()),this._initializeCalendarDropdown(),!this._calendarDropdown)throw new Error("CalendarDropdown was not initialized.");a&&Object.assign(this._calendarDropdown,a),this._calendarDropdown.open(t),(o=this._calendarDropdown.dropdownElement)==null||o.style.setProperty("--forge-calendar-width","320px"),(c=this._calendarDropdown.calendar)==null||c.style.setProperty("margin","8px")}detachCalendar(){this._calendarDropdown&&this._calendarDropdown.isOpen&&this._calendarDropdown.close()}goToCalendarDate(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.goToDate(t,!0)}addDateSelectListener(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.addEventListener(b.events.DATE_SELECT,t)}removeDateSelectListener(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.removeEventListener(b.events.DATE_SELECT,t)}setCalendarValue(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.value=t)}setCalendarMinDate(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.min=t)}setCalendarMaxDate(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.max=t)}setCalendarDisabledDates(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDates=t)}setCalendarDisabledDaysOfWeek(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDaysOfWeek=t)}setCalendarDisableDayCallback(t){var a;(a=this._calendarDropdown)!=null&&a.calendar&&(this._calendarDropdown.calendar.disabledDateBuilder=t)}setCalendarActiveDate(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.setActiveDate(t)}getCalendarActiveDate(){var t,a;return(a=(t=this._calendarDropdown)==null?void 0:t.calendar)==null?void 0:a.activeDate}setCalendarYearRange(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)!=null&&i.yearRange&&(this._calendarDropdown.calendar.yearRange=t)}propagateCalendarKey(t){var a,i;(i=(a=this._calendarDropdown)==null?void 0:a.calendar)==null||i.handleKey(t)}tryCreateToggle(){let t=this._component.querySelector("forge-text-field"),a=this._component.querySelector(s.selectors.TOGGLE);if(t){let i=t.querySelector(`${E.elementName}[slot=trailing]`);if(i||a){this._toggleElement=i||a;return}let o=this._createToggleElement();t.appendChild(o),this._toggleElement=o}else a&&(this._toggleElement=a)}_createToggleElement(){return w("insert_invitation")}_getDefaultTargetElement(){let t=this._component.querySelector("forge-text-field");if(t&&t.shadowRoot){let a=v(t,I.selectors.ROOT);if(a)return a}return this._component.querySelector("input")||this._component}};var A=class{constructor(e){this._adapter=e;this._value=null;this._min=null;this._max=null;this._disabledDates=null;this._open=!1;this._disabled=!1;this._masked=!0;this._maskFormat=y;this._showMaskFormat=!1;this._valueMode="object";this._notifyInputValueChanges=!0;this._allowInvalidDate=!1;this._showToday=!1;this._showClear=!1;this._yearRange="-50:+50";this._isInitialized=!1;this._inputListener=t=>this._onInput(t),this._inputKeydownListener=t=>this._onInputKeydown(t),this._inputFocusListener=t=>this._onInputFocus(t),this._inputBlurListener=t=>this._onInputBlur(t),this._inputValueChangedListener=t=>this._onInputValueChanged(t),this._dropdownCloseListener=()=>this._onDropdownClose(),this._toggleMousedownListener=t=>this._onToggleMousedown(t),this._dateSelectListener=t=>this._onDateSelected(t.detail),this._activeChangeListener=t=>this._onActiveDescendantChanged(t),this._todayListener=()=>this._onToday(),this._clearListener=()=>this._onClear()}initialize(){var e;if(this._adapter.initialize(),this._adapter.initializeAccessibility(),!this._adapter.hasInputElement())throw new Error("Unable to locate child <input> element.");(e=this._initializeState)==null||e.call(this),this._adapter.tryCreateToggle(),this._masked||this._setInputChangeListeners(),this._initializeListeners(),this._setFormattedInputValue(!0),this._applyDisabled(),this._applyMask(),this._initializeValueChangedListeners(),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._destroyListeners(),this._masked&&this._adapter.destroyMask(),this._closeCalendar(),this._adapter.destroy()}_initializeListeners(){this._adapter.addToggleListener("mousedown",this._toggleMousedownListener),this._adapter.addInputListener("keydown",this._inputKeydownListener,!0),this._adapter.addInputListener("focus",this._inputFocusListener),this._adapter.addInputListener("blur",this._inputBlurListener)}_initializeValueChangedListeners(){this._adapter.setInputValueChangedListener(this,this._inputValueChangedListener)}_setInputChangeListeners(){this._adapter.addInputListener("input",this._inputListener)}_removeInputChangeListeners(){this._adapter.removeInputListener("input",this._inputListener)}_destroyListeners(){this._adapter.removeToggleListener("mousedown",this._toggleMousedownListener),this._adapter.removeInputListener("keydown",this._inputKeydownListener,!0),this._adapter.removeInputListener("focus",this._inputFocusListener),this._adapter.removeInputListener("blur",this._inputBlurListener),this._removeInputChangeListeners()}_onInput(e){this._handleInput(this._adapter.getInputValue())}_onInputFocus(e){this._adapter.selectInputText(),this.masked&&this.showMaskFormat&&this._applyMask()}_onInputBlur(e){this.masked&&this.showMaskFormat&&this._applyMask(),this._formatInputValue(),this._open&&!this._adapter.isInputFocused()&&this._closeCalendar(!0)}_openCalendar(e=!1){this._formatInputValue();let t={mode:this._mode,value:this._getCurrentValue(),min:this._min,max:this._max,disabledDates:this._disabledDates,yearRange:this._yearRange,todayButton:this._showToday,clearButton:this._showClear,todayCallback:this._todayListener,clearCallback:this._clearListener,disabledDateBuilder:this._disableDayCallback,disabledDaysOfWeek:this._disabledDaysOfWeek,preventFocus:!0,menuAnimation:"fade",fixedHeight:!0,selectionFollowsMonth:!0},a={popupClasses:this._popupClasses,closeCallback:this._dropdownCloseListener,activeChangeCallback:this._activeChangeListener};this._adapter.attachCalendar(t,a),this._adapter.addDateSelectListener(this._dateSelectListener),this._open=!0,this._adapter.setHostAttribute(s.observedAttributes.OPEN),e&&this._emitOpenEvent()}_closeCalendar(e=!1){this._open=!1,this._adapter.removeHostAttribute(s.observedAttributes.OPEN),this._adapter.removeDateSelectListener(this._dateSelectListener),this._adapter.detachCalendar(),e&&this._emitCloseEvent()}_onInputKeydown(e){if(e.shiftKey)switch(e.key){case"Delete":case"Backspace":e.preventDefault(),this._onClear(),this._open&&this._closeCalendar(!0);return;case"ArrowLeft":case"ArrowRight":case"m":case"M":case"y":case"Y":case"d":case"D":if(this._open){e.preventDefault(),this._adapter.propagateCalendarKey(e);return}break}switch(e.key){case"Escape":this._open&&(e.preventDefault(),e.stopPropagation(),this._closeCalendar(!0));break;case"ArrowDown":e.preventDefault(),this._open?this._adapter.propagateCalendarKey(e):(this._adapter.selectInputText(),this._openCalendar(!0));break;case"ArrowUp":this._open&&(e.preventDefault(),this._adapter.propagateCalendarKey(e));break;case"ArrowLeft":case"ArrowRight":case"Enter":case"Home":case"End":if(this._open){e.key==="Enter"&&e.stopPropagation(),e.preventDefault();let t=["ArrowLeft","ArrowRight"].includes(e.key);this._masked&&t&&e.stopImmediatePropagation(),this._adapter.propagateCalendarKey(e)}break;case"n":case"t":e.preventDefault(),this._onToday(),this._open&&this._closeCalendar(!0);break;case"PageUp":case"PageDown":this._open&&(e.preventDefault(),this._adapter.propagateCalendarKey(e));break;case"Tab":if(this._open){let t=this._adapter.getCalendarActiveDate();t&&this._onDateSelected({date:t,selected:!0,type:"date"})}break}}_getSanitizedDateString(e){return e.replace(/_|[a-z]|[A-Z]/g,"").replace(/\/$|\/\/$/,"")}_onToggleMousedown(e){this._disabled||(e.stopPropagation(),!this._adapter.isInputDisabled()&&(e.preventDefault(),this._open?this._closeCalendar(!0):(g.isMobile?this._adapter.tryBlurInput():this._adapter.tryFocusInput(),this._openCalendar(!0))))}_onDropdownClose(){this._closeCalendar(!0)}_onActiveDescendantChanged(e){this._adapter.setActiveDescendant(e)}_formatInputValue(){let e=this._adapter.getInputValue();if(e){let t=this._parseDateString(e);if(u(t)&&this._isDateValueAcceptable(t)){let a=this._formatDate(t);a&&a!==e&&this._adapter.setInputValue(a,this._notifyInputValueChanges)}else this._allowInvalidDate||this._adapter.setInputValue("",this._notifyInputValueChanges)}}_formatDate(e){return u(e)?typeof this._formatCallback=="function"?this._formatCallback(e):k(e):""}_parseDateString(e){if(e=e.replace(/_|\s/g,""),!e||!e.length)return null;let t=typeof this._parseCallback=="function"?this._parseCallback(e):f(e);return u(t)?t:null}_coerceDateValue(e){return typeof e=="string"?this._parseDateString(e):e}_getTypedValue(e){switch(this._valueMode){case"object":return e;case"string":return this._formatDate(e);case"iso-string":return e&&e.setHours(0,0,0,0),e?e.toISOString():null;default:return e}}_isDateValueAcceptable(e){if(!e||this._allowInvalidDate)return!0;let t=()=>this._min&&!this._allowInvalidDate?this._min.getTime()<=e.getTime():!0,a=()=>this._max&&!this._allowInvalidDate?this._max.getTime()>=e.getTime():!0,i=()=>Array.isArray(this._disabledDates)?this._disabledDates:this._disabledDates?[this._disabledDates]:[],o=()=>!i().some(L=>L.getTime()===e.getTime()),c=()=>!(this._disabledDaysOfWeek&&this._disabledDaysOfWeek.includes(e.getDay())),T=()=>typeof this._disableDayCallback!="function"||!this._disableDayCallback(e);return t()&&a()&&o()&&c()&&T()}_initializeMask(){let e={showMaskFormat:this._showMaskFormat&&this._adapter.isInputFocused(),pattern:this._maskFormat,onChange:t=>this._handleInput(t)};this._prepareMaskCallback&&(e.prepareCallback=(t,a,i,o)=>this._prepareMaskCallback.call(null,t,a,i,o)),this._adapter.initializeMask(e)}_applyMask(){this._masked?this._initializeMask():(this._adapter.destroyMask(),this._formatInputValue())}_applyMin(){this._isInitialized&&this._adapter.setCalendarMinDate(this._min)}_applyMax(){this._isInitialized&&this._adapter.setCalendarMaxDate(this._max)}_applyDisableDayCallback(){this._adapter.setCalendarDisableDayCallback(this._disableDayCallback)}_applyDisabled(){this._adapter.setDisabled(this._disabled)}get valueMode(){return this._valueMode}set valueMode(e){if(this._valueMode!==e){if(!["object","string","iso-string"].includes(e))return;this._valueMode=e,this._emitChangeEvent(this._value),this._adapter.setHostAttribute(s.observedAttributes.VALUE_MODE,this._valueMode)}}get min(){return this._min?new Date(this._min.getTime()):null}set min(e){if(this._min!==e){let t=this._coerceDateValue(e);this._min=t?new Date(t.getTime()):null,this._applyMin(),this._isInitialized&&this._open&&this._adapter.setCalendarMinDate(this._min)}}get max(){return this._max?new Date(this._max.getTime()):null}set max(e){this._max!==e&&(this._max=this._coerceDateValue(e),this._applyMax(),this._isInitialized&&this._open&&this._adapter.setCalendarMaxDate(this._max))}get open(){return this._open}set open(e){this._open!==e&&this._isInitialized&&(this._open=e,this._open?this._openCalendar():this._closeCalendar())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._isInitialized&&this._applyDisabled())}get disabledDates(){return this._disabledDates?Array.isArray(this._disabledDates)?this._disabledDates.map(e=>new Date(e.getTime())):new Date(this._disabledDates.getTime()):null}set disabledDates(e){e?Array.isArray(e)?this._disabledDates=e.map(t=>new Date(t.getTime())):this._disabledDates=new Date(e.getTime()):this._disabledDates=null,this._isInitialized&&this._open&&this._adapter.setCalendarDisabledDates(this._disabledDates),this._applyDisabledDates()}get popupClasses(){return Array.isArray(this._popupClasses)?[...this._popupClasses]:this._popupClasses}set popupClasses(e){Array.isArray(e)?this._popupClasses=[...e]:this._popupClasses=e}get masked(){return this._masked}set masked(e){this._masked!==e&&(this._masked=e,this._isInitialized&&(this._masked?(this._removeInputChangeListeners(),this._applyMask()):(this._adapter.destroyMask(),this._setInputChangeListeners(),this._formatInputValue())))}get maskFormat(){return this._maskFormat}set maskFormat(e){this._maskFormat!==e&&(this._maskFormat=e,this._isInitialized&&this._applyMask())}get showMaskFormat(){return this._showMaskFormat}set showMaskFormat(e){this._showMaskFormat!==e&&(this._showMaskFormat=e)}get notifyInputValueChanges(){return this._notifyInputValueChanges}set notifyInputValueChanges(e){this._notifyInputValueChanges=e}get allowInvalidDate(){return this._allowInvalidDate}set allowInvalidDate(e){this._allowInvalidDate!==e&&(this._allowInvalidDate=e,this._adapter.toggleHostAttribute(s.observedAttributes.ALLOW_INVALID_DATE,this._allowInvalidDate))}get disabledDaysOfWeek(){return this._disabledDaysOfWeek}set disabledDaysOfWeek(e){this._disabledDaysOfWeek!==e&&(this._disabledDaysOfWeek=e,this._isInitialized&&this._open&&this._adapter.setCalendarDisabledDaysOfWeek(this._disabledDaysOfWeek),this._applyDisabledDaysOfWeek())}get disableDayCallback(){return this._disableDayCallback}set disableDayCallback(e){e!==this._disableDayCallback&&(this._disableDayCallback=e,this._applyDisableDayCallback())}get parseCallback(){return this._parseCallback}set parseCallback(e){this._parseCallback=e,this._isInitialized&&this._applyMask()}get formatCallback(){return this._formatCallback}set formatCallback(e){this._formatCallback=e,this._isInitialized&&this._applyMask()}get prepareMaskCallback(){return this._prepareMaskCallback}set prepareMaskCallback(e){this._prepareMaskCallback=e,this._isInitialized&&this._applyMask()}get showToday(){return this._showToday}set showToday(e){this._showToday=e}get showClear(){return this._showClear}set showClear(e){this._showClear=e}get yearRange(){return this._yearRange}set yearRange(e){this._yearRange!==e&&(this._yearRange=e,this._isInitialized&&this._open&&this._adapter.setCalendarYearRange(this._yearRange))}};export{s as a,n as b,w as c,M as d,A as e};
|
|
7
|
+
//# sourceMappingURL=chunk.33EJTOVA.js.map
|