@tylertech/forge 3.0.0-next.15 → 3.0.0-next.16
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 +47415 -39475
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/app-bar/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-area/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/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.24NQGTNU.js +7 -0
- package/dist/esm/chunks/chunk.24NQGTNU.js.map +7 -0
- package/dist/esm/chunks/chunk.2JCTFKCR.js +7 -0
- package/dist/esm/chunks/{chunk.Q54DACHS.js.map → chunk.2JCTFKCR.js.map} +1 -1
- package/dist/esm/chunks/chunk.2OZ2HVBZ.js +7 -0
- package/dist/esm/chunks/{chunk.PMSCH6VK.js.map → chunk.2OZ2HVBZ.js.map} +3 -3
- package/dist/esm/chunks/chunk.2YE556AM.js +7 -0
- package/dist/esm/chunks/{chunk.5KYKGNGY.js.map → chunk.2YE556AM.js.map} +1 -1
- package/dist/esm/chunks/chunk.3U6A353B.js +7 -0
- package/dist/esm/chunks/{chunk.ZT7U7WOX.js.map → chunk.3U6A353B.js.map} +1 -1
- package/dist/esm/chunks/chunk.3VHQPHQP.js +7 -0
- package/dist/esm/chunks/chunk.3VHQPHQP.js.map +7 -0
- package/dist/esm/chunks/chunk.436USWLL.js +7 -0
- package/dist/esm/chunks/{chunk.4JDJ33IU.js.map → chunk.436USWLL.js.map} +1 -1
- package/dist/esm/chunks/chunk.4GMGQZOW.js +7 -0
- package/dist/esm/chunks/{chunk.6FUXTHO6.js.map → chunk.4GMGQZOW.js.map} +1 -1
- package/dist/esm/chunks/chunk.4JB3SESQ.js +7 -0
- package/dist/esm/chunks/{chunk.AIPDMLJD.js.map → chunk.4JB3SESQ.js.map} +1 -1
- package/dist/esm/chunks/chunk.4JL5LW5J.js +7 -0
- package/dist/esm/chunks/{chunk.BS73Y6IN.js.map → chunk.4JL5LW5J.js.map} +1 -1
- package/dist/esm/chunks/chunk.4O6OEUGY.js +7 -0
- package/dist/esm/chunks/{chunk.4XN2WGMP.js.map → chunk.4O6OEUGY.js.map} +2 -2
- package/dist/esm/chunks/chunk.4OG3OGVO.js +7 -0
- package/dist/esm/chunks/chunk.4OG3OGVO.js.map +7 -0
- package/dist/esm/chunks/chunk.4QOXI2GM.js +7 -0
- package/dist/esm/chunks/chunk.4QOXI2GM.js.map +7 -0
- package/dist/esm/chunks/{chunk.MTSWCXTY.js → chunk.55D2BMXX.js} +2 -2
- package/dist/esm/chunks/chunk.5LCWC3A7.js +7 -0
- package/dist/esm/chunks/{chunk.VG452D3L.js.map → chunk.5LCWC3A7.js.map} +1 -1
- package/dist/esm/chunks/chunk.5T7TT3AB.js +7 -0
- package/dist/esm/chunks/{chunk.YMSX4F3J.js.map → chunk.5T7TT3AB.js.map} +1 -1
- package/dist/esm/chunks/{chunk.JHELTQKA.js → chunk.5WVOPPBY.js} +2 -2
- package/dist/esm/chunks/{chunk.JHELTQKA.js.map → chunk.5WVOPPBY.js.map} +2 -2
- package/dist/esm/chunks/chunk.5XLCY232.js +7 -0
- package/dist/esm/chunks/chunk.5XLCY232.js.map +7 -0
- package/dist/esm/chunks/chunk.65WE722H.js +7 -0
- package/dist/esm/chunks/chunk.65WE722H.js.map +7 -0
- package/dist/esm/chunks/chunk.6IPX5C4B.js +7 -0
- package/dist/esm/chunks/chunk.6IPX5C4B.js.map +7 -0
- package/dist/esm/chunks/chunk.6PB5OWMP.js +7 -0
- package/dist/esm/chunks/{chunk.ONII3BV3.js.map → chunk.6PB5OWMP.js.map} +2 -2
- package/dist/esm/chunks/chunk.74HZVSDM.js +7 -0
- package/dist/esm/chunks/chunk.74HZVSDM.js.map +7 -0
- package/dist/esm/chunks/chunk.74JHE77R.js +7 -0
- package/dist/esm/chunks/{chunk.Y4ZS3A6F.js.map → chunk.74JHE77R.js.map} +2 -2
- package/dist/esm/chunks/chunk.7SYU6KRU.js +15 -0
- package/dist/esm/chunks/chunk.7SYU6KRU.js.map +7 -0
- package/dist/esm/chunks/{chunk.BC7WB5RG.js → chunk.B53Q676I.js} +2 -2
- package/dist/esm/chunks/chunk.BKQSLDMK.js +7 -0
- package/dist/esm/chunks/{chunk.NVR6KN2B.js.map → chunk.BKQSLDMK.js.map} +1 -1
- package/dist/esm/chunks/chunk.BZG47SA5.js +7 -0
- package/dist/esm/chunks/{chunk.THNCYT3E.js.map → chunk.BZG47SA5.js.map} +2 -2
- package/dist/esm/chunks/chunk.BZVLSWZR.js +7 -0
- package/dist/esm/chunks/{chunk.4IMRT2B3.js.map → chunk.BZVLSWZR.js.map} +1 -1
- package/dist/esm/chunks/chunk.C72LM2AL.js +7 -0
- package/dist/esm/chunks/chunk.C72LM2AL.js.map +7 -0
- package/dist/esm/chunks/chunk.DGG5ABL3.js +7 -0
- package/dist/esm/chunks/{chunk.WARVAVAW.js.map → chunk.DGG5ABL3.js.map} +1 -1
- package/dist/esm/chunks/chunk.DPIWAXEW.js +7 -0
- package/dist/esm/chunks/{chunk.UOEJCU6R.js.map → chunk.DPIWAXEW.js.map} +1 -1
- package/dist/esm/chunks/chunk.E62ZPQSM.js +7 -0
- package/dist/esm/chunks/chunk.E62ZPQSM.js.map +7 -0
- package/dist/esm/chunks/chunk.ECJBVX3D.js +7 -0
- package/dist/esm/chunks/{chunk.DLBAZD5X.js.map → chunk.ECJBVX3D.js.map} +1 -1
- package/dist/esm/chunks/chunk.EN2HVFJ4.js +7 -0
- package/dist/esm/chunks/chunk.EN2HVFJ4.js.map +7 -0
- package/dist/esm/chunks/chunk.EPRRK33O.js +7 -0
- package/dist/esm/chunks/chunk.EPRRK33O.js.map +7 -0
- package/dist/esm/chunks/chunk.ETDUW5K2.js +7 -0
- package/dist/esm/chunks/{chunk.FSILMO6U.js.map → chunk.ETDUW5K2.js.map} +1 -1
- package/dist/esm/chunks/chunk.EWFNM4WO.js +7 -0
- package/dist/esm/chunks/chunk.EWFNM4WO.js.map +7 -0
- package/dist/esm/chunks/{chunk.U7S4DJTU.js → chunk.FGHSNC2V.js} +2 -2
- package/dist/esm/chunks/chunk.FPRBYGET.js +7 -0
- package/dist/esm/chunks/{chunk.LK6QHLW2.js.map → chunk.FPRBYGET.js.map} +1 -1
- package/dist/esm/chunks/chunk.FQVR2QNF.js +7 -0
- package/dist/esm/chunks/{chunk.X3QZY7V4.js.map → chunk.FQVR2QNF.js.map} +1 -1
- package/dist/esm/chunks/chunk.FWWBFNQA.js +7 -0
- package/dist/esm/chunks/{chunk.O6F4U4VY.js.map → chunk.FWWBFNQA.js.map} +1 -1
- package/dist/esm/chunks/{chunk.URKQICJD.js → chunk.FZELFLPE.js} +2 -2
- package/dist/esm/chunks/chunk.FZZUNYH5.js +7 -0
- package/dist/esm/chunks/{chunk.5QZPUOGG.js.map → chunk.FZZUNYH5.js.map} +1 -1
- package/dist/esm/chunks/chunk.GHMAI3SM.js +15 -0
- package/dist/esm/chunks/chunk.GHMAI3SM.js.map +7 -0
- package/dist/esm/chunks/{chunk.5EGEZ4IY.js → chunk.GLUKTMQU.js} +2 -2
- package/dist/esm/chunks/chunk.GTBCTNMI.js +7 -0
- package/dist/esm/chunks/{chunk.ICIGXLJW.js.map → chunk.GTBCTNMI.js.map} +1 -1
- package/dist/esm/chunks/chunk.GTGXHY4A.js +7 -0
- package/dist/esm/chunks/chunk.GTGXHY4A.js.map +7 -0
- package/dist/esm/chunks/chunk.GURV4TDZ.js +7 -0
- package/dist/esm/chunks/{chunk.TSUAFZGY.js.map → chunk.GURV4TDZ.js.map} +1 -1
- package/dist/esm/chunks/chunk.H6MMHAQI.js +15 -0
- package/dist/esm/chunks/chunk.H6MMHAQI.js.map +7 -0
- package/dist/esm/chunks/chunk.HJUFU2PV.js +7 -0
- package/dist/esm/chunks/{chunk.RCPUTZON.js.map → chunk.HJUFU2PV.js.map} +2 -2
- package/dist/esm/chunks/chunk.HPCXVNG6.js +7 -0
- package/dist/esm/chunks/{chunk.CZOABXEQ.js.map → chunk.HPCXVNG6.js.map} +3 -3
- package/dist/esm/chunks/chunk.IA27LU2O.js +7 -0
- package/dist/esm/chunks/{chunk.JEZR25US.js.map → chunk.IA27LU2O.js.map} +1 -1
- package/dist/esm/chunks/chunk.INQZNXG6.js +7 -0
- package/dist/esm/chunks/chunk.INQZNXG6.js.map +7 -0
- package/dist/esm/chunks/chunk.IO3TM653.js +7 -0
- package/dist/esm/chunks/chunk.IO3TM653.js.map +7 -0
- package/dist/esm/chunks/chunk.JXJVPJRO.js +177 -0
- package/dist/esm/chunks/{chunk.AVRBHXDT.js.map → chunk.JXJVPJRO.js.map} +1 -1
- package/dist/esm/chunks/chunk.K3STAW42.js +7 -0
- package/dist/esm/chunks/{chunk.XQLQ73NG.js.map → chunk.K3STAW42.js.map} +1 -1
- package/dist/esm/chunks/chunk.KM5XYTE3.js +7 -0
- package/dist/esm/chunks/chunk.KM5XYTE3.js.map +7 -0
- package/dist/esm/chunks/chunk.KPC6IS3C.js +7 -0
- package/dist/esm/chunks/{chunk.OTUEB7SD.js.map → chunk.KPC6IS3C.js.map} +1 -1
- package/dist/esm/chunks/{chunk.PRJHBUU2.js → chunk.KPNGLSCU.js} +1 -1
- package/dist/esm/chunks/chunk.KPNGLSCU.js.map +7 -0
- package/dist/esm/chunks/chunk.KV7PGQJ7.js +7 -0
- package/dist/esm/chunks/{chunk.KR4BNI6X.js.map → chunk.KV7PGQJ7.js.map} +1 -1
- package/dist/esm/chunks/chunk.LCS2O4Y7.js +7 -0
- package/dist/esm/chunks/chunk.LCS2O4Y7.js.map +7 -0
- package/dist/esm/chunks/chunk.M4KCRUKW.js +7 -0
- package/dist/esm/chunks/chunk.M4KCRUKW.js.map +7 -0
- package/dist/esm/chunks/{chunk.IHIKIZIT.js → chunk.M5JGYRH4.js} +2 -2
- package/dist/esm/chunks/{chunk.O6MGA3XK.js → chunk.N75VD4S4.js} +2 -2
- package/dist/esm/chunks/chunk.NHOGZDLN.js +7 -0
- package/dist/esm/chunks/chunk.NHOGZDLN.js.map +7 -0
- package/dist/esm/chunks/chunk.NKEAMFO4.js +7 -0
- package/dist/esm/chunks/{chunk.KUNIEX72.js.map → chunk.NKEAMFO4.js.map} +1 -1
- package/dist/esm/chunks/{chunk.KDJZN6EW.js → chunk.NW54VA4E.js} +2 -2
- package/dist/esm/chunks/chunk.OJGPKHHC.js +7 -0
- package/dist/esm/chunks/{chunk.EMCY55MX.js.map → chunk.OJGPKHHC.js.map} +2 -2
- package/dist/esm/chunks/chunk.OSCODMUG.js +7 -0
- package/dist/esm/chunks/chunk.OSCODMUG.js.map +7 -0
- package/dist/esm/chunks/chunk.OT3JZ6JO.js +7 -0
- package/dist/esm/chunks/{chunk.7PVVZC7P.js.map → chunk.OT3JZ6JO.js.map} +3 -3
- package/dist/esm/chunks/{chunk.BAQYPAUM.js → chunk.OXVCCHM5.js} +2 -2
- package/dist/esm/chunks/chunk.P5XHGSJY.js +7 -0
- package/dist/esm/chunks/{chunk.5FCUOZSU.js.map → chunk.P5XHGSJY.js.map} +1 -1
- package/dist/esm/chunks/chunk.Q5YXX4DU.js +7 -0
- package/dist/esm/chunks/{chunk.ZIRA4PYV.js.map → chunk.Q5YXX4DU.js.map} +1 -1
- package/dist/esm/chunks/{chunk.MHH26REX.js → chunk.QKTNCOVX.js} +2 -2
- package/dist/esm/chunks/chunk.QZ57WM3D.js +7 -0
- package/dist/esm/chunks/{chunk.Q2Q626DG.js.map → chunk.QZ57WM3D.js.map} +1 -1
- package/dist/esm/chunks/chunk.R2QENXIL.js +7 -0
- package/dist/esm/chunks/{chunk.LYZXJYTW.js.map → chunk.R2QENXIL.js.map} +1 -1
- package/dist/esm/chunks/chunk.R53VHVKB.js +12 -0
- package/dist/esm/chunks/chunk.R53VHVKB.js.map +7 -0
- package/dist/esm/chunks/{chunk.42YDA5FH.js → chunk.RDQ3QGWS.js} +2 -2
- package/dist/esm/chunks/chunk.RFKKHN7V.js +7 -0
- package/dist/esm/chunks/{chunk.KGHABAFA.js.map → chunk.RFKKHN7V.js.map} +1 -1
- package/dist/esm/chunks/{chunk.AR6YUJUH.js → chunk.RKG66YKS.js} +2 -2
- package/dist/esm/chunks/chunk.RRNSZCVJ.js +7 -0
- package/dist/esm/chunks/{chunk.T4J66YX5.js.map → chunk.RRNSZCVJ.js.map} +4 -4
- package/dist/esm/chunks/chunk.S32JKL3M.js +7 -0
- package/dist/esm/chunks/chunk.S32JKL3M.js.map +7 -0
- package/dist/esm/chunks/chunk.SJQPD3CO.js +7 -0
- package/dist/esm/chunks/chunk.SJQPD3CO.js.map +7 -0
- package/dist/esm/chunks/chunk.T235SNYZ.js +7 -0
- package/dist/esm/chunks/{chunk.CBY7M4X6.js.map → chunk.T235SNYZ.js.map} +1 -1
- package/dist/esm/chunks/chunk.T4N7KZHZ.js +7 -0
- package/dist/esm/chunks/chunk.T4N7KZHZ.js.map +7 -0
- package/dist/esm/chunks/chunk.TE6ZNUAM.js +7 -0
- package/dist/esm/chunks/{chunk.JZ27GPZJ.js.map → chunk.TE6ZNUAM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.WMP2OLMG.js → chunk.TNEUDWZU.js} +2 -2
- package/dist/esm/chunks/{chunk.WMP2OLMG.js.map → chunk.TNEUDWZU.js.map} +2 -2
- package/dist/esm/chunks/{chunk.BTWJPE4Y.js → chunk.TZ67MC2N.js} +2 -2
- package/{styles/focus-indicator/_configuration.scss → dist/esm/chunks/chunk.U6FJJGO3.js} +1 -5
- package/dist/esm/chunks/chunk.U6FJJGO3.js.map +7 -0
- package/dist/esm/chunks/chunk.V3IHX6B2.js +7 -0
- package/dist/esm/chunks/{chunk.GGQL3OZB.js.map → chunk.V3IHX6B2.js.map} +1 -1
- package/dist/esm/chunks/chunk.V564JB6A.js +7 -0
- package/dist/esm/chunks/chunk.V564JB6A.js.map +7 -0
- package/dist/esm/chunks/{chunk.7LOMI6J3.js → chunk.VGIZJ32U.js} +2 -2
- package/dist/esm/chunks/chunk.VZTV4GXC.js +7 -0
- package/dist/esm/chunks/chunk.VZTV4GXC.js.map +7 -0
- package/dist/esm/chunks/chunk.W5TDBDVY.js +7 -0
- package/dist/esm/chunks/{chunk.BIVQ4GTK.js.map → chunk.W5TDBDVY.js.map} +1 -1
- package/dist/esm/chunks/chunk.WA2YP4NC.js +7 -0
- package/dist/esm/chunks/{chunk.MROUV35N.js.map → chunk.WA2YP4NC.js.map} +1 -1
- package/dist/esm/chunks/{chunk.U42I3PGF.js → chunk.WFQYTXCB.js} +2 -2
- package/dist/esm/chunks/chunk.WNH7EHZP.js +7 -0
- package/dist/esm/chunks/{chunk.FQUZWINF.js.map → chunk.WNH7EHZP.js.map} +2 -2
- package/dist/esm/chunks/{chunk.KWBYYSH3.js → chunk.WQHKUNR7.js} +2 -2
- package/dist/esm/chunks/chunk.WYSUQK6Z.js +7 -0
- package/dist/esm/chunks/{chunk.L27ANAIL.js.map → chunk.WYSUQK6Z.js.map} +2 -2
- package/dist/esm/chunks/{chunk.NBLL7VAA.js → chunk.X57DRPFB.js} +2 -2
- package/dist/esm/chunks/{chunk.L45HXBDS.js → chunk.X7YTDVNT.js} +2 -2
- package/dist/esm/chunks/chunk.XBFH6M72.js +7 -0
- package/dist/esm/chunks/{chunk.FXGY5IVK.js.map → chunk.XBFH6M72.js.map} +2 -2
- package/dist/esm/chunks/chunk.XOH2JCRS.js +7 -0
- package/dist/esm/chunks/{chunk.AEO2X5OZ.js.map → chunk.XOH2JCRS.js.map} +1 -1
- package/dist/esm/chunks/chunk.Y6D5Z56X.js +7 -0
- package/dist/esm/chunks/{chunk.3KEXRSB5.js.map → chunk.Y6D5Z56X.js.map} +2 -2
- package/dist/esm/chunks/chunk.YBPAGWVG.js +7 -0
- package/dist/esm/chunks/chunk.YBPAGWVG.js.map +7 -0
- package/dist/esm/chunks/chunk.YWDYBX3G.js +7 -0
- package/dist/esm/chunks/chunk.YWDYBX3G.js.map +7 -0
- package/dist/esm/chunks/chunk.ZHMV5SR4.js +7 -0
- package/dist/esm/chunks/{chunk.Z37CZMMR.js.map → chunk.ZHMV5SR4.js.map} +1 -1
- package/dist/esm/chunks/chunk.ZLACSRD4.js +7 -0
- package/dist/esm/chunks/{chunk.WJCZJ6XD.js.map → chunk.ZLACSRD4.js.map} +1 -1
- package/dist/esm/chunks/chunk.ZPVRRFT7.js +7 -0
- package/dist/esm/chunks/{chunk.W7BP2DDU.js.map → chunk.ZPVRRFT7.js.map} +2 -2
- package/dist/esm/chunks/chunk.ZS3T6MJS.js +7 -0
- package/dist/esm/chunks/{chunk.YA5OQD37.js.map → chunk.ZS3T6MJS.js.map} +2 -2
- package/dist/esm/chunks/chunk.ZUTQPJ2B.js +7 -0
- package/dist/esm/chunks/{chunk.Q74SG6BV.js.map → chunk.ZUTQPJ2B.js.map} +1 -1
- package/dist/esm/chunks/chunk.ZWIEYVZC.js +7 -0
- package/dist/esm/chunks/chunk.ZWIEYVZC.js.map +7 -0
- package/dist/esm/chunks/chunk.ZY3ETQ3D.js +7 -0
- package/dist/esm/chunks/chunk.ZY3ETQ3D.js.map +7 -0
- package/dist/esm/chunks/chunk.ZYCKD6K5.js +7 -0
- package/dist/esm/chunks/{chunk.447QNYAZ.js.map → chunk.ZYCKD6K5.js.map} +1 -1
- 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/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 +1 -1
- 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/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/overlay/index.js +7 -0
- package/dist/esm/overlay/index.js.map +7 -0
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popover/index.js +7 -0
- package/dist/esm/popover/index.js.map +7 -0
- 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/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/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-button/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 +1 -1
- 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/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/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/theme/forge-theme.css +1 -1
- package/esm/app-bar/help-button/app-bar-help-button-adapter.js +3 -3
- package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
- package/esm/app-bar/menu-button/app-bar-menu-button.js +4 -4
- package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js +3 -3
- package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +3 -3
- package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js +1 -0
- package/esm/app-bar/profile-button/app-bar-profile-button.js +1 -1
- package/esm/banner/banner.js +1 -1
- package/esm/button/base/base-button-adapter.d.ts +0 -3
- package/esm/button/base/base-button-adapter.js +5 -14
- package/esm/button/base/base-button-constants.d.ts +28 -28
- package/esm/button/base/base-button-foundation.d.ts +0 -2
- package/esm/button/base/base-button-foundation.js +1 -4
- package/esm/button/base/base-button.d.ts +8 -6
- package/esm/button/base/base-button.js +19 -15
- package/esm/button/button.js +2 -2
- package/esm/button-toggle/button-toggle/button-toggle-adapter.d.ts +6 -14
- package/esm/button-toggle/button-toggle/button-toggle-adapter.js +19 -45
- package/esm/button-toggle/button-toggle/button-toggle-constants.d.ts +11 -15
- package/esm/button-toggle/button-toggle/button-toggle-constants.js +6 -17
- package/esm/button-toggle/button-toggle/button-toggle-foundation.d.ts +18 -12
- package/esm/button-toggle/button-toggle/button-toggle-foundation.js +74 -30
- package/esm/button-toggle/button-toggle/button-toggle.d.ts +67 -14
- package/esm/button-toggle/button-toggle/button-toggle.js +82 -29
- package/esm/button-toggle/button-toggle-group/button-toggle-group-adapter.d.ts +7 -13
- package/esm/button-toggle/button-toggle-group/button-toggle-group-adapter.js +26 -91
- package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.d.ts +20 -11
- package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.js +8 -2
- package/esm/button-toggle/button-toggle-group/button-toggle-group-foundation.d.ts +20 -12
- package/esm/button-toggle/button-toggle-group/button-toggle-group-foundation.js +101 -97
- package/esm/button-toggle/button-toggle-group/button-toggle-group.d.ts +75 -9
- package/esm/button-toggle/button-toggle-group/button-toggle-group.js +134 -25
- package/esm/calendar/calendar-dom-utils.js +1 -2
- package/esm/calendar/calendar-foundation.d.ts +1 -1
- package/esm/calendar/calendar-foundation.js +13 -16
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/circular-progress/circular-progress-adapter.js +8 -12
- package/esm/circular-progress/circular-progress.d.ts +7 -3
- package/esm/circular-progress/circular-progress.js +4 -2
- package/esm/color-picker/color-picker.js +1 -1
- package/esm/constants.d.ts +1 -0
- package/esm/constants.js +2 -0
- package/esm/core/base/base-adapter.d.ts +2 -0
- package/esm/core/base/base-adapter.js +7 -4
- package/esm/core/base/index.d.ts +0 -4
- package/esm/core/base/index.js +0 -4
- package/esm/core/{base/base-focusable-component.d.ts → mixins/focus/with-focusable.d.ts} +2 -2
- package/esm/core/{base/base-focusable-component.js → mixins/focus/with-focusable.js} +1 -1
- package/esm/core/{base/base-form-associated-component.d.ts → mixins/form/with-form-associated.d.ts} +4 -10
- package/esm/core/{base/base-form-associated-component.js → mixins/form/with-form-associated.js} +1 -1
- package/esm/core/mixins/form/with-form-validity.d.ts +35 -0
- package/esm/core/mixins/form/with-form-validity.js +43 -0
- package/esm/core/mixins/interactions/longpress/with-longpress-listener.d.ts +33 -0
- package/esm/core/mixins/interactions/longpress/with-longpress-listener.js +82 -0
- package/esm/core/mixins/internals/with-default-aria.d.ts +32 -0
- package/esm/core/mixins/internals/with-default-aria.js +22 -0
- package/esm/core/mixins/internals/with-element-internals.d.ts +26 -0
- package/esm/core/mixins/internals/with-element-internals.js +22 -0
- package/esm/core/{base/base-label-aware-component.d.ts → mixins/label/with-label-aware.d.ts} +2 -2
- package/esm/core/utils/a11y-utils.d.ts +4 -34
- package/esm/core/utils/a11y-utils.js +7 -61
- package/esm/core/utils/deferred.d.ts +29 -0
- package/esm/core/utils/deferred.js +32 -0
- package/esm/core/utils/dismissible-stack.d.ts +74 -0
- package/esm/core/utils/dismissible-stack.js +133 -0
- package/esm/core/utils/feature-detection.d.ts +5 -0
- package/esm/core/utils/feature-detection.js +12 -3
- package/esm/core/utils/form-utils.d.ts +1 -1
- package/esm/core/utils/position-utils.d.ts +78 -0
- package/esm/core/utils/position-utils.js +197 -0
- package/esm/core/utils/utils.d.ts +14 -0
- package/esm/core/utils/utils.js +25 -7
- package/esm/date-range-picker/date-range-picker-foundation.d.ts +1 -0
- package/esm/date-range-picker/date-range-picker-foundation.js +4 -0
- package/esm/dialog/dialog-constants.d.ts +1 -0
- package/esm/dialog/dialog-constants.js +2 -1
- package/esm/dialog/dialog-foundation.js +3 -6
- package/esm/dialog/dialog.js +1 -1
- package/esm/drawer/mini-drawer/mini-drawer.js +1 -1
- package/esm/expansion-panel/expansion-panel-adapter.js +0 -5
- package/esm/floating-action-button/floating-action-button.js +1 -1
- package/esm/icon-button/icon-button-component-delegate.js +1 -1
- package/esm/icon-button/icon-button.js +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +7 -1
- package/esm/label/label-adapter.js +3 -3
- package/esm/label/label-constants.d.ts +1 -1
- package/esm/label/label-constants.js +3 -1
- package/esm/linear-progress/linear-progress-adapter.js +13 -12
- package/esm/linear-progress/linear-progress-constants.d.ts +6 -0
- package/esm/linear-progress/linear-progress-constants.js +4 -2
- package/esm/linear-progress/linear-progress-foundation.js +2 -1
- package/esm/linear-progress/linear-progress.d.ts +7 -3
- package/esm/linear-progress/linear-progress.js +8 -11
- package/esm/list/list/list.js +1 -1
- package/esm/list/list-item/list-item.js +1 -1
- package/esm/menu/menu.js +1 -5
- package/esm/open-icon/open-icon.js +2 -2
- package/esm/overlay/base/base-overlay-foundation.d.ts +50 -0
- package/esm/overlay/base/base-overlay-foundation.js +11 -0
- package/esm/overlay/base/base-overlay.d.ts +49 -0
- package/esm/overlay/base/base-overlay.js +106 -0
- package/esm/overlay/base/overlay-aware-adapter.d.ts +17 -0
- package/esm/overlay/base/overlay-aware-adapter.js +15 -0
- package/esm/overlay/base/overlay-aware-foundation.d.ts +53 -0
- package/esm/overlay/base/overlay-aware-foundation.js +158 -0
- package/esm/overlay/base/overlay-aware.d.ts +36 -0
- package/esm/overlay/base/overlay-aware.js +102 -0
- package/esm/overlay/index.d.ts +10 -0
- package/esm/overlay/index.js +14 -0
- package/esm/overlay/mixins/with-overlay-aware.d.ts +105 -0
- package/esm/overlay/mixins/with-overlay-aware.js +152 -0
- package/esm/overlay/overlay-adapter.d.ts +54 -0
- package/esm/overlay/overlay-adapter.js +182 -0
- package/esm/overlay/overlay-constants.d.ts +71 -0
- package/esm/overlay/overlay-constants.js +48 -0
- package/esm/overlay/overlay-foundation.d.ts +76 -0
- package/esm/overlay/overlay-foundation.js +288 -0
- package/esm/overlay/overlay.d.ts +90 -0
- package/esm/overlay/overlay.js +105 -0
- package/esm/paginator/paginator.js +1 -1
- package/esm/popover/index.d.ts +10 -0
- package/esm/popover/index.js +14 -0
- package/esm/popover/popover-adapter.d.ts +46 -0
- package/esm/popover/popover-adapter.js +105 -0
- package/esm/popover/popover-constants.d.ts +42 -0
- package/esm/popover/popover-constants.js +42 -0
- package/esm/popover/popover-foundation.d.ts +139 -0
- package/esm/popover/popover-foundation.js +458 -0
- package/esm/popover/popover.d.ts +96 -0
- package/esm/popover/popover.js +147 -0
- package/esm/popup/popup-constants.d.ts +1 -1
- package/esm/profile-card/profile-card.js +1 -1
- package/esm/radio/core/radio-group-manager.js +1 -1
- package/esm/radio/radio/radio-adapter.js +4 -10
- package/esm/radio/radio/radio-constants.d.ts +0 -2
- package/esm/radio/radio/radio-constants.js +1 -14
- package/esm/radio/radio/radio.d.ts +8 -3
- package/esm/radio/radio/radio.js +10 -8
- package/esm/radio/radio-group/radio-group-adapter.js +1 -3
- package/esm/radio/radio-group/radio-group-constants.d.ts +0 -2
- package/esm/radio/radio-group/radio-group-constants.js +1 -6
- package/esm/radio/radio-group/radio-group.d.ts +6 -3
- package/esm/radio/radio-group/radio-group.js +5 -3
- package/esm/slider/slider.d.ts +2 -2
- package/esm/slider/slider.js +2 -2
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/state-layer/state-layer-foundation.js +9 -10
- package/esm/switch/switch.js +1 -1
- package/esm/table/table-utils.js +2 -3
- package/esm/tabs/tab/tab.js +1 -1
- package/esm/tabs/tab-bar/tab-bar-adapter.d.ts +1 -1
- package/esm/tabs/tab-bar/tab-bar-adapter.js +3 -3
- package/esm/tabs/tab-bar/tab-bar-constants.d.ts +1 -1
- package/esm/tabs/tab-bar/tab-bar-constants.js +1 -1
- package/esm/tabs/tab-bar/tab-bar.js +2 -2
- package/esm/toast/toast-constants.d.ts +1 -1
- package/esm/toolbar/toolbar.js +1 -1
- package/esm/tooltip/index.d.ts +0 -1
- package/esm/tooltip/index.js +0 -1
- package/esm/tooltip/tooltip-adapter.d.ts +30 -60
- package/esm/tooltip/tooltip-adapter.js +105 -97
- package/esm/tooltip/tooltip-constants.d.ts +44 -21
- package/esm/tooltip/tooltip-constants.js +27 -22
- package/esm/tooltip/tooltip-foundation.d.ts +72 -84
- package/esm/tooltip/tooltip-foundation.js +265 -192
- package/esm/tooltip/tooltip.d.ts +93 -26
- package/esm/tooltip/tooltip.js +129 -31
- package/package.json +2 -4
- package/styles/app-bar/app-bar/_core.scss +2 -0
- package/styles/app-bar/app-bar/app-bar.scss +17 -17
- package/styles/app-bar/app-bar/index.scss +0 -2
- package/styles/app-bar/search/_core.scss +2 -0
- package/styles/app-bar/search/app-bar-search.scss +5 -6
- package/styles/app-bar/search/index.scss +0 -2
- package/styles/button/_core.scss +2 -0
- package/styles/button/button.scss +31 -25
- package/styles/button/index.scss +0 -2
- package/styles/button-toggle/button-toggle/_core.scss +78 -0
- package/styles/button-toggle/button-toggle/_token-utils.scss +30 -0
- package/styles/button-toggle/button-toggle/button-toggle.scss +65 -11
- package/styles/{app-bar/search/_configuration.scss → button-toggle/button-toggle/index.scss} +1 -5
- package/styles/button-toggle/button-toggle-group/_core.scss +62 -0
- package/styles/button-toggle/button-toggle-group/_token-utils.scss +30 -0
- package/styles/button-toggle/button-toggle-group/button-toggle-group.scss +123 -3
- package/styles/button-toggle/button-toggle-group/index.scss +8 -0
- package/styles/checkbox/_core.scss +3 -0
- package/styles/checkbox/checkbox.scss +24 -26
- package/styles/checkbox/index.scss +0 -2
- package/styles/circular-progress/_core.scss +2 -0
- package/styles/circular-progress/circular-progress.scss +36 -27
- package/styles/circular-progress/index.scss +0 -2
- package/styles/core/styles/elevation/index.scss +1 -1
- package/styles/core/styles/tokens/_token-utils.scss +14 -5
- package/styles/core/styles/tokens/button/_tokens.scss +4 -4
- package/styles/core/styles/tokens/button-toggle/button-toggle/_tokens.scss +68 -0
- package/styles/core/styles/tokens/button-toggle/button-toggle-group/_tokens.scss +48 -0
- package/styles/core/styles/tokens/checkbox/_tokens.scss +6 -6
- package/styles/core/styles/tokens/floating-action-button/_tokens.scss +1 -1
- package/styles/core/styles/tokens/icon-button/_tokens.scss +3 -3
- package/styles/core/styles/tokens/overlay/_tokens.scss +23 -0
- package/styles/core/styles/tokens/popover/_tokens.scss +56 -0
- package/styles/core/styles/tokens/profile-card/_tokens.scss +1 -1
- package/styles/core/styles/tokens/radio/_tokens.scss +1 -1
- package/styles/core/styles/tokens/switch/_tokens.scss +3 -3
- package/styles/core/styles/tokens/tabs/tab/_tokens.scss +5 -5
- package/styles/core/styles/tokens/theme/_token-utils.scss +12 -11
- package/styles/core/styles/tokens/theme/_tokens.surface.scss +3 -0
- package/styles/core/styles/tokens/theme/_tokens.text.scss +4 -4
- package/styles/core/styles/tokens/theme/_tokens.utilities.scss +3 -0
- package/styles/core/styles/tokens/tooltip/_tokens.scss +53 -0
- package/styles/dialog/_mixins.scss +1 -1
- package/styles/drawer/mini-drawer/_mixins.scss +0 -2
- package/styles/floating-action-button/_core.scss +2 -0
- package/styles/floating-action-button/floating-action-button.scss +14 -14
- package/styles/floating-action-button/index.scss +0 -2
- package/styles/focus-indicator/_core.scss +2 -0
- package/styles/focus-indicator/focus-indicator.scss +7 -8
- package/styles/focus-indicator/index.scss +0 -2
- package/styles/forge.scss +0 -1
- package/styles/icon-button/_core.scss +2 -0
- package/styles/icon-button/icon-button.scss +29 -28
- package/styles/icon-button/index.scss +0 -2
- package/styles/label/label.scss +2 -2
- package/styles/linear-progress/_core.scss +2 -0
- package/styles/linear-progress/index.scss +0 -2
- package/styles/linear-progress/linear-progress.scss +29 -18
- package/styles/list/list/_core.scss +2 -0
- package/styles/list/list/index.scss +0 -2
- package/styles/list/list/list.scss +4 -4
- package/styles/list/list-item/_core.scss +2 -0
- package/styles/list/list-item/index.scss +0 -2
- package/styles/list/list-item/list-item.scss +50 -44
- package/styles/overlay/_core.scss +46 -0
- package/styles/overlay/_token-utils.scss +31 -0
- package/styles/{checkbox/_configuration.scss → overlay/index.scss} +1 -5
- package/styles/overlay/overlay.scss +66 -0
- package/styles/popover/_animations.scss +36 -0
- package/styles/popover/_core.scss +56 -0
- package/styles/popover/_token-utils.scss +31 -0
- package/styles/{list/list/_configuration.scss → popover/index.scss} +1 -5
- package/styles/popover/popover.scss +254 -0
- package/styles/profile-card/_core.scss +2 -0
- package/styles/profile-card/index.scss +0 -2
- package/styles/profile-card/profile-card.scss +9 -11
- package/styles/radio/radio/_core.scss +3 -0
- package/styles/radio/radio/index.scss +0 -2
- package/styles/radio/radio/radio.scss +12 -15
- package/styles/slider/_core.scss +2 -0
- package/styles/slider/index.scss +0 -2
- package/styles/slider/slider.scss +45 -41
- package/styles/split-button/index.scss +0 -1
- package/styles/split-button/split-button.scss +3 -2
- package/styles/state-layer/_core.scss +3 -2
- package/styles/state-layer/index.scss +0 -2
- package/styles/state-layer/state-layer.scss +7 -8
- package/styles/switch/_core.scss +3 -0
- package/styles/switch/index.scss +0 -2
- package/styles/switch/switch.scss +28 -30
- package/styles/tabs/tab/_core.scss +2 -0
- package/styles/tabs/tab/index.scss +0 -2
- package/styles/tabs/tab/tab.scss +27 -28
- package/styles/tabs/tab-bar/_core.scss +2 -0
- package/styles/tabs/tab-bar/index.scss +0 -2
- package/styles/tabs/tab-bar/tab-bar.scss +21 -23
- package/styles/theme/_theme-dark.scss +14 -2
- package/styles/theme/_theme-values.scss +2 -0
- package/styles/toolbar/_mixins.scss +2 -1
- package/styles/tooltip/_animations.scss +18 -0
- package/styles/tooltip/_core.scss +86 -0
- package/styles/tooltip/_token-utils.scss +31 -0
- package/styles/tooltip/index.scss +6 -0
- package/styles/tooltip/tooltip.scss +107 -0
- package/dist/esm/chunks/chunk.3KEXRSB5.js +0 -7
- package/dist/esm/chunks/chunk.3TKTJ3BY.js +0 -7
- package/dist/esm/chunks/chunk.3TKTJ3BY.js.map +0 -7
- package/dist/esm/chunks/chunk.447QNYAZ.js +0 -7
- package/dist/esm/chunks/chunk.4IMRT2B3.js +0 -7
- package/dist/esm/chunks/chunk.4JDJ33IU.js +0 -7
- package/dist/esm/chunks/chunk.4QCGBFLU.js +0 -7
- package/dist/esm/chunks/chunk.4QCGBFLU.js.map +0 -7
- package/dist/esm/chunks/chunk.4XN2WGMP.js +0 -7
- package/dist/esm/chunks/chunk.5FCUOZSU.js +0 -7
- package/dist/esm/chunks/chunk.5KYKGNGY.js +0 -7
- package/dist/esm/chunks/chunk.5QZPUOGG.js +0 -7
- package/dist/esm/chunks/chunk.5ZMM75CJ.js +0 -7
- package/dist/esm/chunks/chunk.5ZMM75CJ.js.map +0 -7
- package/dist/esm/chunks/chunk.6FUXTHO6.js +0 -7
- package/dist/esm/chunks/chunk.6ORVPXNN.js +0 -7
- package/dist/esm/chunks/chunk.6ORVPXNN.js.map +0 -7
- package/dist/esm/chunks/chunk.6ZJIHOIG.js +0 -7
- package/dist/esm/chunks/chunk.6ZJIHOIG.js.map +0 -7
- package/dist/esm/chunks/chunk.7PVVZC7P.js +0 -7
- package/dist/esm/chunks/chunk.AEO2X5OZ.js +0 -7
- package/dist/esm/chunks/chunk.AIPDMLJD.js +0 -7
- package/dist/esm/chunks/chunk.APFDK6YA.js +0 -7
- package/dist/esm/chunks/chunk.APFDK6YA.js.map +0 -7
- package/dist/esm/chunks/chunk.AVRBHXDT.js +0 -177
- package/dist/esm/chunks/chunk.BIVQ4GTK.js +0 -7
- package/dist/esm/chunks/chunk.BJD6BKGC.js +0 -31
- package/dist/esm/chunks/chunk.BJD6BKGC.js.map +0 -7
- package/dist/esm/chunks/chunk.BS73Y6IN.js +0 -7
- package/dist/esm/chunks/chunk.BWGDZUJV.js +0 -12
- package/dist/esm/chunks/chunk.BWGDZUJV.js.map +0 -7
- package/dist/esm/chunks/chunk.CBY7M4X6.js +0 -7
- package/dist/esm/chunks/chunk.CZOABXEQ.js +0 -7
- package/dist/esm/chunks/chunk.DLBAZD5X.js +0 -7
- package/dist/esm/chunks/chunk.DTWXICOY.js +0 -7
- package/dist/esm/chunks/chunk.DTWXICOY.js.map +0 -7
- package/dist/esm/chunks/chunk.EMCY55MX.js +0 -7
- package/dist/esm/chunks/chunk.ESQWFHCF.js +0 -7
- package/dist/esm/chunks/chunk.ESQWFHCF.js.map +0 -7
- package/dist/esm/chunks/chunk.FDZSLGIW.js +0 -7
- package/dist/esm/chunks/chunk.FDZSLGIW.js.map +0 -7
- package/dist/esm/chunks/chunk.FJ5VNWYK.js +0 -7
- package/dist/esm/chunks/chunk.FJ5VNWYK.js.map +0 -7
- package/dist/esm/chunks/chunk.FJRCWWE2.js +0 -7
- package/dist/esm/chunks/chunk.FJRCWWE2.js.map +0 -7
- package/dist/esm/chunks/chunk.FQUZWINF.js +0 -7
- package/dist/esm/chunks/chunk.FSILMO6U.js +0 -7
- package/dist/esm/chunks/chunk.FXGY5IVK.js +0 -7
- package/dist/esm/chunks/chunk.G67LO74A.js +0 -7
- package/dist/esm/chunks/chunk.G67LO74A.js.map +0 -7
- package/dist/esm/chunks/chunk.GGQL3OZB.js +0 -7
- package/dist/esm/chunks/chunk.I7OY43HW.js +0 -7
- package/dist/esm/chunks/chunk.I7OY43HW.js.map +0 -7
- package/dist/esm/chunks/chunk.I7X25KEB.js +0 -7
- package/dist/esm/chunks/chunk.I7X25KEB.js.map +0 -7
- package/dist/esm/chunks/chunk.ICIGXLJW.js +0 -7
- package/dist/esm/chunks/chunk.ILUXZNGY.js +0 -7
- package/dist/esm/chunks/chunk.ILUXZNGY.js.map +0 -7
- package/dist/esm/chunks/chunk.JEZR25US.js +0 -7
- package/dist/esm/chunks/chunk.JPI4XCQL.js +0 -7
- package/dist/esm/chunks/chunk.JPI4XCQL.js.map +0 -7
- package/dist/esm/chunks/chunk.JRSFCVYQ.js +0 -7
- package/dist/esm/chunks/chunk.JRSFCVYQ.js.map +0 -7
- package/dist/esm/chunks/chunk.JZ27GPZJ.js +0 -7
- package/dist/esm/chunks/chunk.K3TJMIKD.js +0 -7
- package/dist/esm/chunks/chunk.K3TJMIKD.js.map +0 -7
- package/dist/esm/chunks/chunk.KGHABAFA.js +0 -7
- package/dist/esm/chunks/chunk.KR4BNI6X.js +0 -7
- package/dist/esm/chunks/chunk.KUNIEX72.js +0 -7
- package/dist/esm/chunks/chunk.L27ANAIL.js +0 -7
- package/dist/esm/chunks/chunk.L4UXWCVD.js +0 -7
- package/dist/esm/chunks/chunk.L4UXWCVD.js.map +0 -7
- package/dist/esm/chunks/chunk.LK6QHLW2.js +0 -7
- package/dist/esm/chunks/chunk.LYZXJYTW.js +0 -7
- package/dist/esm/chunks/chunk.LZ2YQYJA.js +0 -7
- package/dist/esm/chunks/chunk.LZ2YQYJA.js.map +0 -7
- package/dist/esm/chunks/chunk.MROUV35N.js +0 -7
- package/dist/esm/chunks/chunk.NM7FJISF.js +0 -7
- package/dist/esm/chunks/chunk.NM7FJISF.js.map +0 -7
- package/dist/esm/chunks/chunk.NVR6KN2B.js +0 -7
- package/dist/esm/chunks/chunk.O6F4U4VY.js +0 -7
- package/dist/esm/chunks/chunk.ONII3BV3.js +0 -7
- package/dist/esm/chunks/chunk.OTUEB7SD.js +0 -7
- package/dist/esm/chunks/chunk.PMSCH6VK.js +0 -7
- package/dist/esm/chunks/chunk.PRJHBUU2.js.map +0 -7
- package/dist/esm/chunks/chunk.Q2Q626DG.js +0 -7
- package/dist/esm/chunks/chunk.Q4YL47ZL.js +0 -7
- package/dist/esm/chunks/chunk.Q4YL47ZL.js.map +0 -7
- package/dist/esm/chunks/chunk.Q54DACHS.js +0 -7
- package/dist/esm/chunks/chunk.Q74SG6BV.js +0 -7
- package/dist/esm/chunks/chunk.QGMWM7IT.js +0 -7
- package/dist/esm/chunks/chunk.QGMWM7IT.js.map +0 -7
- package/dist/esm/chunks/chunk.RCPUTZON.js +0 -7
- package/dist/esm/chunks/chunk.SBKKBQDX.js +0 -7
- package/dist/esm/chunks/chunk.SBKKBQDX.js.map +0 -7
- package/dist/esm/chunks/chunk.SVVF632P.js +0 -7
- package/dist/esm/chunks/chunk.SVVF632P.js.map +0 -7
- package/dist/esm/chunks/chunk.T4J66YX5.js +0 -7
- package/dist/esm/chunks/chunk.THNCYT3E.js +0 -7
- package/dist/esm/chunks/chunk.TSUAFZGY.js +0 -7
- package/dist/esm/chunks/chunk.UOEJCU6R.js +0 -7
- package/dist/esm/chunks/chunk.VG452D3L.js +0 -7
- package/dist/esm/chunks/chunk.VQPSP4HV.js +0 -7
- package/dist/esm/chunks/chunk.VQPSP4HV.js.map +0 -7
- package/dist/esm/chunks/chunk.W7BP2DDU.js +0 -7
- package/dist/esm/chunks/chunk.WARVAVAW.js +0 -7
- package/dist/esm/chunks/chunk.WEHQUUXJ.js +0 -7
- package/dist/esm/chunks/chunk.WEHQUUXJ.js.map +0 -7
- package/dist/esm/chunks/chunk.WJCZJ6XD.js +0 -7
- package/dist/esm/chunks/chunk.X3QZY7V4.js +0 -7
- package/dist/esm/chunks/chunk.XQLQ73NG.js +0 -7
- package/dist/esm/chunks/chunk.Y4ZS3A6F.js +0 -7
- package/dist/esm/chunks/chunk.YA5OQD37.js +0 -7
- package/dist/esm/chunks/chunk.YMSX4F3J.js +0 -7
- package/dist/esm/chunks/chunk.Z37CZMMR.js +0 -7
- package/dist/esm/chunks/chunk.ZIRA4PYV.js +0 -7
- package/dist/esm/chunks/chunk.ZT7U7WOX.js +0 -7
- package/dist/esm/chunks/chunk.ZX3CGET2.js +0 -7
- package/dist/esm/chunks/chunk.ZX3CGET2.js.map +0 -7
- package/dist/tooltip/forge-tooltip.css +0 -6
- package/esm/core/base/base-element-internals-component.d.ts +0 -41
- package/esm/core/base/base-element-internals-component.js +0 -47
- package/esm/tooltip/tooltip-utils.d.ts +0 -13
- package/esm/tooltip/tooltip-utils.js +0 -53
- package/styles/app-bar/app-bar/_configuration.scss +0 -16
- package/styles/button/_configuration.scss +0 -16
- package/styles/button-toggle/button-toggle/_mixins.scss +0 -117
- package/styles/button-toggle/button-toggle-group/_mixins.scss +0 -79
- package/styles/circular-progress/_configuration.scss +0 -16
- package/styles/floating-action-button/_configuration.scss +0 -16
- package/styles/icon-button/_configuration.scss +0 -16
- package/styles/linear-progress/_configuration.scss +0 -28
- package/styles/list/list-item/_configuration.scss +0 -16
- package/styles/radio/radio/_configuration.scss +0 -10
- package/styles/split-button/_configuration.scss +0 -12
- package/styles/state-layer/_configuration.scss +0 -10
- package/styles/switch/_configuration.scss +0 -10
- package/styles/tabs/tab/_configuration.scss +0 -27
- package/styles/tabs/tab-bar/_configuration.scss +0 -10
- package/styles/tooltip/_mixins.scss +0 -98
- package/styles/tooltip/_variables.scss +0 -18
- package/styles/tooltip/forge-tooltip.scss +0 -12
- /package/dist/esm/chunks/{chunk.MTSWCXTY.js.map → chunk.55D2BMXX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BC7WB5RG.js.map → chunk.B53Q676I.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U7S4DJTU.js.map → chunk.FGHSNC2V.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.URKQICJD.js.map → chunk.FZELFLPE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5EGEZ4IY.js.map → chunk.GLUKTMQU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IHIKIZIT.js.map → chunk.M5JGYRH4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.O6MGA3XK.js.map → chunk.N75VD4S4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KDJZN6EW.js.map → chunk.NW54VA4E.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BAQYPAUM.js.map → chunk.OXVCCHM5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MHH26REX.js.map → chunk.QKTNCOVX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.42YDA5FH.js.map → chunk.RDQ3QGWS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AR6YUJUH.js.map → chunk.RKG66YKS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BTWJPE4Y.js.map → chunk.TZ67MC2N.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7LOMI6J3.js.map → chunk.VGIZJ32U.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U42I3PGF.js.map → chunk.WFQYTXCB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KWBYYSH3.js.map → chunk.WQHKUNR7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NBLL7VAA.js.map → chunk.X57DRPFB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.L45HXBDS.js.map → chunk.X7YTDVNT.js.map} +0 -0
- /package/esm/core/{base/base-label-aware-component.js → mixins/label/with-label-aware.js} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{b as d,d as O}from"./chunk.5XLCY232.js";import{a as N}from"./chunk.7SYU6KRU.js";import{a as x}from"./chunk.INQZNXG6.js";import{a as k,b as F}from"./chunk.H6MMHAQI.js";import{a as I}from"./chunk.ZY3ETQ3D.js";import{a as l}from"./chunk.NVUMRW44.js";import{a as A,b as V,g as b,h as c,i as S,j as s,k as C,l as B,m as v}from"./chunk.RRNSZCVJ.js";import{a as y,e as E,f as T,k as L}from"./chunk.TPXXHX5J.js";import{k as g}from"./chunk.J2M2MXP2.js";import{a as _,d as n}from"./chunk.M3QDAYD2.js";function D(p){class t extends p{constructor(){super(...arguments);this._hasCustomValidityError=!1}get validity(){return this[s].validity}get validationMessage(){return this[s].validationMessage}get willValidate(){return this[s].willValidate}checkValidity(){return this[s].checkValidity()}reportValidity(){return this[s].reportValidity()}setCustomValidity(o){this._hasCustomValidityError=o!=="",this[s].setCustomValidity({customError:this._hasCustomValidityError},o)}}return t}var R=`${V}button-toggle-group`,G={VALUE:"value",MULTIPLE:"multiple",MANDATORY:"mandatory",VERTICAL:"vertical",STRETCH:"stretch",DISABLED:"disabled",REQUIRED:"required",READONLY:"readonly",DENSE:"dense",NO_OUTLINE:"no-outline",THEME:"theme"},w=_({},G),M={VERTICAL:"forge-button-toggle-group--vertical",STRETCH:"forge-button-toggle-group--stretch"},H={ROOT:".forge-button-toggle-group"},U={CHANGE:`${R}-change`},i={elementName:R,observedAttributes:G,attributes:w,classes:M,selectors:H,events:U};var h=class extends I{constructor(e){super(e);this._rootElement=T(e,i.selectors.ROOT),this._defaultSlotElement=this._rootElement.querySelector("slot")}addListener(e,r){this._rootElement.addEventListener(e,r)}removeListener(e,r){this._rootElement.removeEventListener(e,r)}addSlotChangeListener(e){this._defaultSlotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._defaultSlotElement.addEventListener("slotchange",e)}deselect(e){this._getButtonToggleElements().filter(o=>o!==e).forEach(o=>o.selected=!1)}setDisabled(e){this._component[B]=!e,this._getButtonToggleElements().forEach(o=>o.disabled=e)}setReadonly(e){this._getButtonToggleElements().forEach(o=>o.readonly=e)}getSelectedValues(){return this._getButtonToggleElements().filter(r=>r.selected).map(r=>r.value)}applyValues(e){this._getButtonToggleElements().forEach(o=>o.selected=e.indexOf(o.value)>=0)}setFormValue(){if(!this._component.form)return;let e=this._component[b](),r=this._component[c]();this._component[s].setFormValue(e,r)}setFormValidity(){if(!this._component.form||!this._component.required)return;let e=this._component.multiple?!this._component.value.length:!this._component.value;if(e){let r=this._component[S]({required:e});this._component[s].setValidity({valueMissing:e},r,this._getButtonToggleElements()[0])}else this._component[s].setValidity({})}_getButtonToggleElements(){return Array.from(this._component.querySelectorAll(d.elementName))}};var m=class{constructor(t){this._adapter=t;this._values=[];this._outlined=!0;this._multiple=!1;this._mandatory=!1;this._vertical=!1;this._stretch=!1;this._dense=!1;this._disabled=!1;this._readonly=!1;this._required=!1;this._theme="tertiary";this._selectListener=e=>this._onSelect(e),this._slotListener=()=>this._synchronize()}initialize(){this._adapter.setFormValue(),this._adapter.setFormValidity(),this._adapter.addListener(d.events.SELECT,this._selectListener),this._adapter.addSlotChangeListener(this._slotListener)}destroy(){this._adapter.removeListener(d.events.SELECT,this._selectListener),this._adapter.removeSlotChangeListener(this._slotListener)}_synchronize(){if(this._disabled&&this._adapter.setDisabled(this._disabled),this._readonly&&this._adapter.setReadonly(this._readonly),this._multiple){let t=new Set(this._adapter.getSelectedValues().concat(this._values));this.value=Array.from(t)}else{let t=this._adapter.getSelectedValues().concat(this._values);this.value=t.length?t[t.length-1]:null}}_onSelect(t){if(this._mandatory&&!this._adapter.getSelectedValues().length){t.preventDefault();return}let e;t.detail.selected?e=this._multiple?[...this._values,t.detail.value]:[t.detail.value]:e=this._multiple?this._values.filter(u=>u!==t.detail.value):[];let r=this._multiple?e:e.length?e[0]:null,o=new CustomEvent(i.events.CHANGE,{detail:r,bubbles:!0,cancelable:!0});if(this._adapter.dispatchHostEvent(o),o.defaultPrevented){t.preventDefault();return}this._values=e,this._adapter.applyValues(this._values),this._adapter.setFormValue(),this._adapter.setFormValidity()}_applyValue(t){let e=Array.isArray(t)?t:t!=null?[t]:[];this._values=e,!this._multiple&&e.length>1&&(e=[e[0]]),this._adapter.applyValues(e),this._adapter.setFormValue(),this._adapter.setFormValidity()}get value(){var e;let t=Array.from(new Set(this._adapter.getSelectedValues().concat(this._values)));return this._multiple?Array.from(t):(e=t[0])!=null?e:null}set value(t){this._applyValue(t)}get multiple(){return this._multiple}set multiple(t){t=!!t,this._multiple!==t&&(this._multiple=t,this._applyValue(this._values),this._adapter.toggleHostAttribute(i.attributes.MULTIPLE,this._multiple))}get mandatory(){return this._mandatory}set mandatory(t){t=!!t,this._mandatory!==t&&(this._mandatory=t,this._adapter.toggleHostAttribute(i.attributes.MANDATORY,this._mandatory))}get vertical(){return this._vertical}set vertical(t){t=!!t,this._vertical!==t&&(this._vertical=t,this._adapter.toggleHostAttribute(i.attributes.VERTICAL,this._vertical))}get stretch(){return this._stretch}set stretch(t){t=!!t,this._stretch!==t&&(this._stretch=t,this._adapter.toggleHostAttribute(i.attributes.STRETCH,this._stretch))}get dense(){return this._dense}set dense(t){t=!!t,this._dense!==t&&(this._dense=t,this._adapter.toggleHostAttribute(i.attributes.DENSE,this._dense))}get disabled(){return this._disabled}set disabled(t){t=!!t,this._disabled!==t&&(this._disabled=t,this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled))}get readonly(){return this._readonly}set readonly(t){t=!!t,this._readonly!==t&&(this._readonly=t,this._adapter.setReadonly(this._readonly),this._adapter.toggleHostAttribute(i.attributes.READONLY,this._readonly))}get required(){return this._required}set required(t){t=!!t,this._required!==t&&(this._required=t,this._adapter.toggleHostAttribute(i.attributes.REQUIRED,this._required))}get outlined(){return this._outlined}set outlined(t){t=!!t,this._outlined!==t&&(this._outlined=t,this._adapter.toggleHostAttribute(i.attributes.NO_OUTLINE,!this._outlined))}get theme(){return this._theme}set theme(t){this._theme!==t&&(this._theme=t,this._adapter.toggleHostAttribute(i.attributes.THEME,this._theme!=="tertiary",this._theme))}};var W='<template><div class="forge-button-toggle-group" part="root"><slot></slot></div></template>',q=":host{--_button-toggle-group-display:var(--forge-button-toggle-group-display, inline-flex)}:host{display:var(--_button-toggle-group-display)}:host([hidden]){display:none}.forge-button-toggle-group{--_button-toggle-group-gap:var(--forge-button-toggle-group-gap, 4px);--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 4px);--_button-toggle-group-padding-block:var(--forge-button-toggle-group-padding-block, var(--_button-toggle-group-padding));--_button-toggle-group-padding-inline:var(--forge-button-toggle-group-padding-inline, var(--_button-toggle-group-padding));--_button-toggle-group-height:var(--forge-button-toggle-group-height, var(--forge-button-height, 36px));--_button-toggle-group-dense-height:var(--forge-button-toggle-group-dense-height, var(--forge-button-dense-height, 24px));--_button-toggle-group-outline-width:var(--forge-button-toggle-group-outline-width, var(--forge-border-thin, 1px));--_button-toggle-group-outline-style:var(--forge-button-toggle-group-outline-style, solid);--_button-toggle-group-outline-color:var(--forge-button-toggle-group-outline-color, var(--forge-theme-outline-low, #9e9e9e));--_button-toggle-group-outline-color-active:var(--forge-button-toggle-group-outline-color-active, var(--forge-theme-outline-medium, #757575));--_button-toggle-group-shape:var(--forge-button-toggle-group-shape, var(--forge-shape-medium, 4px));--_button-toggle-group-shape-start-start:var(--forge-button-toggle-group-shape-start-start, var(--_button-toggle-group-shape));--_button-toggle-group-shape-start-end:var(--forge-button-toggle-group-shape-start-end, var(--_button-toggle-group-shape));--_button-toggle-group-shape-end-start:var(--forge-button-toggle-group-shape-end-start, var(--_button-toggle-group-shape));--_button-toggle-group-shape-end-end:var(--forge-button-toggle-group-shape-end-end, var(--_button-toggle-group-shape));--_button-toggle-group-transition-duration:var(--forge-button-toggle-group-transition-duration, var(--forge-button-toggle-transition-duration, var(--forge-animation-duration-short3, 150ms)));--_button-toggle-group-transition-timing:var(--forge-button-toggle-group-transition-timing, var(--forge-button-toggle-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))))}.forge-button-toggle-group{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--_button-toggle-group-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_button-toggle-group-height);border-width:var(--_button-toggle-group-outline-width);border-style:var(--_button-toggle-group-outline-style);border-color:var(--_button-toggle-group-outline-color);border-start-start-radius:var(--_button-toggle-group-shape-start-start);border-start-end-radius:var(--_button-toggle-group-shape-start-end);border-end-start-radius:var(--_button-toggle-group-shape-end-start);border-end-end-radius:var(--_button-toggle-group-shape-end-end);padding-block:var(--_button-toggle-group-padding-block);padding-inline:var(--_button-toggle-group-padding-inline);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:var(--_button-toggle-group-transition-duration);transition-duration:var(--_button-toggle-group-transition-duration);-webkit-transition-timing-function:var(--_button-toggle-group-transition-timing);transition-timing-function:var(--_button-toggle-group-transition-timing)}:host(:not([disabled]):not([no-outline])) .forge-button-toggle-group:focus-within,:host(:not([disabled]):not([no-outline])) .forge-button-toggle-group:hover{--_button-toggle-group-outline-color:var(--_button-toggle-group-outline-color-active)}:host([no-outline]) .forge-button-toggle-group{--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 0);--_button-toggle-group-outline-style:var(--forge-button-toggle-group-outline-style, none)}:host(:is([dense],[density=dense])) .forge-button-toggle-group{--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 0);--_button-toggle-group-height:var(--_button-toggle-group-dense-height)}:host([vertical]) .forge-button-toggle-group{height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical]) ::slotted(forge-button-toggle){height:var(--_button-toggle-group-height);width:100%}:host([vertical]) ::slotted(forge-divider:not([vertical])){margin-inline:4px;width:100%}::slotted(forge-divider[vertical]){margin-block:4px}:host([stretch]){display:block}:host([stretch]) .forge-button-toggle-group{width:100%}:host(:not([vertical])[stretch]) ::slotted(forge-button-toggle){-webkit-box-flex:1;flex:1}:host([theme=primary]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-primary-container, #d1d5ed);--forge-button-toggle-selected-color:var(--forge-theme-on-primary-container, #222c62);--forge-button-toggle-focus-indicator-color:var(--forge-theme-primary, #3f51b5)}:host([theme=secondary]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-secondary-container, #fff0c3);--forge-button-toggle-selected-color:var(--forge-theme-on-secondary-container, #8a6804);--forge-button-toggle-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=success]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-success-container, #cde0ce);--forge-button-toggle-selected-color:var(--forge-theme-on-success-container, #19441b);--forge-button-toggle-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-error-container, #ecc2c9);--forge-button-toggle-selected-color:var(--forge-theme-on-error-container, #5f0011);--forge-button-toggle-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-warning-container, #f4d3c2);--forge-button-toggle-selected-color:var(--forge-theme-on-warning-container, #712700);--forge-button-toggle-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-info-container, #c7daf0);--forge-button-toggle-selected-color:var(--forge-theme-on-info-container, #0b3768);--forge-button-toggle-focus-indicator-color:var(--forge-theme-info, #1565c0)}",P=x(N(D(F(k(L))))),a=class extends P{constructor(){super();E(this,W,q),this._foundation=new m(new h(this)),this[C]="radio"}static get observedAttributes(){return Object.values(i.observedAttributes)}connectedCallback(){this[v]({role:"group"},{setAttribute:!this.hasAttribute("role")}),this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,r,o){switch(e){case i.observedAttributes.VALUE:this.value=o;break;case i.observedAttributes.NO_OUTLINE:this.outlined=!g(o);break;case i.observedAttributes.MULTIPLE:this.multiple=g(o);break;case i.observedAttributes.MANDATORY:this.mandatory=g(o);break;case i.observedAttributes.VERTICAL:this.vertical=g(o);break;case i.observedAttributes.STRETCH:this.stretch=g(o);break;case i.observedAttributes.DENSE:this.dense=g(o);break;case i.observedAttributes.DISABLED:this.disabled=g(o);break;case i.observedAttributes.REQUIRED:this.required=g(o);break;case i.observedAttributes.READONLY:this.readonly=g(o);break;case i.observedAttributes.THEME:this.theme=o;break}}[b](){let e=Array.isArray(this.value)?this.value.length>0:!!this.value,r=null;if(e){let o=Array.isArray(this.value)?this.value:[this.value];o.length&&(r=new FormData,o.forEach(u=>r==null?void 0:r.append(this.name,u)))}return r}[c](){let e=new FormData,r=Array.isArray(this.value)?this.value:this.value!=null?[this.value]:[];return e.append("multiple",String(this.multiple)),r.forEach(o=>e.append("value",o)),e}formStateRestoreCallback(e,r){var o;if(r==="restore"&&e instanceof FormData){let u=e.get("multiple")==="true",f=e.getAll("value");if(u){this.multiple=u,this.value=f;return}this.value=(o=f[0])!=null?o:null}}formResetCallback(){this.value=this.getAttribute("value")}labelChangedCallback(e){this[v]({ariaLabel:e!=null?e:void 0})}};n([l()],a.prototype,"value",2),n([l()],a.prototype,"outlined",2),n([l()],a.prototype,"multiple",2),n([l()],a.prototype,"mandatory",2),n([l()],a.prototype,"vertical",2),n([l()],a.prototype,"stretch",2),n([l()],a.prototype,"dense",2),n([l()],a.prototype,"disabled",2),n([l()],a.prototype,"required",2),n([l()],a.prototype,"readonly",2),n([l()],a.prototype,"theme",2),a=n([A({name:i.elementName,dependencies:[O]})],a);function Dt(){y(a)}export{i as a,h as b,m as c,a as d,Dt as e};
|
|
7
|
+
//# sourceMappingURL=chunk.KM5XYTE3.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/core/mixins/form/with-form-validity.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group-constants.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group-adapter.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group-foundation.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group.ts", "../../src/button-toggle/button-toggle-group/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { AbstractConstructor, MixinBase, internals } from '../../../constants';\nimport { IBaseComponent } from '../../base/base-component';\n\n/**\n * An element that is integrated with native form validation.\n */\nexport interface IWithFormValidity extends IBaseComponent {\n required: boolean;\n\n readonly validity: ValidityState;\n readonly validationMessage: string;\n readonly willValidate: boolean;\n\n checkValidity(): boolean;\n reportValidity(): boolean;\n setCustomValidity(error: string): void;\n}\n\nexport declare abstract class WithFormValidityContract {\n public abstract required: boolean;\n\n public get validity(): ValidityState;\n public get validationMessage(): string;\n public get willValidate(): boolean;\n\n public checkValidity(): boolean;\n public reportValidity(): boolean;\n public setCustomValidity(error: string): void;\n}\n\n/**\n * Provides form validity functionality for an element.\n * \n * @param base The base component to mix into.\n * @returns The mixed-in base component.\n */\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport function WithFormValidity<TBase extends MixinBase>(base: TBase) {\n abstract class FormValidity extends base implements IWithFormValidity {\n public abstract required: boolean;\n\n public get validity(): ValidityState {\n return this[internals].validity;\n }\n\n public get validationMessage(): string {\n return this[internals].validationMessage;\n }\n\n public get willValidate(): boolean {\n return this[internals].willValidate;\n }\n\n // Needed for Safari, see https://bugs.webkit.org/show_bug.cgi?id=261432\n // Replace with this.internals.validity.customError when resolved.\n protected _hasCustomValidityError = false;\n\n public checkValidity(): boolean {\n return this[internals].checkValidity();\n }\n\n public reportValidity(): boolean {\n return this[internals].reportValidity();\n }\n\n public setCustomValidity(error: string): void {\n this._hasCustomValidityError = error !== '';\n this[internals].setCustomValidity({ customError: this._hasCustomValidityError }, error);\n }\n }\n\n return FormValidity as AbstractConstructor<WithFormValidityContract> & TBase;\n}\n", "import { COMPONENT_NAME_PREFIX, Theme } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}button-toggle-group`;\n\nconst observedAttributes = {\n VALUE: 'value',\n MULTIPLE: 'multiple',\n MANDATORY: 'mandatory',\n VERTICAL: 'vertical',\n STRETCH: 'stretch',\n DISABLED: 'disabled',\n REQUIRED: 'required',\n READONLY: 'readonly',\n DENSE: 'dense',\n NO_OUTLINE: 'no-outline',\n THEME: 'theme'\n};\n\nconst attributes = {\n ...observedAttributes\n};\n\nconst classes = {\n VERTICAL: 'forge-button-toggle-group--vertical',\n STRETCH: 'forge-button-toggle-group--stretch'\n};\n\nconst selectors = {\n ROOT: '.forge-button-toggle-group'\n};\n\nconst events = {\n CHANGE: `${elementName}-change`\n};\n\nexport const BUTTON_TOGGLE_GROUP_CONSTANTS = {\n elementName,\n observedAttributes,\n attributes,\n classes,\n selectors,\n events\n};\n\nexport type IButtonToggleGroupChangeEventData<T = unknown> = T;\nexport type ButtonToggleGroupTheme = Theme;\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { getFormState, getFormValue, getValidationMessage, internals, isFocusable } from '../../constants';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupComponent } from './button-toggle-group';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupAdapter extends IBaseAdapter {\n addListener(type: string, listener: (evt: Event) => void): void;\n removeListener(type: string, listener: (evt: Event) => void): void;\n addSlotChangeListener(listener: (evt: Event) => void): void;\n removeSlotChangeListener(listener: (evt: Event) => void): void;\n deselect(selectedToggle: IButtonToggleComponent): void;\n setDisabled(value: boolean): void;\n setReadonly(value: boolean): void;\n getSelectedValues(): any[];\n applyValues(values: any[]): void;\n setFormValue(): void;\n setFormValidity(): void;\n}\n\nexport class ButtonToggleGroupAdapter extends BaseAdapter<IButtonToggleGroupComponent> implements IButtonToggleGroupAdapter {\n private _rootElement: HTMLElement;\n private _defaultSlotElement: HTMLSlotElement;\n\n constructor(component: IButtonToggleGroupComponent) {\n super(component);\n this._rootElement = getShadowElement(component, BUTTON_TOGGLE_GROUP_CONSTANTS.selectors.ROOT);\n this._defaultSlotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n }\n\n public addListener(type: string, listener: (evt: Event) => void): void {\n this._rootElement.addEventListener(type, listener);\n }\n\n public removeListener(type: string, listener: (evt: Event) => void): void {\n this._rootElement.removeEventListener(type, listener);\n }\n\n public addSlotChangeListener(listener: EventListener): void {\n this._defaultSlotElement.addEventListener('slotchange', listener);\n }\n\n public removeSlotChangeListener(listener: EventListener): void {\n this._defaultSlotElement.addEventListener('slotchange', listener);\n }\n\n public deselect(selectedToggle: IButtonToggleComponent): void {\n const toggles = this._getButtonToggleElements();\n toggles.filter(t => t !== selectedToggle).forEach(t => t.selected = false);\n }\n\n public setDisabled(value: boolean): void {\n this._component[isFocusable] = !value;\n const toggles = this._getButtonToggleElements();\n toggles.forEach(t => t.disabled = value);\n }\n\n public setReadonly(value: boolean): void {\n const toggles = this._getButtonToggleElements();\n toggles.forEach(t => t.readonly = value);\n }\n\n public getSelectedValues(): any[] {\n const toggles = this._getButtonToggleElements();\n return toggles.filter(t => t.selected).map(t => t.value);\n }\n\n public applyValues(values: any[]): void {\n const toggles = this._getButtonToggleElements();\n toggles.forEach(t => t.selected = values.indexOf(t.value) >= 0);\n }\n\n public setFormValue(): void {\n if (!this._component.form) {\n return;\n }\n const data = this._component[getFormValue]();\n const state = this._component[getFormState]();\n this._component[internals].setFormValue(data, state);\n }\n\n public setFormValidity(): void {\n if (!this._component.form || !this._component.required) {\n return;\n }\n const required = this._component.multiple ? !this._component.value.length : !this._component.value;\n if (required) {\n const validationMessage = this._component[getValidationMessage]({ required });\n this._component[internals].setValidity({ valueMissing: required }, validationMessage, this._getButtonToggleElements()[0]);\n } else {\n this._component[internals].setValidity({});\n }\n }\n\n private _getButtonToggleElements(): IButtonToggleComponent[] {\n return Array.from(this._component.querySelectorAll(BUTTON_TOGGLE_CONSTANTS.elementName));\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS, IButtonToggleSelectEventData } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { ButtonToggleGroupTheme, BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleGroupChangeEventData } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupFoundation extends ICustomElementFoundation {\n value: unknown;\n multiple: boolean;\n stretch: boolean;\n mandatory: boolean;\n vertical: boolean;\n dense: boolean;\n disabled: boolean;\n readonly: boolean;\n required: boolean;\n outlined: boolean;\n theme: ButtonToggleGroupTheme;\n}\n\nexport class ButtonToggleGroupFoundation implements IButtonToggleGroupFoundation {\n private _values: unknown[] = [];\n private _outlined = true;\n private _multiple = false;\n private _mandatory = false;\n private _vertical = false;\n private _stretch = false;\n private _dense = false;\n private _disabled = false;\n private _readonly = false;\n private _required = false;\n private _theme: ButtonToggleGroupTheme = 'tertiary';\n\n private _selectListener: (evt: CustomEvent<IButtonToggleSelectEventData>) => void;\n private _slotListener: () => void;\n\n constructor(private _adapter: IButtonToggleGroupAdapter) {\n this._selectListener = evt => this._onSelect(evt);\n this._slotListener = () => this._synchronize();\n }\n\n public initialize(): void {\n this._adapter.setFormValue();\n this._adapter.setFormValidity();\n this._adapter.addListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n this._adapter.addSlotChangeListener(this._slotListener);\n }\n\n public destroy(): void {\n this._adapter.removeListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n this._adapter.removeSlotChangeListener(this._slotListener);\n }\n\n private _synchronize(): void {\n if (this._disabled) {\n this._adapter.setDisabled(this._disabled);\n }\n if (this._readonly) {\n this._adapter.setReadonly(this._readonly);\n }\n\n if (this._multiple) {\n const selectedValues = new Set(this._adapter.getSelectedValues().concat(this._values));\n this.value = Array.from(selectedValues);\n } else {\n const selectedValues = this._adapter.getSelectedValues().concat(this._values);\n this.value = selectedValues.length ? selectedValues[selectedValues.length - 1] : null;\n }\n }\n\n private _onSelect(evt: CustomEvent<IButtonToggleSelectEventData>): void {\n // When in mandatory mode we need to ensure at least one element is selected. If the user tries to deselect the last\n // element, we prevent the select event from toggling.\n if (this._mandatory) {\n const values = this._adapter.getSelectedValues();\n if (!values.length) {\n evt.preventDefault();\n return;\n }\n }\n\n // Compute the new state to provide in the change event\n let value: unknown[];\n if (evt.detail.selected) {\n value = this._multiple ? [...this._values, evt.detail.value] : [evt.detail.value];\n } else {\n value = this._multiple ? this._values.filter(v => v !== evt.detail.value) : [];\n }\n\n const detail: IButtonToggleGroupChangeEventData = this._multiple ? value : value.length ? value[0] : null;\n const changeEvt = new CustomEvent(BUTTON_TOGGLE_GROUP_CONSTANTS.events.CHANGE, { detail, bubbles: true, cancelable: true });\n this._adapter.dispatchHostEvent(changeEvt);\n\n if (changeEvt.defaultPrevented) {\n evt.preventDefault();\n return;\n }\n\n this._values = value;\n this._adapter.applyValues(this._values);\n this._adapter.setFormValue();\n this._adapter.setFormValidity();\n }\n\n private _applyValue(value: unknown[]): void {\n let values = Array.isArray(value) ? value : value != null ? [value] : [];\n this._values = values;\n\n if (!this._multiple && values.length > 1) {\n values = [values[0]];\n }\n\n this._adapter.applyValues(values);\n this._adapter.setFormValue();\n this._adapter.setFormValidity();\n }\n\n public get value(): any {\n // Combine the selected toggle values with our current state to ensure we always return the latest value\n // even if our state doesn't match a selected toggle.\n const values = Array.from(new Set(this._adapter.getSelectedValues().concat(this._values)));\n return this._multiple ? Array.from(values) : values[0] ?? null;\n }\n public set value(value: any) {\n this._applyValue(value);\n }\n\n public get multiple(): boolean {\n return this._multiple;\n }\n public set multiple(value: boolean) {\n value = !!value;\n if (this._multiple !== value) {\n this._multiple = value;\n this._applyValue(this._values);\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE, this._multiple);\n }\n }\n\n public get mandatory(): boolean {\n return this._mandatory;\n }\n public set mandatory(value: boolean) {\n value = !!value;\n if (this._mandatory !== value) {\n this._mandatory = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY, this._mandatory);\n }\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n value = !!value;\n if (this._vertical !== value) {\n this._vertical = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL, this._vertical);\n }\n }\n\n public get stretch(): boolean {\n return this._stretch;\n }\n public set stretch(value: boolean) {\n value = !!value;\n if (this._stretch !== value) {\n this._stretch = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH, this._stretch);\n }\n }\n\n public get dense(): boolean {\n return this._dense;\n }\n public set dense(value: boolean) {\n value = !!value;\n if (this._dense !== value) {\n this._dense = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE, this._dense);\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n value = !!value;\n if (this._disabled !== value) {\n this._disabled = value;\n this._adapter.setDisabled(this._disabled);\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED, this._disabled);\n }\n }\n\n public get readonly(): boolean {\n return this._readonly;\n }\n public set readonly(value: boolean) {\n value = !!value;\n if (this._readonly !== value) {\n this._readonly = value;\n this._adapter.setReadonly(this._readonly);\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.READONLY, this._readonly);\n }\n }\n\n public get required(): boolean {\n return this._required;\n }\n public set required(value: boolean) {\n value = !!value;\n if (this._required !== value) {\n this._required = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.REQUIRED, this._required);\n }\n }\n\n public get outlined(): boolean {\n return this._outlined;\n }\n public set outlined(value: boolean) {\n value = !!value;\n if (this._outlined !== value) {\n this._outlined = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.NO_OUTLINE, !this._outlined);\n }\n }\n\n public get theme(): ButtonToggleGroupTheme {\n return this._theme;\n }\n public set theme(value: ButtonToggleGroupTheme) {\n if (this._theme !== value) {\n this._theme = value;\n this._adapter.toggleHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.THEME, this._theme !== 'tertiary', this._theme);\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { IWithFormAssociation, WithFormAssociation } from '../../core/mixins/form/with-form-associated';\nimport { IWithLabelAwareness, WithLabelAwareness } from '../../core/mixins/label/with-label-aware';\nimport { IWithElementInternals, WithElementInternals } from '../../core/mixins/internals/with-element-internals';\nimport { IWithFormValidity, WithFormValidity } from '../../core/mixins/form/with-form-validity';\nimport { BaseComponent } from '../../core/base/base-component';\nimport { ButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { ButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { ButtonToggleGroupTheme, BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleGroupChangeEventData } from './button-toggle-group-constants';\nimport { ButtonToggleGroupFoundation } from './button-toggle-group-foundation';\nimport { getFormState, getFormValue, inputType, setDefaultAria } from '../../constants';\nimport { FormValue, FormRestoreState, FormRestoreReason } from '../../core/utils/form-utils';\nimport { IWithDefaultAria, WithDefaultAria } from '../../core/mixins/internals/with-default-aria';\n\nconst template = '<template><div class=\\\"forge-button-toggle-group\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = ':host{--_button-toggle-group-display:var(--forge-button-toggle-group-display, inline-flex)}:host{display:var(--_button-toggle-group-display)}:host([hidden]){display:none}.forge-button-toggle-group{--_button-toggle-group-gap:var(--forge-button-toggle-group-gap, 4px);--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 4px);--_button-toggle-group-padding-block:var(--forge-button-toggle-group-padding-block, var(--_button-toggle-group-padding));--_button-toggle-group-padding-inline:var(--forge-button-toggle-group-padding-inline, var(--_button-toggle-group-padding));--_button-toggle-group-height:var(--forge-button-toggle-group-height, var(--forge-button-height, 36px));--_button-toggle-group-dense-height:var(--forge-button-toggle-group-dense-height, var(--forge-button-dense-height, 24px));--_button-toggle-group-outline-width:var(--forge-button-toggle-group-outline-width, var(--forge-border-thin, 1px));--_button-toggle-group-outline-style:var(--forge-button-toggle-group-outline-style, solid);--_button-toggle-group-outline-color:var(--forge-button-toggle-group-outline-color, var(--forge-theme-outline-low, #9e9e9e));--_button-toggle-group-outline-color-active:var(--forge-button-toggle-group-outline-color-active, var(--forge-theme-outline-medium, #757575));--_button-toggle-group-shape:var(--forge-button-toggle-group-shape, var(--forge-shape-medium, 4px));--_button-toggle-group-shape-start-start:var(--forge-button-toggle-group-shape-start-start, var(--_button-toggle-group-shape));--_button-toggle-group-shape-start-end:var(--forge-button-toggle-group-shape-start-end, var(--_button-toggle-group-shape));--_button-toggle-group-shape-end-start:var(--forge-button-toggle-group-shape-end-start, var(--_button-toggle-group-shape));--_button-toggle-group-shape-end-end:var(--forge-button-toggle-group-shape-end-end, var(--_button-toggle-group-shape));--_button-toggle-group-transition-duration:var(--forge-button-toggle-group-transition-duration, var(--forge-button-toggle-transition-duration, var(--forge-animation-duration-short3, 150ms)));--_button-toggle-group-transition-timing:var(--forge-button-toggle-group-transition-timing, var(--forge-button-toggle-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))))}.forge-button-toggle-group{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:var(--_button-toggle-group-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_button-toggle-group-height);border-width:var(--_button-toggle-group-outline-width);border-style:var(--_button-toggle-group-outline-style);border-color:var(--_button-toggle-group-outline-color);border-start-start-radius:var(--_button-toggle-group-shape-start-start);border-start-end-radius:var(--_button-toggle-group-shape-start-end);border-end-start-radius:var(--_button-toggle-group-shape-end-start);border-end-end-radius:var(--_button-toggle-group-shape-end-end);padding-block:var(--_button-toggle-group-padding-block);padding-inline:var(--_button-toggle-group-padding-inline);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:var(--_button-toggle-group-transition-duration);transition-duration:var(--_button-toggle-group-transition-duration);-webkit-transition-timing-function:var(--_button-toggle-group-transition-timing);transition-timing-function:var(--_button-toggle-group-transition-timing)}:host(:not([disabled]):not([no-outline])) .forge-button-toggle-group:focus-within,:host(:not([disabled]):not([no-outline])) .forge-button-toggle-group:hover{--_button-toggle-group-outline-color:var(--_button-toggle-group-outline-color-active)}:host([no-outline]) .forge-button-toggle-group{--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 0);--_button-toggle-group-outline-style:var(--forge-button-toggle-group-outline-style, none)}:host(:is([dense],[density=dense])) .forge-button-toggle-group{--_button-toggle-group-padding:var(--forge-button-toggle-group-padding, 0);--_button-toggle-group-height:var(--_button-toggle-group-dense-height)}:host([vertical]) .forge-button-toggle-group{height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical]) ::slotted(forge-button-toggle){height:var(--_button-toggle-group-height);width:100%}:host([vertical]) ::slotted(forge-divider:not([vertical])){margin-inline:4px;width:100%}::slotted(forge-divider[vertical]){margin-block:4px}:host([stretch]){display:block}:host([stretch]) .forge-button-toggle-group{width:100%}:host(:not([vertical])[stretch]) ::slotted(forge-button-toggle){-webkit-box-flex:1;flex:1}:host([theme=primary]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-primary-container, #d1d5ed);--forge-button-toggle-selected-color:var(--forge-theme-on-primary-container, #222c62);--forge-button-toggle-focus-indicator-color:var(--forge-theme-primary, #3f51b5)}:host([theme=secondary]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-secondary-container, #fff0c3);--forge-button-toggle-selected-color:var(--forge-theme-on-secondary-container, #8a6804);--forge-button-toggle-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=success]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-success-container, #cde0ce);--forge-button-toggle-selected-color:var(--forge-theme-on-success-container, #19441b);--forge-button-toggle-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-error-container, #ecc2c9);--forge-button-toggle-selected-color:var(--forge-theme-on-error-container, #5f0011);--forge-button-toggle-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-warning-container, #f4d3c2);--forge-button-toggle-selected-color:var(--forge-theme-on-warning-container, #712700);--forge-button-toggle-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) ::slotted(forge-button-toggle){--forge-button-toggle-selected-background:var(--forge-theme-info-container, #c7daf0);--forge-button-toggle-selected-color:var(--forge-theme-on-info-container, #0b3768);--forge-button-toggle-focus-indicator-color:var(--forge-theme-info, #1565c0)}';\n\nexport interface IButtonToggleGroupComponent extends IWithLabelAwareness, IWithFormAssociation, IWithFormValidity, IWithElementInternals, IWithDefaultAria {\n value: any;\n outlined: boolean;\n multiple: boolean;\n stretch: boolean;\n mandatory: boolean;\n vertical: boolean;\n disabled: boolean;\n readonly: boolean;\n dense: boolean;\n theme: ButtonToggleGroupTheme;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-button-toggle-group': IButtonToggleGroupComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-button-toggle-group-change': CustomEvent<IButtonToggleGroupChangeEventData>;\n }\n}\n\nconst BaseButtonToggleGroupClass = WithLabelAwareness(WithFormAssociation(WithFormValidity(WithDefaultAria(WithElementInternals(BaseComponent)))));\n\n/**\n * @tag forge-button-toggle-group\n * \n * @description Button toggle groups allow users to select one or more options from a set of related options.\n * \n * @property {any} value - The value of the selected button toggle(s).\n * @property {boolean} outlined - Whether or not the group should be outlined.\n * @property {boolean} multiple - Whether or not the group should allow multiple selections.\n * @property {boolean} stretch - Whether or not the group should stretch to fill the available width.\n * @property {boolean} mandatory - Whether or not the group should require a selection once a button has been toggled on.\n * @property {boolean} vertical - Whether or not the group should be displayed vertically.\n * @property {boolean} disabled - Whether or not the group should be disabled.\n * @property {boolean} readonly - Whether or not the group should be readonly.\n * @property {boolean} dense - Whether or not the group should be dense.\n * @property {ButtonToggleGroupTheme} theme - The theme to use for the group.\n * \n * @attribute {any} value - The value of the selected button toggle(s).\n * @attribute {boolean} outlined - Whether or not the group should be outlined.\n * @attribute {boolean} multiple - Whether or not the group should allow multiple selections.\n * @attribute {boolean} stretch - Whether or not the group should stretch to fill the available width.\n * @attribute {boolean} mandatory - Whether or not the group should require a selection once a button has been toggled on.\n * @attribute {boolean} vertical - Whether or not the group should be displayed vertically.\n * @attribute {boolean} disabled - Whether or not the group should be disabled.\n * @attribute {boolean} readonly - Whether or not the group should be readonly.\n * @attribute {boolean} dense - Whether or not the group should be dense.\n * @attribute {ButtonToggleGroupTheme} theme - The theme to use for the group.\n * \n * @event {CustomEvent<IButtonToggleGroupChangeEventData>} forge-button-toggle-group-change - Dispatches when the value of the group changes.\n * \n * @cssproperty --forge-button-toggle-group-display - The `display` of the group container elements.\n * @cssproperty --forge-button-toggle-group-gap - The space between button toggle elements.\n * @cssproperty --forge-button-toggle-group-padding - The padding around the button toggle elements when outlined.\n * @cssproperty --forge-button-toggle-group-padding-block - The block padding around the button toggle elements when outlined.\n * @cssproperty --forge-button-toggle-group-padding-inline - The inline padding around the button toggle elements when outlined.\n * @cssproperty --forge-button-toggle-group-height - The height of the group element.\n * @cssproperty --forge-button-toggle-group-dense-height - The height of the group element when dense.\n * @cssproperty --forge-button-toggle-group-outline-width - The width of the outline around the group element.\n * @cssproperty --forge-button-toggle-group-outline-style - The style of the outline around the group element.\n * @cssproperty --forge-button-toggle-group-outline-color - The color of the outline around the group element.\n * @cssproperty --forge-button-toggle-group-outline-color-active - The color of the outline around the group element when hovered or focused.\n * @cssproperty --forge-button-toggle-group-shape - The shape radius of the group container element.\n * @cssproperty --forge-button-toggle-group-shape-start-start - The start-start shape radius.\n * @cssproperty --forge-button-toggle-group-shape-start-end - The start-end shape radius.\n * @cssproperty --forge-button-toggle-group-shape-end-start - The end-start shape radius.\n * @cssproperty --forge-button-toggle-group-shape-end-end - The end-end shape radius.\n * @cssproperty --forge-button-toggle-group-transition-duration - The transition duration for all animations on the group.\n * @cssproperty --forge-button-toggle-group-transition-timing - The transition timing for all animations on the group.\n * \n * @csspart root - The root container element for the group.\n * \n * @slot - The is a default/unnamed slot for child button toggle elements.\n */\n@CustomElement({\n name: BUTTON_TOGGLE_GROUP_CONSTANTS.elementName,\n dependencies: [\n ButtonToggleComponent\n ]\n})\nexport class ButtonToggleGroupComponent extends BaseButtonToggleGroupClass implements IButtonToggleGroupComponent {\n public static get observedAttributes(): string[] {\n return Object.values(BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes);\n }\n\n private _foundation: ButtonToggleGroupFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new ButtonToggleGroupFoundation(new ButtonToggleGroupAdapter(this));\n this[inputType] = 'radio'; // Used for form validity message to match radio button\n }\n\n public connectedCallback(): void {\n this[setDefaultAria]({ role: 'group' }, { setAttribute: !this.hasAttribute('role') });\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.destroy();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.VALUE:\n this.value = newValue;\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.NO_OUTLINE:\n this.outlined = !coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.MULTIPLE:\n this.multiple = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.MANDATORY:\n this.mandatory = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.STRETCH:\n this.stretch = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.DENSE:\n this.dense = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.REQUIRED:\n this.required = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.READONLY:\n this.readonly = coerceBoolean(newValue);\n break;\n case BUTTON_TOGGLE_GROUP_CONSTANTS.observedAttributes.THEME:\n this.theme = newValue as ButtonToggleGroupTheme;\n break;\n }\n }\n\n public override [getFormValue](): FormValue | null {\n const hasValue = Array.isArray(this.value) ? this.value.length > 0 : !!this.value;\n let data: FormData | null = null;\n if (hasValue) {\n const value = Array.isArray(this.value) ? this.value : [this.value];\n if (value.length) {\n data = new FormData();\n value.forEach(v => data?.append(this.name, v));\n }\n }\n return data;\n }\n\n public [getFormState](): FormValue | null {\n const state = new FormData();\n const value = Array.isArray(this.value) ? this.value : this.value != null ? [this.value] : [];\n\n state.append('multiple', String(this.multiple));\n value.forEach(v => state.append('value', v));\n\n return state;\n }\n\n public formStateRestoreCallback(state: FormRestoreState, reason: FormRestoreReason): void {\n if (reason === 'restore' && state instanceof FormData) {\n const multiple = state.get('multiple') === 'true';\n const value = state.getAll('value');\n\n if (multiple) {\n this.multiple = multiple;\n this.value = value;\n return;\n }\n\n this.value = value[0] ?? null;\n }\n }\n\n public formResetCallback(): void {\n this.value = this.getAttribute('value');\n }\n\n public labelChangedCallback(value: string | null): void {\n this[setDefaultAria]({ ariaLabel: value ?? undefined });\n }\n\n @FoundationProperty()\n public declare value: any;\n\n @FoundationProperty()\n public declare outlined: boolean;\n\n @FoundationProperty()\n public declare multiple: boolean;\n\n @FoundationProperty()\n public declare mandatory: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n\n @FoundationProperty()\n public declare stretch: boolean;\n\n @FoundationProperty()\n public declare dense: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare required: boolean;\n\n @FoundationProperty()\n public declare readonly: boolean;\n\n @FoundationProperty()\n public declare theme: ButtonToggleGroupTheme;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ButtonToggleGroupComponent } from './button-toggle-group';\n\nexport * from './button-toggle-group-adapter';\nexport * from './button-toggle-group-constants';\nexport * from './button-toggle-group-foundation';\nexport * from './button-toggle-group';\n\nexport function defineButtonToggleGroupComponent(): void {\n defineCustomElement(ButtonToggleGroupComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["WithFormValidity", "base", "FormValidity", "internals", "error", "elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "classes", "selectors", "events", "BUTTON_TOGGLE_GROUP_CONSTANTS", "ButtonToggleGroupAdapter", "BaseAdapter", "component", "getShadowElement", "BUTTON_TOGGLE_GROUP_CONSTANTS", "type", "listener", "selectedToggle", "t", "value", "isFocusable", "values", "data", "getFormValue", "state", "getFormState", "internals", "required", "validationMessage", "getValidationMessage", "BUTTON_TOGGLE_CONSTANTS", "ButtonToggleGroupFoundation", "_adapter", "evt", "BUTTON_TOGGLE_CONSTANTS", "selectedValues", "value", "v", "detail", "changeEvt", "BUTTON_TOGGLE_GROUP_CONSTANTS", "values", "_a", "template", "styles", "BaseButtonToggleGroupClass", "WithLabelAwareness", "WithFormAssociation", "WithFormValidity", "WithDefaultAria", "WithElementInternals", "BaseComponent", "ButtonToggleGroupComponent", "attachShadowTemplate", "ButtonToggleGroupFoundation", "ButtonToggleGroupAdapter", "inputType", "BUTTON_TOGGLE_GROUP_CONSTANTS", "setDefaultAria", "name", "oldValue", "newValue", "coerceBoolean", "getFormValue", "hasValue", "data", "value", "v", "getFormState", "state", "reason", "_a", "multiple", "__decorateClass", "FoundationProperty", "CustomElement", "ButtonToggleComponent", "defineButtonToggleGroupComponent", "defineCustomElement", "ButtonToggleGroupComponent"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{a as f}from"./chunk.ZY3ETQ3D.js";import{a as p}from"./chunk.NVUMRW44.js";import{a as k,b as v}from"./chunk.RRNSZCVJ.js";import{a as b,e as l,f as A,k as h}from"./chunk.TPXXHX5J.js";import{d as i}from"./chunk.M3QDAYD2.js";var _=`${v}backdrop`,y={CONTAINER:".forge-backdrop"},E={OPACITY:.54,DELAY:0,TRANSITION_DURATION:150},O={DELAY:"delay",MAX_OPACITY:"max-opacity",APPEARANCE:"appearance",FIXED:"fixed"},g={BACKDROP_CLICK:`${_}-click`},e={elementName:_,selectors:y,numbers:E,attributes:O,events:g};var n=class extends f{constructor(a){super(a);this._backdropElement=A(a,e.selectors.CONTAINER)}setBackdropOpacity(a){this._backdropElement.style.opacity=a.toString()}addBackdropEventListener(a,o){this._backdropElement.addEventListener("click",o)}removeBackdropEventListener(a,o){this._backdropElement.removeEventListener("click",o)}};var s=class{constructor(t){this._adapter=t;this._delay=e.numbers.DELAY;this._maxOpacity=e.numbers.OPACITY;this._adapter.addBackdropEventListener("click",this._onClick.bind(this))}initialize(){this._adapter.setBackdropOpacity(0),this._applyAppearance(),this._adapter.setHostAttribute(e.attributes.DELAY,this._delay.toString()),this.fadeIn()}fadeOut(){return new Promise(t=>{this._adapter.setBackdropOpacity(0),setTimeout(()=>t(),e.numbers.TRANSITION_DURATION)})}fadeIn(){return new Promise(t=>{setTimeout(()=>{this._adapter.setBackdropOpacity(this._maxOpacity),setTimeout(()=>t(),e.numbers.TRANSITION_DURATION)},this.delay)})}_onClick(t){t.stopPropagation(),this._adapter.emitHostEvent(e.events.BACKDROP_CLICK,void 0,!0,!0)}disconnect(){this._adapter.removeBackdropEventListener("click",this._onClick)}_applyAppearance(){this._appearance?this._adapter.setHostAttribute(e.attributes.APPEARANCE,String(this._appearance)):this._adapter.removeHostAttribute(e.attributes.APPEARANCE)}set delay(t){this._delay!==t&&(this._delay=t,this._adapter.setHostAttribute(e.attributes.DELAY,this._delay.toString()))}get delay(){return this._delay}set maxOpacity(t){this._maxOpacity!==t&&(this._maxOpacity=t,this._adapter.setHostAttribute(e.attributes.MAX_OPACITY,this._maxOpacity.toString()))}get maxOpacity(){return this._maxOpacity}get appearance(){return this._appearance}set appearance(t){this._appearance!==t&&(this._appearance=t,this._applyAppearance())}};var I='<template><div class="forge-backdrop" part="root"></div></template>',C=".forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}",r=class extends h{constructor(){super();l(this,I,C),this._foundation=new s(new n(this))}static get observedAttributes(){return[e.attributes.DELAY,e.attributes.MAX_OPACITY]}connectedCallback(){if(this.hasAttribute(e.attributes.DELAY)&&this.getAttribute(e.attributes.DELAY)){let a=Number(this.getAttribute(e.attributes.DELAY));this.delay=a>=0?a:e.numbers.DELAY}if(this.hasAttribute(e.attributes.MAX_OPACITY)){let a=Number(this.getAttribute(e.attributes.MAX_OPACITY));this.maxOpacity=a>=0&&a<=1?a:e.numbers.OPACITY}this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(a,o,c){switch(a){case e.attributes.DELAY:let u=Number(c);this.delay=u>=0?u:e.numbers.DELAY;break;case e.attributes.MAX_OPACITY:let d=Number(c);this.maxOpacity=d>=0&&d<=1?d:e.numbers.OPACITY;break;case e.attributes.APPEARANCE:this.appearance=c;break}}fadeOut(){return this._foundation.fadeOut()}fadeIn(){return this._foundation.fadeIn()}};i([p()],r.prototype,"delay",2),i([p()],r.prototype,"appearance",2),i([p()],r.prototype,"maxOpacity",2),r=i([k({name:e.elementName})],r);function q(){b(r)}export{e as a,n as b,s as c,r as d,q as e};
|
|
7
|
+
//# sourceMappingURL=chunk.KPC6IS3C.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/backdrop/backdrop-constants.ts", "../../src/backdrop/backdrop-adapter.ts", "../../src/backdrop/backdrop-foundation.ts", "../../src/backdrop/backdrop.ts", "../../src/backdrop/index.ts"],
|
|
4
4
|
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}backdrop`;\n\nconst selectors = {\n CONTAINER: '.forge-backdrop'\n};\n\nconst numbers = {\n OPACITY: 0.54,\n DELAY: 0,\n TRANSITION_DURATION: 150\n};\n\nconst attributes = {\n DELAY: 'delay',\n MAX_OPACITY: 'max-opacity',\n APPEARANCE: 'appearance',\n FIXED: 'fixed'\n};\n\nconst events = {\n BACKDROP_CLICK: `${elementName}-click`\n};\n\nexport const BACKDROP_CONSTANTS = {\n elementName,\n selectors,\n numbers,\n attributes,\n events\n};\n\nexport type BackdropAppearance = 'light' | 'dark' | undefined;\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IBackdropComponent } from './backdrop';\nimport { BACKDROP_CONSTANTS } from './backdrop-constants';\n\nexport interface IBackdropAdapter extends IBaseAdapter {\n setBackdropOpacity: (opacity: number) => void;\n addBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n removeBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `BackdropComponent`.\n */\nexport class BackdropAdapter extends BaseAdapter<IBackdropComponent> implements IBackdropAdapter {\n private _backdropElement: HTMLElement;\n\n constructor(component: IBackdropComponent) {\n super(component);\n this._backdropElement = getShadowElement(component, BACKDROP_CONSTANTS.selectors.CONTAINER);\n }\n\n /**\n * Sets the backdrop element opacity.\n * @param opacity The opacity amount.\n */\n public setBackdropOpacity(opacity: number): void {\n this._backdropElement.style.opacity = opacity.toString();\n }\n\n /**\n * Adds a click event to the backdrop container element.\n * @param type The event type.\n * @param listener The event listener.\n */\n public addBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n this._backdropElement.addEventListener('click', listener);\n }\n\n /**\n * Removes a click event from the backdrop container element.\n * @param type The event type.\n * @param listener The event listener.\n */\n public removeBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n this._backdropElement.removeEventListener('click', listener);\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IBackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\n\n\nexport interface IBackdropFoundation extends ICustomElementFoundation {\n fadeOut(): Promise<void>;\n fadeIn(): Promise<void>;\n appearance: BackdropAppearance;\n}\n\nexport class BackdropFoundation implements IBackdropFoundation {\n private _delay: number = BACKDROP_CONSTANTS.numbers.DELAY;\n private _maxOpacity: number = BACKDROP_CONSTANTS.numbers.OPACITY;\n private _appearance: BackdropAppearance;\n\n constructor(private _adapter: IBackdropAdapter) {\n this._adapter.addBackdropEventListener('click', this._onClick.bind(this));\n }\n\n public initialize(): void {\n this._adapter.setBackdropOpacity(0);\n this._applyAppearance();\n this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n this.fadeIn();\n }\n\n /**\n * Starts the fade-out animation to animate the backdrop to 0% opacity.\n */\n public fadeOut(): Promise<void> {\n return new Promise<void>(resolve => {\n this._adapter.setBackdropOpacity(0);\n setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n });\n }\n\n /**\n * Starts the fade-in animation to animate the backdrop to max opacity.\n */\n public fadeIn(): Promise<void> {\n return new Promise<void>(resolve => {\n setTimeout(() => {\n this._adapter.setBackdropOpacity(this._maxOpacity);\n setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n }, this.delay);\n });\n }\n\n private _onClick(evt: Event): void {\n evt.stopPropagation();\n this._adapter.emitHostEvent(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, undefined, true, true);\n }\n\n public disconnect(): void {\n this._adapter.removeBackdropEventListener('click', this._onClick);\n }\n\n private _applyAppearance(): void {\n if (this._appearance) {\n this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(this._appearance));\n } else {\n this._adapter.removeHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE);\n }\n }\n\n public set delay(value: number) {\n if (this._delay !== value) {\n this._delay = value;\n this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n }\n }\n public get delay(): number {\n return this._delay;\n }\n\n public set maxOpacity(value: number) {\n if (this._maxOpacity !== value) {\n this._maxOpacity = value;\n this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY, this._maxOpacity.toString());\n }\n }\n public get maxOpacity(): number {\n return this._maxOpacity;\n }\n\n public get appearance(): BackdropAppearance {\n return this._appearance;\n }\n public set appearance(value: BackdropAppearance) {\n if (this._appearance !== value) {\n this._appearance = value;\n this._applyAppearance();\n }\n }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { BackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\nimport { BackdropFoundation } from './backdrop-foundation';\n\nconst template = '<template><div class=\\\"forge-backdrop\\\" part=\\\"root\\\"></div></template>';\nconst styles = '.forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}';\n\nexport interface IBackdropComponent extends IBaseComponent {\n delay: number;\n maxOpacity: number;\n appearance: BackdropAppearance;\n fadeOut(): Promise<void>;\n fadeIn(): Promise<void>;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-backdrop': IBackdropComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-backdrop-click': CustomEvent<void>;\n }\n}\n\n/**\n * A web component that renders a backdrop covering its parent container with a semi-opaque element.\n * \n * @tag forge-backdrop\n */\n@CustomElement({\n name: BACKDROP_CONSTANTS.elementName\n})\nexport class BackdropComponent extends BaseComponent {\n public static get observedAttributes(): string[] {\n return [\n BACKDROP_CONSTANTS.attributes.DELAY,\n BACKDROP_CONSTANTS.attributes.MAX_OPACITY\n ];\n }\n\n protected _foundation: BackdropFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new BackdropFoundation(new BackdropAdapter(this));\n }\n\n public connectedCallback(): void {\n if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.DELAY) && this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY)) {\n const inDelay = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY));\n this.delay = inDelay >= 0 ? inDelay : BACKDROP_CONSTANTS.numbers.DELAY;\n }\n\n if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY)) {\n const inMaxOpacity = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY));\n this.maxOpacity = inMaxOpacity >= 0 && inMaxOpacity <= 1 ? inMaxOpacity : BACKDROP_CONSTANTS.numbers.OPACITY;\n }\n\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case BACKDROP_CONSTANTS.attributes.DELAY:\n const delayValue = Number(newValue);\n this.delay = delayValue >= 0 ? delayValue : BACKDROP_CONSTANTS.numbers.DELAY;\n break;\n case BACKDROP_CONSTANTS.attributes.MAX_OPACITY:\n const opacityValue = Number(newValue);\n this.maxOpacity = opacityValue >= 0 && opacityValue <= 1 ? opacityValue : BACKDROP_CONSTANTS.numbers.OPACITY;\n break;\n case BACKDROP_CONSTANTS.attributes.APPEARANCE:\n this.appearance = newValue as BackdropAppearance;\n break;\n }\n }\n\n /**\n * The time in milliseconds to delay the fade in animation of the opacity.\n * Note: The element will start with 0% opacity when the component is rendered.\n */\n @FoundationProperty()\n public declare delay: number;\n\n /** Controls whether the theme defaults to light vs dark compatibility. */\n @FoundationProperty()\n public declare appearance: BackdropAppearance;\n\n /** The max opacity to fade the element to. This defines how opaque the backdrop is when visible. */\n @FoundationProperty()\n public declare maxOpacity: number;\n\n /**\n * Starts the fade-out animation to animate the backdrop to 0% opacity.\n */\n public fadeOut(): Promise<void> {\n return this._foundation.fadeOut();\n }\n\n /**\n * Starts the fade-in animation to animate the backdrop to max opacity.\n */\n public fadeIn(): Promise<void> {\n return this._foundation.fadeIn();\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BackdropComponent } from './backdrop';\n\nexport * from './backdrop-adapter';\nexport * from './backdrop-constants';\nexport * from './backdrop-foundation';\nexport * from './backdrop';\n\nexport function defineBackdropComponent(): void {\n defineCustomElement(BackdropComponent);\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "selectors", "numbers", "attributes", "events", "BACKDROP_CONSTANTS", "BackdropAdapter", "BaseAdapter", "component", "getShadowElement", "BACKDROP_CONSTANTS", "opacity", "type", "listener", "BackdropFoundation", "_adapter", "BACKDROP_CONSTANTS", "resolve", "evt", "value", "template", "styles", "BackdropComponent", "BaseComponent", "attachShadowTemplate", "BackdropFoundation", "BackdropAdapter", "BACKDROP_CONSTANTS", "inDelay", "inMaxOpacity", "name", "oldValue", "newValue", "delayValue", "opacityValue", "__decorateClass", "FoundationProperty", "CustomElement", "defineBackdropComponent", "defineCustomElement", "BackdropComponent"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/core/base/base-nullable-form-component.ts"],
|
|
4
|
+
"sourcesContent": ["import { BaseFormComponent, IBaseFormComponent } from './base-form-component';\n\nexport interface IBaseNullableFormComponent<T = string> extends IBaseFormComponent<T> {\n required: boolean;\n\n readonly validity: ValidityState;\n readonly validationMessage: string;\n readonly willValidate: boolean;\n\n checkValidity(): boolean;\n reportValidity(): boolean;\n setCustomValidity(error: string): void;\n}\n\nexport abstract class BaseNullableFormComponent<T = string> extends BaseFormComponent<T> {\n public abstract required: boolean;\n\n public abstract get validity(): ValidityState;\n public abstract get validationMessage(): string;\n public abstract get willValidate(): boolean;\n\n // Needed for Safari, see https://bugs.webkit.org/show_bug.cgi?id=261432\n // Replace with this.internals.validity.customError when resolved.\n protected _hasCustomValidityError = false;\n\n public abstract checkValidity(): boolean;\n public abstract reportValidity(): boolean;\n public abstract setCustomValidity(error: string): void;\n}\n"],
|
|
5
|
+
"mappings": "wCAcO,IAAeA,EAAf,cAA6DC,CAAqB,CAAlF,kCASL,KAAU,wBAA0B,GAKtC",
|
|
6
|
+
"names": ["BaseNullableFormComponent", "BaseFormComponent"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{b as S}from"./chunk.NW54VA4E.js";import{d as N,e as F}from"./chunk.GTGXHY4A.js";import{k as d,z as m}from"./chunk.EWT2PBEP.js";import{d as h}from"./chunk.4JB3SESQ.js";import{a as A}from"./chunk.YTBNAGLS.js";import{a as C}from"./chunk.ZY3ETQ3D.js";import{a as E}from"./chunk.NVUMRW44.js";import{a as B,b as L}from"./chunk.RRNSZCVJ.js";import{a as I,e as T,f as c,k as D}from"./chunk.TPXXHX5J.js";import{k as f}from"./chunk.J2M2MXP2.js";import{a as _,b as x,d as p}from"./chunk.M3QDAYD2.js";var R=`${L}quantity-field`,q={INVALID:"invalid",REQUIRED:"required",DISABLED:"disabled"},O={ROOT:"forge-quantity-field",INVALID:"forge-quantity-field--invalid",REQUIRED:"forge-quantity-field--required"},a={INCREMENT_BUTTON:"increment-button",DECREMENT_BUTTON:"decrement-button",LABEL:"label",HELPER_TEXT:"helper-text"},w={ROOT:`.${O.ROOT}`,INCREMENT_BUTTON_SLOT:`slot[name=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON_SLOT:`slot[name=${a.DECREMENT_BUTTON}]`,INCREMENT_BUTTON:`[slot=${a.INCREMENT_BUTTON}], button[slot=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON:`[slot=${a.DECREMENT_BUTTON}], button[slot=${a.DECREMENT_BUTTON}]`,TEXT_FIELD:"forge-text-field",INPUT:"input[type=number]",LABEL:`[slot=${a.LABEL}]`,HELPER_TEXT:`[slot=${a.HELPER_TEXT}]`},i={elementName:R,classes:O,slots:a,selectors:w,attributes:q};var v=class extends C{constructor(t){super(t);this._rootElement=c(t,i.selectors.ROOT),this._incrementButtonSlot=c(this._component,i.selectors.INCREMENT_BUTTON_SLOT),this._decrementButtonSlot=c(this._component,i.selectors.DECREMENT_BUTTON_SLOT)}initializeButtons(){this._incrementButton&&!this._incrementButton.hasAttribute("tabindex")&&(this._incrementButton.tabIndex=-1),this._decrementButton&&!this._decrementButton.hasAttribute("tabindex")&&(this._decrementButton.tabIndex=-1)}addRootClass(t){this._rootElement.classList.add(t)}removeRootClass(t){this._rootElement.classList.remove(t)}inputHasAttribute(t){return this.inputElement?this.inputElement.hasAttribute(t):!1}addIncrementButtonSlotListener(t){this._incrementButtonSlot.addEventListener("slotchange",t)}removeIncrementButtonSlotListener(t){this._incrementButtonSlot&&this._incrementButtonSlot.removeEventListener("slotchange",t)}addDecrementButtonSlotListener(t){this._decrementButtonSlot.addEventListener("slotchange",t)}removeDecrementButtonSlotListener(t){this._decrementButtonSlot&&this._decrementButtonSlot.removeEventListener("slotchange",t)}addTextFieldAttribute(t,e=""){this._textFieldComponent&&this._textFieldComponent.setAttribute(t,e)}removeTextFieldAttribute(t){this._textFieldComponent&&this._textFieldComponent.removeAttribute(t)}addIncrementEventListener(t,e){this._incrementButtonElement.addEventListener(t,e)}removeIncrementEventListener(t,e){this._incrementButtonElement&&this._incrementButtonElement.removeEventListener(t,e)}addDecrementEventListener(t,e){this._decrementButtonElement.addEventListener(t,e)}removeDecrementEventListener(t,e){this._decrementButtonElement&&this._decrementButtonElement.removeEventListener(t,e)}addIncrementButtonAttribute(t,e=""){this._incrementButtonElement.setAttribute(t,e)}removeIncrementButtonAttribute(t){this._incrementButtonElement.removeAttribute(t)}addDecrementButtonAttribute(t,e=""){this._decrementButtonElement.setAttribute(t,e)}removeDecrementButtonAttribute(t){this._decrementButtonElement.removeAttribute(t)}increment(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e+this._inputStep).toFixed(n));this._inputMax&&this._inputMax<o&&(o=this._inputMax),this._setInputValue(o)}decrement(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e-this._inputStep).toFixed(n));this._inputMin&&this._inputMin>o&&(o=this._inputMin),this._setInputValue(o)}addInputDisabledAttributeChangeListener(t){this._setupInputDisabledAttributeMutationObserver(t)}removeInputDisabledAttributeChangeListener(){this._cleanupInputDisabledAttributeMutationObserver()}_setInputValue(t){this.inputElement&&(this.inputElement.value=`${t}`,this.inputElement.dispatchEvent(new Event("input")),this.inputElement.dispatchEvent(new Event("change")))}_isNullOrUndefinedOrEmpty(t){return t==null||t===""}_setupInputDisabledAttributeMutationObserver(t){if(!this.inputElement)return;this._cleanupInputDisabledAttributeMutationObserver();let e=o=>this._inputDisabledAttributeMutationCallback(o,t);this._inputAttributeMutationObserver=new MutationObserver(e);let n={attributes:!0,attributeOldValue:!0,attributeFilter:[i.attributes.DISABLED]};this._inputAttributeMutationObserver.observe(this.inputElement,n)}_cleanupInputDisabledAttributeMutationObserver(){this._inputAttributeMutationObserver&&(this._inputAttributeMutationObserver.disconnect(),delete this._inputAttributeMutationObserver)}_inputDisabledAttributeMutationCallback(t,e){for(let n of t)n.type!=="attributes"||!n.attributeName||n.attributeName!==i.attributes.DISABLED||n.target[n.attributeName]===n.oldValue||e()}get _incrementButtonElement(){return this._incrementButton||(this._incrementButton=this._component.querySelector(i.selectors.INCREMENT_BUTTON)),this._incrementButton}get _decrementButtonElement(){return this._decrementButton||(this._decrementButton=this._component.querySelector(i.selectors.DECREMENT_BUTTON)),this._decrementButton}get _textFieldComponent(){return this._textField||(this._textField=this._component.querySelector(i.selectors.TEXT_FIELD)),this._textField}get inputElement(){return this._inputElement||(this._inputElement=this._component.querySelector(i.selectors.INPUT)),this._inputElement}get _inputStep(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.step)?1:+t.step}get _inputMax(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.max)?null:+t.max}get _inputMin(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.min)?null:+t.min}_calcPrecision(t){let e=String(t);return e.includes(".")?e.split(".")[1].length:0}};var b=class{constructor(r){this._adapter=r;this._incrementValue=()=>this._adapter.increment(),this._decrementValue=()=>this._adapter.decrement(),this._incrementButtonSlotChanged=()=>this._onIncrementButtonSlotChanged(),this._decrementButtonSlotChanged=()=>this._onDecrementButtonSlotChanged(),this._adapter.addIncrementButtonSlotListener(this._incrementButtonSlotChanged),this._adapter.addDecrementButtonSlotListener(this._decrementButtonSlotChanged)}connect(){this._adapter.addInputDisabledAttributeChangeListener(()=>this._syncDisabledStateOfButtons()),this._syncDisabledStateOfButtons(),this._adapter.initializeButtons()}disconnect(){this._removeIncrementEventListener(),this._removeDecrementEventListener(),this._removeIncrementButtonSlotListener(),this._removeDecrementButtonSlotListener(),this._adapter.removeInputDisabledAttributeChangeListener()}_onIncrementButtonSlotChanged(){this._addIncrementEventListener()}_onDecrementButtonSlotChanged(){this._addDecrementEventListener()}_addIncrementEventListener(){this._adapter.addIncrementEventListener("click",this._incrementValue)}_addDecrementEventListener(){this._adapter.addDecrementEventListener("click",this._decrementValue)}_removeIncrementEventListener(){this._adapter.removeIncrementEventListener("click",this._incrementValue)}_removeDecrementEventListener(){this._adapter.removeDecrementEventListener("click",this._decrementValue)}_removeIncrementButtonSlotListener(){this._adapter.removeIncrementButtonSlotListener(this._incrementButtonSlotChanged)}_removeDecrementButtonSlotListener(){this._adapter.removeDecrementButtonSlotListener(this._decrementButtonSlotChanged)}_syncDisabledStateOfButtons(){this._adapter.inputHasAttribute(i.attributes.DISABLED)?(this._adapter.addDecrementButtonAttribute(i.attributes.DISABLED),this._adapter.addIncrementButtonAttribute(i.attributes.DISABLED)):(this._adapter.removeIncrementButtonAttribute(i.attributes.DISABLED),this._adapter.removeDecrementButtonAttribute(i.attributes.DISABLED))}get required(){return this._required}set required(r){this._required!==r&&(this._required=r,this._required?(this._adapter.setHostAttribute(i.attributes.REQUIRED),this._adapter.addRootClass(i.classes.REQUIRED)):(this._adapter.removeHostAttribute(i.attributes.REQUIRED),this._adapter.removeRootClass(i.classes.REQUIRED)))}get invalid(){return this._invalid}set invalid(r){this._invalid!==r&&(this._invalid=r,this._invalid?(this._adapter.setHostAttribute(i.attributes.INVALID),this._adapter.addRootClass(i.classes.INVALID),this._adapter.addTextFieldAttribute(i.attributes.INVALID)):(this._adapter.removeHostAttribute(i.attributes.INVALID),this._adapter.removeRootClass(i.classes.INVALID),this._adapter.removeTextFieldAttribute(i.attributes.INVALID)))}};var U='<template><div class="forge-quantity-field" part="root"><slot name="label"></slot><div class="forge-quantity-field__row" part="row"><slot name="decrement-button"></slot><slot></slot><slot name="increment-button"></slot></div><slot name="helper-text"></slot></div></template>',k='.forge-quantity-field ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.forge-quantity-field__row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-quantity-field ::slotted(forge-icon-button:first-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-right:4px}.forge-quantity-field ::slotted(forge-icon-button:last-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-left:4px}.forge-quantity-field ::slotted(forge-text-field){--forge-text-field-margin-top:0;--forge-text-field-margin-bottom:0}.forge-quantity-field--required ::slotted([slot=label])::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:"*";margin-right:4px}.forge-quantity-field--invalid ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}:host{display:inline-block}:host([hidden]){display:none}',s=class extends D{constructor(){super();T(this,U,k),this._foundation=new b(new v(this)),h.define([m,d])}static get observedAttributes(){return[i.attributes.INVALID,i.attributes.REQUIRED]}connectedCallback(){this._requiredElementsPresent()?this._foundation.connect():this._ensureElementsPresent().then(()=>{this._foundation.connect()})}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,e,n){switch(t){case i.attributes.INVALID:this.invalid=f(n);break;case i.attributes.REQUIRED:this.required=f(n);break}}_ensureElementsPresent(){return new Promise(t=>{if(this._requiredElementsPresent()){t();return}let e=new MutationObserver(n=>{n.reduce((l,u)=>l+u.addedNodes.length,0)>0&&this._requiredElementsPresent()&&(e.disconnect(),t())});e.observe(this,{childList:!0,subtree:!0})})}_requiredElementsPresent(){let t=this.querySelector(i.selectors.INPUT),e=this.querySelector(i.selectors.DECREMENT_BUTTON),n=this.querySelector(i.selectors.INCREMENT_BUTTON);return!!t&&!!e&&!!n}};p([E()],s.prototype,"invalid",2),p([E()],s.prototype,"required",2),s=p([B({name:i.elementName,dependencies:[N]})],s);var M=class extends A{constructor(t){super(t);h.define([m,d])}_build(){let t=document.createElement(i.elementName);return this._attachButton(t,m.name,"decrement-button"),this._attachTextField(t),this._attachButton(t,d.name,"increment-button"),t}_configure(){var t,e,n,o,l;this.inputElement.value=(e=(t=this._config.options)==null?void 0:t.value)!=null?e:"0",this.inputElement.style.textAlign="center",this.inputElement.style.width="64px",(n=this._config.options)!=null&&n.helperText&&this.setHelperText(this._config.options.helperText),typeof((o=this._config.options)==null?void 0:o.label)=="string"&&this._createLabel(this._config.options.label),((l=this._config.options)==null?void 0:l.step)!==void 0&&(this.inputElement.step=this._config.options.step)}get value(){return this._textFieldDelegate.inputElement.value}set value(t){this._textFieldDelegate.inputElement.value=t}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(t){this._textFieldDelegate.inputElement.disabled=t}get invalid(){return this._element.invalid||!1}set invalid(t){this._element.invalid=t}get inputElement(){return this._textFieldDelegate.inputElement}get labelElement(){return this._labelElement}onChange(t){this._textFieldDelegate.inputElement.addEventListener("input",e=>t(e.target.value))}onFocus(t){this._textFieldDelegate.inputElement.addEventListener("focus",e=>t(e))}onBlur(t){this._textFieldDelegate.inputElement.addEventListener("blur",e=>t(e))}_attachTextField(t){var n,o,l,u,y;let e={props:_({},(o=(n=this._config.options)==null?void 0:n.textFieldDelegateConfig)==null?void 0:o.props),options:x(_({},(u=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:u.options),{id:(y=this._config.options)==null?void 0:y.id,type:"number"})};this._textFieldDelegate=new S(e),t.appendChild(this._textFieldDelegate.element)}setLabel(t){t?this._labelElement?this._labelElement.textContent=t:this._createLabel(t):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}setHelperText(t){t?(this._helperTextElement||(this._helperTextElement=document.createElement("span"),this._helperTextElement.slot="helper-text",this._element.appendChild(this._helperTextElement)),this._helperTextElement.textContent=t):this._helperTextElement&&(this._element.removeChild(this._helperTextElement),this._helperTextElement=void 0)}_createLabel(t){var e;this._labelElement=document.createElement("label"),this._labelElement.textContent=t,this._labelElement.slot="label",(e=this._config.options)!=null&&e.id&&this._labelElement.setAttribute("for",this._config.options.id),this._element.appendChild(this._labelElement)}_attachButton(t,e,n){return new F({options:{iconName:e,parent:t,attributes:{slot:n}}})}};function ft(){I(s)}export{i as a,v as b,b as c,s as d,M as e,ft as f};
|
|
7
|
+
//# sourceMappingURL=chunk.KV7PGQJ7.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/quantity-field/quantity-field-constants.ts", "../../src/quantity-field/quantity-field-adapter.ts", "../../src/quantity-field/quantity-field-foundation.ts", "../../src/quantity-field/quantity-field.ts", "../../src/quantity-field/quantity-field-component-delegate.ts", "../../src/quantity-field/index.ts"],
|
|
4
4
|
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}quantity-field`;\n\nconst attributes = {\n INVALID: 'invalid',\n REQUIRED: 'required',\n DISABLED: 'disabled'\n};\n\nconst classes = {\n ROOT: 'forge-quantity-field',\n INVALID: 'forge-quantity-field--invalid',\n REQUIRED: 'forge-quantity-field--required'\n};\n\nconst slots = {\n INCREMENT_BUTTON: 'increment-button',\n DECREMENT_BUTTON: 'decrement-button',\n LABEL: 'label',\n HELPER_TEXT: 'helper-text'\n};\n\nconst selectors = {\n ROOT: `.${classes.ROOT}`,\n INCREMENT_BUTTON_SLOT: `slot[name=${slots.INCREMENT_BUTTON}]`,\n DECREMENT_BUTTON_SLOT: `slot[name=${slots.DECREMENT_BUTTON}]`,\n INCREMENT_BUTTON: `[slot=${slots.INCREMENT_BUTTON}], button[slot=${slots.INCREMENT_BUTTON}]`,\n DECREMENT_BUTTON: `[slot=${slots.DECREMENT_BUTTON}], button[slot=${slots.DECREMENT_BUTTON}]`,\n TEXT_FIELD: 'forge-text-field',\n INPUT: 'input[type=number]',\n LABEL: `[slot=${slots.LABEL}]`,\n HELPER_TEXT: `[slot=${slots.HELPER_TEXT}]`\n};\n\nexport const QUANTITY_FIELD_CONSTANTS = {\n elementName,\n classes,\n slots,\n selectors,\n attributes\n};\n", "import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IQuantityFieldComponent } from './quantity-field';\nimport { getShadowElement, Platform } from '@tylertech/forge-core';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { TextFieldComponent } from '../text-field';\n\nexport interface IQuantityFieldAdapter extends IBaseAdapter {\n initializeButtons(): void;\n addRootClass(name: string): void;\n removeRootClass(name: string): void;\n inputHasAttribute(name: string): boolean;\n addIncrementButtonSlotListener(listener: () => void): void;\n removeIncrementButtonSlotListener(listener: () => void): void;\n addDecrementButtonSlotListener(listener: (evt: Event) => void): void;\n removeDecrementButtonSlotListener(listener: (evt: Event) => void): void;\n addIncrementEventListener(event: string, callback: (event: Event) => void): void;\n addDecrementEventListener(event: string, callback: (event: Event) => void): void;\n removeIncrementEventListener(event: string, callback: (event: Event) => void): void;\n removeDecrementEventListener(event: string, callback: (event: Event) => void): void;\n addIncrementButtonAttribute(name: string, value?: string): void;\n removeIncrementButtonAttribute(name: string): void;\n addDecrementButtonAttribute(name: string, value?: string): void;\n removeDecrementButtonAttribute(name: string): void;\n addInputDisabledAttributeChangeListener(callback: () => void): void;\n addTextFieldAttribute(name: string, value?: string): void;\n removeTextFieldAttribute(name: string): void;\n removeInputDisabledAttributeChangeListener(): void;\n increment(): void;\n decrement(): void;\n}\n\nexport class QuantityFieldAdapter extends BaseAdapter<IQuantityFieldComponent> implements IQuantityFieldAdapter {\n private _rootElement: HTMLElement;\n private _incrementButtonSlot: HTMLSlotElement;\n private _decrementButtonSlot: HTMLSlotElement;\n private _incrementButton: HTMLButtonElement;\n private _decrementButton: HTMLButtonElement;\n private _textField: TextFieldComponent;\n private _inputElement: HTMLInputElement | null;\n private _inputAttributeMutationObserver: MutationObserver | undefined;\n\n constructor(component: IQuantityFieldComponent) {\n super(component);\n this._rootElement = getShadowElement(component, QUANTITY_FIELD_CONSTANTS.selectors.ROOT);\n this._incrementButtonSlot = getShadowElement(this._component, QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON_SLOT) as HTMLSlotElement;\n this._decrementButtonSlot = getShadowElement(this._component, QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON_SLOT) as HTMLSlotElement;\n }\n\n public initializeButtons(): void {\n if (this._incrementButton && !this._incrementButton.hasAttribute('tabindex')) {\n this._incrementButton.tabIndex = -1;\n }\n if (this._decrementButton && !this._decrementButton.hasAttribute('tabindex')) {\n this._decrementButton.tabIndex = -1;\n }\n }\n\n public addRootClass(name: string): void {\n this._rootElement.classList.add(name);\n }\n\n public removeRootClass(name: string): void {\n this._rootElement.classList.remove(name);\n }\n\n public inputHasAttribute(name: string): boolean {\n if (!this.inputElement) {\n return false;\n }\n\n return this.inputElement.hasAttribute(name);\n }\n\n public addIncrementButtonSlotListener(listener: () => void): void {\n this._incrementButtonSlot.addEventListener('slotchange', listener);\n }\n\n public removeIncrementButtonSlotListener(listener: () => void): void {\n if (this._incrementButtonSlot) {\n this._incrementButtonSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addDecrementButtonSlotListener(listener: (evt: Event) => void): void {\n this._decrementButtonSlot.addEventListener('slotchange', listener);\n }\n\n public removeDecrementButtonSlotListener(listener: (evt: Event) => void): void {\n if (this._decrementButtonSlot) {\n this._decrementButtonSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addTextFieldAttribute(name: string, value = ''): void {\n if (this._textFieldComponent) {\n this._textFieldComponent.setAttribute(name, value);\n }\n }\n\n public removeTextFieldAttribute(name: string): void {\n if (this._textFieldComponent) {\n this._textFieldComponent.removeAttribute(name);\n }\n }\n\n public addIncrementEventListener(event: string, callback: (event: Event) => void): void {\n this._incrementButtonElement.addEventListener(event, callback);\n }\n\n public removeIncrementEventListener(event: string, callback: (event: Event) => void): void {\n if (this._incrementButtonElement) {\n this._incrementButtonElement.removeEventListener(event, callback);\n }\n }\n\n public addDecrementEventListener(event: string, callback: (event: Event) => void): void {\n this._decrementButtonElement.addEventListener(event, callback);\n }\n\n public removeDecrementEventListener(event: string, callback: (event: Event) => void): void {\n if (this._decrementButtonElement) {\n this._decrementButtonElement.removeEventListener(event, callback);\n }\n }\n\n public addIncrementButtonAttribute(name: string, value = ''): void {\n this._incrementButtonElement.setAttribute(name, value);\n }\n\n public removeIncrementButtonAttribute(name: string): void {\n this._incrementButtonElement.removeAttribute(name);\n }\n\n public addDecrementButtonAttribute(name: string, value = ''): void {\n this._decrementButtonElement.setAttribute(name, value);\n }\n\n public removeDecrementButtonAttribute(name: string): void {\n this._decrementButtonElement.removeAttribute(name);\n }\n\n public increment(): void {\n const input = this.inputElement;\n if (!input) {\n return;\n }\n\n const curValue = +input.value;\n const precision = this._calcPrecision(this._inputStep);\n let newValue = parseFloat((curValue + this._inputStep).toFixed(precision));\n if (!!this._inputMax && this._inputMax < newValue) {\n newValue = this._inputMax;\n }\n\n this._setInputValue(newValue);\n }\n\n public decrement(): void {\n const input = this.inputElement;\n if (!input) {\n return;\n }\n\n const curValue = +input.value;\n const precision = this._calcPrecision(this._inputStep);\n let newValue = parseFloat((curValue - this._inputStep).toFixed(precision));\n if (!!this._inputMin && this._inputMin > newValue) {\n newValue = this._inputMin;\n }\n\n this._setInputValue(newValue);\n }\n\n public addInputDisabledAttributeChangeListener(callback: () => void): void {\n this._setupInputDisabledAttributeMutationObserver(callback);\n }\n\n public removeInputDisabledAttributeChangeListener(): void {\n this._cleanupInputDisabledAttributeMutationObserver();\n }\n\n private _setInputValue(value: string | number): void {\n if (!this.inputElement) {\n return;\n }\n\n this.inputElement.value = `${value}`;\n this.inputElement.dispatchEvent(new Event('input'));\n this.inputElement.dispatchEvent(new Event('change'));\n }\n\n private _isNullOrUndefinedOrEmpty(value: any): value is null | undefined {\n return value == null || value === '';\n }\n\n private _setupInputDisabledAttributeMutationObserver(callback: () => void): void {\n if (!this.inputElement) {\n return;\n }\n\n this._cleanupInputDisabledAttributeMutationObserver();\n const mutationCallback = (mutationRecords: MutationRecord[]): void => this._inputDisabledAttributeMutationCallback(mutationRecords, callback);\n this._inputAttributeMutationObserver = new MutationObserver(mutationCallback);\n const mutationOptions: MutationObserverInit = {\n attributes: true,\n attributeOldValue: true,\n attributeFilter: [QUANTITY_FIELD_CONSTANTS.attributes.DISABLED]\n };\n this._inputAttributeMutationObserver.observe(this.inputElement, mutationOptions);\n }\n\n private _cleanupInputDisabledAttributeMutationObserver(): void {\n if (this._inputAttributeMutationObserver) {\n this._inputAttributeMutationObserver.disconnect();\n delete this._inputAttributeMutationObserver;\n }\n }\n\n private _inputDisabledAttributeMutationCallback(mutationRecords: MutationRecord[], callback: () => void): void {\n for (const mutationRecord of mutationRecords) {\n // Skip:\n // - Non-attribute mutations.\n // - Mutations without an attribute name.\n // - Mutations without a matching attribute name.\n // - Mutations that did not change the attribute value.\n if (mutationRecord.type !== 'attributes'\n || !mutationRecord.attributeName\n || mutationRecord.attributeName !== QUANTITY_FIELD_CONSTANTS.attributes.DISABLED\n || mutationRecord.target[mutationRecord.attributeName] === mutationRecord.oldValue) {\n continue;\n }\n\n callback();\n }\n }\n\n private get _incrementButtonElement(): HTMLButtonElement {\n if (!this._incrementButton) {\n this._incrementButton = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON) as HTMLButtonElement;\n }\n return this._incrementButton;\n }\n\n private get _decrementButtonElement(): HTMLButtonElement {\n if (!this._decrementButton) {\n this._decrementButton = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON) as HTMLButtonElement;\n }\n return this._decrementButton;\n }\n\n private get _textFieldComponent(): TextFieldComponent {\n if (!this._textField) {\n this._textField = this._component.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.TEXT_FIELD) as TextFieldComponent;\n }\n return this._textField;\n }\n\n public get inputElement(): HTMLInputElement | null {\n if (!this._inputElement) {\n this._inputElement = this._component.querySelector<HTMLInputElement>(QUANTITY_FIELD_CONSTANTS.selectors.INPUT);\n }\n return this._inputElement;\n }\n\n private get _inputStep(): number {\n const input = this.inputElement;\n if (!input || this._isNullOrUndefinedOrEmpty(input.step)) {\n return 1;\n }\n\n return +input.step;\n }\n\n private get _inputMax(): number | null {\n const input = this.inputElement;\n if (!input || this._isNullOrUndefinedOrEmpty(input.max)) {\n return null;\n }\n\n return +input.max;\n }\n\n private get _inputMin(): number | null {\n const input = this.inputElement;\n if (!input || this._isNullOrUndefinedOrEmpty(input.min)) {\n return null;\n }\n\n return +input.min;\n }\n\n private _calcPrecision(value: number): number {\n const strVal = String(value);\n if (strVal.includes('.')) {\n return strVal.split('.')[1].length;\n }\n return 0;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IQuantityFieldAdapter } from './quantity-field-adapter';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\n\nexport interface IQuantityFieldFoundation extends ICustomElementFoundation {\n required: boolean;\n invalid: boolean;\n}\n\nexport class QuantityFieldFoundation implements IQuantityFieldFoundation {\n private _required: boolean;\n private _invalid: boolean;\n private _incrementButtonSlotChanged: () => void;\n private _decrementButtonSlotChanged: () => void;\n private _incrementValue: () => void;\n private _decrementValue: () => void;\n\n constructor(private _adapter: IQuantityFieldAdapter) {\n this._incrementValue = () => this._adapter.increment();\n this._decrementValue = () => this._adapter.decrement();\n this._incrementButtonSlotChanged = () => this._onIncrementButtonSlotChanged();\n this._decrementButtonSlotChanged = () => this._onDecrementButtonSlotChanged();\n\n this._adapter.addIncrementButtonSlotListener(this._incrementButtonSlotChanged);\n this._adapter.addDecrementButtonSlotListener(this._decrementButtonSlotChanged);\n }\n\n public connect(): void {\n this._adapter.addInputDisabledAttributeChangeListener(() => this._syncDisabledStateOfButtons());\n this._syncDisabledStateOfButtons();\n this._adapter.initializeButtons();\n }\n\n public disconnect(): void {\n this._removeIncrementEventListener();\n this._removeDecrementEventListener();\n this._removeIncrementButtonSlotListener();\n this._removeDecrementButtonSlotListener();\n this._adapter.removeInputDisabledAttributeChangeListener();\n }\n\n private _onIncrementButtonSlotChanged(): void {\n this._addIncrementEventListener();\n }\n\n private _onDecrementButtonSlotChanged(): void {\n this._addDecrementEventListener();\n }\n\n private _addIncrementEventListener(): void {\n this._adapter.addIncrementEventListener('click', this._incrementValue);\n }\n\n private _addDecrementEventListener(): void {\n this._adapter.addDecrementEventListener('click', this._decrementValue);\n }\n\n private _removeIncrementEventListener(): void {\n this._adapter.removeIncrementEventListener('click', this._incrementValue);\n }\n\n private _removeDecrementEventListener(): void {\n this._adapter.removeDecrementEventListener('click', this._decrementValue);\n }\n\n private _removeIncrementButtonSlotListener(): void {\n this._adapter.removeIncrementButtonSlotListener(this._incrementButtonSlotChanged);\n }\n\n private _removeDecrementButtonSlotListener(): void {\n this._adapter.removeDecrementButtonSlotListener(this._decrementButtonSlotChanged);\n }\n\n private _syncDisabledStateOfButtons(): void {\n const isDisabled = this._adapter.inputHasAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n if (isDisabled) {\n this._adapter.addDecrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n this._adapter.addIncrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n } else {\n this._adapter.removeIncrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n this._adapter.removeDecrementButtonAttribute(QUANTITY_FIELD_CONSTANTS.attributes.DISABLED);\n }\n }\n\n public get required(): boolean {\n return this._required;\n }\n public set required(value: boolean) {\n if (this._required === value) {\n return;\n }\n\n this._required = value;\n\n if (this._required) {\n this._adapter.setHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED);\n this._adapter.addRootClass(QUANTITY_FIELD_CONSTANTS.classes.REQUIRED);\n } else {\n this._adapter.removeHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED);\n this._adapter.removeRootClass(QUANTITY_FIELD_CONSTANTS.classes.REQUIRED);\n }\n }\n\n public get invalid(): boolean {\n return this._invalid;\n }\n public set invalid(value: boolean) {\n if (this._invalid === value) {\n return;\n }\n\n this._invalid = value;\n\n if (this._invalid) {\n this._adapter.setHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n this._adapter.addRootClass(QUANTITY_FIELD_CONSTANTS.classes.INVALID);\n this._adapter.addTextFieldAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n } else {\n this._adapter.removeHostAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n this._adapter.removeRootClass(QUANTITY_FIELD_CONSTANTS.classes.INVALID);\n this._adapter.removeTextFieldAttribute(QUANTITY_FIELD_CONSTANTS.attributes.INVALID);\n }\n }\n\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconRemoveCircleOutline, tylIconControlPoint } from '@tylertech/tyler-icons/standard';\nimport { QuantityFieldAdapter } from './quantity-field-adapter';\nimport { QuantityFieldFoundation } from './quantity-field-foundation';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { IconButtonComponent } from '../icon-button';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-quantity-field\\\" part=\\\"root\\\"><slot name=\\\"label\\\"></slot><div class=\\\"forge-quantity-field__row\\\" part=\\\"row\\\"><slot name=\\\"decrement-button\\\"></slot><slot></slot><slot name=\\\"increment-button\\\"></slot></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-quantity-field ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-quantity-field__row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-quantity-field ::slotted(forge-icon-button:first-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-right:4px}.forge-quantity-field ::slotted(forge-icon-button:last-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-left:4px}.forge-quantity-field ::slotted(forge-text-field){--forge-text-field-margin-top:0;--forge-text-field-margin-bottom:0}.forge-quantity-field--required ::slotted([slot=label])::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-quantity-field--invalid ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}:host{display:inline-block}:host([hidden]){display:none}';\nimport { IconRegistry } from '../icon';\n\nexport interface IQuantityFieldComponent extends IBaseComponent {\n invalid: boolean;\n required: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-quantity-field': IQuantityFieldComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-quantity-field>` custom element.\n * \n * @tag forge-quantity-field\n */\n@CustomElement({\n name: QUANTITY_FIELD_CONSTANTS.elementName,\n dependencies: [\n IconButtonComponent\n ]\n})\nexport class QuantityFieldComponent extends BaseComponent implements IQuantityFieldComponent {\n public static get observedAttributes(): string[] {\n return [\n QUANTITY_FIELD_CONSTANTS.attributes.INVALID,\n QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED\n ];\n }\n\n private _foundation: QuantityFieldFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new QuantityFieldFoundation(new QuantityFieldAdapter(this));\n\n IconRegistry.define([\n tylIconRemoveCircleOutline,\n tylIconControlPoint\n ]);\n }\n\n public connectedCallback(): void {\n if (this._requiredElementsPresent()) {\n this._foundation.connect();\n } else {\n this._ensureElementsPresent().then(() => {\n this._foundation.connect();\n });\n }\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case QUANTITY_FIELD_CONSTANTS.attributes.INVALID:\n this.invalid = coerceBoolean(newValue);\n break;\n case QUANTITY_FIELD_CONSTANTS.attributes.REQUIRED:\n this.required = coerceBoolean(newValue);\n break;\n }\n }\n\n private _ensureElementsPresent(): Promise<void> {\n return new Promise<void>(resolve => {\n if (this._requiredElementsPresent()) {\n resolve();\n return;\n }\n\n const observer = new MutationObserver(changes => {\n const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;\n if (hasAddedNodes) {\n if (this._requiredElementsPresent()) {\n observer.disconnect();\n resolve();\n }\n }\n });\n observer.observe(this, { childList: true, subtree: true });\n });\n }\n\n private _requiredElementsPresent(): boolean {\n const inputElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INPUT);\n const decrementElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.DECREMENT_BUTTON);\n const incrementElement = this.querySelector(QUANTITY_FIELD_CONSTANTS.selectors.INCREMENT_BUTTON);\n return !!inputElement && !!decrementElement && !!incrementElement;\n }\n\n /** Gets/sets the invalid state. */\n @FoundationProperty()\n public declare invalid: boolean;\n\n /** Gets/sets the required state which controls the visibility of the asterisk in the label. */\n @FoundationProperty()\n public declare required: boolean;\n}\n", "import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';\nimport { IconButtonComponentDelegate } from '../icon-button';\nimport { ITextFieldComponentDelegateConfig, TextFieldComponentDelegate } from '../text-field/text-field-component-delegate';\nimport { IQuantityFieldComponent } from './quantity-field';\nimport { QUANTITY_FIELD_CONSTANTS } from './quantity-field-constants';\nimport { tylIconRemoveCircleOutline, tylIconControlPoint } from '@tylertech/tyler-icons/standard';\nimport { IconRegistry } from '../icon';\n\nexport type QuantityFieldComponentDelegateProps = Partial<IQuantityFieldComponent>;\nexport interface IQuantityFieldComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n id?: string;\n label?: string;\n value?: string;\n step?: string;\n helperText?: string;\n textFieldDelegateConfig?: ITextFieldComponentDelegateConfig;\n}\nexport interface IQuantityFieldComponentDelegateConfig extends IBaseComponentDelegateConfig<IQuantityFieldComponent, IQuantityFieldComponentDelegateOptions> {}\n\nexport class QuantityFieldComponentDelegate extends FormFieldComponentDelegate<IQuantityFieldComponent, IQuantityFieldComponentDelegateOptions> {\n private _textFieldDelegate: TextFieldComponentDelegate;\n private _labelElement: HTMLLabelElement | undefined;\n private _helperTextElement: HTMLSpanElement | undefined;\n\n constructor(config?: IQuantityFieldComponentDelegateConfig) {\n super(config);\n IconRegistry.define([tylIconRemoveCircleOutline, tylIconControlPoint]);\n }\n\n protected _build(): IQuantityFieldComponent {\n const quantityField = document.createElement(QUANTITY_FIELD_CONSTANTS.elementName);\n this._attachButton(quantityField, tylIconRemoveCircleOutline.name, 'decrement-button');\n this._attachTextField(quantityField);\n this._attachButton(quantityField, tylIconControlPoint.name, 'increment-button');\n return quantityField;\n }\n\n protected override _configure(): void {\n this.inputElement.value = this._config.options?.value ?? '0';\n this.inputElement.style.textAlign = 'center';\n this.inputElement.style.width = '64px';\n\n if (this._config.options?.helperText) {\n this.setHelperText(this._config.options.helperText);\n }\n if (typeof this._config.options?.label === 'string') {\n this._createLabel(this._config.options.label);\n }\n if (this._config.options?.step !== undefined) {\n this.inputElement.step = this._config.options.step;\n }\n }\n\n public get value(): string {\n return this._textFieldDelegate.inputElement.value;\n }\n public set value(value: string) {\n this._textFieldDelegate.inputElement.value = value;\n }\n\n public get disabled(): boolean {\n return this._textFieldDelegate.inputElement.disabled;\n }\n public set disabled(value: boolean) {\n this._textFieldDelegate.inputElement.disabled = value;\n }\n\n public get invalid(): boolean {\n return this._element.invalid || false;\n }\n public set invalid(value: boolean) {\n this._element.invalid = value;\n }\n\n public get inputElement(): HTMLInputElement {\n return this._textFieldDelegate.inputElement;\n }\n\n public get labelElement(): HTMLLabelElement | undefined {\n return this._labelElement;\n }\n\n public onChange(listener: (value: string) => void): void {\n this._textFieldDelegate.inputElement.addEventListener('input', evt => listener((evt.target as HTMLInputElement).value));\n }\n\n public onFocus(listener: (evt: Event) => void): void {\n this._textFieldDelegate.inputElement.addEventListener('focus', evt => listener(evt));\n }\n\n public onBlur(listener: (evt: Event) => void): void {\n this._textFieldDelegate.inputElement.addEventListener('blur', evt => listener(evt));\n }\n\n private _attachTextField(quantityField: IQuantityFieldComponent): void {\n const textFieldConfig: ITextFieldComponentDelegateConfig = {\n props: { ...this._config.options?.textFieldDelegateConfig?.props },\n options: {\n ...this._config.options?.textFieldDelegateConfig?.options,\n id: this._config.options?.id,\n type: 'number'\n }\n };\n this._textFieldDelegate = new TextFieldComponentDelegate(textFieldConfig);\n quantityField.appendChild(this._textFieldDelegate.element);\n }\n\n public setLabel(text: string | null): void {\n if (text) {\n if (this._labelElement) {\n this._labelElement.textContent = text;\n } else {\n this._createLabel(text);\n }\n } else if (this._labelElement) {\n this._element.removeChild(this._labelElement);\n this._labelElement = undefined;\n }\n }\n\n public setHelperText(text: string | null): void {\n if (text) {\n if (!this._helperTextElement) {\n this._helperTextElement = document.createElement('span');\n this._helperTextElement.slot = 'helper-text';\n this._element.appendChild(this._helperTextElement);\n }\n this._helperTextElement.textContent = text;\n } else if (this._helperTextElement) {\n this._element.removeChild(this._helperTextElement);\n this._helperTextElement = undefined;\n }\n }\n\n private _createLabel(text: string): void {\n this._labelElement = document.createElement('label');\n this._labelElement.textContent = text;\n this._labelElement.slot = 'label';\n if (this._config.options?.id) {\n this._labelElement.setAttribute('for', this._config.options.id);\n }\n this._element.appendChild(this._labelElement);\n }\n\n private _attachButton(parent: HTMLElement, iconName: string, slot: string): IconButtonComponentDelegate {\n const iconButtonDelegate = new IconButtonComponentDelegate({\n options: {\n iconName,\n parent,\n attributes: { slot }\n }\n });\n return iconButtonDelegate;\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { QuantityFieldComponent } from './quantity-field';\n\nexport * from './quantity-field-adapter';\nexport * from './quantity-field-constants';\nexport * from './quantity-field-foundation';\nexport * from './quantity-field';\nexport * from './quantity-field-component-delegate';\n\nexport function defineQuantityFieldComponent(): void {\n defineCustomElement(QuantityFieldComponent);\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "slots", "selectors", "QUANTITY_FIELD_CONSTANTS", "QuantityFieldAdapter", "BaseAdapter", "component", "getShadowElement", "QUANTITY_FIELD_CONSTANTS", "name", "listener", "value", "event", "callback", "input", "curValue", "precision", "newValue", "mutationCallback", "mutationRecords", "mutationOptions", "mutationRecord", "strVal", "QuantityFieldFoundation", "_adapter", "QUANTITY_FIELD_CONSTANTS", "value", "template", "styles", "QuantityFieldComponent", "BaseComponent", "attachShadowTemplate", "QuantityFieldFoundation", "QuantityFieldAdapter", "IconRegistry", "tylIconRemoveCircleOutline", "tylIconControlPoint", "QUANTITY_FIELD_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "resolve", "observer", "changes", "prev", "curr", "inputElement", "decrementElement", "incrementElement", "__decorateClass", "FoundationProperty", "CustomElement", "IconButtonComponent", "QuantityFieldComponentDelegate", "FormFieldComponentDelegate", "config", "IconRegistry", "tylIconRemoveCircleOutline", "tylIconControlPoint", "quantityField", "QUANTITY_FIELD_CONSTANTS", "_a", "_b", "_c", "_d", "_e", "value", "listener", "evt", "textFieldConfig", "__spreadValues", "__spreadProps", "TextFieldComponentDelegate", "text", "parent", "iconName", "slot", "IconButtonComponentDelegate", "defineQuantityFieldComponent", "defineCustomElement", "QuantityFieldComponent"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{a as l,d as y}from"./chunk.T235SNYZ.js";import{c as w}from"./chunk.ZWIEYVZC.js";import{a as E,d as v}from"./chunk.GTGXHY4A.js";import{y as T}from"./chunk.EWT2PBEP.js";import{a as C,d as A,l as O}from"./chunk.4JB3SESQ.js";import{m as N}from"./chunk.QG5EYBS3.js";import{a as B}from"./chunk.ZY3ETQ3D.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as g,b as I}from"./chunk.RRNSZCVJ.js";import{a as u,d as _,g as a,k as f}from"./chunk.TPXXHX5J.js";import{v as b}from"./chunk.HZUQXCOQ.js";import{k as c}from"./chunk.J2M2MXP2.js";import{d as r}from"./chunk.M3QDAYD2.js";var S=`${I}app-bar-notification-button`,x={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},H=["aria-label","aria-labelledby"],e={elementName:S,attributes:x,forwardedAttributes:H};var d=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._iconButtonElement=a(this._component,E.elementName),this._badgeElement=a(this._component,l.elementName),this._iconElement=a(this._component,C.elementName);let i=this._iconButtonElement.getAttribute("aria-labelledby");this._forwardObserver=N(this._component,e.forwardedAttributes,(m,o)=>{m==="aria-labelledby"&&!o&&(o=i),b(this._iconButtonElement,!!o,m,o!=null?o:void 0)})}destroy(){var i;(i=this._forwardObserver)==null||i.disconnect(),this._forwardObserver=void 0}setCount(i){this._badgeElement.textContent=String(i)}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){b(this._badgeElement,!!i,l.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.open=i}};var p=class{constructor(t){this._adapter=t;this._count="0";this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}destroy(){this._adapter.destroy(),this._isInitialized=!1}get icon(){return this._icon}set icon(t){this._icon!==t&&(this._icon=t,this._isInitialized&&this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(e.attributes.ICON,this._icon))}get count(){return this._count}set count(t){this._count!==t&&(this._count=t,this._isInitialized&&this._adapter.setCount(this._count),this._adapter.setHostAttribute(e.attributes.COUNT,this._count))}get dot(){return this._dot}set dot(t){t=!!t,this._dot!==t&&(this._dot=t,this._isInitialized&&this._adapter.setBadgeType(this._dot),this._adapter.toggleHostAttribute(e.attributes.DOT,this._dot))}get theme(){return this._theme}set theme(t){this._theme!==t&&(this._theme=t,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(e.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(t){t=!!t,this._showBadge!==t&&(this._showBadge=t,this._isInitialized&&this._adapter.setBadgeVisible(this._showBadge),this._adapter.toggleHostAttribute(e.attributes.SHOW_BADGE,this._showBadge))}};var z='<template><forge-icon-button><forge-icon></forge-icon><forge-badge slot="badge"></forge-badge></forge-icon-button><forge-tooltip type="label" placement="bottom">Notifications</forge-tooltip></template>',n=class extends f{constructor(){super();A.define(T),this._foundation=new p(new d(this))}static get observedAttributes(){return[e.attributes.COUNT,e.attributes.DOT,e.attributes.THEME,e.attributes.SHOW_BADGE,e.attributes.ICON]}initializedCallback(){_(this,z)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(i,m,o){switch(i){case e.attributes.COUNT:this.count=o;break;case e.attributes.DOT:this.dot=c(o);break;case e.attributes.THEME:this.theme=o;break;case e.attributes.ICON:this.icon=o;break;case e.attributes.SHOW_BADGE:this.showBadge=c(o);break}}};r([s()],n.prototype,"count",2),r([s()],n.prototype,"dot",2),r([s()],n.prototype,"theme",2),r([s()],n.prototype,"icon",2),r([s()],n.prototype,"showBadge",2),n=r([g({name:e.elementName,dependencies:[v,w,y,O]})],n);function ct(){u(n)}export{e as a,d as b,p as c,n as d,ct as e};
|
|
7
|
+
//# sourceMappingURL=chunk.LCS2O4Y7.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/app-bar/notification-button/app-bar-notification-button-constants.ts", "../../src/app-bar/notification-button/app-bar-notification-button-adapter.ts", "../../src/app-bar/notification-button/app-bar-notification-button-foundation.ts", "../../src/app-bar/notification-button/app-bar-notification-button.ts", "../../src/app-bar/notification-button/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-notification-button`;\n\nconst attributes = {\n COUNT: 'count',\n DOT: 'dot',\n THEME: 'theme',\n SHOW_BADGE: 'show-badge',\n ICON: 'icon'\n};\n\nconst forwardedAttributes = ['aria-label', 'aria-labelledby'];\n\nexport const APP_BAR_NOTIFICATION_BUTTON_CONSTANTS = {\n elementName,\n attributes,\n forwardedAttributes\n};\n", "import { getLightElement, toggleAttribute } from '@tylertech/forge-core';\nimport { BADGE_CONSTANTS, IBadgeComponent } from '../../badge';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarNotificationButtonComponent } from './app-bar-notification-button';\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\nimport { forwardAttributes } from '../../core/utils/reflect-utils';\nimport { ICON_BUTTON_CONSTANTS } from '../../icon-button/icon-button-constants';\nimport { IIconButtonComponent } from '../../icon-button/icon-button';\n\nexport interface IAppBarNotificationButtonAdapter extends IBaseAdapter {\n initialize(): void;\n destroy(): void;\n setIcon(icon: string): void;\n setCount(value: number | string): void;\n setBadgeType(dot: boolean): void;\n setBadgeTheme(theme: string): void;\n setBadgeVisible(isVisible: boolean): void;\n}\n\nexport class AppBarNotificationButtonAdapter extends BaseAdapter<IAppBarNotificationButtonComponent> implements IAppBarNotificationButtonAdapter {\n private _iconButtonElement: IIconButtonComponent;\n private _badgeElement: IBadgeComponent;\n private _iconElement: IIconComponent;\n private _forwardObserver?: MutationObserver;\n\n constructor(component: IAppBarNotificationButtonComponent) {\n super(component);\n }\n\n public setIcon(icon: string): void {\n this._iconElement.name = icon;\n }\n\n public initialize(): void {\n this._iconButtonElement = getLightElement(this._component, ICON_BUTTON_CONSTANTS.elementName) as IIconButtonComponent;\n this._badgeElement = getLightElement(this._component, BADGE_CONSTANTS.elementName) as IBadgeComponent;\n this._iconElement = getLightElement(this._component, ICON_CONSTANTS.elementName) as IIconComponent;\n\n const originalAriaLabelledby = this._iconButtonElement.getAttribute('aria-labelledby');\n\n this._forwardObserver = forwardAttributes(this._component, APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.forwardedAttributes, (name, value) => {\n if (name === 'aria-labelledby' && !value) {\n value = originalAriaLabelledby;\n }\n toggleAttribute(this._iconButtonElement, !!value, name, value ?? undefined);\n });\n }\n\n public destroy(): void {\n this._forwardObserver?.disconnect();\n this._forwardObserver = undefined;\n }\n\n public setCount(value: number | string): void {\n this._badgeElement.textContent = String(value);\n }\n\n public setBadgeType(dot: boolean): void {\n this._badgeElement.dot = dot;\n }\n\n public setBadgeTheme(theme: string): void {\n toggleAttribute(this._badgeElement, !!theme, BADGE_CONSTANTS.attributes.THEME, theme);\n }\n\n public setBadgeVisible(isVisible: boolean): void {\n this._badgeElement.open = isVisible;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IAppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\n\nexport interface IAppBarNotificationButtonFoundation extends ICustomElementFoundation {\n count: number | string;\n dot: boolean;\n theme: string;\n showBadge: boolean;\n icon: string;\n}\n\nexport class AppBarNotificationButtonFoundation implements IAppBarNotificationButtonFoundation {\n private _count: number | string = '0';\n private _dot = false;\n private _theme: string;\n private _showBadge = false;\n private _isInitialized = false;\n private _icon = 'notifications';\n\n constructor(private _adapter: IAppBarNotificationButtonAdapter) {}\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.setCount(this._count);\n this._adapter.setBadgeType(this._dot);\n this._adapter.setBadgeTheme(this._theme);\n this._adapter.setBadgeVisible(this._showBadge);\n this._adapter.setIcon(this._icon);\n this._isInitialized = true;\n }\n\n public destroy(): void {\n this._adapter.destroy();\n this._isInitialized = false;\n }\n\n public get icon(): string {\n return this._icon;\n }\n public set icon(value: string) {\n if (this._icon !== value) {\n this._icon = value;\n if (this._isInitialized) {\n this._adapter.setIcon(this._icon);\n }\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON, this._icon);\n }\n }\n\n public get count(): number | string {\n return this._count;\n }\n public set count(value: number | string) {\n if (this._count !== value) {\n this._count = value;\n if (this._isInitialized) {\n this._adapter.setCount(this._count);\n }\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT, this._count as any);\n }\n }\n\n public get dot(): boolean {\n return this._dot;\n }\n public set dot(value: boolean) {\n value = Boolean(value);\n if (this._dot !== value) {\n this._dot = value;\n if (this._isInitialized) {\n this._adapter.setBadgeType(this._dot);\n }\n this._adapter.toggleHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT, this._dot);\n }\n }\n\n public get theme(): string {\n return this._theme;\n }\n public set theme(value: string) {\n if (this._theme !== value) {\n this._theme = value;\n if (this._isInitialized) {\n this._adapter.setBadgeTheme(this._theme);\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME, this._theme);\n }\n }\n }\n\n public get showBadge(): boolean {\n return this._showBadge;\n }\n public set showBadge(value: boolean) {\n value = Boolean(value);\n if (this._showBadge !== value) {\n this._showBadge = value;\n if (this._isInitialized) {\n this._adapter.setBadgeVisible(this._showBadge);\n }\n this._adapter.toggleHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE, this._showBadge);\n }\n }\n}\n", "import { attachLightTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconNotifications } from '@tylertech/tyler-icons/standard';\nimport { BadgeComponent } from '../../badge';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { IconButtonComponent } from '../../icon-button';\nimport { TooltipComponent } from '../../tooltip';\nimport { AppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\nimport { AppBarNotificationButtonFoundation } from './app-bar-notification-button-foundation';\n\nconst template = '<template><forge-icon-button><forge-icon></forge-icon><forge-badge slot=\\\"badge\\\"></forge-badge></forge-icon-button><forge-tooltip type=\\\"label\\\" placement=\\\"bottom\\\">Notifications</forge-tooltip></template>';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-notification-button': IAppBarNotificationButtonComponent;\n }\n}\n\nexport interface IAppBarNotificationButtonComponent extends IBaseComponent {\n count: number | string;\n dot: boolean;\n showBadge: boolean;\n theme: string;\n icon: string;\n}\n/**\n * @tag forge-app-bar-notification-button\n * \n * @property {number | string} count - The number to display in the badge.\n * @property {boolean} dot - Whether to display the dot variant of the badge or not.\n * @property {boolean} showBadge - Whether to display the badge or not.\n * @property {string} theme - The theme to apply to the badge.\n * @property {string} icon - The name of an alternative icon to display.\n * \n * @attribute {string} [count] - The number to display in the badge.\n * @attribute {boolean} [dot] - Whether to display the dot variant of the badge or not.\n * @attribute {boolean} [show-badge] - Whether to display the badge or not.\n * @attribute {string} [theme] - The theme to apply to the badge.\n * @attribute {string} [icon] - The name of an alternative icon to display.\n * @attribute {string} [aria-label] - The aria-label to apply to the button.\n * @attribute {string} [aria-labelledby] - The id of an element to use as the aria-labelledby attribute.\n */\n@CustomElement({\n name: APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.elementName,\n dependencies: [\n IconButtonComponent,\n TooltipComponent,\n BadgeComponent,\n IconComponent\n ]\n})\nexport class AppBarNotificationButtonComponent extends BaseComponent implements IAppBarNotificationButtonComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON\n ];\n }\n\n private _foundation: AppBarNotificationButtonFoundation;\n\n constructor() {\n super();\n IconRegistry.define(tylIconNotifications);\n this._foundation = new AppBarNotificationButtonFoundation(new AppBarNotificationButtonAdapter(this));\n }\n\n public initializedCallback(): void {\n attachLightTemplate(this, template);\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.destroy();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT:\n this.count = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT:\n this.dot = coerceBoolean(newValue);\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME:\n this.theme = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON:\n this.icon = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE:\n this.showBadge = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare count: number | string;\n\n @FoundationProperty()\n public declare dot: boolean;\n\n @FoundationProperty()\n public declare theme: string;\n\n @FoundationProperty()\n public declare icon: string;\n\n @FoundationProperty()\n public declare showBadge: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarNotificationButtonComponent } from './app-bar-notification-button';\n\nexport * from './app-bar-notification-button-adapter';\nexport * from './app-bar-notification-button-constants';\nexport * from './app-bar-notification-button-foundation';\nexport * from './app-bar-notification-button';\n\nexport function defineAppBarNotificationButtonComponent(): void {\n defineCustomElement(AppBarNotificationButtonComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "forwardedAttributes", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "AppBarNotificationButtonAdapter", "BaseAdapter", "component", "icon", "getLightElement", "ICON_BUTTON_CONSTANTS", "BADGE_CONSTANTS", "ICON_CONSTANTS", "originalAriaLabelledby", "forwardAttributes", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "name", "value", "toggleAttribute", "_a", "dot", "theme", "isVisible", "AppBarNotificationButtonFoundation", "_adapter", "value", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "template", "AppBarNotificationButtonComponent", "BaseComponent", "IconRegistry", "tylIconNotifications", "AppBarNotificationButtonFoundation", "AppBarNotificationButtonAdapter", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "attachLightTemplate", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconButtonComponent", "TooltipComponent", "BadgeComponent", "IconComponent", "defineAppBarNotificationButtonComponent", "defineCustomElement", "AppBarNotificationButtonComponent"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{a as w,b as X}from"./chunk.H6MMHAQI.js";import{a as _}from"./chunk.ZY3ETQ3D.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as k,b as v,m}from"./chunk.RRNSZCVJ.js";import{a as p,e as u,f as s,k as h}from"./chunk.TPXXHX5J.js";import{k as d,l as g}from"./chunk.J2M2MXP2.js";import{a as b,d as a}from"./chunk.M3QDAYD2.js";var z=`${v}linear-progress`,E={INDETERMINATE:"forge-linear-progress--indeterminate"},T={ROOT:".forge-linear-progress",PROGRESS:".primary-bar",BUFFER:".buffer-bar"},y={DETERMINATE:"determinate",PROGRESS:"progress",BUFFER:"buffer",THEME:"theme"},A=b({},y),r={elementName:z,classes:E,selectors:T,attributes:A,observedAttributes:y};var c=class extends _{constructor(t){super(t);this._rootElement=s(t,r.selectors.ROOT),this._progressElement=s(t,r.selectors.PROGRESS),this._bufferElement=s(t,r.selectors.BUFFER)}initialize(){this._component[m]({role:"progressbar",ariaValueMin:"0",ariaValueMax:"1",ariaValueNow:this._component.determinate?`${this._component.progress}`:null})}setDeterminate(t){this._component[m]({ariaValueNow:t?`${this._component.progress}`:null}),t?this.setProgress(this._component.progress):(this._progressElement.style.transform="",this._bufferElement.style.transform=""),this._rootElement.classList.toggle(r.classes.INDETERMINATE,!t)}setProgress(t){this._component[m]({ariaValueNow:`${t}`}),this._progressElement.style.transform=`scaleX(${t*100}%)`}setBuffer(t){this._bufferElement.style.transform=`scaleX(${t*100}%)`}};var l=class{constructor(e){this._adapter=e;this._determinate=!1;this._progress=0;this._buffer=1;this._theme="primary"}initialize(){this._adapter.initialize()}get determinate(){return this._determinate}set determinate(e){e=!!e,this._determinate!==e&&(this._determinate=e,this._adapter.setBuffer(this._determinate?this._buffer:1),this._adapter.setProgress(this._determinate?this._progress:0),this._adapter.setDeterminate(this._determinate),this._adapter.toggleHostAttribute(r.attributes.DETERMINATE,this._determinate))}get progress(){return this._progress}set progress(e){this._progress!==e&&(this._progress=e,this._determinate&&this._adapter.setProgress(this._progress),this._adapter.setHostAttribute(r.attributes.PROGRESS,String(this._progress)))}get buffer(){return this._buffer}set buffer(e){this._buffer!==e&&(this._buffer=e,this._determinate&&this._adapter.setBuffer(this._buffer),this._adapter.setHostAttribute(r.attributes.BUFFER,this._buffer.toString()))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._adapter.toggleHostAttribute(r.attributes.THEME,!!this._theme,this._theme))}};var R='<template><div class="forge-linear-progress forge-linear-progress--indeterminate" part="progressbar"><div class="track"></div><div class="buffer-bar"></div><div class="bar primary-bar"><div class="bar-inner"></div></div><div class="bar secondary-bar"><div class="bar-inner"></div></div></div></template>',I=":host{--_linear-progress-track-height:var(--forge-linear-progress-track-height, 4px)}:host{display:block;position:relative;min-inline-size:80px;block-size:var(--_linear-progress-track-height);content-visibility:auto;contain:strict}:host([hidden]){display:none}.forge-linear-progress{--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-tertiary-container, #d0d7ff));--_linear-progress-track-shape:var(--forge-linear-progress-track-shape, var(--forge-shape-full, 9999px));--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-tertiary, #3d5afe));--_linear-progress-indicator-height:var(--forge-linear-progress-indicator-height, var(--_linear-progress-track-height));--_linear-progress-determinate-duration:var(--forge-linear-progress-determinate-duration, var(--forge-animation-duration-medium1, 250ms));--_linear-progress-determinate-easing:var(--forge-linear-progress-determinate-easing, cubic-bezier(0.4, 0, 0.6, 1));--_linear-progress-indeterminate-duration:var(--forge-linear-progress-indeterminate-duration, 2s);--_linear-progress-theme-transition-duration:var(--forge-linear-progress-theme-transition-duration, var(--forge-animation-duration-short3, 150ms));--_linear-progress-theme-transition-timing:var(--forge-linear-progress-theme-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_linear-progress-track-dot-size:calc(var(--_linear-progress-track-height) / 2);--_linear-progress-track-background-width:calc(var(--_linear-progress-track-dot-size) * 5);--_linear-progress-track-background:0/var(--_linear-progress-track-background-width) 100% radial-gradient(circle at calc(var(--_linear-progress-track-dot-size) * 2), var(--_linear-progress-track-color) 0, var(--_linear-progress-track-color) var(--_linear-progress-track-dot-size), transparent var(--_linear-progress-track-dot-size))}.forge-linear-progress{inset:0;outline:transparent solid 1px;border-radius:var(--_linear-progress-track-shape);overflow:hidden;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.bar,.bar-inner,.buffer-bar,.forge-linear-progress,.track{position:absolute}.bar{-webkit-animation:none;animation:none;inline-size:100%;block-size:var(--_linear-progress-indicator-height);-webkit-transform-origin:left center;transform-origin:left center;will-change:transform;-webkit-transition:-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);transition:-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);transition:transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);transition:transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing),-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing)}.secondary-bar{display:none}.bar-inner{inset:0;-webkit-animation:none;animation:none;-webkit-transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing);transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing);background:var(--_linear-progress-indicator-color)}.buffer-bar{background:var(--_linear-progress-track-color);inset:0;will-change:transform;-webkit-transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing),-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing),-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);transition:transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing),background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing);transition:transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing),background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing),-webkit-transform var(--_linear-progress-determinate-duration) var(--_linear-progress-determinate-easing);-webkit-transform-origin:left center;transform-origin:left center}.track{inset:0;will-change:transform;-webkit-animation:linear infinite var(--_linear-progress-determinate-duration);animation:linear infinite var(--_linear-progress-determinate-duration);-webkit-animation-name:buffering;animation-name:buffering;background:var(--_linear-progress-track-color);-webkit-transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing);transition:background-color var(--_linear-progress-theme-transition-duration) var(--_linear-progress-theme-transition-timing)}.forge-linear-progress--indeterminate .bar{-webkit-transition:none;transition:none}.forge-linear-progress--indeterminate .primary-bar{inset-inline-start:-145.167%;will-change:transform;-webkit-animation:linear infinite var(--_linear-progress-indeterminate-duration);animation:linear infinite var(--_linear-progress-indeterminate-duration);-webkit-animation-name:primary-indeterminate-translate;animation-name:primary-indeterminate-translate}.forge-linear-progress--indeterminate .secondary-bar{inset-inline-start:-54.8889%;display:block;will-change:transform;-webkit-animation:linear infinite var(--_linear-progress-indeterminate-duration);animation:linear infinite var(--_linear-progress-indeterminate-duration);-webkit-animation-name:secondary-indeterminate-translate;animation-name:secondary-indeterminate-translate}.forge-linear-progress--indeterminate .track{display:none}.forge-linear-progress--indeterminate .primary-bar>.bar-inner{will-change:transform;-webkit-animation:linear infinite var(--_linear-progress-indeterminate-duration) primary-indeterminate-scale;animation:linear infinite var(--_linear-progress-indeterminate-duration) primary-indeterminate-scale}.forge-linear-progress--indeterminate .secondary-bar>.bar-inner{will-change:transform;-webkit-animation:linear infinite var(--_linear-progress-indeterminate-duration) secondary-indeterminate-scale;animation:linear infinite var(--_linear-progress-indeterminate-duration) secondary-indeterminate-scale}:host-context([dir=rtl]) .forge-linear-progress .bar{-webkit-transform-origin:right center;transform-origin:right center}:host-context([dir=rtl]) .forge-linear-progress .buffer-bar{-webkit-transform-origin:right center;transform-origin:right center}:host-context([dir=rtl]) .forge-linear-progress .track{-webkit-animation-name:buffering-rtl;animation-name:buffering-rtl}:host-context([dir=rtl]) .forge-linear-progress.forge-linear-progress--indeterminate .primary-bar{-webkit-animation-name:primary-indeterminate-translate-rtl;animation-name:primary-indeterminate-translate-rtl}:host-context([dir=rtl]) .forge-linear-progress.forge-linear-progress--indeterminate .secondary-bar{-webkit-animation-name:secondary-indeterminate-translate-rtl;animation-name:secondary-indeterminate-translate-rtl}:host([dir=rtl]) .forge-linear-progress .bar{-webkit-transform-origin:right center;transform-origin:right center}:host([dir=rtl]) .forge-linear-progress .buffer-bar{-webkit-transform-origin:right center;transform-origin:right center}:host([dir=rtl]) .forge-linear-progress .track{-webkit-animation-name:buffering-rtl;animation-name:buffering-rtl}:host([dir=rtl]) .forge-linear-progress.forge-linear-progress--indeterminate .primary-bar{-webkit-animation-name:primary-indeterminate-translate-rtl;animation-name:primary-indeterminate-translate-rtl}:host([dir=rtl]) .forge-linear-progress.forge-linear-progress--indeterminate .secondary-bar{-webkit-animation-name:secondary-indeterminate-translate-rtl;animation-name:secondary-indeterminate-translate-rtl}.forge-linear-progress:dir(rtl) .bar{-webkit-transform-origin:right center;transform-origin:right center}.forge-linear-progress:dir(rtl) .buffer-bar{-webkit-transform-origin:right center;transform-origin:right center}.forge-linear-progress:dir(rtl) .track{-webkit-animation-name:buffering-rtl;animation-name:buffering-rtl}.forge-linear-progress:dir(rtl).forge-linear-progress--indeterminate .primary-bar{-webkit-animation-name:primary-indeterminate-translate-rtl;animation-name:primary-indeterminate-translate-rtl}.forge-linear-progress:dir(rtl).forge-linear-progress--indeterminate .secondary-bar{-webkit-animation-name:secondary-indeterminate-translate-rtl;animation-name:secondary-indeterminate-translate-rtl}:host([theme=primary]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-primary, #3f51b5));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-secondary, #ffc107));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-secondary-container, #fff0c3))}:host([theme=success]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-success, #2e7d32));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=error]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-error, #b00020));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=warning]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-warning, #d14900));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-warning-container, #f4d3c2))}:host([theme=info]) .forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, var(--forge-theme-info, #1565c0));--_linear-progress-track-color:var(--forge-linear-progress-track-color, var(--forge-theme-info-container, #c7daf0))}@media screen and (forced-colors:active){.forge-linear-progress{--_linear-progress-indicator-color:var(--forge-linear-progress-indicator-color, CanvasText);--_linear-progress-track-color:var(--forge-linear-progress-track-color, GrayText);border:1px solid CanvasText}.forge-linear-progress.forge-linear-progress--indeterminate{--_linear-progress-track-color:var(--forge-linear-progress-track-color, Canvas)}}@-webkit-keyframes buffering{0%{-webkit-transform:translateX(calc(1 * var(--_linear-progress-track-background-width)));transform:translateX(calc(1 * var(--_linear-progress-track-background-width)))}}@keyframes buffering{0%{-webkit-transform:translateX(calc(1 * var(--_linear-progress-track-background-width)));transform:translateX(calc(1 * var(--_linear-progress-track-background-width)))}}@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(calc(1 * 83.6714%));transform:translateX(calc(1 * 83.6714%))}100%{-webkit-transform:translateX(calc(1 * 200.611%));transform:translateX(calc(1 * 200.611%))}}@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(calc(1 * 83.6714%));transform:translateX(calc(1 * 83.6714%))}100%{-webkit-transform:translateX(calc(1 * 200.611%));transform:translateX(calc(1 * 200.611%))}}@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(calc(1 * 37.6519%));transform:translateX(calc(1 * 37.6519%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(calc(1 * 84.3862%));transform:translateX(calc(1 * 84.3862%))}100%{-webkit-transform:translateX(calc(1 * 160.278%));transform:translateX(calc(1 * 160.278%))}}@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(calc(1 * 37.6519%));transform:translateX(calc(1 * 37.6519%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(calc(1 * 84.3862%));transform:translateX(calc(1 * 84.3862%))}100%{-webkit-transform:translateX(calc(1 * 160.278%));transform:translateX(calc(1 * 160.278%))}}@-webkit-keyframes buffering-rtl{0%{-webkit-transform:translateX(calc(-1 * var(--_linear-progress-track-background-width)));transform:translateX(calc(-1 * var(--_linear-progress-track-background-width)))}}@keyframes buffering-rtl{0%{-webkit-transform:translateX(calc(-1 * var(--_linear-progress-track-background-width)));transform:translateX(calc(-1 * var(--_linear-progress-track-background-width)))}}@-webkit-keyframes primary-indeterminate-translate-rtl{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(calc(-1 * 83.6714%));transform:translateX(calc(-1 * 83.6714%))}100%{-webkit-transform:translateX(calc(-1 * 200.611%));transform:translateX(calc(-1 * 200.611%))}}@keyframes primary-indeterminate-translate-rtl{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);animation-timing-function:cubic-bezier(0.5,0,0.701732,0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);animation-timing-function:cubic-bezier(0.302435,0.381352,0.55,0.956352);-webkit-transform:translateX(calc(-1 * 83.6714%));transform:translateX(calc(-1 * 83.6714%))}100%{-webkit-transform:translateX(calc(-1 * 200.611%));transform:translateX(calc(-1 * 200.611%))}}@-webkit-keyframes secondary-indeterminate-translate-rtl{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(calc(-1 * 37.6519%));transform:translateX(calc(-1 * 37.6519%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(calc(-1 * 84.3862%));transform:translateX(calc(-1 * 84.3862%))}100%{-webkit-transform:translateX(calc(-1 * 160.278%));transform:translateX(calc(-1 * 160.278%))}}@keyframes secondary-indeterminate-translate-rtl{0%{-webkit-animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);animation-timing-function:cubic-bezier(0.15,0,0.515058,0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);animation-timing-function:cubic-bezier(0.31033,0.284058,0.8,0.733712);-webkit-transform:translateX(calc(-1 * 37.6519%));transform:translateX(calc(-1 * 37.6519%))}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);animation-timing-function:cubic-bezier(0.4,0.627035,0.6,0.902026);-webkit-transform:translateX(calc(-1 * 84.3862%));transform:translateX(calc(-1 * 84.3862%))}100%{-webkit-transform:translateX(calc(-1 * 160.278%));transform:translateX(calc(-1 * 160.278%))}}@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);animation-timing-function:cubic-bezier(0.334731,0.12482,0.785844,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);animation-timing-function:cubic-bezier(0.06,0.11,0.6,1);-webkit-transform:scaleX(.661479);transform:scaleX(.661479)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.00432);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.00432);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);animation-timing-function:cubic-bezier(0.205028,0.057051,0.57661,0.453971);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.00432);animation-timing-function:cubic-bezier(0.152313,0.196432,0.648374,1.00432);-webkit-transform:scaleX(.457104);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);animation-timing-function:cubic-bezier(0.257759,-0.003163,0.211762,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}100%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}",i=class extends w(X(h)){constructor(){super();u(this,R,I),this._foundation=new l(new c(this))}static get observedAttributes(){return Object.values(r.observedAttributes)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,P,o){switch(t){case r.observedAttributes.DETERMINATE:this.determinate=d(o);break;case r.observedAttributes.PROGRESS:this.progress=g(o);break;case r.observedAttributes.BUFFER:this.buffer=g(o);break;case r.observedAttributes.THEME:this.theme=o;break}}};a([n()],i.prototype,"determinate",2),a([n()],i.prototype,"progress",2),a([n()],i.prototype,"buffer",2),a([n()],i.prototype,"theme",2),i=a([k({name:r.elementName})],i);function ar(){p(i)}export{r as a,i as b,ar as c};
|
|
7
|
+
//# sourceMappingURL=chunk.M4KCRUKW.js.map
|