@tylertech/forge 2.16.5 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +10 -0
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/busy-indicator/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/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.ZRRUDMBE.js → chunk.274MFEUZ.js} +2 -2
- package/dist/esm/chunks/{chunk.4FSAAN6W.js → chunk.2DAPNN6B.js} +2 -2
- package/dist/esm/chunks/{chunk.4FSAAN6W.js.map → chunk.2DAPNN6B.js.map} +2 -2
- package/dist/esm/chunks/{chunk.ARJ3EVVO.js → chunk.2KXSGD3S.js} +2 -2
- package/dist/esm/chunks/chunk.3C44DXZ2.js +7 -0
- package/dist/esm/chunks/chunk.3C44DXZ2.js.map +7 -0
- package/dist/esm/chunks/{chunk.VC2BG2RS.js → chunk.3FAYFYXF.js} +2 -2
- package/dist/esm/chunks/{chunk.G45OZEIS.js → chunk.3IXTRC6Z.js} +2 -2
- package/dist/esm/chunks/{chunk.77Y3EABF.js → chunk.3YT72ZWJ.js} +2 -2
- package/dist/esm/chunks/{chunk.HNMFFOUF.js → chunk.44WDRTRR.js} +2 -2
- package/dist/esm/chunks/{chunk.WY7DECJD.js → chunk.4CWMNWZU.js} +2 -2
- package/dist/esm/chunks/{chunk.PN26D52V.js → chunk.4LA6HEA7.js} +2 -2
- package/dist/esm/chunks/{chunk.PN26D52V.js.map → chunk.4LA6HEA7.js.map} +3 -3
- package/dist/esm/chunks/{chunk.K2C4W3CO.js → chunk.4R6NK524.js} +2 -2
- package/dist/esm/chunks/{chunk.G5MGGEFP.js → chunk.5KC43VFL.js} +2 -2
- package/dist/esm/chunks/{chunk.LJU5WSSF.js → chunk.65II7E54.js} +2 -2
- package/dist/esm/chunks/{chunk.ILRWZHH3.js → chunk.6ATSOUJQ.js} +2 -2
- package/dist/esm/chunks/{chunk.ELV22KTH.js → chunk.6CAOHLX6.js} +2 -2
- package/dist/esm/chunks/{chunk.RYMPSU4J.js → chunk.6TTAKWXI.js} +2 -2
- package/dist/esm/chunks/{chunk.4WPFFNLH.js → chunk.73GVVX4K.js} +2 -2
- package/dist/esm/chunks/{chunk.TR5YMNJJ.js → chunk.76PI42C5.js} +2 -2
- package/dist/esm/chunks/chunk.7BAO5IED.js +7 -0
- package/dist/esm/chunks/{chunk.AFLH5HUG.js → chunk.7K44O5RO.js} +2 -2
- package/dist/esm/chunks/{chunk.PALRSBSY.js → chunk.7SULS4D2.js} +2 -2
- package/dist/esm/chunks/{chunk.LYOQ2RGP.js → chunk.A4UN74PV.js} +2 -2
- package/dist/esm/chunks/{chunk.NWDZ5CGQ.js → chunk.AB5XER3E.js} +2 -2
- package/dist/esm/chunks/{chunk.P5HFRNJW.js → chunk.AEKZWVNO.js} +2 -2
- package/dist/esm/chunks/chunk.AMES2WWC.js +7 -0
- package/dist/esm/chunks/chunk.AMES2WWC.js.map +7 -0
- package/dist/esm/chunks/{chunk.ZUNZKRRK.js → chunk.AMWDVFAU.js} +2 -2
- package/dist/esm/chunks/chunk.APHMTBRQ.js +7 -0
- package/dist/esm/chunks/chunk.APHMTBRQ.js.map +7 -0
- package/dist/esm/chunks/chunk.BAVLVCGK.js +7 -0
- package/dist/esm/chunks/chunk.BAVLVCGK.js.map +7 -0
- package/dist/esm/chunks/{chunk.47A2CN5U.js → chunk.BESB4RGK.js} +2 -2
- package/dist/esm/chunks/{chunk.IJW7Z6YD.js → chunk.BKAZC53W.js} +2 -2
- package/dist/esm/chunks/chunk.BKNYDA4V.js +7 -0
- package/dist/esm/chunks/chunk.BKNYDA4V.js.map +7 -0
- package/dist/esm/chunks/{chunk.VAKNDCLP.js → chunk.BL4IBI6G.js} +2 -2
- package/dist/esm/chunks/{chunk.I5BAZWUF.js → chunk.CE6NTUWI.js} +2 -2
- package/dist/esm/chunks/{chunk.7A6MX6CS.js → chunk.CG5CVENX.js} +2 -2
- package/dist/esm/chunks/{chunk.EGRUD7S7.js → chunk.CX7MOSLM.js} +2 -2
- package/dist/esm/chunks/{chunk.XZ4WI7VK.js → chunk.D24CE6KE.js} +2 -2
- package/dist/esm/chunks/chunk.DLALEZ73.js +7 -0
- package/dist/esm/chunks/chunk.DLALEZ73.js.map +7 -0
- package/dist/esm/chunks/{chunk.RG6CDWEX.js → chunk.DYF2MREZ.js} +2 -2
- package/dist/esm/chunks/{chunk.RG6CDWEX.js.map → chunk.DYF2MREZ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.SHTHI473.js → chunk.EMV7JGHB.js} +2 -2
- package/dist/esm/chunks/{chunk.CDUN4ONU.js → chunk.ERO7T6WC.js} +2 -2
- package/dist/esm/chunks/{chunk.UBD2DPQN.js → chunk.F5CFD2NG.js} +2 -2
- package/dist/esm/chunks/{chunk.ROR6JMAE.js → chunk.FFVZ6JMP.js} +2 -2
- package/dist/esm/chunks/{chunk.7BESNUTG.js → chunk.FOLQAW63.js} +2 -2
- package/dist/esm/chunks/{chunk.Y72NANFX.js → chunk.FPLHVO6D.js} +2 -2
- package/dist/esm/chunks/{chunk.7UKA4E5A.js → chunk.GQCUI7YS.js} +2 -2
- package/dist/esm/chunks/{chunk.F2B24WLK.js → chunk.H3IPTBWM.js} +2 -2
- package/dist/esm/chunks/{chunk.NOC2446R.js → chunk.H4ZMVM5H.js} +2 -2
- package/dist/esm/chunks/{chunk.NOC2446R.js.map → chunk.H4ZMVM5H.js.map} +1 -1
- package/dist/esm/chunks/{chunk.Y4GKBJGI.js → chunk.HOXFK44F.js} +2 -2
- package/dist/esm/chunks/{chunk.M7QAOQQ4.js → chunk.HTH3CEDN.js} +2 -2
- package/dist/esm/chunks/chunk.IMEODSRH.js +7 -0
- package/dist/esm/chunks/chunk.IMEODSRH.js.map +7 -0
- package/dist/esm/chunks/chunk.ITXUKOKJ.js +7 -0
- package/dist/esm/chunks/{chunk.PYIFIHDK.js.map → chunk.ITXUKOKJ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.NSOALSSD.js → chunk.IWMA7NUU.js} +2 -2
- package/dist/esm/chunks/{chunk.INCKI5IX.js → chunk.IZSUW7WG.js} +2 -2
- package/dist/esm/chunks/{chunk.TWZXQQQO.js → chunk.JD4APKZS.js} +2 -2
- package/dist/esm/chunks/{chunk.N4PVZUJX.js → chunk.JDLEPQKN.js} +2 -2
- package/dist/esm/chunks/chunk.K4SWLH26.js +7 -0
- package/dist/esm/chunks/chunk.K4SWLH26.js.map +7 -0
- package/dist/esm/chunks/chunk.K6LBO4KJ.js +7 -0
- package/dist/esm/chunks/chunk.K6LBO4KJ.js.map +7 -0
- package/dist/esm/chunks/{chunk.KU5CXXGS.js → chunk.K7HRCGML.js} +2 -2
- package/dist/esm/chunks/{chunk.Y5A7RQ5M.js → chunk.KII37K76.js} +2 -2
- package/dist/esm/chunks/{chunk.D6MLVA5G.js → chunk.LLK7YGQW.js} +2 -2
- package/dist/esm/chunks/{chunk.RBAVT3XQ.js → chunk.M6PJ3PNN.js} +2 -2
- package/dist/esm/chunks/{chunk.FDLWB4QK.js → chunk.MS77SPS4.js} +2 -2
- package/dist/esm/chunks/{chunk.4NI63FGK.js → chunk.MSFGXRCM.js} +2 -2
- package/dist/esm/chunks/{chunk.JEN6YP2Q.js → chunk.NLXSZNQI.js} +2 -2
- package/dist/esm/chunks/{chunk.MLV25D2G.js → chunk.NMKDIHFB.js} +2 -2
- package/dist/esm/chunks/{chunk.ASJHDPFL.js → chunk.NOO2ZZKZ.js} +2 -2
- package/dist/esm/chunks/{chunk.4Y2QP7JX.js → chunk.NQZXAC65.js} +2 -2
- package/dist/esm/chunks/{chunk.XUW3GG46.js → chunk.NX4EECNP.js} +2 -2
- package/dist/esm/chunks/{chunk.P3IA2WTO.js → chunk.ON2K3O3I.js} +2 -2
- package/dist/esm/chunks/{chunk.O4FB4BV5.js → chunk.PADHAJLS.js} +2 -2
- package/dist/esm/chunks/{chunk.HPDBSBQJ.js → chunk.PKVY6EWM.js} +2 -2
- package/dist/esm/chunks/chunk.PYXKGV4Z.js +7 -0
- package/dist/esm/chunks/chunk.PYXKGV4Z.js.map +7 -0
- package/dist/esm/chunks/{chunk.YDBWGKR4.js → chunk.Q5YD3PKM.js} +2 -2
- package/dist/esm/chunks/{chunk.BE7PZANN.js → chunk.QOA2O575.js} +2 -2
- package/dist/esm/chunks/chunk.RGAPFLQE.js +7 -0
- package/dist/esm/chunks/chunk.RGAPFLQE.js.map +7 -0
- package/dist/esm/chunks/{chunk.H4Z4DHPA.js → chunk.RUK5PIER.js} +2 -2
- package/dist/esm/chunks/{chunk.XBW46N2J.js → chunk.S2N5KJ7S.js} +2 -2
- package/dist/esm/chunks/{chunk.JHBCYICS.js → chunk.S2YVOMLW.js} +2 -2
- package/dist/esm/chunks/{chunk.TBY35XZK.js → chunk.S7ZU6JKB.js} +2 -2
- package/dist/esm/chunks/{chunk.T76JYRPR.js → chunk.SAQSXX2T.js} +2 -2
- package/dist/esm/chunks/{chunk.HI2DQJZG.js → chunk.SATUJNQX.js} +2 -2
- package/dist/esm/chunks/{chunk.BTBHIIGI.js → chunk.SQTM36C3.js} +2 -2
- package/dist/esm/chunks/chunk.SXTM6OK4.js +7 -0
- package/dist/esm/chunks/chunk.SXTM6OK4.js.map +7 -0
- package/dist/esm/chunks/{chunk.RB5BTA5N.js → chunk.T6NVM7TN.js} +2 -2
- package/dist/esm/chunks/chunk.UHU4FUIS.js +7 -0
- package/dist/esm/chunks/{chunk.GCR7QZRO.js → chunk.USXO7YKN.js} +2 -2
- package/dist/esm/chunks/{chunk.FRYLJWYL.js → chunk.UW2HWAVL.js} +2 -2
- package/dist/esm/chunks/{chunk.RE5X26QT.js → chunk.VT2QJ7SM.js} +2 -2
- package/dist/esm/chunks/{chunk.UT7QUGAO.js → chunk.VTB27IL7.js} +2 -2
- package/dist/esm/chunks/chunk.W3GR3VDN.js +12 -0
- package/dist/esm/chunks/chunk.XFAOB6LU.js +7 -0
- package/dist/esm/chunks/chunk.XIZILH2M.js +7 -0
- package/dist/esm/chunks/chunk.XIZILH2M.js.map +7 -0
- package/dist/esm/chunks/{chunk.WP4QOOIS.js → chunk.XQ5CDWDY.js} +2 -2
- package/dist/esm/chunks/chunk.XY45YU7I.js +7 -0
- package/dist/esm/chunks/chunk.XY45YU7I.js.map +7 -0
- package/dist/esm/chunks/{chunk.G3ZTZ4AN.js → chunk.YG24YPYO.js} +2 -2
- package/dist/esm/chunks/{chunk.BJE6O5ES.js → chunk.YJTE34LC.js} +2 -2
- package/dist/esm/chunks/{chunk.4BEI55KI.js → chunk.YMBLWKRP.js} +2 -2
- package/dist/esm/chunks/{chunk.HBMNXZES.js → chunk.ZCQO3N25.js} +2 -2
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/base/index.js +1 -1
- package/dist/esm/core/delegates/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/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/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popup/index.js +1 -1
- package/dist/esm/product-icon/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/ripple/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/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/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +1 -1
- package/esm/autocomplete/autocomplete-adapter.js +1 -1
- package/esm/busy-indicator/busy-indicator-adapter.js +1 -1
- package/esm/chip-field/chip-field-foundation.js +1 -1
- package/esm/chips/chip/chip-adapter.js +2 -2
- package/esm/date-picker/date-picker-adapter.js +1 -1
- package/esm/date-range-picker/date-range-picker-adapter.js +1 -1
- package/esm/dialog/dialog-adapter.js +1 -1
- package/esm/field/field-adapter.js +1 -1
- package/esm/list/list/list-adapter.js +2 -2
- package/esm/list/list-item/list-item.js +1 -1
- package/esm/popup/popup-adapter.d.ts +3 -1
- package/esm/popup/popup-adapter.js +5 -2
- package/esm/popup/popup-foundation.js +5 -3
- package/esm/popup/popup.d.ts +4 -1
- package/esm/radio/radio-adapter.js +2 -1
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/stepper/stepper-adapter.js +1 -1
- package/esm/tabs/tab-bar/tab-bar-adapter.js +1 -1
- package/esm/text-field/text-field-adapter.js +2 -1
- package/esm/time-picker/time-picker-adapter.js +2 -1
- package/package.json +2 -2
- package/styles/list/list-item/_mixins.scss +11 -1
- package/styles/list/list-item/_variables.scss +9 -0
- package/dist/esm/chunks/chunk.2NSEMS3F.js +0 -7
- package/dist/esm/chunks/chunk.2NSEMS3F.js.map +0 -7
- package/dist/esm/chunks/chunk.4FBPHKAE.js +0 -7
- package/dist/esm/chunks/chunk.4FBPHKAE.js.map +0 -7
- package/dist/esm/chunks/chunk.72AUOVCD.js +0 -7
- package/dist/esm/chunks/chunk.72AUOVCD.js.map +0 -7
- package/dist/esm/chunks/chunk.BABBOL37.js +0 -7
- package/dist/esm/chunks/chunk.BABBOL37.js.map +0 -7
- package/dist/esm/chunks/chunk.EHF5E5UL.js +0 -7
- package/dist/esm/chunks/chunk.EHF5E5UL.js.map +0 -7
- package/dist/esm/chunks/chunk.G4BS5GG7.js +0 -7
- package/dist/esm/chunks/chunk.G4BS5GG7.js.map +0 -7
- package/dist/esm/chunks/chunk.IGTXLDZS.js +0 -7
- package/dist/esm/chunks/chunk.IL23S7ME.js +0 -7
- package/dist/esm/chunks/chunk.IL23S7ME.js.map +0 -7
- package/dist/esm/chunks/chunk.JHY2CKEH.js +0 -7
- package/dist/esm/chunks/chunk.JMMMXLY7.js +0 -7
- package/dist/esm/chunks/chunk.JMMMXLY7.js.map +0 -7
- package/dist/esm/chunks/chunk.K6AFP52A.js +0 -7
- package/dist/esm/chunks/chunk.K6AFP52A.js.map +0 -7
- package/dist/esm/chunks/chunk.KE6GOYAB.js +0 -7
- package/dist/esm/chunks/chunk.KE6GOYAB.js.map +0 -7
- package/dist/esm/chunks/chunk.L6WXTCL2.js +0 -7
- package/dist/esm/chunks/chunk.MH3BTNU5.js +0 -7
- package/dist/esm/chunks/chunk.MH3BTNU5.js.map +0 -7
- package/dist/esm/chunks/chunk.OXWKSI6J.js +0 -7
- package/dist/esm/chunks/chunk.OXWKSI6J.js.map +0 -7
- package/dist/esm/chunks/chunk.PYIFIHDK.js +0 -7
- package/dist/esm/chunks/chunk.UV6RI52H.js +0 -12
- package/dist/esm/chunks/chunk.V7WKXEZC.js +0 -7
- package/dist/esm/chunks/chunk.V7WKXEZC.js.map +0 -7
- package/dist/esm/chunks/chunk.XSVUDEOW.js +0 -7
- package/dist/esm/chunks/chunk.XSVUDEOW.js.map +0 -7
- /package/dist/esm/chunks/{chunk.ZRRUDMBE.js.map → chunk.274MFEUZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ARJ3EVVO.js.map → chunk.2KXSGD3S.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VC2BG2RS.js.map → chunk.3FAYFYXF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.G45OZEIS.js.map → chunk.3IXTRC6Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.77Y3EABF.js.map → chunk.3YT72ZWJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HNMFFOUF.js.map → chunk.44WDRTRR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WY7DECJD.js.map → chunk.4CWMNWZU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.K2C4W3CO.js.map → chunk.4R6NK524.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.G5MGGEFP.js.map → chunk.5KC43VFL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LJU5WSSF.js.map → chunk.65II7E54.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ILRWZHH3.js.map → chunk.6ATSOUJQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ELV22KTH.js.map → chunk.6CAOHLX6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RYMPSU4J.js.map → chunk.6TTAKWXI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4WPFFNLH.js.map → chunk.73GVVX4K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TR5YMNJJ.js.map → chunk.76PI42C5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IGTXLDZS.js.map → chunk.7BAO5IED.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AFLH5HUG.js.map → chunk.7K44O5RO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PALRSBSY.js.map → chunk.7SULS4D2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LYOQ2RGP.js.map → chunk.A4UN74PV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NWDZ5CGQ.js.map → chunk.AB5XER3E.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.P5HFRNJW.js.map → chunk.AEKZWVNO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZUNZKRRK.js.map → chunk.AMWDVFAU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.47A2CN5U.js.map → chunk.BESB4RGK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IJW7Z6YD.js.map → chunk.BKAZC53W.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VAKNDCLP.js.map → chunk.BL4IBI6G.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.I5BAZWUF.js.map → chunk.CE6NTUWI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7A6MX6CS.js.map → chunk.CG5CVENX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EGRUD7S7.js.map → chunk.CX7MOSLM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XZ4WI7VK.js.map → chunk.D24CE6KE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SHTHI473.js.map → chunk.EMV7JGHB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CDUN4ONU.js.map → chunk.ERO7T6WC.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UBD2DPQN.js.map → chunk.F5CFD2NG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ROR6JMAE.js.map → chunk.FFVZ6JMP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7BESNUTG.js.map → chunk.FOLQAW63.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Y72NANFX.js.map → chunk.FPLHVO6D.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7UKA4E5A.js.map → chunk.GQCUI7YS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.F2B24WLK.js.map → chunk.H3IPTBWM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Y4GKBJGI.js.map → chunk.HOXFK44F.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.M7QAOQQ4.js.map → chunk.HTH3CEDN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NSOALSSD.js.map → chunk.IWMA7NUU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.INCKI5IX.js.map → chunk.IZSUW7WG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TWZXQQQO.js.map → chunk.JD4APKZS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.N4PVZUJX.js.map → chunk.JDLEPQKN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KU5CXXGS.js.map → chunk.K7HRCGML.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Y5A7RQ5M.js.map → chunk.KII37K76.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.D6MLVA5G.js.map → chunk.LLK7YGQW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RBAVT3XQ.js.map → chunk.M6PJ3PNN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FDLWB4QK.js.map → chunk.MS77SPS4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4NI63FGK.js.map → chunk.MSFGXRCM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JEN6YP2Q.js.map → chunk.NLXSZNQI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MLV25D2G.js.map → chunk.NMKDIHFB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ASJHDPFL.js.map → chunk.NOO2ZZKZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4Y2QP7JX.js.map → chunk.NQZXAC65.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XUW3GG46.js.map → chunk.NX4EECNP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.P3IA2WTO.js.map → chunk.ON2K3O3I.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.O4FB4BV5.js.map → chunk.PADHAJLS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HPDBSBQJ.js.map → chunk.PKVY6EWM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YDBWGKR4.js.map → chunk.Q5YD3PKM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BE7PZANN.js.map → chunk.QOA2O575.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H4Z4DHPA.js.map → chunk.RUK5PIER.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XBW46N2J.js.map → chunk.S2N5KJ7S.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JHBCYICS.js.map → chunk.S2YVOMLW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TBY35XZK.js.map → chunk.S7ZU6JKB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.T76JYRPR.js.map → chunk.SAQSXX2T.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HI2DQJZG.js.map → chunk.SATUJNQX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BTBHIIGI.js.map → chunk.SQTM36C3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RB5BTA5N.js.map → chunk.T6NVM7TN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JHY2CKEH.js.map → chunk.UHU4FUIS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GCR7QZRO.js.map → chunk.USXO7YKN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FRYLJWYL.js.map → chunk.UW2HWAVL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RE5X26QT.js.map → chunk.VT2QJ7SM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UT7QUGAO.js.map → chunk.VTB27IL7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UV6RI52H.js.map → chunk.W3GR3VDN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.L6WXTCL2.js.map → chunk.XFAOB6LU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WP4QOOIS.js.map → chunk.XQ5CDWDY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.G3ZTZ4AN.js.map → chunk.YG24YPYO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BJE6O5ES.js.map → chunk.YJTE34LC.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4BEI55KI.js.map → chunk.YMBLWKRP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HBMNXZES.js.map → chunk.ZCQO3N25.js.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as c,d as N}from"./chunk.F2B24WLK.js";import{d as R}from"./chunk.TWZXQQQO.js";import{a as I,b as S}from"./chunk.VAKNDCLP.js";import{c as P}from"./chunk.I5BAZWUF.js";import{a as A}from"./chunk.G5MGGEFP.js";import{a}from"./chunk.KTGSZEAG.js";import{a as C,b as T}from"./chunk.BE7PZANN.js";import{a as w,e as k,g as s,l as B}from"./chunk.Y4GKBJGI.js";import{e as g,f as _,i as y,s as v,t as x,u as E}from"./chunk.PN26D52V.js";import{b as h,k as u}from"./chunk.J2M2MXP2.js";import{f as o}from"./chunk.MCIQXNKY.js";var L=`${T}busy-indicator`,F={SURFACE_INVISIBLE:"forge-busy-indicator__surface--invisible",SURFACE_FIXED:"forge-busy-indicator__surface--fixed"},z={SURFACE:".forge-busy-indicator__surface",SURFACE_INVISIBLE:`.${F.SURFACE_INVISIBLE}`,TITLE:".forge-busy-indicator__title",MESSAGE:".forge-busy-indicator__message",CANCEL:".forge-busy-indicator__cancel-button",SPINNER:".forge-busy-indicator__spinner",PROGRESS_BAR_CONTAINER:".forge-busy-indicator__progress-container",PROGRESS_BAR:`.forge-busy-indicator__progress-container ${I.elementName}`,BACKDROP:c.elementName},O={CANCEL:`${L}-cancel`},D={CANCELLING:"Cancelling..."},M={TITLE_TEXT:"title-text",MESSAGE:"message",CANCEL:"cancel",SPINNER:"spinner",PROGRESS_BAR:"progress-bar",PROGRESS_BAR_DETERMINATE:"progress-bar-determinate",PROGRESS:"progress",BUFFER:"buffer",WIDTH:"width",DIRECTION:"direction",MINIMUM_VISIBLE_LIFETIME:"minimum-visible-lifetime",MANAGE_FOCUS:"manage-focus",PARENT_OPEN:"forge-busy-indicator-open",FIXED:"fixed"},H={TRANSITION_LENGTH:120},t={elementName:L,selectors:z,events:O,strings:D,attributes:M,numbers:H,classes:F};var d=class extends A{constructor(e){super(e);this._parentElement=null;this._surfaceElement=s(e,t.selectors.SURFACE),this._titleElement=s(e,t.selectors.TITLE),this._messageElement=s(e,t.selectors.MESSAGE),this._cancelButtonElement=s(e,t.selectors.CANCEL),this._spinnerElement=s(e,t.selectors.SPINNER),this._progressBarContainerElement=s(e,t.selectors.PROGRESS_BAR_CONTAINER),this._progressBarElement=s(e,t.selectors.PROGRESS_BAR),this._backdropElement=s(e,t.selectors.BACKDROP)}setSurfaceOpacity(e){this._surfaceElement.style.opacity=e.toString()}setFixed(e){E(this._backdropElement,e,c.attributes.FIXED),x(this._surfaceElement,e,t.classes.SURFACE_FIXED)}setTitle(e){this._titleElement.innerText=e}setMessage(e){this._messageElement.innerText=e}setTitleVisibility(e){this._titlePlaceholderElement=this._toggleElement(e,t.selectors.TITLE,this._titleElement,this._titlePlaceholderElement)}setCancelButtonVisibility(e){this._cancelButtonPlaceholderElement=this._toggleElement(e,t.selectors.CANCEL,this._cancelButtonElement,this._cancelButtonPlaceholderElement)}setMessageVisibility(e){this._messagePlaceholderElement=this._toggleElement(e,t.selectors.MESSAGE,this._messageElement,this._messagePlaceholderElement)}setSpinnerVisibility(e){this._spinnerPlaceholderElement=this._toggleElement(e,t.selectors.SPINNER,this._spinnerElement,this._spinnerPlaceholderElement)}setProgressBarVisibility(e){this._progressBarContainerPlaceholderElement=this._toggleElement(e,t.selectors.PROGRESS_BAR_CONTAINER,this._progressBarContainerElement,this._progressBarContainerPlaceholderElement)}setProgressBarDeterminate(e){this._progressBarElement.determinate=e}setProgressBarProgress(e){this._progressBarElement.progress=e}setProgressBarBuffer(e){this._progressBarElement.buffer=e}addCancelButtonEventListener(e,n){this._cancelButtonElement.addEventListener(e,n)}removeCancelButtonEventListener(e,n){this._cancelButtonElement.removeEventListener(e,n)}setCancelButtonAttribute(e,n){this._cancelButtonElement.setAttribute(e,n)}setCancelButtonText(e){this._cancelButtonElement.innerText=e}setSurfaceWidth(e){this._surfaceElement.style.width=e.toString()}captureFocus(){this._surfaceElement.focus()}remove(){y(this._component)}hideBackdrop(){this._backdropElement.fadeOut()}_toggleElement(e,n,p,l){let f=!!s(this._component,n);return l||(l=document.createComment(`(${t.elementName}) ${n}`)),e&&!f?g(p,l):!e&&f&&g(l,p),l}setContainerInvisible(){_(t.classes.SURFACE_INVISIBLE,this._surfaceElement)}setBackdropAppearance(e){this._backdropElement.setAttribute(c.attributes.APPEARANCE,String(e))}setParentAttribute(e,n){this._parentElement=this._component.parentElement,this._parentElement&&this._parentElement.setAttribute(e,n)}removeParentAttribute(e){this._parentElement&&(this._parentElement.removeAttribute(e),this._parentElement=null)}getFocusedElement(){return v()}hasFocus(){let e=this.getFocusedElement();return this._component===e||this._surfaceElement===e||this._surfaceElement.contains(e)}};var b=class{constructor(r){this._adapter=r;this._canCancel=!1;this._showSpinner=!0;this._showProgressBar=!1;this._progressBarDeterminate=!1;this._progress=0;this._buffer=0;this._cancelListenerAttached=!1;this._direction="row";this._manageFocus=!0;this._fixed=!0}destroy(){this._adapter.removeCancelButtonEventListener("click",this._onCancelClick)}show(){this._applyDirection(),this._adapter.setParentAttribute(t.attributes.PARENT_OPEN,"true"),this._adapter.setHostAttribute("tabindex","0"),this._adapter.setSurfaceOpacity(0),this._adapter.setFixed(this._fixed),this._titleText||this._adapter.setTitleVisibility(!1),this._message&&this._adapter.setMessage(this._message),this._adapter.setMessageVisibility(!!this._message),this._canCancel?this._attachCancelClickListener():this._adapter.setCancelButtonVisibility(!1),this._showSpinner||this._adapter.setSpinnerVisibility(!1),this._showProgressBar?(this._adapter.setProgressBarDeterminate(this._progressBarDeterminate),this._adapter.setProgressBarProgress(this._progress),this._adapter.setProgressBarBuffer(this._buffer)):this._adapter.setProgressBarVisibility(!1),this._width&&this._adapter.setSurfaceWidth(typeof this._width=="number"?`${this._width}px`:this._width),(!this._message||this._message.length===0)&&this._showSpinner&&(!this.titleText||this._titleText.length===0)&&!this._canCancel&&(this._adapter.setContainerInvisible(),this._adapter.setBackdropAppearance("light")),this.fadeIn()}hide(r=!1){r?(this._manageFocus&&this._releaseFocus(),this._adapter.remove(),this._adapter.removeParentAttribute(t.attributes.PARENT_OPEN)):(this.fadeOut(),this._adapter.hideBackdrop(),setTimeout(()=>{this._manageFocus&&this._releaseFocus(),this._adapter.remove(),this._adapter.removeParentAttribute(t.attributes.PARENT_OPEN)},t.numbers.TRANSITION_LENGTH))}fadeOut(){this._adapter.setSurfaceOpacity(0)}fadeIn(){this._adapter.setSurfaceOpacity(1),this._manageFocus&&this._captureFocus()}_attachCancelClickListener(){this._cancelListenerAttached||(this._adapter.addCancelButtonEventListener("click",this._onCancelClick.bind(this)),this._cancelListenerAttached=!0)}_onCancelClick(){this._adapter.setCancelButtonAttribute("disabled","disabled"),this._adapter.setCancelButtonText(t.strings.CANCELLING),this._adapter.removeCancelButtonEventListener("click",this._onCancelClick),this._adapter.emitHostEvent(t.events.CANCEL)}_captureFocus(){this._previouslyFocusedElement=this._adapter.getFocusedElement(),this._adapter.captureFocus()}_releaseFocus(){this._previouslyFocusedElement&&this._adapter.hasFocus()&&this._previouslyFocusedElement.focus()}set titleText(r){this._titleText!==r&&(this._titleText=r,this._adapter.setTitle(this._titleText),this._adapter.setTitleVisibility(!!this._titleText),this._adapter.setHostAttribute(t.attributes.TITLE_TEXT,this._titleText))}get titleText(){return this._titleText}set message(r){this._message!==r&&(this._message=r,this._adapter.setMessage(this._message),this._adapter.setMessageVisibility(!!this._message),this._adapter.setHostAttribute(t.attributes.MESSAGE,this._message))}get message(){return this._message}set cancel(r){this._canCancel!==r&&(this._canCancel=r,this._adapter.setCancelButtonVisibility(!!this._canCancel),this._canCancel?this._attachCancelClickListener():this._adapter.removeCancelButtonEventListener("click",this._onCancelClick),this._adapter.setHostAttribute(t.attributes.CANCEL,this._canCancel.toString()))}get cancel(){return this._canCancel}set spinner(r){this._showSpinner!==r&&(this._showSpinner=r,this._adapter.setSpinnerVisibility(!!this._showSpinner),this._adapter.setHostAttribute(t.attributes.SPINNER,""+this._showSpinner))}get spinner(){return this._showSpinner}set progressBar(r){this._showProgressBar!==r&&(this._showProgressBar=r,this._adapter.setProgressBarVisibility(!!this._showProgressBar),this._adapter.setHostAttribute(t.attributes.PROGRESS_BAR,this._showProgressBar.toString()))}get progressBar(){return this._showProgressBar}set progressBarDeterminate(r){this._progressBarDeterminate!==r&&(this._progressBarDeterminate=r,this._adapter.setProgressBarDeterminate(r))}get progressBarDeterminate(){return this._progressBarDeterminate}set progress(r){this._progress!==r&&this._progressBarDeterminate&&(this._progress=r,this._adapter.setProgressBarProgress(r))}get progress(){return this._progress}set buffer(r){this._buffer!==r&&this._progressBarDeterminate&&(this._buffer=r,this._adapter.setProgressBarBuffer(r),this._adapter.setHostAttribute(t.attributes.BUFFER,h(this._buffer)?this._buffer.toString():"0"))}get buffer(){return this._buffer}get direction(){return this._direction}set direction(r){r!==this._direction&&(this._direction=r,this._applyDirection())}_applyDirection(){this._direction&&this._adapter.setHostAttribute(t.attributes.DIRECTION,String(this._direction))}set width(r){this._width!==r&&(typeof r=="number"&&r<0&&(r="auto"),this._width=r,this._adapter.setSurfaceWidth(typeof this._width=="number"?`${this._width}px`:this._width),this._adapter.setHostAttribute(t.attributes.WIDTH,this._width.toString()))}get width(){return this._width}get manageFocus(){return this._manageFocus}set manageFocus(r){this._manageFocus!==r&&(this._manageFocus=r,this._adapter.toggleHostAttribute(t.attributes.MANAGE_FOCUS,this._manageFocus))}get fixed(){return this._fixed}set fixed(r){this._fixed!==r&&(this._fixed=r,this._adapter.setFixed(this._fixed),this._adapter.toggleHostAttribute(t.attributes.FIXED,this._fixed))}};var G='<template><forge-backdrop part="backdrop" fixed></forge-backdrop><div class="forge-busy-indicator__surface" role="alert" aria-labelledby="title" aria-describedby="message" part="surface" tabindex="0"><h1 id="title" class="forge-busy-indicator__title" part="title">Loading</h1><div class="forge-busy-indicator__message-container" part="message-container"><forge-circular-progress class="forge-busy-indicator__spinner" part="spinner" aria-hidden="true"></forge-circular-progress><p id="message" class="forge-busy-indicator__message" part="message"></p><forge-button class="forge-busy-indicator__forge-cancel-button" part="cancel-button"><button type="button" class="forge-busy-indicator__cancel-button" part="cancel-button-element">Cancel</button></forge-button></div><div class="forge-busy-indicator__progress-container" part="progress-bar-container"><forge-linear-progress part="progress-bar" aria-hidden="true"></forge-linear-progress></div></div></template>',V='.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-left:-4px;margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-left:8px;margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-left:8px;margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-left:-4px;margin-right:8px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button .forge-button__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-button.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}:host{outline:0;contain:content}:host([hidden]){display:none}:host([direction=row]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:280px;max-width:865px}:host([direction=row]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=row]) .forge-busy-indicator__surface--fixed{position:fixed}:host([direction=row]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=row]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=row]) .forge-busy-indicator__message-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host([direction=row]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;margin-block:0}:host([direction=row]) .forge-busy-indicator__message:nth-child(2){margin-left:16px}:host([direction=row]) .forge-busy-indicator__cancel-button{margin-left:16px}:host([direction=row]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:256px;max-width:356px}:host([direction=column]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=column]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=column]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=column]) .forge-busy-indicator__message-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;display:-webkit-box;display:flex;place-items:center}:host([direction=column]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;text-align:center;margin:0}:host([direction=column]) .forge-busy-indicator__forge-cancel-button{margin-top:16px;margin-bottom:-36px;margin-right:0;margin-left:0}:host([direction=column]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__spinner{margin-bottom:32px}',i=class extends B{constructor(){super();k(this,G,V),this._foundation=new b(new d(this))}static get observedAttributes(){return[t.attributes.TITLE_TEXT,t.attributes.MESSAGE,t.attributes.CANCEL,t.attributes.MINIMUM_VISIBLE_LIFETIME,t.attributes.DIRECTION,t.attributes.MANAGE_FOCUS,t.attributes.FIXED]}initializedCallback(){this._foundation.show()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,n,p){switch(e){case t.attributes.TITLE_TEXT:this.titleText=p;break;case t.attributes.MESSAGE:this.message=p;break;case t.attributes.CANCEL:this.cancel=p==="true";break;case t.attributes.MANAGE_FOCUS:this.manageFocus=u(p);break;case t.attributes.FIXED:this.fixed=u(p);break}}hide(e=!0){this._foundation.hide(e)}};o([a()],i.prototype,"titleText",2),o([a()],i.prototype,"message",2),o([a()],i.prototype,"cancel",2),o([a()],i.prototype,"spinner",2),o([a()],i.prototype,"progressBar",2),o([a()],i.prototype,"progressBarDeterminate",2),o([a()],i.prototype,"progress",2),o([a()],i.prototype,"buffer",2),o([a()],i.prototype,"width",2),o([a()],i.prototype,"direction",2),o([a()],i.prototype,"manageFocus",2),o([a()],i.prototype,"fixed",2),i=o([C({name:t.elementName,dependencies:[N,R,S,P]})],i);function xe(){w(i)}export{t as a,d as b,b as c,i as d,xe as e};
|
|
7
|
-
//# sourceMappingURL=chunk.K6AFP52A.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/busy-indicator/busy-indicator-constants.ts", "../../src/busy-indicator/busy-indicator-adapter.ts", "../../src/busy-indicator/busy-indicator-foundation.ts", "../../src/busy-indicator/busy-indicator.ts", "../../src/busy-indicator/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { BACKDROP_CONSTANTS } from '../backdrop';\nimport { COMPONENT_NAME_PREFIX } from '../constants';\nimport { LINEAR_PROGRESS_CONSTANTS } from '../linear-progress';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}busy-indicator`;\n\nconst classes = {\n SURFACE_INVISIBLE: 'forge-busy-indicator__surface--invisible',\n SURFACE_FIXED: 'forge-busy-indicator__surface--fixed'\n};\n\nconst selectors = {\n SURFACE: '.forge-busy-indicator__surface',\n SURFACE_INVISIBLE: `.${classes.SURFACE_INVISIBLE}`,\n TITLE: '.forge-busy-indicator__title',\n MESSAGE: '.forge-busy-indicator__message',\n CANCEL: '.forge-busy-indicator__cancel-button',\n SPINNER: '.forge-busy-indicator__spinner',\n PROGRESS_BAR_CONTAINER: '.forge-busy-indicator__progress-container',\n PROGRESS_BAR: `.forge-busy-indicator__progress-container ${LINEAR_PROGRESS_CONSTANTS.elementName}`,\n BACKDROP: BACKDROP_CONSTANTS.elementName\n};\n\nconst events = {\n CANCEL: `${elementName}-cancel`\n};\n\nconst strings = {\n CANCELLING: 'Cancelling...'\n};\n\nconst attributes = {\n TITLE_TEXT: 'title-text',\n MESSAGE: 'message',\n CANCEL: 'cancel',\n SPINNER: 'spinner',\n PROGRESS_BAR: 'progress-bar',\n PROGRESS_BAR_DETERMINATE: 'progress-bar-determinate',\n PROGRESS: 'progress',\n BUFFER: 'buffer',\n WIDTH: 'width',\n DIRECTION: 'direction',\n MINIMUM_VISIBLE_LIFETIME: 'minimum-visible-lifetime',\n MANAGE_FOCUS: 'manage-focus',\n PARENT_OPEN: 'forge-busy-indicator-open',\n FIXED: 'fixed'\n};\n\nconst numbers = {\n TRANSITION_LENGTH: 120\n};\n\nexport const BUSY_INDICATOR_CONSTANTS = {\n elementName,\n selectors,\n events,\n strings,\n attributes,\n numbers,\n classes\n};\n\nexport type BusyIndicatorLayoutDirection = 'row' | 'column' | undefined;\n", "import { addClass, getShadowElement, removeElement, replaceElement, getActiveElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BackdropAppearance, BACKDROP_CONSTANTS, IBackdropComponent } from '../backdrop';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { ILinearProgressComponent } from '../linear-progress';\nimport { IBusyIndicatorComponent } from './busy-indicator';\nimport { BUSY_INDICATOR_CONSTANTS } from './busy-indicator-constants';\n\nexport interface IBusyIndicatorAdapter extends IBaseAdapter {\n setContainerInvisible(): void;\n setSurfaceOpacity: (opacity: number) => void;\n setFixed(value: boolean): void;\n setTitle: (title: string) => void;\n setMessage: (message: string) => void;\n setTitleVisibility: (visible: boolean) => void;\n setMessageVisibility: (visible: boolean) => void;\n setCancelButtonVisibility: (visible: boolean) => void;\n setSpinnerVisibility: (visible: boolean) => void;\n setProgressBarVisibility: (visible: boolean) => void;\n setProgressBarDeterminate: (determinate: boolean) => void;\n setProgressBarProgress: (value: number) => void;\n setProgressBarBuffer: (value: number) => void;\n addCancelButtonEventListener: (type: string, listener: () => void) => void;\n removeCancelButtonEventListener: (type: string, listener: () => void) => void;\n setCancelButtonAttribute: (name: string, value: string) => void;\n setCancelButtonText: (text: string) => void;\n setSurfaceWidth: (value: string) => void;\n captureFocus: () => void;\n remove: () => void;\n hideBackdrop: () => void;\n setBackdropAppearance(appearance: BackdropAppearance): void;\n setParentAttribute(name: string, value: string): void;\n removeParentAttribute(name: string): void;\n getFocusedElement(): HTMLElement;\n hasFocus(): boolean;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `BusyIndicatorComponent`.\n */\nexport class BusyIndicatorAdapter extends BaseAdapter<IBusyIndicatorComponent> implements IBusyIndicatorAdapter {\n private _surfaceElement: HTMLElement;\n private _titleElement: HTMLElement;\n private _titlePlaceholderElement: Comment;\n private _messageElement: HTMLElement;\n private _messagePlaceholderElement: Comment;\n private _cancelButtonElement: HTMLElement;\n private _cancelButtonPlaceholderElement: Comment;\n private _spinnerElement: HTMLElement;\n private _spinnerPlaceholderElement: Comment;\n private _progressBarContainerElement: HTMLElement;\n private _progressBarContainerPlaceholderElement: Comment;\n private _progressBarElement: ILinearProgressComponent;\n private _backdropElement: IBackdropComponent;\n private _parentElement: HTMLElement | null = null;\n\n constructor(component: IBusyIndicatorComponent) {\n super(component);\n this._surfaceElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.SURFACE);\n this._titleElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.TITLE);\n this._messageElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.MESSAGE);\n this._cancelButtonElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.CANCEL);\n this._spinnerElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.SPINNER);\n this._progressBarContainerElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.PROGRESS_BAR_CONTAINER);\n this._progressBarElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.PROGRESS_BAR) as ILinearProgressComponent;\n this._backdropElement = getShadowElement(component, BUSY_INDICATOR_CONSTANTS.selectors.BACKDROP) as IBackdropComponent;\n }\n\n /**\n * Sets the opacity of the content element.\n * @param opacity The opacity value.\n */\n public setSurfaceOpacity(opacity: number): void {\n this._surfaceElement.style.opacity = opacity.toString();\n }\n\n public setFixed(value: boolean): void {\n toggleAttribute(this._backdropElement, value, BACKDROP_CONSTANTS.attributes.FIXED);\n toggleClass(this._surfaceElement, value, BUSY_INDICATOR_CONSTANTS.classes.SURFACE_FIXED);\n }\n\n /**\n * Sets the content of the title element.\n * @param title The title text.\n */\n public setTitle(title: string): void {\n this._titleElement.innerText = title;\n }\n\n /**\n * Sets the content of the message element.\n * @param message The message text.\n */\n public setMessage(message: string): void {\n this._messageElement.innerText = message;\n }\n\n /**\n * Sets the visibility of the title element by adding or removing it from the DOM.\n * @param visible Whether the title is visible or not.\n */\n public setTitleVisibility(visible: boolean): void {\n this._titlePlaceholderElement = this._toggleElement(visible, BUSY_INDICATOR_CONSTANTS.selectors.TITLE, this._titleElement, this._titlePlaceholderElement);\n }\n\n /**\n * Adds or removes the cancel button from the DOM.\n * @param visible The visibility value.\n */\n public setCancelButtonVisibility(visible: boolean): void {\n this._cancelButtonPlaceholderElement = this._toggleElement(visible, BUSY_INDICATOR_CONSTANTS.selectors.CANCEL, this._cancelButtonElement, this._cancelButtonPlaceholderElement);\n }\n\n /**\n * Adds or removes the message element from the DOM.\n * @param visible The visibility value.\n */\n public setMessageVisibility(visible: boolean): void {\n this._messagePlaceholderElement = this._toggleElement(visible, BUSY_INDICATOR_CONSTANTS.selectors.MESSAGE, this._messageElement, this._messagePlaceholderElement);\n }\n\n /**\n * Adds or removes the spinner element from the DOM.\n * @param visible The visibility value.\n */\n public setSpinnerVisibility(visible: boolean): void {\n this._spinnerPlaceholderElement = this._toggleElement(visible, BUSY_INDICATOR_CONSTANTS.selectors.SPINNER, this._spinnerElement, this._spinnerPlaceholderElement);\n }\n\n /**\n * Adds or removes the progress bar element from the DOM.\n * @param visible The visibility value.\n */\n public setProgressBarVisibility(visible: boolean): void {\n this._progressBarContainerPlaceholderElement = this._toggleElement(\n visible,\n BUSY_INDICATOR_CONSTANTS.selectors.PROGRESS_BAR_CONTAINER,\n this._progressBarContainerElement,\n this._progressBarContainerPlaceholderElement\n );\n }\n\n /**\n * Sets the determinate state of the progress bar component.\n * @param {boolean} determinate The determinate value.\n */\n public setProgressBarDeterminate(determinate: boolean): void {\n this._progressBarElement.determinate = determinate;\n }\n\n /**\n * Sets the progress percent for the progress bar component.\n * @param value The progress percent.\n */\n public setProgressBarProgress(value: number): void {\n this._progressBarElement.progress = value;\n }\n\n /**\n * Sets the progress bar component buffer percent.\n * @param value The buffer percent.\n */\n public setProgressBarBuffer(value: number): void {\n this._progressBarElement.buffer = value;\n }\n\n /**\n * Adds an event listener to the cancel button.\n * @param type The event type.\n * @param listener The event listener.\n */\n public addCancelButtonEventListener(type: string, listener: () => void): void {\n this._cancelButtonElement.addEventListener(type, listener);\n }\n\n /**\n * Removes an event listener from the cancel button.\n * @param type The event type.\n * @param listener The event listener.\n */\n public removeCancelButtonEventListener(type: string, listener: () => void): void {\n this._cancelButtonElement.removeEventListener(type, listener);\n }\n\n /**\n * Sets an attribute on the cancel button.\n * @param name The attribute name.\n * @param value The attribute value.\n */\n public setCancelButtonAttribute(name: string, value: string): void {\n this._cancelButtonElement.setAttribute(name, value);\n }\n\n /**\n * Sets the text displayed in the cancel button element.\n * @param text The text value.\n */\n public setCancelButtonText(text: string): void {\n this._cancelButtonElement.innerText = text;\n }\n\n /**\n * Sets the width of the surface element.\n * @param value The CSS width.\n */\n public setSurfaceWidth(value: string): void {\n this._surfaceElement.style.width = value.toString();\n }\n\n /**\n * Sets focus to the busy indicator component element.\n */\n public captureFocus(): void {\n this._surfaceElement.focus();\n }\n\n /**\n * Removes the busy indicator component from its parent.\n */\n public remove(): void {\n removeElement(this._component);\n }\n\n /**\n * Hides the backdrop by fading it out.\n */\n public hideBackdrop(): void {\n this._backdropElement.fadeOut();\n }\n\n private _toggleElement(isVisible: boolean, selector: string, element: Node, placeholder: Comment): Comment {\n const exists = !!getShadowElement(this._component, selector);\n\n if (!placeholder) {\n placeholder = document.createComment(`(${BUSY_INDICATOR_CONSTANTS.elementName}) ${selector}`);\n }\n\n if (isVisible && !exists) {\n replaceElement(element, placeholder);\n } else if (!isVisible && exists) {\n replaceElement(placeholder, element);\n }\n\n return placeholder;\n }\n\n public setContainerInvisible(): void {\n addClass(BUSY_INDICATOR_CONSTANTS.classes.SURFACE_INVISIBLE, this._surfaceElement);\n }\n\n public setBackdropAppearance(appearance: BackdropAppearance): void {\n this._backdropElement.setAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(appearance));\n }\n\n public setParentAttribute(name: string, value: string): void {\n this._parentElement = this._component.parentElement;\n if (this._parentElement) {\n this._parentElement.setAttribute(name, value);\n }\n }\n\n public removeParentAttribute(name: string): void {\n if (this._parentElement) {\n this._parentElement.removeAttribute(name);\n this._parentElement = null;\n }\n }\n\n public getFocusedElement(): HTMLElement {\n return getActiveElement() as HTMLElement;\n }\n\n public hasFocus(): boolean {\n const activeElement = this.getFocusedElement();\n return this._component === activeElement || this._surfaceElement === activeElement || this._surfaceElement.contains(activeElement);\n }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\nimport { IBusyIndicatorAdapter } from './busy-indicator-adapter';\nimport { BusyIndicatorLayoutDirection, BUSY_INDICATOR_CONSTANTS } from './busy-indicator-constants';\n\nexport interface IBusyIndicatorFoundation extends ICustomElementFoundation {\n titleText: string;\n message: string;\n cancel: boolean;\n spinner: boolean;\n progressBar: boolean;\n progressBarDeterminate: boolean;\n progress: number;\n buffer: number;\n width: number | 'auto';\n direction: BusyIndicatorLayoutDirection;\n manageFocus: boolean;\n fixed: boolean;\n hide(force?: boolean): void;\n}\n\n/**\n * Provides facilities and helper methods for creating a busy indicator component.\n */\nexport class BusyIndicatorFoundation implements IBusyIndicatorFoundation {\n private _titleText: string;\n private _message: string;\n private _canCancel = false;\n private _showSpinner = true;\n private _showProgressBar = false;\n private _progressBarDeterminate = false;\n private _progress = 0;\n private _buffer = 0;\n private _cancelListenerAttached = false;\n private _width: number | 'auto';\n private _previouslyFocusedElement?: HTMLElement;\n private _direction: BusyIndicatorLayoutDirection = 'row';\n private _manageFocus = true;\n private _fixed = true;\n\n constructor(private _adapter: IBusyIndicatorAdapter) {}\n\n public destroy(): void {\n this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);\n }\n\n public show(): void {\n this._applyDirection();\n this._adapter.setParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN, 'true');\n this._adapter.setHostAttribute('tabindex', '0');\n this._adapter.setSurfaceOpacity(0);\n this._adapter.setFixed(this._fixed);\n\n if (!this._titleText) {\n this._adapter.setTitleVisibility(false);\n }\n\n if (this._message) {\n this._adapter.setMessage(this._message);\n }\n\n this._adapter.setMessageVisibility(!!this._message);\n\n if (!this._canCancel) {\n this._adapter.setCancelButtonVisibility(false);\n } else {\n this._attachCancelClickListener();\n }\n\n if (!this._showSpinner) {\n this._adapter.setSpinnerVisibility(false);\n }\n\n if (!this._showProgressBar) {\n this._adapter.setProgressBarVisibility(false);\n } else {\n this._adapter.setProgressBarDeterminate(this._progressBarDeterminate);\n this._adapter.setProgressBarProgress(this._progress);\n this._adapter.setProgressBarBuffer(this._buffer);\n }\n\n if (this._width) {\n this._adapter.setSurfaceWidth(typeof this._width === 'number' ? `${this._width}px` : this._width);\n }\n\n if ((!this._message || this._message.length === 0) && this._showSpinner && (!this.titleText || this._titleText.length === 0) && !this._canCancel) {\n this._adapter.setContainerInvisible();\n this._adapter.setBackdropAppearance('light');\n }\n\n this.fadeIn();\n }\n\n /**\n * Removes the element from the DOM.\n * @param {boolean} [force=false] Whether to force removal of the busy indicator or not.\n */\n public hide(force = false): void {\n if (force) {\n if (this._manageFocus) {\n this._releaseFocus();\n }\n this._adapter.remove();\n this._adapter.removeParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN);\n } else {\n this.fadeOut();\n this._adapter.hideBackdrop();\n setTimeout(() => {\n if (this._manageFocus) {\n this._releaseFocus();\n }\n this._adapter.remove();\n this._adapter.removeParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN);\n }, BUSY_INDICATOR_CONSTANTS.numbers.TRANSITION_LENGTH);\n }\n }\n\n /** Sets the elements opacity to 0 which triggers the CSS transition to fade out. */\n public fadeOut(): void {\n this._adapter.setSurfaceOpacity(0);\n }\n\n /** Sets the elements opacity to 1 which triggers the CSS transition to fade in after the current delay value. */\n public fadeIn(): void {\n this._adapter.setSurfaceOpacity(1);\n if (this._manageFocus) {\n this._captureFocus();\n }\n }\n\n /** Attaches the click listener to the cancel button. */\n private _attachCancelClickListener(): void {\n if (!this._cancelListenerAttached) {\n this._adapter.addCancelButtonEventListener('click', this._onCancelClick.bind(this));\n this._cancelListenerAttached = true;\n }\n }\n\n /** Handles clicks on the cancel button. */\n private _onCancelClick(): void {\n this._adapter.setCancelButtonAttribute('disabled', 'disabled');\n this._adapter.setCancelButtonText(BUSY_INDICATOR_CONSTANTS.strings.CANCELLING);\n this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);\n this._adapter.emitHostEvent(BUSY_INDICATOR_CONSTANTS.events.CANCEL);\n }\n\n /** Cache currently focused element, set focus to the busy indicator. */\n private _captureFocus(): void {\n this._previouslyFocusedElement = this._adapter.getFocusedElement();\n this._adapter.captureFocus();\n }\n\n /** Gives focus back to the element that had it when the busy indicator was displayed. */\n private _releaseFocus(): void {\n if (this._previouslyFocusedElement && this._adapter.hasFocus()) {\n this._previouslyFocusedElement.focus();\n }\n }\n\n /** The title to be displayed. */\n public set titleText(value: string) {\n if (this._titleText !== value) {\n this._titleText = value;\n this._adapter.setTitle(this._titleText);\n this._adapter.setTitleVisibility(!!this._titleText);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT, this._titleText);\n }\n }\n public get titleText(): string {\n return this._titleText;\n }\n\n /** The message to be displayed. */\n public set message(value: string) {\n if (this._message !== value) {\n this._message = value;\n this._adapter.setMessage(this._message);\n this._adapter.setMessageVisibility(!!this._message);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE, this._message);\n }\n }\n public get message(): string {\n return this._message;\n }\n\n /** Controls whether the cancel button is visible or not. */\n public set cancel(canCancel: boolean) {\n if (this._canCancel !== canCancel) {\n this._canCancel = canCancel;\n this._adapter.setCancelButtonVisibility(!!this._canCancel);\n\n if (this._canCancel) {\n this._attachCancelClickListener();\n } else {\n this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);\n }\n\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.CANCEL, this._canCancel.toString());\n }\n }\n public get cancel(): boolean {\n return this._canCancel;\n }\n\n /** Controls whether the progress spinner is visible or not. */\n public set spinner(showSpinner: boolean) {\n if (this._showSpinner !== showSpinner) {\n this._showSpinner = showSpinner;\n this._adapter.setSpinnerVisibility(!!this._showSpinner);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.SPINNER, '' + this._showSpinner);\n }\n }\n public get spinner(): boolean {\n return this._showSpinner;\n }\n\n /** Controls whether the progres bar is visible or not. */\n public set progressBar(showProgressBar: boolean) {\n if (this._showProgressBar !== showProgressBar) {\n this._showProgressBar = showProgressBar;\n this._adapter.setProgressBarVisibility(!!this._showProgressBar);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PROGRESS_BAR, this._showProgressBar.toString());\n }\n }\n public get progressBar(): boolean {\n return this._showProgressBar;\n }\n\n /** Sets the progress bar mode. */\n public set progressBarDeterminate(determinate: boolean) {\n if (this._progressBarDeterminate !== determinate) {\n this._progressBarDeterminate = determinate;\n this._adapter.setProgressBarDeterminate(determinate);\n }\n }\n public get progressBarDeterminate(): boolean {\n return this._progressBarDeterminate;\n }\n\n /** The progress amount of the progress bar. */\n public set progress(value: number) {\n if (this._progress !== value && this._progressBarDeterminate) {\n this._progress = value;\n this._adapter.setProgressBarProgress(value);\n }\n }\n public get progress(): number {\n return this._progress;\n }\n\n /** The buffer amount of the progress bar. */\n public set buffer(value: number) {\n if (this._buffer !== value && this._progressBarDeterminate) {\n this._buffer = value;\n this._adapter.setProgressBarBuffer(value);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.BUFFER, isDefined(this._buffer) ? this._buffer.toString() : '0');\n }\n }\n public get buffer(): number {\n return this._buffer;\n }\n\n public get direction(): BusyIndicatorLayoutDirection {\n return this._direction;\n }\n public set direction(value: BusyIndicatorLayoutDirection) {\n if (value !== this._direction) {\n this._direction = value;\n this._applyDirection();\n }\n }\n\n private _applyDirection(): void {\n if (this._direction) {\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.DIRECTION, String(this._direction));\n }\n }\n\n /** Sets the width of the busy indicator element. */\n public set width(value: number | 'auto') {\n if (this._width !== value) {\n if (typeof value === 'number' && value < 0) {\n value = 'auto';\n }\n this._width = value;\n this._adapter.setSurfaceWidth(typeof this._width === 'number' ? `${this._width}px` : this._width);\n this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.WIDTH, this._width.toString());\n }\n }\n public get width(): number | 'auto' {\n return this._width;\n }\n\n public get manageFocus(): boolean {\n return this._manageFocus;\n }\n public set manageFocus(value: boolean) {\n if (this._manageFocus !== value) {\n this._manageFocus = value;\n this._adapter.toggleHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS, this._manageFocus);\n }\n }\n\n public get fixed(): boolean {\n return this._fixed;\n }\n public set fixed(value: boolean) {\n if (this._fixed !== value) {\n this._fixed = value;\n this._adapter.setFixed(this._fixed);\n this._adapter.toggleHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.FIXED, this._fixed);\n }\n }\n}\n", "import { attachShadowTemplate, coerceNumber, CustomElement, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { BackdropComponent } from '../backdrop';\nimport { ButtonComponent } from '../button';\nimport { CircularProgressComponent } from '../circular-progress';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { LinearProgressComponent } from '../linear-progress';\nimport { BusyIndicatorAdapter } from './busy-indicator-adapter';\nimport { BUSY_INDICATOR_CONSTANTS, BusyIndicatorLayoutDirection } from './busy-indicator-constants';\nimport { BusyIndicatorFoundation } from './busy-indicator-foundation';\n\nconst template = '<template><forge-backdrop part=\\\"backdrop\\\" fixed></forge-backdrop><div class=\\\"forge-busy-indicator__surface\\\" role=\\\"alert\\\" aria-labelledby=\\\"title\\\" aria-describedby=\\\"message\\\" part=\\\"surface\\\" tabindex=\\\"0\\\"><h1 id=\\\"title\\\" class=\\\"forge-busy-indicator__title\\\" part=\\\"title\\\">Loading</h1><div class=\\\"forge-busy-indicator__message-container\\\" part=\\\"message-container\\\"><forge-circular-progress class=\\\"forge-busy-indicator__spinner\\\" part=\\\"spinner\\\" aria-hidden=\\\"true\\\"></forge-circular-progress><p id=\\\"message\\\" class=\\\"forge-busy-indicator__message\\\" part=\\\"message\\\"></p><forge-button class=\\\"forge-busy-indicator__forge-cancel-button\\\" part=\\\"cancel-button\\\"><button type=\\\"button\\\" class=\\\"forge-busy-indicator__cancel-button\\\" part=\\\"cancel-button-element\\\">Cancel</button></forge-button></div><div class=\\\"forge-busy-indicator__progress-container\\\" part=\\\"progress-bar-container\\\"><forge-linear-progress part=\\\"progress-bar\\\" aria-hidden=\\\"true\\\"></forge-linear-progress></div></div></template>';\nconst styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-left:-4px;margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-left:8px;margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-left:8px;margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-left:-4px;margin-right:8px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-button .forge-button__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-button.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}:host{outline:0;contain:content}:host([hidden]){display:none}:host([direction=row]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:280px;max-width:865px}:host([direction=row]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=row]) .forge-busy-indicator__surface--fixed{position:fixed}:host([direction=row]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=row]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=row]) .forge-busy-indicator__message-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host([direction=row]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;margin-block:0}:host([direction=row]) .forge-busy-indicator__message:nth-child(2){margin-left:16px}:host([direction=row]) .forge-busy-indicator__cancel-button{margin-left:16px}:host([direction=row]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:256px;max-width:356px}:host([direction=column]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=column]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=column]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=column]) .forge-busy-indicator__message-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;display:-webkit-box;display:flex;place-items:center}:host([direction=column]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;text-align:center;margin:0}:host([direction=column]) .forge-busy-indicator__forge-cancel-button{margin-top:16px;margin-bottom:-36px;margin-right:0;margin-left:0}:host([direction=column]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__spinner{margin-bottom:32px}';\n\nexport interface IBusyIndicatorComponent extends IBaseComponent {\n titleText: string;\n message: string;\n cancel: boolean;\n spinner: boolean;\n progressBar: boolean;\n progressBarDeterminate: boolean;\n progress: number;\n buffer: number;\n width: number | 'auto';\n direction: BusyIndicatorLayoutDirection;\n manageFocus: boolean;\n fixed: boolean;\n hide(force?: boolean): void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-busy-indicator': IBusyIndicatorComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-busy-indicator-cancel': CustomEvent<void>;\n }\n}\n\n/**\n * A web component that renders a busy indicator covering its parent container.\n * \n * @tag forge-busy-indicator\n */\n@CustomElement({\n name: BUSY_INDICATOR_CONSTANTS.elementName,\n dependencies: [BackdropComponent, CircularProgressComponent, LinearProgressComponent, ButtonComponent]\n})\nexport class BusyIndicatorComponent extends BaseComponent implements IBusyIndicatorComponent {\n public static get observedAttributes(): string[] {\n return [\n BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT,\n BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE,\n BUSY_INDICATOR_CONSTANTS.attributes.CANCEL,\n BUSY_INDICATOR_CONSTANTS.attributes.MINIMUM_VISIBLE_LIFETIME,\n BUSY_INDICATOR_CONSTANTS.attributes.DIRECTION,\n BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS,\n BUSY_INDICATOR_CONSTANTS.attributes.FIXED\n ];\n }\n\n private _foundation: BusyIndicatorFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new BusyIndicatorFoundation(new BusyIndicatorAdapter(this));\n }\n\n public initializedCallback(): void {\n this._foundation.show();\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 BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT:\n this.titleText = newValue;\n break;\n case BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE:\n this.message = newValue;\n break;\n case BUSY_INDICATOR_CONSTANTS.attributes.CANCEL:\n this.cancel = newValue === 'true';\n break;\n case BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS:\n this.manageFocus = coerceBoolean(newValue);\n break;\n case BUSY_INDICATOR_CONSTANTS.attributes.FIXED:\n this.fixed = coerceBoolean(newValue);\n break;\n }\n }\n\n /** The title to be displayed. */\n @FoundationProperty()\n public declare titleText: string;\n\n /** The message to be displayed. */\n @FoundationProperty()\n public declare message: string;\n\n /** Controls whether the cancel button is visible or not. */\n @FoundationProperty()\n public declare cancel: boolean;\n\n /** Controls whether the progress spinner is visible or not. */\n @FoundationProperty()\n public declare spinner: boolean;\n\n /** Controls whether the progres bar is visible or not. */\n @FoundationProperty()\n public declare progressBar: boolean;\n\n /** Sets the progress bar determinate state. */\n @FoundationProperty()\n public declare progressBarDeterminate: boolean;\n\n /** The progress amount of the progress bar. */\n @FoundationProperty()\n public declare progress: number;\n\n /** The buffer amount of the progress bar. */\n @FoundationProperty()\n public declare buffer: number;\n\n /** Sets the width of the busy indicator element. */\n @FoundationProperty()\n public declare width: number | 'auto';\n\n /** The layout direction for alternative designs. */\n @FoundationProperty()\n public declare direction: BusyIndicatorLayoutDirection;\n\n /** Controls whether the component will manage capturing and relasing focus when opened/closed. */\n @FoundationProperty()\n public declare manageFocus: boolean;\n\n /**\n * Controls the `position` of the backdrop and surface element between `fixed` and `absolute` positioning. Default is `true`.\n * \n * Note: use this property when you want to render the busy indicator within a specific element where it doesn't fill the\n * full viewport heigth/width to only cover the parent element bounds.\n */\n @FoundationProperty()\n public declare fixed: boolean;\n\n /**\n * Removes the element from the DOM.\n * @param {boolean} [force=false] Whether to force removal of the busy indicator or not.\n */\n public hide(force = true): void {\n this._foundation.hide(force);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BusyIndicatorComponent } from './busy-indicator';\n\nexport * from './busy-indicator-adapter';\nexport * from './busy-indicator-constants';\nexport * from './busy-indicator-foundation';\nexport * from './busy-indicator';\n\nexport function defineBusyIndicatorComponent(): void {\n defineCustomElement(BusyIndicatorComponent);\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "LINEAR_PROGRESS_CONSTANTS", "BACKDROP_CONSTANTS", "events", "strings", "attributes", "numbers", "BUSY_INDICATOR_CONSTANTS", "BusyIndicatorAdapter", "BaseAdapter", "component", "getShadowElement", "BUSY_INDICATOR_CONSTANTS", "opacity", "value", "toggleAttribute", "BACKDROP_CONSTANTS", "toggleClass", "title", "message", "visible", "determinate", "type", "listener", "name", "text", "removeElement", "isVisible", "selector", "element", "placeholder", "exists", "replaceElement", "addClass", "appearance", "getActiveElement", "activeElement", "BusyIndicatorFoundation", "_adapter", "BUSY_INDICATOR_CONSTANTS", "force", "value", "canCancel", "showSpinner", "showProgressBar", "determinate", "isDefined", "template", "styles", "BusyIndicatorComponent", "BaseComponent", "attachShadowTemplate", "BusyIndicatorFoundation", "BusyIndicatorAdapter", "BUSY_INDICATOR_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "force", "__decorateClass", "FoundationProperty", "CustomElement", "BackdropComponent", "CircularProgressComponent", "LinearProgressComponent", "ButtonComponent", "defineBusyIndicatorComponent", "defineCustomElement", "BusyIndicatorComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as i,b as u,e as y}from"./chunk.RG6CDWEX.js";import{a as g}from"./chunk.G5MGGEFP.js";import{a as r}from"./chunk.KTGSZEAG.js";import{a as _}from"./chunk.BE7PZANN.js";import{a as b,e as I,l as L}from"./chunk.Y4GKBJGI.js";import{r as l,s as m}from"./chunk.PN26D52V.js";import{b as h,k as d}from"./chunk.J2M2MXP2.js";import{f as a}from"./chunk.MCIQXNKY.js";var p=class extends g{constructor(t){super(t)}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","list")}addListener(t,e){this._component.addEventListener(t,e)}removeListener(t,e){this._component.removeEventListener(t,e)}getListItems(){return Array.from(this._component.children).filter(t=>t.tagName===u.elementName.toUpperCase())}focusNextListItem(){let t=l(this._component,i.selectors.FOCUSABLE_LIST_ITEMS,!1);if(t&&t.length>0){let e=t.indexOf(m()),s=e<t.length-1?e+1:0;s<=t.length-1&&t[s].focus()}}focusPreviousListItem(){let t=l(this._component,i.selectors.FOCUSABLE_LIST_ITEMS,!1);if(t&&t.length>0){let e=t.indexOf(m()),s=e>0?e-1:t.length-1;s>=0&&t[s].focus()}}focusFirstListItem(){let t=l(this._component,i.selectors.FOCUSABLE_LIST_ITEMS,!1);t&&t.length>0&&t[0].focus()}focusLastListItem(){let t=l(this._component,i.selectors.FOCUSABLE_LIST_ITEMS,!1);t&&t.length>0&&t[t.length-1].focus()}setSelectedListItems(t){let e=Array.from(this._component.querySelectorAll(u.elementName));if(e&&e.length)for(let s of e)s.selected=t.includes(s.value)}updateListItems(t){this.getListItems().forEach(e=>t(e))}};var C=["input","button","textarea","select"],c=class{constructor(t){this._adapter=t;this._static=!1;this._dense=!1;this._propagateClick=!0;this._indented=!1;this._keydownListener=e=>this._onKeydown(e)}initialize(){this._adapter.initializeAccessibility(),this._static||this._adapter.addListener("keydown",this._keydownListener),this._selectedValue&&this._adapter.setSelectedListItems(this._selectedValue)}_onKeydown(t){let e=t.key==="ArrowDown"||t.keyCode===40,s=t.key==="ArrowUp"||t.keyCode===38,n=t.key==="Home"||t.keyCode===36,E=t.key==="End"||t.keyCode===35,v=t.key==="Tab"||t.keyCode===9;t.altKey||t.ctrlKey||t.shiftKey||t.metaKey||(v||this._preventDefaultEvent(t),n?this._adapter.focusFirstListItem():E?this._adapter.focusLastListItem():e?this._adapter.focusNextListItem():s&&this._adapter.focusPreviousListItem())}_preventDefaultEvent(t){let e=`${t.target.tagName}`.toLowerCase();C.indexOf(e)===-1&&t.preventDefault()}_setSelectedValue(t){let e=t instanceof Array?t:[t];e=e.filter(s=>h(s)),this._adapter.setSelectedListItems(e)}get static(){return this._static}set static(t){this._static!==t&&(this._static=t,this._static?this._adapter.removeListener("keydown",this._keydownListener):this._adapter.addListener("keydown",this._keydownListener),this._adapter.updateListItems(e=>e.static=this._static),this._static?this._adapter.setHostAttribute(i.attributes.STATIC):this._adapter.removeHostAttribute(i.attributes.STATIC))}get dense(){return this._dense}set dense(t){this._dense!==t&&(this._dense=t,this._adapter.updateListItems(e=>e.dense=this._dense),this._dense?this._adapter.setHostAttribute(i.attributes.DENSE):this._adapter.removeHostAttribute(i.attributes.DENSE))}get propagateClick(){return this._propagateClick}set propagateClick(t){this._propagateClick!==t&&(this._propagateClick=t,this._adapter.updateListItems(e=>e.propagateClick=this._propagateClick),this._adapter.setHostAttribute(i.attributes.PROPAGATE_CLICK,""+!!this._propagateClick))}get indented(){return this._indented}set indented(t){this._indented!==t&&(this._indented=t,this._adapter.updateListItems(e=>e.indented=this._indented),this._indented?this._adapter.setHostAttribute(i.attributes.INDENTED):this._adapter.removeHostAttribute(i.attributes.INDENTED))}get selectedValue(){return this._selectedValue}set selectedValue(t){this._selectedValue=t,this._setSelectedValue(t)}};var T='<template><div class="forge-list" part="root"><slot></slot></div></template>',A=".forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}",o=class extends L{constructor(){super();I(this,T,A),this._foundation=new c(new p(this))}static get observedAttributes(){return[i.attributes.STATIC,i.attributes.DENSE,i.attributes.SELECTED_VALUE,i.attributes.PROPAGATE_CLICK,i.attributes.INDENTED]}initializedCallback(){this._foundation.initialize()}attributeChangedCallback(e,s,n){switch(e){case i.attributes.STATIC:this.static=d(n);break;case i.attributes.DENSE:this.dense=d(n);break;case i.attributes.PROPAGATE_CLICK:this.propagateClick=d(n);break;case i.attributes.INDENTED:this.indented=d(n);break;case i.attributes.SELECTED_VALUE:this.selectedValue=n;break}}};a([r()],o.prototype,"static",2),a([r()],o.prototype,"dense",2),a([r()],o.prototype,"propagateClick",2),a([r()],o.prototype,"indented",2),a([r()],o.prototype,"selectedValue",2),o=a([_({name:i.elementName,dependencies:[y]})],o);function $(){b(o)}export{p as a,c as b,o as c,$ as d};
|
|
7
|
-
//# sourceMappingURL=chunk.KE6GOYAB.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/list/list/list-adapter.ts", "../../src/list/list/list-foundation.ts", "../../src/list/list/list.ts", "../../src/list/list/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { emitEvent, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IListItemComponent, LIST_ITEM_CONSTANTS } from '../list-item';\nimport { IListComponent } from './list';\nimport { LIST_CONSTANTS } from './list-constants';\n\nexport interface IListAdapter extends IBaseAdapter {\n initializeAccessibility(): void;\n addListener(type: string, listener: (evt: Event) => void): void;\n removeListener(type: string, listener: (evt: Event) => void): void;\n getListItems(): IListItemComponent[];\n focusNextListItem(): void;\n focusPreviousListItem(): void;\n focusFirstListItem(): void;\n focusLastListItem(): void;\n setSelectedListItems(values: any[]): void;\n updateListItems(cb: (li: IListItemComponent) => void): void;\n}\n\n/**\n * The DOM adapter for the `<forge-list>` component.\n */\nexport class ListAdapter extends BaseAdapter<IListComponent> implements IListAdapter {\n constructor(component: IListComponent) {\n super(component);\n }\n\n public initializeAccessibility(): void {\n if (!this._component.hasAttribute('role')) {\n this._component.setAttribute('role', 'list');\n }\n }\n\n /**\n * Adds an event listener to the `<forge-list>` host element.\n * @param {string} type The event type.\n * @param {Function} listener The event callback.\n */\n public addListener(type: string, listener: (evt: Event) => void): void {\n this._component.addEventListener(type, listener);\n }\n\n /**\n * Removes an event listener to the `<forge-list>` host element.\n * @param {string} type The event type.\n * @param {Function} listener The event callback.\n */\n public removeListener(type: string, listener: (evt: Event) => void): void {\n this._component.removeEventListener(type, listener);\n }\n\n /**\n * Returns all child `<forge-list-item>` elements.\n */\n public getListItems(): IListItemComponent[] {\n return Array.from(this._component.children).filter(child => child.tagName === LIST_ITEM_CONSTANTS.elementName.toUpperCase()) as IListItemComponent[];\n }\n\n /**\n * Sets focus to the next item in the list.\n */\n public focusNextListItem(): void {\n const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n if (listItems && listItems.length > 0) {\n const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n const nextIndex = focusedListItemIndex < listItems.length - 1 ? focusedListItemIndex + 1 : 0;\n\n if (nextIndex <= listItems.length - 1) {\n listItems[nextIndex].focus();\n }\n }\n }\n\n /**\n * Sets focus to the previous item in the list.\n */\n public focusPreviousListItem(): void {\n const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n if (listItems && listItems.length > 0) {\n const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n const nextIndex = focusedListItemIndex > 0 ? focusedListItemIndex - 1 : listItems.length - 1;\n\n if (nextIndex >= 0) {\n listItems[nextIndex].focus();\n }\n }\n }\n\n /**\n * Sets focus to the first item in the list.\n */\n public focusFirstListItem(): void {\n const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n if (listItems && listItems.length > 0) {\n listItems[0].focus();\n }\n }\n\n /**\n * Sets focus to the last item in the list.\n */\n public focusLastListItem(): void {\n const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n if (listItems && listItems.length > 0) {\n listItems[listItems.length - 1].focus();\n }\n }\n\n public setSelectedListItems(values: any[]): void {\n const listItems = Array.from(this._component.querySelectorAll(LIST_ITEM_CONSTANTS.elementName)) as IListItemComponent[];\n if (listItems && listItems.length) {\n for (const item of listItems) {\n item.selected = values.includes(item.value);\n }\n }\n }\n\n public updateListItems(cb: (li: IListItemComponent) => void): void {\n this.getListItems().forEach(li => cb(li));\n }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { IListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { LIST_ITEM_CONSTANTS, IListItemComponent, IListItemSelectEventData } from '../list-item';\n\nexport interface IListFoundation extends ICustomElementFoundation {\n static: boolean;\n dense: boolean;\n propagateClick: boolean;\n indented: boolean;\n selectedValue: any;\n}\n\nconst ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];\n\n/**\n * The foundation class behind the `<forge-list>` component.\n */\nexport class ListFoundation implements IListFoundation {\n private _static = false;\n private _dense = false;\n private _propagateClick = true;\n private _indented = false;\n private _selectedValue: any;\n private _keydownListener: (evt: KeyboardEvent) => void;\n\n constructor(private _adapter: IListAdapter) {\n this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n }\n\n public initialize(): void {\n this._adapter.initializeAccessibility();\n \n if (!this._static) {\n this._adapter.addListener('keydown', this._keydownListener);\n }\n\n if (this._selectedValue) {\n this._adapter.setSelectedListItems(this._selectedValue);\n }\n }\n\n private _onKeydown(evt: KeyboardEvent): void {\n const isArrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;\n const isArrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;\n const isHome = evt.key === 'Home' || evt.keyCode === 36;\n const isEnd = evt.key === 'End' || evt.keyCode === 35;\n const isTab = evt.key === 'Tab' || evt.keyCode === 9;\n\n // We don't capture modifier keys\n if (evt.altKey || evt.ctrlKey || evt.shiftKey || evt.metaKey) {\n return;\n }\n\n if (!isTab) {\n this._preventDefaultEvent(evt);\n }\n\n if (isHome) {\n this._adapter.focusFirstListItem();\n } else if (isEnd) {\n this._adapter.focusLastListItem();\n } else if (isArrowDown) {\n this._adapter.focusNextListItem();\n } else if (isArrowUp) {\n this._adapter.focusPreviousListItem();\n }\n }\n\n /**\n * Ensures that preventDefault is only called if the containing element doesn't\n * consume the event, and it will cause an unintended scroll.\n * @param {Event} evt\n */\n private _preventDefaultEvent(evt: Event): void {\n const tagName = `${(evt.target as HTMLElement).tagName}`.toLowerCase();\n if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {\n evt.preventDefault();\n }\n }\n\n private _setSelectedValue(value: any): void {\n let values = value instanceof Array ? value : [value];\n values = values.filter(v => isDefined(v));\n this._adapter.setSelectedListItems(values);\n }\n\n /** Gets/sets whether the list has all static items or not. */\n public get static(): boolean {\n return this._static;\n }\n public set static(value: boolean) {\n if (this._static !== value) {\n this._static = value;\n\n if (!this._static) {\n this._adapter.addListener('keydown', this._keydownListener);\n } else {\n this._adapter.removeListener('keydown', this._keydownListener);\n }\n\n this._adapter.updateListItems(li => li.static = this._static);\n\n if (this._static) {\n this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n } else {\n this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n }\n }\n }\n\n /** Gets/sets whether the list has all dense items or not. */\n public get dense(): boolean {\n return this._dense;\n }\n public set dense(value: boolean) {\n if (this._dense !== value) {\n this._dense = value;\n this._adapter.updateListItems(li => li.dense = this._dense);\n if (this._dense) {\n this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n } else {\n this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n }\n }\n }\n\n public get propagateClick(): boolean {\n return this._propagateClick;\n }\n public set propagateClick(value: boolean) {\n if (this._propagateClick !== value) {\n this._propagateClick = value;\n this._adapter.updateListItems(li => li.propagateClick = this._propagateClick);\n this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.PROPAGATE_CLICK, '' + !!this._propagateClick);\n }\n }\n\n public get indented(): boolean {\n return this._indented;\n }\n public set indented(value: boolean) {\n if (this._indented !== value) {\n this._indented = value;\n this._adapter.updateListItems(li => li.indented = this._indented);\n if (this._indented) {\n this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n } else {\n this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n }\n }\n }\n\n public get selectedValue(): any {\n return this._selectedValue;\n }\n public set selectedValue(value: any) {\n this._selectedValue = value;\n this._setSelectedValue(value);\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ListItemComponent } from '../list-item';\nimport { ListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { ListFoundation } from './list-foundation';\n\nconst template = '<template><div class=\\\"forge-list\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}';\n\nexport interface IListComponent extends IBaseComponent {\n static: boolean;\n dense: boolean;\n propagateClick: boolean;\n indented: boolean;\n selectedValue: any;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-list': IListComponent;\n }\n}\n\n/**\n * The custom element class behind the `<forge-list>` element.\n * \n * @tag forge-list\n */\n@CustomElement({\n name: LIST_CONSTANTS.elementName,\n dependencies: [ListItemComponent]\n})\nexport class ListComponent extends BaseComponent implements IListComponent {\n public static get observedAttributes(): string[] {\n return [\n LIST_CONSTANTS.attributes.STATIC,\n LIST_CONSTANTS.attributes.DENSE,\n LIST_CONSTANTS.attributes.SELECTED_VALUE,\n LIST_CONSTANTS.attributes.PROPAGATE_CLICK,\n LIST_CONSTANTS.attributes.INDENTED\n ];\n }\n\n private _foundation: ListFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new ListFoundation(new ListAdapter(this));\n }\n\n public initializedCallback(): void {\n this._foundation.initialize();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case LIST_CONSTANTS.attributes.STATIC:\n this.static = coerceBoolean(newValue);\n break;\n case LIST_CONSTANTS.attributes.DENSE:\n this.dense = coerceBoolean(newValue);\n break;\n case LIST_CONSTANTS.attributes.PROPAGATE_CLICK:\n this.propagateClick = coerceBoolean(newValue);\n break;\n case LIST_CONSTANTS.attributes.INDENTED:\n this.indented = coerceBoolean(newValue);\n break;\n case LIST_CONSTANTS.attributes.SELECTED_VALUE:\n this.selectedValue = newValue;\n break;\n }\n }\n\n /** Gets/sets whether the list has all static items or not. */\n @FoundationProperty()\n public declare static: boolean;\n\n /** Gets/sets whether the list has all dense items or not. */\n @FoundationProperty()\n public declare dense: boolean;\n\n /** Gets/sets whether the list items allow mousedown events through to their underlying list item elements. Default is true. */\n @FoundationProperty()\n public declare propagateClick: boolean;\n\n /** Gets/sets whether the list items within this list are indented. Default is false. */\n @FoundationProperty()\n public declare indented: boolean;\n\n /** Gets/sets the selected list item value(s) */\n @FoundationProperty()\n public declare selectedValue: any;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ListComponent } from './list';\n\nexport * from './list-adapter';\nexport * from './list-constants';\nexport * from './list-foundation';\nexport * from './list';\n\nexport function defineListComponent(): void {\n defineCustomElement(ListComponent);\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["ListAdapter", "BaseAdapter", "component", "type", "listener", "child", "LIST_ITEM_CONSTANTS", "listItems", "deepQuerySelectorAll", "LIST_CONSTANTS", "focusedListItemIndex", "getActiveElement", "nextIndex", "values", "item", "cb", "li", "ELEMENTS_KEY_ALLOWED_IN", "ListFoundation", "_adapter", "evt", "isArrowDown", "isArrowUp", "isHome", "isEnd", "isTab", "tagName", "value", "values", "v", "isDefined", "li", "LIST_CONSTANTS", "template", "styles", "ListComponent", "BaseComponent", "attachShadowTemplate", "ListFoundation", "ListAdapter", "LIST_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "ListItemComponent", "defineListComponent", "defineCustomElement", "ListComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{e as E}from"./chunk.DONAMICM.js";import{d as f}from"./chunk.ZUNZKRRK.js";import{a as t}from"./chunk.GO5A4GKZ.js";import{a as m}from"./chunk.G5MGGEFP.js";import{a as r}from"./chunk.KTGSZEAG.js";import{g as n,l as g}from"./chunk.Y4GKBJGI.js";import{f as _,g as b,m as u,o as L,s as c,t as h,z as v}from"./chunk.PN26D52V.js";import{k as d}from"./chunk.J2M2MXP2.js";import{f as o}from"./chunk.MCIQXNKY.js";var S=class extends m{constructor(e){super(e);this._valueChangeListeners=[]}initialize(e){this._rootElement=n(this._component,e),this._labelSlot=n(this._component,"slot[name=label]"),this._leadingSlot=n(this._component,"slot[name=leading]"),this._trailingSlot=n(this._component,"slot[name=trailing]"),this._addonEndSlot=n(this._component,"slot[name=addon-end]"),this._inputElement=this._component.querySelector("input:not([type=checkbox]):not([type=radio])"),this.detectLabel()}destroy(){this._inputMutationObserver&&this._inputMutationObserver.disconnect()}hasLabel(){return!!this._labelElement}ensureSlottedLabel(){this._labelElement.slot="label"}ensureLabelOrder(){if(this._labelElement){let e=Array.from(this._component.children);e.length>1&&e.indexOf(this._labelElement)<e.indexOf(this._inputElement)&&this._component.appendChild(this._labelElement)}}addLabelSlotListener(e){this._labelSlot.addEventListener("slotchange",e)}removeLabelSlotListener(e){this._labelSlot&&this._labelSlot.removeEventListener("slotchange",e)}addLeadingSlotListener(e){this._leadingSlot.addEventListener("slotchange",e)}removeLeadingSlotListener(e){this._leadingSlot&&this._leadingSlot.removeEventListener("slotchange",e)}addTrailingSlotListener(e){this._trailingSlot.addEventListener("slotchange",e)}removeTrailingSlotListener(e){this._trailingSlot&&this._trailingSlot.removeEventListener("slotchange",e)}addAddonEndSlotListener(e){this._addonEndSlot.addEventListener("slotchange",e)}removeAddonEndSlotListener(e){this._addonEndSlot&&this._addonEndSlot.removeEventListener("slotchange",e)}addInputListener(e,s){this._inputElement.addEventListener(e,s)}removeInputListener(e,s){this._inputElement&&this._inputElement.removeEventListener(e,s)}setValueChangedListener(e,s){this.destroyValueChangeListener();let a=E(e,this._inputElement,"value",s);this._valueChangeListeners.push(a)}destroyValueChangeListener(){this._valueChangeListeners.forEach(e=>e())}detectLabel(){this._labelElement=this._component.querySelector("label")}initializeFloatingLabel(){return new f(this._labelElement)}inputHasValue(){return this._inputElement.value?this._inputElement.value.trim().length>0:!1}fieldHasValue(){return this.inputHasValue()}hasPlaceholder(){return this._inputElement.placeholder?this._inputElement.placeholder.trim().length>0:!1}inputHasFocus(e){return this._inputElement===e||this._inputElement===c()}setLabelClass(e){this._labelElement&&this._labelElement.classList.add(e)}removeLabelClass(e){this._labelElement&&this._labelElement.classList.remove(e)}isLabelFloating(){return this._component.hasAttribute(t.attributes.HOST_LABEL_FLOATING)}setRoomy(e){h(this._rootElement,e,t.classes.ROOMY)}setDense(e){h(this._rootElement,e,t.classes.DENSE)}hasLeadingNodes(){return this._leadingSlot?this._leadingSlot.assignedNodes().length>0:!1}hasTrailingNodes(){return this._trailingSlot?this._trailingSlot.assignedNodes().length>0:!1}hasAddonEndNodes(){return this._addonEndSlot?this._addonEndSlot.assignedNodes().length>0:!1}setInputClass(e){this._inputElement.classList.add(e)}removeInputClass(e){this._inputElement.classList.remove(e)}setRootClass(e){_(e,this._rootElement)}removeRootClass(e){b(e,this._rootElement)}setInputAttributeObserver(e){this._inputMutationObserver=v(this._inputElement,e,t.observedInputAttributes)}isDisabled(){return this._inputElement.hasAttribute("disabled")}isReadonly(){return this._inputElement.hasAttribute("readonly")}getLabelWidth(e,s){return L(this._labelElement.innerText,{fontSize:e,fontFamily:s})}getLabelFontMetrics(){let e=getComputedStyle(this._labelElement);return{fontSize:parseInt(e.fontSize||"16",10),fontFamily:e.fontFamily||"Roboto"}}};var y=class{constructor(i){this._adapter=i;this._density="default";this._shape="default";this._invalid=!1;this._required=!1;this._floatLabelType="auto";this._isInitialized=!1;this._labelSlotListener=e=>this._onLabelSlotChanged(e),this._leadingSlotListener=e=>this._onLeadingSlotChanged(e),this._trailingSlotListener=e=>this._onTrailingSlotChanged(e),this._addonEndSlotListener=e=>this._onAddonEndSlotChanged(e),this._focusListener=e=>this._onFocus(e),this._blurListener=e=>this._onBlur(e),this._valueChangedListener=e=>this._onValueChanged(e),this._inputAttributeChangedListener=(e,s)=>this._onInputAttributeChanged(e,s)}initialize(){this._adapter.initialize(""),this._adapter.hasLabel()&&this._adapter.ensureSlottedLabel(),this._initializeLabel(),this._adapter.hasPlaceholder()&&(this._floatLabelType="always"),this._detectSlottedContent(),this._adapter.addLabelSlotListener(this._labelSlotListener),this._adapter.addLeadingSlotListener(this._leadingSlotListener),this._adapter.addTrailingSlotListener(this._trailingSlotListener),this._adapter.addAddonEndSlotListener(this._addonEndSlotListener),this._adapter.setValueChangedListener(this,this._valueChangedListener),this._adapter.addInputListener("focus",this._focusListener),this._adapter.addInputListener("blur",this._blurListener),this._adapter.setInputAttributeObserver(this._inputAttributeChangedListener),this._applyDensity(),this._setShapeType(),this._setValidity(),this._adapter.isDisabled()?this._adapter.setRootClass(t.classes.DISABLED):this._adapter.removeRootClass(t.classes.DISABLED),this._adapter.isReadonly()?this._adapter.setRootClass(t.classes.READONLY):this._adapter.removeRootClass(t.classes.READONLY),this._floatLabelType==="always"&&this.floatLabel(!0),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._adapter.destroy(),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING),this._adapter.removeRootClass(t.classes.LABEL),this._floatingLabel&&(this._floatingLabel.destroy(),this._floatingLabel=void 0),this._adapter.removeLabelSlotListener(this._labelSlotListener),this._adapter.removeLeadingSlotListener(this._leadingSlotListener),this._adapter.removeTrailingSlotListener(this._trailingSlotListener),this._adapter.removeAddonEndSlotListener(this._addonEndSlotListener),this._adapter.removeInputListener("focus",this._focusListener),this._adapter.removeInputListener("blur",this._blurListener),this._adapter.destroyValueChangeListener()}get density(){return this._density}set density(i){this._density!==i&&(this._density=i,this._isInitialized&&(this._applyDensity(),this._initializeLabel()),this._adapter.setHostAttribute(t.attributes.DENSITY,this._density.toString()))}get floatLabelType(){return this._floatLabelType}set floatLabelType(i){this._floatLabelType!==i&&(this._floatLabelType=i,this._isInitialized&&this.floatLabel(this._floatLabelType==="always"),this._adapter.setHostAttribute(t.attributes.FLOAT_LABEL_TYPE,this._floatLabelType))}get shape(){return this._shape}set shape(i){this._shape!==i&&(this._shape=i,this._isInitialized&&this._setShapeType(),this._adapter.setHostAttribute(t.attributes.SHAPE,this._shape))}get invalid(){return this._invalid}set invalid(i){this._invalid!==i&&(this._invalid=i,this._isInitialized&&this._setValidity())}get required(){return this._required}set required(i){this._required!==i&&(this._required=i,this._isInitialized&&this._setValidity(),this._required?this._adapter.setHostAttribute(t.attributes.REQUIRED):this._adapter.removeHostAttribute(t.attributes.REQUIRED))}floatLabel(i){var e,s;if(((e=this._floatingLabel)==null?void 0:e.isFloating)===i||this._adapter.isLabelFloating()===i){i&&this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"");return}if(!i&&this._floatLabelType==="always"){(s=this._floatingLabel)==null||s.float(!0,!0),this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"");return}this._floatingLabel&&(this._floatingLabel.float(i,this._floatLabelType==="always"),i?(this._adapter.setInputClass(t.classes.INPUT_FOCUSED),this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"")):(this._adapter.removeInputClass(t.classes.INPUT_FOCUSED),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING)))}_onLabelSlotChanged(i){this._initializeLabel()}_onLeadingSlotChanged(i){this._detectLeadingContent()}_onTrailingSlotChanged(i){this._detectTrailingContent()}_onAddonEndSlotChanged(i){this._detectAddonEndContent()}_initializeLabel(){this._floatingLabel&&this._floatingLabel.destroy(),this._adapter.detectLabel(),this._adapter.hasLabel()&&this._density!=="dense"?(this._floatingLabel=this._adapter.initializeFloatingLabel(),this._adapter.ensureLabelOrder(),this.floatLabel(this._floatLabelType==="always"||this._adapter.fieldHasValue()||this._adapter.hasPlaceholder()),this._adapter.setRootClass(t.classes.LABEL)):(this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING),this._adapter.removeRootClass(t.classes.LABEL),this._floatingLabel=void 0)}_detectLeadingContent(){this._adapter.hasLeadingNodes()?this._adapter.setRootClass(t.classes.LEADING):this._adapter.removeRootClass(t.classes.LEADING)}_detectTrailingContent(){this._adapter.hasTrailingNodes()?this._adapter.setRootClass(t.classes.TRAILING):this._adapter.removeRootClass(t.classes.TRAILING)}_detectAddonEndContent(){this._adapter.hasAddonEndNodes()?this._adapter.setRootClass(t.classes.ADDON_END):this._adapter.removeRootClass(t.classes.ADDON_END)}_detectSlottedContent(){this._detectLeadingContent(),this._detectTrailingContent(),this._detectAddonEndContent()}_onFocus(i){this._adapter.setRootClass(t.classes.FOCUSED),this._adapter.setLabelClass(t.classes.LABEL_FOCUSED),this.floatLabel(!0)}_onBlur(i){this._adapter.inputHasFocus(i.relatedTarget)||(this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeLabelClass(t.classes.LABEL_FOCUSED),!this._adapter.fieldHasValue()&&!this._adapter.hasPlaceholder()&&(this.floatLabel(!1),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING)))}_onValueChanged(i){this._adapter.fieldHasValue()?this.floatLabel(!0):!this._adapter.inputHasFocus()&&!this._adapter.hasPlaceholder()&&this.floatLabel(!1)}_onInputAttributeChanged(i,e){switch(this._adapter.isDisabled()?(this._adapter.setRootClass(t.classes.DISABLED),this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeInputClass(t.classes.INPUT_FOCUSED),this._adapter.removeLabelClass(t.classes.LABEL_FOCUSED),!this._adapter.fieldHasValue()&&!this._adapter.hasPlaceholder()&&this._floatingLabel&&this.floatLabel(!1)):this._adapter.removeRootClass(t.classes.DISABLED),this._adapter.isReadonly()?this._adapter.setRootClass(t.classes.READONLY):(this._adapter.removeRootClass(t.classes.READONLY),this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeInputClass(t.classes.INPUT_FOCUSED)),i){case"readonly":case"disabled":this._adapter.inputHasFocus()&&(this._adapter.setRootClass(t.classes.FOCUSED),this._adapter.setInputClass(t.classes.INPUT_FOCUSED),this._adapter.setLabelClass(t.classes.LABEL_FOCUSED));break;case"value":this._floatingLabel&&this.floatLabel(this._adapter.fieldHasValue());break;case"placeholder":if(this._floatingLabel){let s=!!e&&!!e.trim()||this._adapter.fieldHasValue();s!==this._floatingLabel.isFloating&&this.floatLabel(s)}break}}_setShapeType(){this._shape==="rounded"?this._adapter.setRootClass(t.classes.SHAPE_ROUNDED):this._adapter.removeRootClass(t.classes.SHAPE_ROUNDED)}_setValidity(){this._invalid?this._adapter.setRootClass(t.classes.INVALID):this._adapter.removeRootClass(t.classes.INVALID),this._required?this._adapter.setRootClass(t.classes.REQUIRED):this._adapter.removeRootClass(t.classes.REQUIRED)}_applyDensity(){this._adapter.setRoomy(this._density==="roomy"),this._adapter.setDense(this._density==="dense")}};var l=class extends g{constructor(){super()}static get observedAttributes(){return[t.attributes.DENSITY,t.attributes.FLOAT_LABEL_TYPE,t.attributes.SHAPE,t.attributes.INVALID,t.attributes.REQUIRED]}connectedCallback(){this.querySelector(t.selectors.INPUT)?this._initialize():u(this,t.selectors.INPUT).then(()=>this._initialize())}_initialize(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,a){switch(e){case t.attributes.DENSITY:this.density=a;break;case t.attributes.FLOAT_LABEL_TYPE:this.floatLabelType=a;break;case t.attributes.SHAPE:this.shape=a;break;case t.attributes.INVALID:this.invalid=d(a);break;case t.attributes.REQUIRED:this.required=d(a);break}}floatLabel(e){this._foundation.floatLabel(e)}};o([r()],l.prototype,"density",2),o([r()],l.prototype,"floatLabelType",2),o([r()],l.prototype,"shape",2),o([r()],l.prototype,"invalid",2),o([r()],l.prototype,"required",2);export{S as a,y as b,l as c};
|
|
7
|
-
//# sourceMappingURL=chunk.MH3BTNU5.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/field/field-adapter.ts", "../../src/field/field-foundation.ts", "../../src/field/field.ts"],
|
|
4
|
-
"sourcesContent": ["import { addClass, calculateFontWidth, getShadowElement, IFontInfo, listenOwnProperty, Platform, removeClass, getActiveElement, createElementAttributeObserver, toggleClass, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { FloatingLabel, IFloatingLabel } from '../floating-label/floating-label';\nimport { IFieldComponent } from './field';\nimport { FIELD_CONSTANTS } from './field-constants';\n\nexport interface IFieldAdapter extends IBaseAdapter {\n // root\n setRootClass(classes: string | string[]): void;\n removeRootClass(classes: string | string[]): void;\n\n // input\n addInputListener(type: string, listener: (evt: Event) => void): void;\n removeInputListener(type: string, listener: (evt: Event) => void): void;\n setInputClass(className: string): void;\n removeInputClass(className: string): void;\n\n // label\n addLabelSlotListener(listener: (evt: Event) => void): void;\n removeLabelSlotListener(listener: (evt: Event) => void): void;\n setLabelClass(name: string): void;\n removeLabelClass(name: string): void;\n isLabelFloating(): boolean;\n\n // leading\n addLeadingSlotListener(listener: (evt: Event) => void): void;\n removeLeadingSlotListener(listener: (evt: Event) => void): void;\n\n // trailing\n addTrailingSlotListener(listener: (evt: Event) => void): void;\n removeTrailingSlotListener(listener: (evt: Event) => void): void;\n\n // add on end\n addAddonEndSlotListener(listener: (evt: Event) => void): void;\n removeAddonEndSlotListener(listener: (evt: Event) => void): void;\n\n // state selectors\n hasAddonEndNodes(): boolean;\n hasLabel(): boolean;\n hasLeadingNodes(): boolean;\n hasPlaceholder(): boolean;\n hasTrailingNodes(): boolean;\n inputHasFocus(target?: EventTarget | null): boolean;\n inputHasValue(): boolean;\n fieldHasValue(): boolean;\n isDisabled(): boolean;\n isReadonly(): boolean;\n getLabelFontMetrics(): IFontInfo;\n getLabelWidth(fontSize: number, fontFamily: string): number;\n\n // state actions\n initialize(rootSelector: string): void;\n initializeFloatingLabel(): IFloatingLabel;\n ensureLabelOrder(): void;\n ensureSlottedLabel(): void;\n destroy(): void;\n setValueChangedListener(context: any, listener: (value: any) => void): void;\n destroyValueChangeListener(): void;\n detectLabel(): void;\n setRoomy(isRoomy: boolean): void;\n setDense(isDense: boolean): void;\n setInputAttributeObserver(listener: (name: string, value: string | null) => void): void;\n}\n\nexport class FieldAdapter extends BaseAdapter<IFieldComponent> implements IFieldAdapter {\n protected _rootElement: HTMLElement;\n protected _labelSlot: HTMLSlotElement;\n protected _leadingSlot: HTMLSlotElement;\n protected _trailingSlot: HTMLSlotElement;\n protected _addonEndSlot: HTMLSlotElement;\n protected _labelElement: HTMLLabelElement;\n protected _inputElement: HTMLInputElement;\n protected _inputMutationObserver: MutationObserver;\n protected _valueChangeListeners: Array<() => void> = [];\n\n constructor(component: IFieldComponent) {\n super(component);\n }\n\n public initialize(rootSelector: string): void {\n this._rootElement = getShadowElement(this._component, rootSelector);\n this._labelSlot = getShadowElement(this._component, 'slot[name=label]') as HTMLSlotElement;\n this._leadingSlot = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\n this._trailingSlot = getShadowElement(this._component, 'slot[name=trailing]') as HTMLSlotElement;\n this._addonEndSlot = getShadowElement(this._component, 'slot[name=addon-end]') as HTMLSlotElement;\n this._inputElement = this._component.querySelector('input:not([type=checkbox]):not([type=radio])') as HTMLInputElement;\n this.detectLabel();\n }\n\n public destroy(): void {\n if (this._inputMutationObserver) {\n this._inputMutationObserver.disconnect();\n }\n }\n\n public hasLabel(): boolean {\n return !!this._labelElement;\n }\n\n public ensureSlottedLabel(): void {\n this._labelElement.slot = 'label';\n }\n\n public ensureLabelOrder(): void {\n if (this._labelElement) {\n const children = Array.from(this._component.children);\n if (children.length > 1 && children.indexOf(this._labelElement) < children.indexOf(this._inputElement)) {\n this._component.appendChild(this._labelElement);\n }\n }\n }\n\n public addLabelSlotListener(listener: (evt: Event) => void): void {\n this._labelSlot.addEventListener('slotchange', listener);\n }\n\n public removeLabelSlotListener(listener: (evt: Event) => void): void {\n if (this._labelSlot) {\n this._labelSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addLeadingSlotListener(listener: (evt: Event) => void): void {\n this._leadingSlot.addEventListener('slotchange', listener);\n }\n\n public removeLeadingSlotListener(listener: (evt: Event) => void): void {\n if (this._leadingSlot) {\n this._leadingSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addTrailingSlotListener(listener: (evt: Event) => void): void {\n this._trailingSlot.addEventListener('slotchange', listener);\n }\n\n public removeTrailingSlotListener(listener: (evt: Event) => void): void {\n if (this._trailingSlot) {\n this._trailingSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addAddonEndSlotListener(listener: (evt: Event) => void): void {\n this._addonEndSlot.addEventListener('slotchange', listener);\n }\n\n public removeAddonEndSlotListener(listener: (evt: Event) => void): void {\n if (this._addonEndSlot) {\n this._addonEndSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public addInputListener(type: string, listener: (evt: Event) => void): void {\n this._inputElement.addEventListener(type, listener);\n }\n public removeInputListener(type: string, listener: (evt: Event) => void): void {\n if (this._inputElement) {\n this._inputElement.removeEventListener(type, listener);\n }\n }\n\n public setValueChangedListener(context: any, listener: (value: any) => void): void {\n this.destroyValueChangeListener();\n const destroyListener = listenOwnProperty(context, this._inputElement, 'value', listener);\n this._valueChangeListeners.push(destroyListener);\n }\n\n public destroyValueChangeListener(): void {\n this._valueChangeListeners.forEach(cb => cb());\n }\n\n public detectLabel(): void {\n this._labelElement = this._component.querySelector('label') as HTMLLabelElement;\n }\n\n public initializeFloatingLabel(): IFloatingLabel {\n return new FloatingLabel(this._labelElement);\n }\n\n public inputHasValue(): boolean {\n return this._inputElement.value ? this._inputElement.value.trim().length > 0 : false;\n }\n\n // An overrideable method for more generic field values where input.value is not the value.\n public fieldHasValue(): boolean {\n return this.inputHasValue();\n }\n\n public hasPlaceholder(): boolean {\n return this._inputElement.placeholder ? this._inputElement.placeholder.trim().length > 0 : false;\n }\n\n public inputHasFocus(target?: EventTarget | null): boolean {\n return this._inputElement === target || this._inputElement === getActiveElement();\n }\n\n public setLabelClass(name: string): void {\n if (this._labelElement) {\n this._labelElement.classList.add(name);\n }\n }\n\n public removeLabelClass(name: string): void {\n if (this._labelElement) {\n this._labelElement.classList.remove(name);\n }\n }\n\n public isLabelFloating(): boolean {\n return this._component.hasAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING);\n }\n\n public setRoomy(isRoomy: boolean): void {\n toggleClass(this._rootElement, isRoomy, FIELD_CONSTANTS.classes.ROOMY);\n }\n\n public setDense(isDense: boolean): void {\n toggleClass(this._rootElement, isDense, FIELD_CONSTANTS.classes.DENSE);\n }\n\n public hasLeadingNodes(): boolean {\n if (!this._leadingSlot) {\n return false;\n }\n return this._leadingSlot.assignedNodes().length > 0;\n }\n\n public hasTrailingNodes(): boolean {\n if (!this._trailingSlot) {\n return false;\n }\n return this._trailingSlot.assignedNodes().length > 0;\n }\n\n public hasAddonEndNodes(): boolean {\n if (!this._addonEndSlot) {\n return false;\n }\n return this._addonEndSlot.assignedNodes().length > 0;\n }\n\n public setInputClass(className: string): void {\n this._inputElement.classList.add(className);\n }\n\n public removeInputClass(className: string): void {\n this._inputElement.classList.remove(className);\n }\n\n public setRootClass(classes: string | string[]): void {\n addClass(classes, this._rootElement);\n }\n\n public removeRootClass(classes: string | string[]): void {\n removeClass(classes, this._rootElement);\n }\n\n public setInputAttributeObserver(listener: (name: string, value: string | null) => void): void {\n this._inputMutationObserver = createElementAttributeObserver(this._inputElement, listener, FIELD_CONSTANTS.observedInputAttributes);\n }\n\n public isDisabled(): boolean {\n return this._inputElement.hasAttribute('disabled');\n }\n\n public isReadonly(): boolean {\n return this._inputElement.hasAttribute('readonly');\n }\n\n public getLabelWidth(fontSize: number, fontFamily: string): number {\n return calculateFontWidth(this._labelElement.innerText, { fontSize, fontFamily });\n }\n\n public getLabelFontMetrics(): IFontInfo {\n const style = getComputedStyle(this._labelElement);\n return {\n fontSize: parseInt(style.fontSize || '16', 10),\n fontFamily: style.fontFamily || 'Roboto'\n };\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IFloatingLabel } from '../floating-label/floating-label';\nimport { IFieldAdapter } from './field-adapter';\nimport { FIELD_CONSTANTS, FieldFloatLabelType, FieldShapeType, FieldDensityType } from './field-constants';\n\nexport interface IFieldFoundation extends ICustomElementFoundation {\n density: FieldDensityType;\n floatLabelType: FieldFloatLabelType;\n shape: FieldShapeType;\n invalid: boolean;\n required: boolean;\n floatLabel(value: boolean, alwaysFloat?: boolean): void;\n}\n\nexport class FieldFoundation {\n protected _density: FieldDensityType = 'default';\n protected _floatingLabel: IFloatingLabel | undefined;\n protected _shape: FieldShapeType = 'default';\n protected _invalid = false;\n protected _required = false;\n protected _floatLabelType: FieldFloatLabelType = 'auto';\n protected _isInitialized = false;\n protected _labelSlotListener: (evt: Event) => void;\n protected _leadingSlotListener: (evt: Event) => void;\n protected _trailingSlotListener: (evt: Event) => void;\n protected _addonEndSlotListener: (evt: Event) => void;\n protected _focusListener: (evt: Event) => void;\n protected _blurListener: (evt: Event) => void;\n protected _valueChangedListener: (value: any) => void;\n protected _inputAttributeChangedListener: (name: string, value: string) => void;\n\n constructor(protected _adapter: IFieldAdapter) {\n this._labelSlotListener = evt => this._onLabelSlotChanged(evt);\n this._leadingSlotListener = evt => this._onLeadingSlotChanged(evt);\n this._trailingSlotListener = evt => this._onTrailingSlotChanged(evt);\n this._addonEndSlotListener = evt => this._onAddonEndSlotChanged(evt);\n this._focusListener = (evt: FocusEvent) => this._onFocus(evt);\n this._blurListener = (evt: FocusEvent) => this._onBlur(evt);\n this._valueChangedListener = (value: any) => this._onValueChanged(value);\n this._inputAttributeChangedListener = (name, value) => this._onInputAttributeChanged(name, value);\n }\n\n //\n // Public\n //\n\n public initialize(): void {\n this._adapter.initialize('');\n\n if (this._adapter.hasLabel()) {\n this._adapter.ensureSlottedLabel();\n }\n\n this._initializeLabel();\n\n if (this._adapter.hasPlaceholder()) {\n this._floatLabelType = 'always';\n }\n\n this._detectSlottedContent();\n this._adapter.addLabelSlotListener(this._labelSlotListener);\n this._adapter.addLeadingSlotListener(this._leadingSlotListener);\n this._adapter.addTrailingSlotListener(this._trailingSlotListener);\n this._adapter.addAddonEndSlotListener(this._addonEndSlotListener);\n this._adapter.setValueChangedListener(this, this._valueChangedListener);\n this._adapter.addInputListener('focus', this._focusListener);\n this._adapter.addInputListener('blur', this._blurListener);\n this._adapter.setInputAttributeObserver(this._inputAttributeChangedListener);\n this._applyDensity();\n this._setShapeType();\n this._setValidity();\n\n if (this._adapter.isDisabled()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.DISABLED);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.DISABLED);\n }\n\n if (this._adapter.isReadonly()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.READONLY);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.READONLY);\n }\n\n if (this._floatLabelType === 'always') {\n this.floatLabel(true);\n }\n\n this._isInitialized = true;\n }\n\n public disconnect(): void {\n this._isInitialized = false;\n this._adapter.destroy();\n\n this._adapter.removeHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING);\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.LABEL);\n\n if (this._floatingLabel) {\n this._floatingLabel.destroy();\n this._floatingLabel = undefined;\n }\n\n this._adapter.removeLabelSlotListener(this._labelSlotListener);\n this._adapter.removeLeadingSlotListener(this._leadingSlotListener);\n this._adapter.removeTrailingSlotListener(this._trailingSlotListener);\n this._adapter.removeAddonEndSlotListener(this._addonEndSlotListener);\n this._adapter.removeInputListener('focus', this._focusListener);\n this._adapter.removeInputListener('blur', this._blurListener);\n this._adapter.destroyValueChangeListener();\n }\n\n public get density(): FieldDensityType {\n return this._density;\n }\n public set density(value: FieldDensityType) {\n if (this._density !== value) {\n this._density = value;\n\n if (this._isInitialized) {\n this._applyDensity();\n this._initializeLabel();\n }\n\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.DENSITY, this._density.toString());\n }\n }\n\n public get floatLabelType(): FieldFloatLabelType {\n return this._floatLabelType;\n }\n public set floatLabelType(value: FieldFloatLabelType) {\n if (this._floatLabelType !== value) {\n this._floatLabelType = value;\n\n if (this._isInitialized) {\n this.floatLabel(this._floatLabelType === 'always');\n }\n\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.FLOAT_LABEL_TYPE, this._floatLabelType);\n }\n }\n\n public get shape(): FieldShapeType {\n return this._shape;\n }\n public set shape(value: FieldShapeType) {\n if (this._shape !== value) {\n this._shape = value;\n\n if (this._isInitialized) {\n this._setShapeType();\n }\n\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.SHAPE, this._shape);\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 this._invalid = value;\n\n if (this._isInitialized) {\n this._setValidity();\n }\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 this._required = value;\n\n if (this._isInitialized) {\n this._setValidity();\n }\n\n if (this._required) {\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.REQUIRED);\n } else {\n this._adapter.removeHostAttribute(FIELD_CONSTANTS.attributes.REQUIRED);\n }\n }\n }\n\n public floatLabel(value: boolean): void {\n if (this._floatingLabel?.isFloating === value || this._adapter.isLabelFloating() === value) {\n if (value) {\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING, '');\n }\n return;\n }\n\n if (!value && this._floatLabelType === 'always') {\n this._floatingLabel?.float(true, true);\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING, '');\n return;\n }\n\n if (this._floatingLabel) {\n this._floatingLabel.float(value, this._floatLabelType === 'always');\n\n if (value) {\n this._adapter.setInputClass(FIELD_CONSTANTS.classes.INPUT_FOCUSED);\n this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING, '');\n } else {\n this._adapter.removeInputClass(FIELD_CONSTANTS.classes.INPUT_FOCUSED);\n this._adapter.removeHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING);\n }\n }\n }\n\n //\n // Protected\n //\n\n protected _onLabelSlotChanged(evt: Event): void {\n this._initializeLabel();\n }\n\n protected _onLeadingSlotChanged(evt: Event): void {\n this._detectLeadingContent();\n }\n\n protected _onTrailingSlotChanged(evt: Event): void {\n this._detectTrailingContent();\n }\n\n protected _onAddonEndSlotChanged(evt: Event): void {\n this._detectAddonEndContent();\n }\n\n protected _initializeLabel(): void {\n if (this._floatingLabel) {\n this._floatingLabel.destroy();\n }\n this._adapter.detectLabel();\n if (this._adapter.hasLabel() && this._density !== 'dense') {\n this._floatingLabel = this._adapter.initializeFloatingLabel();\n this._adapter.ensureLabelOrder();\n this.floatLabel(this._floatLabelType === 'always' || this._adapter.fieldHasValue() || this._adapter.hasPlaceholder());\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.LABEL);\n } else {\n this._adapter.removeHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING);\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.LABEL);\n this._floatingLabel = undefined;\n }\n }\n\n protected _detectLeadingContent(): void {\n if (this._adapter.hasLeadingNodes()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.LEADING);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.LEADING);\n }\n }\n\n protected _detectTrailingContent(): void {\n if (this._adapter.hasTrailingNodes()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.TRAILING);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.TRAILING);\n }\n }\n\n protected _detectAddonEndContent(): void {\n if (this._adapter.hasAddonEndNodes()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.ADDON_END);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.ADDON_END);\n }\n }\n\n protected _detectSlottedContent(): void {\n this._detectLeadingContent();\n this._detectTrailingContent();\n this._detectAddonEndContent();\n }\n\n protected _onFocus(evt: FocusEvent): void {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.FOCUSED);\n this._adapter.setLabelClass(FIELD_CONSTANTS.classes.LABEL_FOCUSED);\n this.floatLabel(true);\n }\n\n protected _onBlur(evt: FocusEvent): void {\n if (this._adapter.inputHasFocus(evt.relatedTarget)) {\n return;\n }\n\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.FOCUSED);\n this._adapter.removeLabelClass(FIELD_CONSTANTS.classes.LABEL_FOCUSED);\n\n if (!this._adapter.fieldHasValue() && !this._adapter.hasPlaceholder()) {\n this.floatLabel(false);\n this._adapter.removeHostAttribute(FIELD_CONSTANTS.attributes.HOST_LABEL_FLOATING);\n }\n }\n\n protected _onValueChanged(value: any): void {\n if (this._adapter.fieldHasValue()) {\n this.floatLabel(true);\n } else if (!this._adapter.inputHasFocus() && !this._adapter.hasPlaceholder()) {\n this.floatLabel(false);\n }\n }\n\n protected _onInputAttributeChanged(name: string, value: string | null): void {\n if (this._adapter.isDisabled()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.DISABLED);\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.FOCUSED);\n this._adapter.removeInputClass(FIELD_CONSTANTS.classes.INPUT_FOCUSED);\n this._adapter.removeLabelClass(FIELD_CONSTANTS.classes.LABEL_FOCUSED);\n\n if (!this._adapter.fieldHasValue() && !this._adapter.hasPlaceholder() && this._floatingLabel) {\n this.floatLabel(false);\n }\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.DISABLED);\n }\n\n if (this._adapter.isReadonly()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.READONLY);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.READONLY);\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.FOCUSED);\n this._adapter.removeInputClass(FIELD_CONSTANTS.classes.INPUT_FOCUSED);\n }\n\n switch (name) {\n case 'readonly':\n case 'disabled':\n // If we are changing the readonly or disabled attribute, we want to make sure that we apply\n // the focus state properly if the input element also now has focus\n if (this._adapter.inputHasFocus()) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.FOCUSED);\n this._adapter.setInputClass(FIELD_CONSTANTS.classes.INPUT_FOCUSED);\n this._adapter.setLabelClass(FIELD_CONSTANTS.classes.LABEL_FOCUSED);\n }\n break;\n case 'value':\n if (this._floatingLabel) {\n this.floatLabel(this._adapter.fieldHasValue());\n }\n break;\n case 'placeholder':\n if (this._floatingLabel) {\n const float = (!!value && !!value.trim()) || this._adapter.fieldHasValue();\n if (float !== this._floatingLabel.isFloating) {\n this.floatLabel(float);\n }\n }\n break;\n }\n }\n\n protected _setShapeType(): void {\n if (this._shape === 'rounded') {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.SHAPE_ROUNDED);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.SHAPE_ROUNDED);\n }\n }\n\n protected _setValidity(): void {\n if (this._invalid) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.INVALID);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.INVALID);\n }\n\n if (this._required) {\n this._adapter.setRootClass(FIELD_CONSTANTS.classes.REQUIRED);\n } else {\n this._adapter.removeRootClass(FIELD_CONSTANTS.classes.REQUIRED);\n }\n }\n\n protected _applyDensity(): void {\n this._adapter.setRoomy(this._density === 'roomy');\n this._adapter.setDense(this._density === 'dense');\n }\n}\n", "import { FieldDensityType, FieldFloatLabelType, FieldShapeType, FIELD_CONSTANTS } from './field-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { FieldFoundation } from './field-foundation';\nimport { coerceBoolean, ensureChild, FoundationProperty } from '@tylertech/forge-core';\n\nexport interface IFieldComponent extends IBaseComponent {\n density: FieldDensityType;\n floatLabelType: FieldFloatLabelType;\n shape: FieldShapeType;\n invalid: boolean;\n required: boolean;\n floatLabel(value: boolean): void;\n}\n\nexport abstract class FieldComponent<T extends FieldFoundation> extends BaseComponent implements IFieldComponent {\n public static get observedAttributes(): string[] {\n return [\n FIELD_CONSTANTS.attributes.DENSITY,\n FIELD_CONSTANTS.attributes.FLOAT_LABEL_TYPE,\n FIELD_CONSTANTS.attributes.SHAPE,\n FIELD_CONSTANTS.attributes.INVALID,\n FIELD_CONSTANTS.attributes.REQUIRED\n ];\n }\n\n protected _foundation: T;\n\n constructor() {\n super();\n }\n\n public connectedCallback(): void {\n if (this.querySelector(FIELD_CONSTANTS.selectors.INPUT)) {\n this._initialize();\n } else {\n ensureChild(this, FIELD_CONSTANTS.selectors.INPUT).then(() => this._initialize());\n }\n }\n\n private _initialize(): void {\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 FIELD_CONSTANTS.attributes.DENSITY:\n this.density = newValue as FieldDensityType;\n break;\n case FIELD_CONSTANTS.attributes.FLOAT_LABEL_TYPE:\n this.floatLabelType = newValue as FieldFloatLabelType;\n break;\n case FIELD_CONSTANTS.attributes.SHAPE:\n this.shape = newValue as FieldShapeType;\n break;\n case FIELD_CONSTANTS.attributes.INVALID:\n this.invalid = coerceBoolean(newValue);\n break;\n case FIELD_CONSTANTS.attributes.REQUIRED:\n this.required = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Controls the density type. */\n @FoundationProperty()\n public declare density: FieldDensityType;\n\n /** Whether the label should always float, never float or float as the user types. */\n @FoundationProperty()\n public declare floatLabelType: FieldFloatLabelType;\n\n /** The shape type to use. */\n @FoundationProperty()\n public declare shape: FieldShapeType;\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 /**\n * Controls whether the label should be floating or not.\n * @param {boolean} value\n */\n public floatLabel(value: boolean): void {\n this._foundation.floatLabel(value);\n }\n}\n\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["FieldAdapter", "BaseAdapter", "component", "rootSelector", "getShadowElement", "children", "listener", "type", "context", "destroyListener", "listenOwnProperty", "cb", "FloatingLabel", "target", "getActiveElement", "name", "FIELD_CONSTANTS", "isRoomy", "toggleClass", "isDense", "className", "classes", "addClass", "removeClass", "createElementAttributeObserver", "fontSize", "fontFamily", "calculateFontWidth", "style", "FieldFoundation", "_adapter", "evt", "value", "name", "FIELD_CONSTANTS", "_a", "_b", "float", "FieldComponent", "BaseComponent", "FIELD_CONSTANTS", "ensureChild", "name", "oldValue", "newValue", "coerceBoolean", "value", "__decorateClass", "FoundationProperty"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a,d as M}from"./chunk.HI2DQJZG.js";import{a as C}from"./chunk.4DAIIJ37.js";import{a as y}from"./chunk.YI4JTY4T.js";import{a as O}from"./chunk.G5MGGEFP.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as x,b as D}from"./chunk.BE7PZANN.js";import{a as T,e as R,g as E,l as N}from"./chunk.Y4GKBJGI.js";import{l as A,s as I,t as b}from"./chunk.PN26D52V.js";import{b as m,d as f,k as _}from"./chunk.J2M2MXP2.js";import{a as v,f as p}from"./chunk.MCIQXNKY.js";var Y=`${D}stepper`,F={STEPPER:"forge-stepper",LINEAR:"forge-stepper--linear",ALTERNATIVE:"forge-stepper--alternative",CLUSTERED:"forge-stepper--clustered",FIXED:"forge-stepper--fixed",ALIGN_LEFT:"forge-stepper--align-left",ALIGN_CENTER:"forge-stepper--align-center",ALIGN_RIGHT:"forge-stepper--align-right",VERTICAL:"forge-stepper--vertical",FOCUSED:"forge-stepper--focused"},K={STEPPER:`.${F.STEPPER}`},k={SELECTED_INDEX:"selected-index",LINEAR:"linear",ALTERNATIVE:"alternative",LAYOUT_MODE:"layout-mode",LAYOUT_ALIGN:"layout-align",DISABLED:"disabled",VERTICAL:"vertical"},n={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_KEY:"Tab"},u={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,HOME_KEYCODE:36,ENTER_KEYCODE:13,SPACE_KEYCODE:32},P=[n.ARROW_LEFT_KEY,n.ARROW_RIGHT_KEY,n.ARROW_DOWN_KEY,n.ARROW_UP_KEY,n.END_KEY,n.HOME_KEY,n.ENTER_KEY,n.SPACE_KEY,n.TAB_KEY],H={[u.ARROW_LEFT_KEYCODE]:n.ARROW_LEFT_KEY,[u.ARROW_RIGHT_KEYCODE]:n.ARROW_RIGHT_KEY,[u.END_KEYCODE]:n.END_KEY,[u.HOME_KEYCODE]:n.HOME_KEY,[u.ENTER_KEYCODE]:n.ENTER_KEY,[u.SPACE_KEYCODE]:n.SPACE_KEY},i={elementName:Y,classes:F,selectors:K,attributes:k,numbers:u,strings:n,ACCEPTABLE_KEYS:P,KEYCODE_MAP:H};var l=class{static createStepElement(t,e,s){var d,g;let o=document.createElement(a.elementName);return o.index=e,o.completed=t.completed||!1,o.editable=t.editable||!1,o.selected=s.selectedIndex===e,o.alternative=s.alternative,o.error=t.error||!1,o.disabled=t.disabled||!1,o.vertical=(g=(d=t.vertical)!=null?d:s.vertical)!=null?g:!1,o.ignoreUserExpansion=t.ignoreUserExpansion||!1,o.expanded=t.expanded||!1,s.linear&&e>s.selectedIndex&&(o.tabIndex=-1),o.textContent=t.label,t.optionalLabel&&o.appendChild(this.createStepOptionalLabel(t.optionalLabel)),o}static createStepOptionalLabel(t){let e=document.createElement("span");return e.slot="optional",e.textContent=t||"",e}static setLinearState(t,e){let s=t.classList.contains(i.classes.LINEAR);s&&!e&&(t.classList.remove(i.classes.LINEAR),s=!1),!s&&e&&t.classList.add(i.classes.LINEAR)}static setAlternativeState(t,e){let s=t.classList.contains(i.classes.ALTERNATIVE);s&&!e&&(t.classList.remove(i.classes.ALTERNATIVE),s=!1),!s&&e&&t.classList.add(i.classes.ALTERNATIVE)}static setLayoutMode(t,e){switch(e){case"clustered":t.classList.contains(i.classes.FIXED)&&t.classList.remove(i.classes.FIXED),t.classList.add(i.classes.CLUSTERED);break;case"fixed":t.classList.contains(i.classes.CLUSTERED)&&t.classList.remove(i.classes.CLUSTERED),t.classList.add(i.classes.FIXED);break}}static setLayoutAlign(t,e){switch(t.classList.contains(i.classes.ALIGN_LEFT)&&t.classList.remove(i.classes.ALIGN_LEFT),t.classList.contains(i.classes.ALIGN_CENTER)&&t.classList.remove(i.classes.ALIGN_CENTER),t.classList.contains(i.classes.ALIGN_RIGHT)&&t.classList.remove(i.classes.ALIGN_RIGHT),e){case"left":t.classList.add(i.classes.ALIGN_LEFT);break;case"center":t.classList.add(i.classes.ALIGN_CENTER);break;case"right":t.classList.add(i.classes.ALIGN_RIGHT);break}}static createSteps(t){let e=[];return t.steps.forEach((s,o)=>{let d=l.createStepElement(s,o,t);e.push(d)}),e[0].setAttribute(a.attributes.FIRST,""),e[e.length-1].setAttribute(a.attributes.LAST,""),e}};var S=class extends O{constructor(e){super(e);this._rootElement=E(e,i.selectors.STEPPER),this._slotElement=this._rootElement.querySelector("slot")}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","tablist")}patchSafari(){this._applyToSteps(e=>e.setAttribute("safari",""))}addSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}getLastStep(){let e=this._getSteps();return e.item(e.length-1)}setSelected(e){this._getSteps().forEach(s=>{s===e?s.selected=!0:s.selected=!1})}assignIndices(){this._getSteps().forEach((s,o)=>{s.index=o})}assignFirstLastStep(){let e=this._getSteps();e&&e.length>1&&(e[0].setAttribute("first",""),e[e.length-1].setAttribute("last",""))}setLayoutAlign(e){l.setLayoutAlign(this._rootElement,e)}setLayoutMode(e){l.setLayoutMode(this._rootElement,e),this._applyToSteps(s=>s.setAttribute(a.attributes.CLUSTERED,""))}setAlternativeState(e){l.setAlternativeState(this._rootElement,e),this._applyToSteps(s=>s.alternative=e)}setVertical(e){b(this._rootElement,e,i.classes.VERTICAL),this._applyToSteps(s=>s.vertical=e)}setLinearState(e){l.setLinearState(this._rootElement,e)}removeRootListener(e,s){this._rootElement.removeEventListener("click",s)}addRootListener(e,s){this._rootElement.addEventListener(e,s)}setSelectedByIndex(e){this._applyToSteps(s=>{s.selected&&s.index!==e&&(s.selected=!1),s.index===e&&(s.selected=!0)})}applyConfiguredSteps(e){this._component.querySelectorAll(a.elementName).forEach(s=>{this._component.removeChild(s)}),e.forEach(s=>this._component.appendChild(s))}tryGetFocusedStep(){let e,s=I();return this._applyToSteps(o=>{s===E(o,a.selectors.STEP)&&(e=o)}),e}getFocusedOrSelectedStep(){let e=this.tryGetFocusedStep();return e||(e=this._getSteps()[0],e.focus()),e}getStep(e){let s=0,o=this._getSteps();return e<0?o.item(o.length-1):(o.length>e&&(s=e),o.item(s))}toggleDisabled(e){this._applyToSteps(s=>s.disabled=e)}toggleRootClass(e,s){b(this._rootElement,s,e)}isStepperFocused(){return this._rootElement.classList.contains(i.classes.FOCUSED)}setStepsListener(e,s){this._applyToSteps(o=>o.addEventListener(e,s))}removeStepsListener(e,s){this._applyToSteps(o=>o.removeEventListener(e,s))}_applyToSteps(e){this._getSteps().forEach(e)}_getSteps(){return this._component.querySelectorAll(a.elementName)}};var h=class{constructor(t){this._adapter=t;this._steps=[];this._selectedIndex=0;this._linear=!1;this._alternative=!1;this._layoutMode="fixed";this._layoutAlign="center";this._initialize=!1;this._clickListener=e=>this._handleClick(e),this._keyListener=e=>this._onKeydown(e),this._stepFocusListener=()=>this._onStepFocus(),this._stepBlurListener=()=>this._onStepBlur(),this._stepExpandedContentFocusInListener=e=>this._onStepExpandedContentFocusIn(e),this._stepExpandedContentFocusOutListener=e=>this._onStepExpandedContentFocusOut(e),this._slotChangeListener=e=>this._onSlotChange(e)}initialize(){this._adapter.initializeAccessibility(),this._adapter.assignIndices(),this._adapter.setLinearState(this._linear),this._adapter.setAlternativeState(this._alternative),this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setLayoutMode(this._layoutMode),this._adapter.addRootListener("click",this._clickListener),this._adapter.addHostListener("keydown",this._keyListener),this._adapter.assignFirstLastStep(),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSIN,this._stepExpandedContentFocusInListener),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSOUT,this._stepExpandedContentFocusOutListener),this._applySelectedIndex(),this._patchBrowser(),this._adapter.setStepsListener("blur",this._stepBlurListener),this._adapter.setStepsListener("focus",this._stepFocusListener),this._initialize||this._adapter.addSlotChangeListener(this._slotChangeListener),this._initialize=!0}disconnect(){this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeHostListener("keydown",this._keyListener),this._adapter.removeSlotChangeListener(this._slotChangeListener),this._adapter.removeStepsListener("blur",this._stepBlurListener),this._adapter.removeStepsListener("focus",this._stepFocusListener)}get steps(){return JSON.parse(JSON.stringify(this._steps))}set steps(t){if(Array.isArray(t)&&t.length>0)this._steps=[...t.map(e=>v({},e))];else{this._steps=[];return}this._renderConfiguration()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){if(!m(t))t=0;else if(!f(t)){let e=Number(t);t=isNaN(e)?0:e}this._selectedIndex!==t&&(this._selectedIndex=t,this._adapter.setHostAttribute(i.attributes.SELECTED_INDEX,this._selectedIndex.toString()),this._applySelectedIndex())}get linear(){return this._linear}set linear(t){t=Boolean(t),this._linear!==t&&(this._linear=t,this._adapter.setLinearState(this._linear),this._adapter.setHostAttribute(i.attributes.LINEAR,this._linear.toString()))}get alternative(){return this._alternative}set alternative(t){t=Boolean(t),this._alternative!==t&&(this._alternative=t,this._adapter.setAlternativeState(this._alternative),this._adapter.setHostAttribute(i.attributes.ALTERNATIVE,this._alternative.toString()))}get layoutMode(){return this._layoutMode}set layoutMode(t){!/^(fixed|clustered)$/.test(t)||this._layoutMode!==t&&(this._layoutMode=t,this._adapter.setHostAttribute(i.attributes.LAYOUT_MODE,this._layoutMode),this._adapter.setLayoutMode(this._layoutMode))}get layoutAlign(){return this._layoutAlign}set layoutAlign(t){!/^(left|center|right)$/.test(t)||this._layoutAlign!==t&&(this._layoutAlign=t,this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setHostAttribute(i.attributes.LAYOUT_ALIGN,this._layoutAlign))}get disabled(){return this._disabled}set disabled(t){t!==this._disabled&&(this._disabled=t,this._applyDisabled())}get vertical(){return this._vertical}set vertical(t){t!==this._vertical&&(this._vertical=t,this._applyVertical(),this._adapter.toggleHostAttribute(i.attributes.VERTICAL,this._vertical))}_applyVertical(){this._adapter.setVertical(this._vertical)}_applyDisabled(){this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED,"disabled"):this._adapter.removeHostAttribute(i.attributes.DISABLED),this._adapter.toggleDisabled(this._disabled)}_applySelectedIndex(){this._adapter.setSelectedByIndex(this._selectedIndex)}_handleClick(t){if(t.preventDefault(),this._linear)return;let e=C(t),s=e.find(d=>d.classList&&d.classList.contains(a.classes.STEP)),o=e.find(d=>d.localName===a.elementName);s&&o&&!o.selected&&!o.disabled&&this._adapter.emitHostEvent(a.events.SELECT,o.index,!0,!0)&&(this._adapter.setSelected(o),this.selectedIndex=o.index)}_renderConfiguration(){let t=l.createSteps({steps:this._steps,vertical:this._vertical,selectedIndex:this._selectedIndex,alternative:this._alternative,layoutAlign:this._layoutAlign,layoutMode:this._layoutMode,linear:this._linear});this.disconnect(),this._adapter.applyConfiguredSteps(t),this.initialize()}_onKeydown(t){if(this._linear)return;let e=this._getKeyFromEvent(t);if(!this._adapter.isStepperFocused()||!e)return;[a.strings.HOME_KEY,a.strings.END_KEY,a.strings.ARROW_DOWN_KEY,i.strings.ARROW_UP_KEY].includes(e)&&t.preventDefault();let s=this._vertical?this._determineVerticalMoveTarget(e):this._determineMoveTarget(e);s&&this._moveFocusTo(s)}_moveFocusTo(t){E(t,a.selectors.STEP).focus()}_getKeyFromEvent(t){return i.ACCEPTABLE_KEYS.includes(t.key)?t.key:i.KEYCODE_MAP[t.keyCode]}_determineMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_RIGHT_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_LEFT_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_determineVerticalMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_DOWN_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_UP_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_onSlotChange(t){this.disconnect(),this.initialize()}_onStepExpandedContentFocusIn(t){let e=this._adapter.getStep(t.detail.index+1);e&&e.setStepTabIndex(0),t.detail.setStepTabIndex(0)}_onStepExpandedContentFocusOut(t){let e=t.target,s=this._adapter.getStep(e.index+1);s&&s.setStepTabIndex(-1),e.setStepTabIndex(-1)}_onStepFocus(){this._adapter.toggleRootClass(i.classes.FOCUSED,!0)}_onStepBlur(){this._adapter.toggleRootClass(i.classes.FOCUSED,!1)}_patchBrowser(){new y().SAFARI()&&this._adapter.patchSafari()}};var w='<template><div class="forge-stepper" part="root"><slot></slot></div></template>',B=".forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}",r=class extends N{constructor(){super();R(this,w,B),this._foundation=new h(new S(this))}static get observedAttributes(){return[i.attributes.SELECTED_INDEX,i.attributes.LINEAR,i.attributes.ALTERNATIVE,i.attributes.LAYOUT_MODE,i.attributes.LAYOUT_ALIGN,i.attributes.DISABLED,i.attributes.VERTICAL]}async connectedCallback(){await A(this),this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,o){switch(e){case i.attributes.SELECTED_INDEX:this.selectedIndex=Number(o)||0;break;case i.attributes.LINEAR:this.linear=_(o);break;case i.attributes.ALTERNATIVE:this.alternative=_(o);break;case i.attributes.LAYOUT_MODE:this.layoutMode=o;break;case i.attributes.LAYOUT_ALIGN:this.layoutAlign=o;break;case i.attributes.DISABLED:this.disabled=_(o);break;case i.attributes.VERTICAL:this.vertical=_(o);break}}};p([c()],r.prototype,"steps",2),p([c()],r.prototype,"selectedIndex",2),p([c()],r.prototype,"linear",2),p([c()],r.prototype,"alternative",2),p([c()],r.prototype,"layoutMode",2),p([c()],r.prototype,"layoutAlign",2),p([c()],r.prototype,"disabled",2),p([c()],r.prototype,"vertical",2),r=p([x({name:i.elementName,dependencies:[M]})],r);function ye(){T(r)}export{i as a,S as b,h as c,r as d,ye as e};
|
|
7
|
-
//# sourceMappingURL=chunk.OXWKSI6J.js.map
|