@tylertech/forge 3.0.0-next.23 → 3.0.0-next.24
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 +28789 -33252
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/app-bar/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-area/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/{chunk.AOVXNX7P.js → chunk.24L6GVJK.js} +2 -2
- package/dist/esm/chunks/{chunk.WMJSYYXQ.js → chunk.27YQZWEJ.js} +2 -2
- package/dist/esm/chunks/{chunk.AG6IRMLZ.js → chunk.2CP5CIRB.js} +2 -2
- package/dist/esm/chunks/chunk.2FF7EQQ3.js +7 -0
- package/dist/esm/chunks/chunk.2FF7EQQ3.js.map +7 -0
- package/dist/esm/chunks/{chunk.USTVZ6MZ.js → chunk.345JBXIL.js} +2 -2
- package/dist/esm/chunks/{chunk.USTVZ6MZ.js.map → chunk.345JBXIL.js.map} +2 -2
- package/dist/esm/chunks/chunk.3B573FQF.js +7 -0
- package/dist/esm/chunks/chunk.3B573FQF.js.map +7 -0
- package/dist/esm/chunks/{chunk.H4VQXV2H.js → chunk.3CXCYRCE.js} +2 -2
- package/dist/esm/chunks/{chunk.MTIPIEXA.js → chunk.3LNZRQAL.js} +2 -2
- package/dist/esm/chunks/{chunk.BQ52JYLA.js → chunk.3LUG3LPU.js} +2 -2
- package/dist/esm/chunks/{chunk.IL4S57WO.js → chunk.3ODT27TD.js} +2 -2
- package/dist/esm/chunks/chunk.3S3NH5P4.js +7 -0
- package/dist/esm/chunks/chunk.3S3NH5P4.js.map +7 -0
- package/dist/esm/chunks/{chunk.XZ23XHFE.js → chunk.45N7ZZVL.js} +2 -2
- package/dist/esm/chunks/{chunk.YWJVZVZX.js → chunk.4GFUXXXH.js} +2 -2
- package/dist/esm/chunks/chunk.4UMFAYZH.js +7 -0
- package/dist/esm/chunks/chunk.4UMFAYZH.js.map +7 -0
- package/dist/esm/chunks/{chunk.ZA7JY3AY.js → chunk.5DDR6QSF.js} +2 -2
- package/dist/esm/chunks/{chunk.3KAKJGUS.js → chunk.5NEWFXFX.js} +2 -2
- package/dist/esm/chunks/{chunk.VRSPT7WX.js → chunk.5OT53ZJM.js} +2 -2
- package/dist/esm/chunks/{chunk.VL5RWSAV.js → chunk.6DWRGYKV.js} +2 -2
- package/dist/esm/chunks/{chunk.IEABOPNB.js → chunk.6T7KPDCD.js} +2 -2
- package/dist/esm/chunks/chunk.6TQDZAMD.js +7 -0
- package/dist/esm/chunks/chunk.6TQDZAMD.js.map +7 -0
- package/dist/esm/chunks/chunk.6V6VLKIK.js +7 -0
- package/dist/esm/chunks/chunk.6V6VLKIK.js.map +7 -0
- package/dist/esm/chunks/{chunk.SROEDYPL.js → chunk.7JO5MB55.js} +2 -2
- package/dist/esm/chunks/{chunk.CLYGTLXN.js → chunk.7TE74NJZ.js} +2 -2
- package/dist/esm/chunks/{chunk.AGLI4WR4.js → chunk.AJLS5C7O.js} +2 -2
- package/dist/esm/chunks/{chunk.TSSZQPLE.js → chunk.BURDWL57.js} +2 -2
- package/dist/esm/chunks/chunk.BYSMPFWQ.js +7 -0
- package/dist/esm/chunks/chunk.BYSMPFWQ.js.map +7 -0
- package/dist/esm/chunks/{chunk.BHE6Z5Y2.js → chunk.CQ4XBOX5.js} +2 -2
- package/dist/esm/chunks/{chunk.NEQX2QVX.js → chunk.DJQXJO3T.js} +2 -2
- package/dist/esm/chunks/chunk.DN6Y3VXC.js +7 -0
- package/dist/esm/chunks/{chunk.RLQB7224.js.map → chunk.DN6Y3VXC.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VJZ7VDG5.js → chunk.DPJJB67L.js} +2 -2
- package/dist/esm/chunks/{chunk.7Y3BUR7Q.js → chunk.EBRMG6N3.js} +2 -2
- package/dist/esm/chunks/{chunk.7Y3BUR7Q.js.map → chunk.EBRMG6N3.js.map} +2 -2
- package/dist/esm/chunks/chunk.EPMDEQF7.js +7 -0
- package/dist/esm/chunks/chunk.EPMDEQF7.js.map +7 -0
- package/dist/esm/chunks/{chunk.OOAJHLW4.js → chunk.EZIABLIR.js} +2 -2
- package/dist/esm/chunks/{chunk.ZG6YF2HI.js → chunk.F53DSRUO.js} +2 -2
- package/dist/esm/chunks/{chunk.7AAICE77.js → chunk.FIO22U2C.js} +2 -2
- package/dist/esm/chunks/{chunk.U6J4VHU6.js → chunk.FKMTIOBA.js} +2 -2
- package/dist/esm/chunks/chunk.FMDUCGOU.js +7 -0
- package/dist/esm/chunks/{chunk.OJ7JO4O6.js.map → chunk.FMDUCGOU.js.map} +1 -1
- package/dist/esm/chunks/{chunk.W4HANHUO.js → chunk.FMGBPF7B.js} +2 -2
- package/dist/esm/chunks/{chunk.5MB6CTBA.js → chunk.FVFPDWA4.js} +2 -2
- package/dist/esm/chunks/{chunk.ENUKGA2U.js → chunk.FYPIHFXD.js} +2 -2
- package/dist/esm/chunks/chunk.GNQ24XWK.js +7 -0
- package/dist/esm/chunks/chunk.GNQ24XWK.js.map +7 -0
- package/dist/esm/chunks/chunk.GP6LHJDA.js +7 -0
- package/dist/esm/chunks/chunk.GP6LHJDA.js.map +7 -0
- package/dist/esm/chunks/{chunk.CE35CVDV.js → chunk.GQ33JZVE.js} +2 -2
- package/dist/esm/chunks/{chunk.2W23MOPP.js → chunk.GUBLRHCG.js} +2 -2
- package/dist/esm/chunks/{chunk.473WRJ5G.js → chunk.HJUXBSFZ.js} +2 -2
- package/dist/esm/chunks/chunk.HJUXBSFZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.37B332ZK.js → chunk.HSNVTV7K.js} +2 -2
- package/dist/esm/chunks/{chunk.PC6TW5XE.js → chunk.HXNNWUI3.js} +2 -2
- package/dist/esm/chunks/{chunk.QCPV5DEG.js → chunk.IOGCI64X.js} +2 -2
- package/dist/esm/chunks/chunk.JB2F2HQE.js +7 -0
- package/dist/esm/chunks/chunk.JB2F2HQE.js.map +7 -0
- package/dist/esm/chunks/chunk.JGPWKCAU.js +7 -0
- package/dist/esm/chunks/chunk.JGPWKCAU.js.map +7 -0
- package/dist/esm/chunks/chunk.JU76GN6C.js +7 -0
- package/dist/esm/chunks/{chunk.KLU54MDQ.js.map → chunk.JU76GN6C.js.map} +2 -2
- package/dist/esm/chunks/chunk.K7I5FWBT.js +7 -0
- package/dist/esm/chunks/chunk.K7I5FWBT.js.map +7 -0
- package/dist/esm/chunks/{chunk.5UOX22ML.js → chunk.KKVQNKMV.js} +2 -2
- package/dist/esm/chunks/{chunk.YPNSK2CK.js → chunk.KW5A2U5U.js} +2 -2
- package/dist/esm/chunks/chunk.L6L3CPBH.js +7 -0
- package/dist/esm/chunks/chunk.L6L3CPBH.js.map +7 -0
- package/dist/esm/chunks/{chunk.KO6ODCZC.js → chunk.LIJE4T3D.js} +2 -2
- package/dist/esm/chunks/{chunk.KEOLH7G3.js → chunk.LQN5U4QH.js} +2 -2
- package/dist/esm/chunks/{chunk.5QIWLZG3.js → chunk.LSUIJDFO.js} +2 -2
- package/dist/esm/chunks/{chunk.77C7S7ZS.js → chunk.N65CAIE5.js} +2 -2
- package/dist/esm/chunks/{chunk.UKBE2FMZ.js → chunk.NNLZKMFX.js} +2 -2
- package/dist/esm/chunks/{chunk.EO3GP6DP.js → chunk.ON6FFHRE.js} +2 -2
- package/dist/esm/chunks/{chunk.OVXEOEJF.js → chunk.ONFZ3H7M.js} +2 -2
- package/dist/esm/chunks/{chunk.32APLNN2.js → chunk.OVVBXM6K.js} +2 -2
- package/dist/esm/chunks/{chunk.FLBYVCQ6.js → chunk.P3Q3IVVX.js} +2 -2
- package/dist/esm/chunks/{chunk.FLBYVCQ6.js.map → chunk.P3Q3IVVX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DKERDHXH.js → chunk.P74RZEWP.js} +2 -2
- package/dist/esm/chunks/{chunk.QLGJS37N.js → chunk.PBORL6KX.js} +2 -2
- package/dist/esm/chunks/chunk.PDJ2H5ZG.js +7 -0
- package/dist/esm/chunks/{chunk.UPSXYWPD.js.map → chunk.PDJ2H5ZG.js.map} +3 -3
- package/dist/esm/chunks/{chunk.JGURMVW7.js → chunk.PGMOAILY.js} +2 -2
- package/dist/esm/chunks/{chunk.OEI35LFU.js → chunk.PKCMTSWR.js} +2 -2
- package/dist/esm/chunks/{chunk.QUXMLWBJ.js → chunk.Q3Z6VZUD.js} +2 -2
- package/dist/esm/chunks/{chunk.TQWZDM6T.js → chunk.QBHJFCLL.js} +2 -2
- package/dist/esm/chunks/{chunk.WXVVOFNK.js → chunk.QDG6TP2Z.js} +2 -2
- package/dist/esm/chunks/{chunk.H5RW3A4M.js → chunk.QH27OIAK.js} +2 -2
- package/dist/esm/chunks/chunk.QKCPE4LW.js +7 -0
- package/dist/esm/chunks/{chunk.2GUWHBUU.js → chunk.QM32CJAX.js} +2 -2
- package/dist/esm/chunks/{chunk.2GUWHBUU.js.map → chunk.QM32CJAX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.FLF5RTYO.js → chunk.R2CJMM2F.js} +2 -2
- package/dist/esm/chunks/{chunk.IQYOLMPG.js → chunk.RGDLRUSM.js} +2 -2
- package/dist/esm/chunks/{chunk.QIZBZGYT.js → chunk.RKPWFEFJ.js} +2 -2
- package/dist/esm/chunks/{chunk.RXBLU4OJ.js → chunk.S5EU72NR.js} +2 -2
- package/dist/esm/chunks/chunk.SJYEDGBN.js +7 -0
- package/dist/esm/chunks/chunk.SJYEDGBN.js.map +7 -0
- package/dist/esm/chunks/{chunk.T7NWP7DB.js → chunk.SW6JDC2Y.js} +2 -2
- package/dist/esm/chunks/{chunk.7IPAW4D2.js → chunk.TAQRHBGS.js} +2 -2
- package/dist/esm/chunks/{chunk.MFQRXVKO.js → chunk.TEZFEC5B.js} +2 -2
- package/dist/esm/chunks/{chunk.MX4JX4GT.js → chunk.THIUQ2AU.js} +2 -2
- package/dist/esm/chunks/{chunk.LY2Z2Z7S.js → chunk.TQMT7BIZ.js} +2 -2
- package/dist/esm/chunks/{chunk.GIENHEMN.js → chunk.TR45SGWL.js} +2 -2
- package/dist/esm/chunks/chunk.TZHVZMOB.js +12 -0
- package/dist/esm/chunks/chunk.TZHVZMOB.js.map +7 -0
- package/dist/esm/chunks/{chunk.CFAI4K3E.js → chunk.UBVWYWO7.js} +2 -2
- package/dist/esm/chunks/{chunk.NWVQ5HK2.js → chunk.UHPODZWA.js} +2 -2
- package/dist/esm/chunks/{chunk.3PMONORO.js → chunk.V4R7FCZ2.js} +2 -2
- package/dist/esm/chunks/chunk.V5YGDB7V.js +7 -0
- package/dist/esm/chunks/{chunk.3II7OT2I.js.map → chunk.V5YGDB7V.js.map} +2 -2
- package/dist/esm/chunks/chunk.VAE5IFEM.js +7 -0
- package/dist/esm/chunks/{chunk.GBAVJILM.js.map → chunk.VAE5IFEM.js.map} +4 -4
- package/dist/esm/chunks/{chunk.QTY25OTN.js → chunk.VCASLYVR.js} +2 -2
- package/dist/esm/chunks/{chunk.QTY25OTN.js.map → chunk.VCASLYVR.js.map} +2 -2
- package/dist/esm/chunks/chunk.W4CL56G7.js +7 -0
- package/dist/esm/chunks/{chunk.BQZKOIAW.js.map → chunk.W4CL56G7.js.map} +2 -2
- package/dist/esm/chunks/{chunk.BEFAXPXJ.js → chunk.WNX3GGYT.js} +2 -2
- package/dist/esm/chunks/chunk.X4NHJE7S.js +7 -0
- package/dist/esm/chunks/chunk.X4NHJE7S.js.map +7 -0
- package/dist/esm/chunks/{chunk.I7YON2TC.js → chunk.X5MI5OFS.js} +2 -2
- package/dist/esm/chunks/{chunk.QKTK5XUE.js → chunk.XHRBFPZ2.js} +2 -2
- package/dist/esm/chunks/{chunk.ASLHRT3N.js → chunk.XT6RPXTM.js} +2 -2
- package/dist/esm/chunks/{chunk.VGIRVTBJ.js → chunk.XWVFJVBN.js} +2 -2
- package/dist/esm/chunks/{chunk.YNCTSMT6.js → chunk.YXFGOJ5Z.js} +2 -2
- package/dist/esm/chunks/chunk.YZ26YDCO.js +7 -0
- package/dist/esm/chunks/{chunk.A7BCLPP4.js.map → chunk.YZ26YDCO.js.map} +2 -2
- package/dist/esm/chunks/chunk.Z6G2RUC2.js +7 -0
- package/dist/esm/chunks/chunk.Z6G2RUC2.js.map +7 -0
- package/dist/esm/chunks/{chunk.K6GJNDTY.js → chunk.Z7IUKJHZ.js} +2 -2
- package/dist/esm/chunks/{chunk.K6GJNDTY.js.map → chunk.Z7IUKJHZ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.GG7IQL46.js → chunk.ZPH3TMNA.js} +2 -2
- package/dist/esm/chunks/chunk.ZSHPKAXP.js +7 -0
- package/dist/esm/chunks/chunk.ZSHPKAXP.js.map +7 -0
- package/dist/esm/chunks/{chunk.CEGBMUSR.js → chunk.ZWELGTD7.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/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/deprecated/button/index.js +1 -1
- package/dist/esm/deprecated/icon-button/index.js +7 -0
- package/dist/esm/deprecated/index.js +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/divider/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/field/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/focus-indicator/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/overlay/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popover/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-button/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge-tokens.css +6 -0
- package/dist/forge.css +1 -1
- package/dist/table/forge-table.css +1 -1
- package/dist/theme/forge-theme.css +1 -1
- package/dist/typography/forge-typography.css +1 -1
- package/esm/app-bar/search/app-bar-search.d.ts +3 -3
- package/esm/app-bar/search/app-bar-search.js +3 -3
- package/esm/avatar/avatar-constants.d.ts +0 -1
- package/esm/avatar/avatar-constants.js +0 -2
- package/esm/bottom-sheet/bottom-sheet-adapter.d.ts +26 -42
- package/esm/bottom-sheet/bottom-sheet-adapter.js +46 -85
- package/esm/bottom-sheet/bottom-sheet-constants.d.ts +16 -13
- package/esm/bottom-sheet/bottom-sheet-constants.js +24 -27
- package/esm/bottom-sheet/bottom-sheet-foundation.d.ts +17 -43
- package/esm/bottom-sheet/bottom-sheet-foundation.js +106 -213
- package/esm/bottom-sheet/bottom-sheet.d.ts +42 -29
- package/esm/bottom-sheet/bottom-sheet.js +52 -41
- package/esm/calendar/calendar-constants.d.ts +0 -1
- package/esm/calendar/calendar-constants.js +0 -1
- package/esm/calendar/calendar-dom-utils.js +10 -4
- package/esm/calendar/calendar-menu/calendar-menu-adapter.js +9 -2
- package/esm/calendar/calendar-menu/calendar-menu-constants.d.ts +0 -1
- package/esm/calendar/calendar-menu/calendar-menu-constants.js +0 -1
- package/esm/calendar/calendar-menu/calendar-menu-utils.js +10 -0
- package/esm/calendar/calendar-menu/calendar-menu.js +8 -2
- package/esm/calendar/calendar.js +6 -2
- package/esm/checkbox/checkbox-foundation.js +9 -9
- package/esm/color-picker/color-picker.js +1 -1
- package/esm/deprecated/icon-button/deprecated-icon-button-component-delegate.d.ts +38 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-component-delegate.js +93 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-constants.d.ts +28 -0
- package/esm/deprecated/icon-button/deprecated-icon-button-constants.js +28 -0
- package/esm/deprecated/icon-button/deprecated-icon-button.d.ts +62 -0
- package/esm/deprecated/icon-button/deprecated-icon-button.js +208 -0
- package/esm/deprecated/icon-button/index.d.ts +12 -0
- package/esm/deprecated/icon-button/index.js +16 -0
- package/esm/dialog/dialog.js +1 -1
- package/esm/drawer/drawer/drawer.js +1 -1
- package/esm/drawer/mini-drawer/mini-drawer.js +1 -1
- package/esm/drawer/modal-drawer/modal-drawer.js +1 -1
- package/esm/field/field.js +1 -1
- package/esm/index.d.ts +1 -3
- package/esm/index.js +4 -8
- package/esm/list/list/list.js +1 -1
- package/esm/list/list-item/list-item-adapter.js +4 -0
- package/esm/list/list-item/list-item.d.ts +6 -4
- package/esm/list/list-item/list-item.js +7 -5
- package/esm/open-icon/index.d.ts +0 -2
- package/esm/open-icon/index.js +0 -2
- package/esm/open-icon/open-icon-constants.d.ts +10 -6
- package/esm/open-icon/open-icon-constants.js +9 -11
- package/esm/open-icon/open-icon.d.ts +37 -12
- package/esm/open-icon/open-icon.js +67 -22
- package/esm/paginator/paginator-adapter.d.ts +19 -52
- package/esm/paginator/paginator-adapter.js +25 -106
- package/esm/paginator/paginator-constants.d.ts +22 -35
- package/esm/paginator/paginator-constants.js +17 -40
- package/esm/paginator/paginator-foundation.d.ts +10 -12
- package/esm/paginator/paginator-foundation.js +39 -51
- package/esm/paginator/paginator.d.ts +4 -7
- package/esm/paginator/paginator.js +24 -45
- package/esm/popover/popover.js +1 -1
- package/esm/profile-card/profile-card.js +1 -1
- package/esm/radio/radio/radio-foundation.js +2 -2
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/step/step.js +1 -1
- package/esm/switch/switch-foundation.js +6 -6
- package/esm/table/table-constants.d.ts +1 -0
- package/esm/table/table-constants.js +4 -3
- package/esm/table/table-foundation.js +2 -2
- package/esm/table/table-utils.js +31 -14
- package/esm/tooltip/tooltip.js +1 -1
- package/esm/utils/color-utils.d.ts +0 -4
- package/esm/utils/color-utils.js +0 -19
- package/esm/view-switcher/view-switcher.js +1 -1
- package/package.json +1 -12
- package/styles/bottom-sheet/_core.scss +19 -0
- package/styles/bottom-sheet/_token-utils.scss +30 -0
- package/styles/bottom-sheet/bottom-sheet.scss +59 -3
- package/styles/{color-picker/_variables.scss → bottom-sheet/index.scss} +1 -1
- package/styles/calendar/_mixins.scss +33 -56
- package/styles/calendar/_variables.scss +39 -39
- package/styles/calendar/calendar-menu/_mixins.scss +25 -84
- package/styles/color-picker/_mixins.scss +15 -21
- package/styles/color-picker/color-picker.scss +0 -1
- package/styles/core/styles/animation/index.scss +22 -0
- package/styles/core/styles/border/index.scss +10 -1
- package/styles/core/styles/elevation/index.scss +19 -26
- package/styles/core/styles/shape/index.scss +9 -0
- package/styles/core/styles/spacing/index.scss +9 -0
- package/styles/core/styles/theme/index.scss +2 -13
- package/styles/core/styles/tokens/bottom-sheet/_tokens.scss +21 -0
- package/styles/core/styles/tokens/elevation/_tokens.scss +35 -84
- package/styles/core/styles/tokens/list/list/_tokens.scss +14 -1
- package/styles/core/styles/tokens/list/list-item/_tokens.scss +6 -6
- package/styles/core/styles/tokens/open-icon/_tokens.scss +25 -0
- package/styles/core/styles/tokens/popover/_tokens.scss +1 -1
- package/styles/core/styles/tokens/theme/_tokens.core.scss +60 -30
- package/styles/core/styles/tokens/theme/_tokens.scss +1 -48
- package/styles/core/styles/tokens/theme/_tokens.status.scss +78 -32
- package/styles/core/styles/tokens/theme/_tokens.surface.scss +33 -51
- package/styles/core/styles/tokens/theme/_tokens.text.scss +20 -26
- package/styles/core/styles/tokens/theme/_tokens.utilities.scss +13 -23
- package/styles/core/styles/tokens/tooltip/_tokens.scss +1 -1
- package/styles/deprecated/icon-button/deprecated-icon-button.scss +114 -0
- package/styles/dialog/_core.scss +3 -1
- package/styles/dialog/dialog.scss +1 -1
- package/styles/drawer/base/_mixins.scss +11 -10
- package/styles/drawer/base/_variables.scss +6 -5
- package/styles/drawer/drawer/_variables.scss +6 -5
- package/styles/drawer/mini-drawer/_mixins.scss +11 -14
- package/styles/drawer/modal-drawer/_mixins.scss +4 -9
- package/styles/field/_core.variant.scss +0 -1
- package/styles/forge-tokens.scss +40 -0
- package/styles/forge.scss +1 -10
- package/styles/linear-progress/_core.scss +0 -1
- package/styles/list/list/list.scss +23 -7
- package/styles/list/list-item/_core.scss +10 -10
- package/styles/list/list-item/list-item.scss +4 -4
- package/styles/open-icon/_core.scss +26 -0
- package/styles/open-icon/_token-utils.scss +30 -0
- package/styles/{paginator/_variables.scss → open-icon/index.scss} +1 -1
- package/styles/open-icon/open-icon.scss +75 -3
- package/styles/paginator/_core.scss +42 -0
- package/styles/{typography/_index.scss → paginator/index.scss} +1 -2
- package/styles/paginator/paginator.scss +49 -5
- package/styles/profile-card/profile-card.scss +0 -1
- package/styles/split-view/split-view/_mixins.scss +0 -2
- package/styles/split-view/split-view-panel/_mixins.scss +12 -16
- package/styles/split-view/split-view-panel/_variables.scss +0 -1
- package/styles/table/_core.scss +333 -0
- package/styles/table/_variables.scss +22 -37
- package/styles/table/forge-table.scss +217 -3
- package/styles/{theme/_index.scss → table/index.scss} +1 -2
- package/styles/theme/_theme-dark.scss +0 -5
- package/styles/theme/forge-theme.scss +0 -7
- package/styles/typography/forge-typography.scss +0 -3
- package/styles/view-switcher/_mixins.scss +8 -8
- package/dist/busy-indicator/forge-busy-indicator.css +0 -6
- package/dist/esm/busy-indicator/index.js +0 -7
- package/dist/esm/chunks/chunk.3CTKWBV2.js +0 -7
- package/dist/esm/chunks/chunk.3CTKWBV2.js.map +0 -7
- package/dist/esm/chunks/chunk.3II7OT2I.js +0 -7
- package/dist/esm/chunks/chunk.6VS3LYAF.js +0 -7
- package/dist/esm/chunks/chunk.6VS3LYAF.js.map +0 -7
- package/dist/esm/chunks/chunk.7RLY2O3H.js +0 -7
- package/dist/esm/chunks/chunk.7RLY2O3H.js.map +0 -7
- package/dist/esm/chunks/chunk.A7BCLPP4.js +0 -7
- package/dist/esm/chunks/chunk.AFWWND2C.js +0 -7
- package/dist/esm/chunks/chunk.AFWWND2C.js.map +0 -7
- package/dist/esm/chunks/chunk.AIJK3CTV.js +0 -12
- package/dist/esm/chunks/chunk.AIJK3CTV.js.map +0 -7
- package/dist/esm/chunks/chunk.BQZKOIAW.js +0 -7
- package/dist/esm/chunks/chunk.BV7EAQST.js +0 -7
- package/dist/esm/chunks/chunk.BV7EAQST.js.map +0 -7
- package/dist/esm/chunks/chunk.CGFSMACZ.js +0 -7
- package/dist/esm/chunks/chunk.CGFSMACZ.js.map +0 -7
- package/dist/esm/chunks/chunk.GBAVJILM.js +0 -7
- package/dist/esm/chunks/chunk.GRYO5XP2.js +0 -7
- package/dist/esm/chunks/chunk.GRYO5XP2.js.map +0 -7
- package/dist/esm/chunks/chunk.HD2SLIL2.js +0 -7
- package/dist/esm/chunks/chunk.HD2SLIL2.js.map +0 -7
- package/dist/esm/chunks/chunk.HG4IDRAC.js +0 -7
- package/dist/esm/chunks/chunk.HG4IDRAC.js.map +0 -7
- package/dist/esm/chunks/chunk.KCCW4AMU.js +0 -7
- package/dist/esm/chunks/chunk.KCCW4AMU.js.map +0 -7
- package/dist/esm/chunks/chunk.KLU54MDQ.js +0 -7
- package/dist/esm/chunks/chunk.MFS7AVW6.js +0 -7
- package/dist/esm/chunks/chunk.MFS7AVW6.js.map +0 -7
- package/dist/esm/chunks/chunk.O5WAQQNR.js +0 -7
- package/dist/esm/chunks/chunk.O5WAQQNR.js.map +0 -7
- package/dist/esm/chunks/chunk.OJ7JO4O6.js +0 -7
- package/dist/esm/chunks/chunk.OQHDHS2C.js +0 -7
- package/dist/esm/chunks/chunk.OQHDHS2C.js.map +0 -7
- package/dist/esm/chunks/chunk.OREDK5MJ.js +0 -7
- package/dist/esm/chunks/chunk.OREDK5MJ.js.map +0 -7
- package/dist/esm/chunks/chunk.QVATEY5S.js +0 -7
- package/dist/esm/chunks/chunk.QVATEY5S.js.map +0 -7
- package/dist/esm/chunks/chunk.RKIJTSSL.js +0 -7
- package/dist/esm/chunks/chunk.RKIJTSSL.js.map +0 -7
- package/dist/esm/chunks/chunk.RLQB7224.js +0 -7
- package/dist/esm/chunks/chunk.RSYEG2RW.js +0 -7
- package/dist/esm/chunks/chunk.RSYEG2RW.js.map +0 -7
- package/dist/esm/chunks/chunk.SZOZIJZI.js +0 -7
- package/dist/esm/chunks/chunk.SZOZIJZI.js.map +0 -7
- package/dist/esm/chunks/chunk.UPSXYWPD.js +0 -7
- package/dist/esm/chunks/chunk.V6KUOCAR.js +0 -7
- package/dist/esm/chunks/chunk.V6KUOCAR.js.map +0 -7
- package/dist/esm/chunks/chunk.X77NKT6Z.js +0 -7
- package/dist/esm/chunks/chunk.X77NKT6Z.js.map +0 -7
- package/dist/esm/chunks/chunk.YRAEFQJW.js +0 -7
- package/dist/esm/chunks/chunk.YRAEFQJW.js.map +0 -7
- package/dist/esm/quantity-field/index.js +0 -7
- package/dist/esm/quantity-field/index.js.map +0 -7
- package/dist/esm/theme/index.js +0 -7
- package/dist/esm/theme/index.js.map +0 -7
- package/dist/quantity-field/forge-quantity-field.css +0 -6
- package/dist/typography/forge-typography-legacy.css +0 -6
- package/dist/utils/forge-utils.css +0 -6
- package/esm/busy-indicator/busy-indicator-adapter.d.ts +0 -155
- package/esm/busy-indicator/busy-indicator-adapter.js +0 -203
- package/esm/busy-indicator/busy-indicator-constants.d.ts +0 -49
- package/esm/busy-indicator/busy-indicator-constants.js +0 -58
- package/esm/busy-indicator/busy-indicator-foundation.d.ts +0 -97
- package/esm/busy-indicator/busy-indicator-foundation.js +0 -268
- package/esm/busy-indicator/busy-indicator.d.ts +0 -77
- package/esm/busy-indicator/busy-indicator.js +0 -115
- package/esm/busy-indicator/index.d.ts +0 -10
- package/esm/busy-indicator/index.js +0 -14
- package/esm/open-icon/open-icon-adapter.d.ts +0 -18
- package/esm/open-icon/open-icon-adapter.js +0 -27
- package/esm/open-icon/open-icon-foundation.d.ts +0 -22
- package/esm/open-icon/open-icon-foundation.js +0 -35
- package/esm/quantity-field/index.d.ts +0 -11
- package/esm/quantity-field/index.js +0 -15
- package/esm/quantity-field/quantity-field-adapter.d.ts +0 -77
- package/esm/quantity-field/quantity-field-adapter.js +0 -221
- package/esm/quantity-field/quantity-field-component-delegate.d.ts +0 -44
- package/esm/quantity-field/quantity-field-component-delegate.js +0 -129
- package/esm/quantity-field/quantity-field-constants.d.ts +0 -35
- package/esm/quantity-field/quantity-field-constants.js +0 -41
- package/esm/quantity-field/quantity-field-foundation.d.ts +0 -36
- package/esm/quantity-field/quantity-field-foundation.js +0 -100
- package/esm/quantity-field/quantity-field.d.ts +0 -34
- package/esm/quantity-field/quantity-field.js +0 -100
- package/esm/theme/color-constants.d.ts +0 -313
- package/esm/theme/color-constants.js +0 -363
- package/esm/theme/index.d.ts +0 -7
- package/esm/theme/index.js +0 -7
- package/esm/theme/theme-utils.d.ts +0 -9
- package/esm/theme/theme-utils.js +0 -68
- package/styles/bottom-sheet/_mixins.scss +0 -93
- package/styles/bottom-sheet/_variables.scss +0 -7
- package/styles/busy-indicator/_mixins.scss +0 -185
- package/styles/busy-indicator/_variables.scss +0 -9
- package/styles/busy-indicator/busy-indicator.scss +0 -22
- package/styles/busy-indicator/forge-busy-indicator.scss +0 -8
- package/styles/open-icon/_mixins.scss +0 -39
- package/styles/open-icon/_variables.scss +0 -8
- package/styles/paginator/_mixins.scss +0 -136
- package/styles/quantity-field/_mixins.scss +0 -116
- package/styles/quantity-field/forge-quantity-field.scss +0 -18
- package/styles/quantity-field/quantity-field.scss +0 -16
- package/styles/table/_mixins.scss +0 -547
- package/styles/theme/_custom-properties.scss +0 -311
- package/styles/theme/_keys.scss +0 -477
- package/styles/theme/_theme-utils.scss +0 -23
- package/styles/theme/_theme-values.scss +0 -246
- package/styles/theme/_theme.scss +0 -279
- package/styles/typography/_mixins.scss +0 -73
- package/styles/typography/_variables.scss +0 -100
- package/styles/typography/forge-typography-legacy.scss +0 -8
- package/styles/utils/forge-utils.scss +0 -45
- /package/dist/esm/chunks/{chunk.AOVXNX7P.js.map → chunk.24L6GVJK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WMJSYYXQ.js.map → chunk.27YQZWEJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AG6IRMLZ.js.map → chunk.2CP5CIRB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H4VQXV2H.js.map → chunk.3CXCYRCE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MTIPIEXA.js.map → chunk.3LNZRQAL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BQ52JYLA.js.map → chunk.3LUG3LPU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IL4S57WO.js.map → chunk.3ODT27TD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XZ23XHFE.js.map → chunk.45N7ZZVL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YWJVZVZX.js.map → chunk.4GFUXXXH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZA7JY3AY.js.map → chunk.5DDR6QSF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3KAKJGUS.js.map → chunk.5NEWFXFX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VRSPT7WX.js.map → chunk.5OT53ZJM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VL5RWSAV.js.map → chunk.6DWRGYKV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IEABOPNB.js.map → chunk.6T7KPDCD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SROEDYPL.js.map → chunk.7JO5MB55.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CLYGTLXN.js.map → chunk.7TE74NJZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AGLI4WR4.js.map → chunk.AJLS5C7O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TSSZQPLE.js.map → chunk.BURDWL57.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BHE6Z5Y2.js.map → chunk.CQ4XBOX5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NEQX2QVX.js.map → chunk.DJQXJO3T.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VJZ7VDG5.js.map → chunk.DPJJB67L.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OOAJHLW4.js.map → chunk.EZIABLIR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZG6YF2HI.js.map → chunk.F53DSRUO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7AAICE77.js.map → chunk.FIO22U2C.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U6J4VHU6.js.map → chunk.FKMTIOBA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.W4HANHUO.js.map → chunk.FMGBPF7B.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5MB6CTBA.js.map → chunk.FVFPDWA4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ENUKGA2U.js.map → chunk.FYPIHFXD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CE35CVDV.js.map → chunk.GQ33JZVE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2W23MOPP.js.map → chunk.GUBLRHCG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.37B332ZK.js.map → chunk.HSNVTV7K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PC6TW5XE.js.map → chunk.HXNNWUI3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.77C7S7ZS.js.map → chunk.IOGCI64X.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5UOX22ML.js.map → chunk.KKVQNKMV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YPNSK2CK.js.map → chunk.KW5A2U5U.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KO6ODCZC.js.map → chunk.LIJE4T3D.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KEOLH7G3.js.map → chunk.LQN5U4QH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5QIWLZG3.js.map → chunk.LSUIJDFO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QCPV5DEG.js.map → chunk.N65CAIE5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UKBE2FMZ.js.map → chunk.NNLZKMFX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EO3GP6DP.js.map → chunk.ON6FFHRE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OVXEOEJF.js.map → chunk.ONFZ3H7M.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.32APLNN2.js.map → chunk.OVVBXM6K.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DKERDHXH.js.map → chunk.P74RZEWP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QLGJS37N.js.map → chunk.PBORL6KX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JGURMVW7.js.map → chunk.PGMOAILY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OEI35LFU.js.map → chunk.PKCMTSWR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QUXMLWBJ.js.map → chunk.Q3Z6VZUD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TQWZDM6T.js.map → chunk.QBHJFCLL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WXVVOFNK.js.map → chunk.QDG6TP2Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H5RW3A4M.js.map → chunk.QH27OIAK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.473WRJ5G.js.map → chunk.QKCPE4LW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FLF5RTYO.js.map → chunk.R2CJMM2F.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IQYOLMPG.js.map → chunk.RGDLRUSM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QIZBZGYT.js.map → chunk.RKPWFEFJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RXBLU4OJ.js.map → chunk.S5EU72NR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.T7NWP7DB.js.map → chunk.SW6JDC2Y.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7IPAW4D2.js.map → chunk.TAQRHBGS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MFQRXVKO.js.map → chunk.TEZFEC5B.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MX4JX4GT.js.map → chunk.THIUQ2AU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LY2Z2Z7S.js.map → chunk.TQMT7BIZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GIENHEMN.js.map → chunk.TR45SGWL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CFAI4K3E.js.map → chunk.UBVWYWO7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NWVQ5HK2.js.map → chunk.UHPODZWA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3PMONORO.js.map → chunk.V4R7FCZ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BEFAXPXJ.js.map → chunk.WNX3GGYT.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.I7YON2TC.js.map → chunk.X5MI5OFS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QKTK5XUE.js.map → chunk.XHRBFPZ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ASLHRT3N.js.map → chunk.XT6RPXTM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VGIRVTBJ.js.map → chunk.XWVFJVBN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YNCTSMT6.js.map → chunk.YXFGOJ5Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GG7IQL46.js.map → chunk.ZPH3TMNA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CEGBMUSR.js.map → chunk.ZWELGTD7.js.map} +0 -0
- /package/dist/esm/{busy-indicator → deprecated/icon-button}/index.js.map +0 -0
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { isDefined } from '@tylertech/forge-core';
|
|
7
|
-
import { BUSY_INDICATOR_CONSTANTS } from './busy-indicator-constants';
|
|
8
|
-
/**
|
|
9
|
-
* Provides facilities and helper methods for creating a busy indicator component.
|
|
10
|
-
*/
|
|
11
|
-
export class BusyIndicatorFoundation {
|
|
12
|
-
constructor(_adapter) {
|
|
13
|
-
this._adapter = _adapter;
|
|
14
|
-
this._canCancel = false;
|
|
15
|
-
this._showSpinner = true;
|
|
16
|
-
this._showProgressBar = false;
|
|
17
|
-
this._progressBarDeterminate = false;
|
|
18
|
-
this._progress = 0;
|
|
19
|
-
this._buffer = 0;
|
|
20
|
-
this._cancelListenerAttached = false;
|
|
21
|
-
this._direction = 'row';
|
|
22
|
-
this._manageFocus = true;
|
|
23
|
-
this._fixed = true;
|
|
24
|
-
}
|
|
25
|
-
destroy() {
|
|
26
|
-
this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);
|
|
27
|
-
}
|
|
28
|
-
show() {
|
|
29
|
-
this._applyDirection();
|
|
30
|
-
this._adapter.setParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN, 'true');
|
|
31
|
-
this._adapter.setHostAttribute('tabindex', '0');
|
|
32
|
-
this._adapter.setSurfaceOpacity(0);
|
|
33
|
-
this._adapter.setFixed(this._fixed);
|
|
34
|
-
if (!this._titleText) {
|
|
35
|
-
this._adapter.setTitleVisibility(false);
|
|
36
|
-
}
|
|
37
|
-
if (this._message) {
|
|
38
|
-
this._adapter.setMessage(this._message);
|
|
39
|
-
}
|
|
40
|
-
this._adapter.setMessageVisibility(!!this._message);
|
|
41
|
-
if (!this._canCancel) {
|
|
42
|
-
this._adapter.setCancelButtonVisibility(false);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
this._attachCancelClickListener();
|
|
46
|
-
}
|
|
47
|
-
if (!this._showSpinner) {
|
|
48
|
-
this._adapter.setSpinnerVisibility(false);
|
|
49
|
-
}
|
|
50
|
-
if (!this._showProgressBar) {
|
|
51
|
-
this._adapter.setProgressBarVisibility(false);
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
this._adapter.setProgressBarDeterminate(this._progressBarDeterminate);
|
|
55
|
-
this._adapter.setProgressBarProgress(this._progress);
|
|
56
|
-
this._adapter.setProgressBarBuffer(this._buffer);
|
|
57
|
-
}
|
|
58
|
-
if (this._width) {
|
|
59
|
-
this._adapter.setSurfaceWidth(typeof this._width === 'number' ? `${this._width}px` : this._width);
|
|
60
|
-
}
|
|
61
|
-
if ((!this._message || this._message.length === 0) && this._showSpinner && (!this.titleText || this._titleText.length === 0) && !this._canCancel) {
|
|
62
|
-
this._adapter.setContainerInvisible();
|
|
63
|
-
}
|
|
64
|
-
this.fadeIn();
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Removes the element from the DOM.
|
|
68
|
-
* @param {boolean} [force=false] Whether to force removal of the busy indicator or not.
|
|
69
|
-
*/
|
|
70
|
-
hide(force = false) {
|
|
71
|
-
if (force) {
|
|
72
|
-
if (this._manageFocus) {
|
|
73
|
-
this._releaseFocus();
|
|
74
|
-
}
|
|
75
|
-
this._adapter.remove();
|
|
76
|
-
this._adapter.removeParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN);
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
this.fadeOut();
|
|
80
|
-
this._adapter.hideBackdrop();
|
|
81
|
-
setTimeout(() => {
|
|
82
|
-
if (this._manageFocus) {
|
|
83
|
-
this._releaseFocus();
|
|
84
|
-
}
|
|
85
|
-
this._adapter.remove();
|
|
86
|
-
this._adapter.removeParentAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PARENT_OPEN);
|
|
87
|
-
}, BUSY_INDICATOR_CONSTANTS.numbers.TRANSITION_LENGTH);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
/** Sets the elements opacity to 0 which triggers the CSS transition to fade out. */
|
|
91
|
-
fadeOut() {
|
|
92
|
-
this._adapter.setSurfaceOpacity(0);
|
|
93
|
-
}
|
|
94
|
-
/** Sets the elements opacity to 1 which triggers the CSS transition to fade in after the current delay value. */
|
|
95
|
-
fadeIn() {
|
|
96
|
-
this._adapter.showBackdrop();
|
|
97
|
-
this._adapter.setSurfaceOpacity(1);
|
|
98
|
-
if (this._manageFocus) {
|
|
99
|
-
this._captureFocus();
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
/** Attaches the click listener to the cancel button. */
|
|
103
|
-
_attachCancelClickListener() {
|
|
104
|
-
if (!this._cancelListenerAttached) {
|
|
105
|
-
this._adapter.addCancelButtonEventListener('click', this._onCancelClick.bind(this));
|
|
106
|
-
this._cancelListenerAttached = true;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
/** Handles clicks on the cancel button. */
|
|
110
|
-
_onCancelClick() {
|
|
111
|
-
this._adapter.setCancelButtonAttribute('disabled', 'disabled');
|
|
112
|
-
this._adapter.setCancelButtonText(BUSY_INDICATOR_CONSTANTS.strings.CANCELLING);
|
|
113
|
-
this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);
|
|
114
|
-
this._adapter.emitHostEvent(BUSY_INDICATOR_CONSTANTS.events.CANCEL);
|
|
115
|
-
}
|
|
116
|
-
/** Cache currently focused element, set focus to the busy indicator. */
|
|
117
|
-
_captureFocus() {
|
|
118
|
-
this._previouslyFocusedElement = this._adapter.getFocusedElement();
|
|
119
|
-
this._adapter.captureFocus();
|
|
120
|
-
}
|
|
121
|
-
/** Gives focus back to the element that had it when the busy indicator was displayed. */
|
|
122
|
-
_releaseFocus() {
|
|
123
|
-
if (this._previouslyFocusedElement && this._adapter.hasFocus()) {
|
|
124
|
-
this._previouslyFocusedElement.focus();
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
/** The title to be displayed. */
|
|
128
|
-
set titleText(value) {
|
|
129
|
-
if (this._titleText !== value) {
|
|
130
|
-
this._titleText = value;
|
|
131
|
-
this._adapter.setTitle(this._titleText);
|
|
132
|
-
this._adapter.setTitleVisibility(!!this._titleText);
|
|
133
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT, this._titleText);
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
get titleText() {
|
|
137
|
-
return this._titleText;
|
|
138
|
-
}
|
|
139
|
-
/** The message to be displayed. */
|
|
140
|
-
set message(value) {
|
|
141
|
-
if (this._message !== value) {
|
|
142
|
-
this._message = value;
|
|
143
|
-
this._adapter.setMessage(this._message);
|
|
144
|
-
this._adapter.setMessageVisibility(!!this._message);
|
|
145
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE, this._message);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
get message() {
|
|
149
|
-
return this._message;
|
|
150
|
-
}
|
|
151
|
-
/** Controls whether the cancel button is visible or not. */
|
|
152
|
-
set cancel(canCancel) {
|
|
153
|
-
if (this._canCancel !== canCancel) {
|
|
154
|
-
this._canCancel = canCancel;
|
|
155
|
-
this._adapter.setCancelButtonVisibility(!!this._canCancel);
|
|
156
|
-
if (this._canCancel) {
|
|
157
|
-
this._attachCancelClickListener();
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
this._adapter.removeCancelButtonEventListener('click', this._onCancelClick);
|
|
161
|
-
}
|
|
162
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.CANCEL, this._canCancel.toString());
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
get cancel() {
|
|
166
|
-
return this._canCancel;
|
|
167
|
-
}
|
|
168
|
-
/** Controls whether the progress spinner is visible or not. */
|
|
169
|
-
set spinner(showSpinner) {
|
|
170
|
-
if (this._showSpinner !== showSpinner) {
|
|
171
|
-
this._showSpinner = showSpinner;
|
|
172
|
-
this._adapter.setSpinnerVisibility(!!this._showSpinner);
|
|
173
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.SPINNER, '' + this._showSpinner);
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
get spinner() {
|
|
177
|
-
return this._showSpinner;
|
|
178
|
-
}
|
|
179
|
-
/** Controls whether the progres bar is visible or not. */
|
|
180
|
-
set progressBar(showProgressBar) {
|
|
181
|
-
if (this._showProgressBar !== showProgressBar) {
|
|
182
|
-
this._showProgressBar = showProgressBar;
|
|
183
|
-
this._adapter.setProgressBarVisibility(!!this._showProgressBar);
|
|
184
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.PROGRESS_BAR, this._showProgressBar.toString());
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
get progressBar() {
|
|
188
|
-
return this._showProgressBar;
|
|
189
|
-
}
|
|
190
|
-
/** Sets the progress bar mode. */
|
|
191
|
-
set progressBarDeterminate(determinate) {
|
|
192
|
-
if (this._progressBarDeterminate !== determinate) {
|
|
193
|
-
this._progressBarDeterminate = determinate;
|
|
194
|
-
this._adapter.setProgressBarDeterminate(determinate);
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
get progressBarDeterminate() {
|
|
198
|
-
return this._progressBarDeterminate;
|
|
199
|
-
}
|
|
200
|
-
/** The progress amount of the progress bar. */
|
|
201
|
-
set progress(value) {
|
|
202
|
-
if (this._progress !== value && this._progressBarDeterminate) {
|
|
203
|
-
this._progress = value;
|
|
204
|
-
this._adapter.setProgressBarProgress(value);
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
get progress() {
|
|
208
|
-
return this._progress;
|
|
209
|
-
}
|
|
210
|
-
/** The buffer amount of the progress bar. */
|
|
211
|
-
set buffer(value) {
|
|
212
|
-
if (this._buffer !== value && this._progressBarDeterminate) {
|
|
213
|
-
this._buffer = value;
|
|
214
|
-
this._adapter.setProgressBarBuffer(value);
|
|
215
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.BUFFER, isDefined(this._buffer) ? this._buffer.toString() : '0');
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
get buffer() {
|
|
219
|
-
return this._buffer;
|
|
220
|
-
}
|
|
221
|
-
get direction() {
|
|
222
|
-
return this._direction;
|
|
223
|
-
}
|
|
224
|
-
set direction(value) {
|
|
225
|
-
if (value !== this._direction) {
|
|
226
|
-
this._direction = value;
|
|
227
|
-
this._applyDirection();
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
_applyDirection() {
|
|
231
|
-
if (this._direction) {
|
|
232
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.DIRECTION, String(this._direction));
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
/** Sets the width of the busy indicator element. */
|
|
236
|
-
set width(value) {
|
|
237
|
-
if (this._width !== value) {
|
|
238
|
-
if (typeof value === 'number' && value < 0) {
|
|
239
|
-
value = 'auto';
|
|
240
|
-
}
|
|
241
|
-
this._width = value;
|
|
242
|
-
this._adapter.setSurfaceWidth(typeof this._width === 'number' ? `${this._width}px` : this._width);
|
|
243
|
-
this._adapter.setHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.WIDTH, this._width.toString());
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
get width() {
|
|
247
|
-
return this._width;
|
|
248
|
-
}
|
|
249
|
-
get manageFocus() {
|
|
250
|
-
return this._manageFocus;
|
|
251
|
-
}
|
|
252
|
-
set manageFocus(value) {
|
|
253
|
-
if (this._manageFocus !== value) {
|
|
254
|
-
this._manageFocus = value;
|
|
255
|
-
this._adapter.toggleHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS, this._manageFocus);
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
get fixed() {
|
|
259
|
-
return this._fixed;
|
|
260
|
-
}
|
|
261
|
-
set fixed(value) {
|
|
262
|
-
if (this._fixed !== value) {
|
|
263
|
-
this._fixed = value;
|
|
264
|
-
this._adapter.setFixed(this._fixed);
|
|
265
|
-
this._adapter.toggleHostAttribute(BUSY_INDICATOR_CONSTANTS.attributes.FIXED, this._fixed);
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseComponent, IBaseComponent } from '../core/base/base-component';
|
|
7
|
-
import { BusyIndicatorLayoutDirection } from './busy-indicator-constants';
|
|
8
|
-
export interface IBusyIndicatorComponent extends IBaseComponent {
|
|
9
|
-
titleText: string;
|
|
10
|
-
message: string;
|
|
11
|
-
cancel: boolean;
|
|
12
|
-
spinner: boolean;
|
|
13
|
-
progressBar: boolean;
|
|
14
|
-
progressBarDeterminate: boolean;
|
|
15
|
-
progress: number;
|
|
16
|
-
buffer: number;
|
|
17
|
-
width: number | 'auto';
|
|
18
|
-
direction: BusyIndicatorLayoutDirection;
|
|
19
|
-
manageFocus: boolean;
|
|
20
|
-
fixed: boolean;
|
|
21
|
-
hide(force?: boolean): void;
|
|
22
|
-
}
|
|
23
|
-
declare global {
|
|
24
|
-
interface HTMLElementTagNameMap {
|
|
25
|
-
'forge-busy-indicator': IBusyIndicatorComponent;
|
|
26
|
-
}
|
|
27
|
-
interface HTMLElementEventMap {
|
|
28
|
-
'forge-busy-indicator-cancel': CustomEvent<void>;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* A web component that renders a busy indicator covering its parent container.
|
|
33
|
-
*
|
|
34
|
-
* @tag forge-busy-indicator
|
|
35
|
-
*/
|
|
36
|
-
export declare class BusyIndicatorComponent extends BaseComponent implements IBusyIndicatorComponent {
|
|
37
|
-
static get observedAttributes(): string[];
|
|
38
|
-
private _foundation;
|
|
39
|
-
constructor();
|
|
40
|
-
initializedCallback(): void;
|
|
41
|
-
disconnectedCallback(): void;
|
|
42
|
-
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
43
|
-
/** The title to be displayed. */
|
|
44
|
-
titleText: string;
|
|
45
|
-
/** The message to be displayed. */
|
|
46
|
-
message: string;
|
|
47
|
-
/** Controls whether the cancel button is visible or not. */
|
|
48
|
-
cancel: boolean;
|
|
49
|
-
/** Controls whether the progress spinner is visible or not. */
|
|
50
|
-
spinner: boolean;
|
|
51
|
-
/** Controls whether the progres bar is visible or not. */
|
|
52
|
-
progressBar: boolean;
|
|
53
|
-
/** Sets the progress bar determinate state. */
|
|
54
|
-
progressBarDeterminate: boolean;
|
|
55
|
-
/** The progress amount of the progress bar. */
|
|
56
|
-
progress: number;
|
|
57
|
-
/** The buffer amount of the progress bar. */
|
|
58
|
-
buffer: number;
|
|
59
|
-
/** Sets the width of the busy indicator element. */
|
|
60
|
-
width: number | 'auto';
|
|
61
|
-
/** The layout direction for alternative designs. */
|
|
62
|
-
direction: BusyIndicatorLayoutDirection;
|
|
63
|
-
/** Controls whether the component will manage capturing and relasing focus when opened/closed. */
|
|
64
|
-
manageFocus: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* Controls the `position` of the backdrop and surface element between `fixed` and `absolute` positioning. Default is `true`.
|
|
67
|
-
*
|
|
68
|
-
* Note: use this property when you want to render the busy indicator within a specific element where it doesn't fill the
|
|
69
|
-
* full viewport heigth/width to only cover the parent element bounds.
|
|
70
|
-
*/
|
|
71
|
-
fixed: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Removes the element from the DOM.
|
|
74
|
-
* @param {boolean} [force=false] Whether to force removal of the busy indicator or not.
|
|
75
|
-
*/
|
|
76
|
-
hide(force?: boolean): void;
|
|
77
|
-
}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import { attachShadowTemplate, CustomElement, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
|
|
8
|
-
import { BackdropComponent } from '../backdrop';
|
|
9
|
-
import { ButtonComponent } from '../button';
|
|
10
|
-
import { CircularProgressComponent } from '../circular-progress';
|
|
11
|
-
import { BaseComponent } from '../core/base/base-component';
|
|
12
|
-
import { LinearProgressComponent } from '../linear-progress';
|
|
13
|
-
import { BusyIndicatorAdapter } from './busy-indicator-adapter';
|
|
14
|
-
import { BUSY_INDICATOR_CONSTANTS } from './busy-indicator-constants';
|
|
15
|
-
import { BusyIndicatorFoundation } from './busy-indicator-foundation';
|
|
16
|
-
const 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__cancel-button\" part=\"cancel-button\">Cancel</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>';
|
|
17
|
-
const styles = ':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__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}';
|
|
18
|
-
/**
|
|
19
|
-
* A web component that renders a busy indicator covering its parent container.
|
|
20
|
-
*
|
|
21
|
-
* @tag forge-busy-indicator
|
|
22
|
-
*/
|
|
23
|
-
let BusyIndicatorComponent = class BusyIndicatorComponent extends BaseComponent {
|
|
24
|
-
static get observedAttributes() {
|
|
25
|
-
return [
|
|
26
|
-
BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT,
|
|
27
|
-
BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE,
|
|
28
|
-
BUSY_INDICATOR_CONSTANTS.attributes.CANCEL,
|
|
29
|
-
BUSY_INDICATOR_CONSTANTS.attributes.MINIMUM_VISIBLE_LIFETIME,
|
|
30
|
-
BUSY_INDICATOR_CONSTANTS.attributes.DIRECTION,
|
|
31
|
-
BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS,
|
|
32
|
-
BUSY_INDICATOR_CONSTANTS.attributes.FIXED
|
|
33
|
-
];
|
|
34
|
-
}
|
|
35
|
-
constructor() {
|
|
36
|
-
super();
|
|
37
|
-
attachShadowTemplate(this, template, styles);
|
|
38
|
-
this._foundation = new BusyIndicatorFoundation(new BusyIndicatorAdapter(this));
|
|
39
|
-
}
|
|
40
|
-
initializedCallback() {
|
|
41
|
-
this._foundation.show();
|
|
42
|
-
}
|
|
43
|
-
disconnectedCallback() {
|
|
44
|
-
this._foundation.destroy();
|
|
45
|
-
}
|
|
46
|
-
attributeChangedCallback(name, oldValue, newValue) {
|
|
47
|
-
switch (name) {
|
|
48
|
-
case BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT:
|
|
49
|
-
this.titleText = newValue;
|
|
50
|
-
break;
|
|
51
|
-
case BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE:
|
|
52
|
-
this.message = newValue;
|
|
53
|
-
break;
|
|
54
|
-
case BUSY_INDICATOR_CONSTANTS.attributes.CANCEL:
|
|
55
|
-
this.cancel = newValue === 'true';
|
|
56
|
-
break;
|
|
57
|
-
case BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS:
|
|
58
|
-
this.manageFocus = coerceBoolean(newValue);
|
|
59
|
-
break;
|
|
60
|
-
case BUSY_INDICATOR_CONSTANTS.attributes.FIXED:
|
|
61
|
-
this.fixed = coerceBoolean(newValue);
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Removes the element from the DOM.
|
|
67
|
-
* @param {boolean} [force=false] Whether to force removal of the busy indicator or not.
|
|
68
|
-
*/
|
|
69
|
-
hide(force = true) {
|
|
70
|
-
this._foundation.hide(force);
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
__decorate([
|
|
74
|
-
FoundationProperty()
|
|
75
|
-
], BusyIndicatorComponent.prototype, "titleText", void 0);
|
|
76
|
-
__decorate([
|
|
77
|
-
FoundationProperty()
|
|
78
|
-
], BusyIndicatorComponent.prototype, "message", void 0);
|
|
79
|
-
__decorate([
|
|
80
|
-
FoundationProperty()
|
|
81
|
-
], BusyIndicatorComponent.prototype, "cancel", void 0);
|
|
82
|
-
__decorate([
|
|
83
|
-
FoundationProperty()
|
|
84
|
-
], BusyIndicatorComponent.prototype, "spinner", void 0);
|
|
85
|
-
__decorate([
|
|
86
|
-
FoundationProperty()
|
|
87
|
-
], BusyIndicatorComponent.prototype, "progressBar", void 0);
|
|
88
|
-
__decorate([
|
|
89
|
-
FoundationProperty()
|
|
90
|
-
], BusyIndicatorComponent.prototype, "progressBarDeterminate", void 0);
|
|
91
|
-
__decorate([
|
|
92
|
-
FoundationProperty()
|
|
93
|
-
], BusyIndicatorComponent.prototype, "progress", void 0);
|
|
94
|
-
__decorate([
|
|
95
|
-
FoundationProperty()
|
|
96
|
-
], BusyIndicatorComponent.prototype, "buffer", void 0);
|
|
97
|
-
__decorate([
|
|
98
|
-
FoundationProperty()
|
|
99
|
-
], BusyIndicatorComponent.prototype, "width", void 0);
|
|
100
|
-
__decorate([
|
|
101
|
-
FoundationProperty()
|
|
102
|
-
], BusyIndicatorComponent.prototype, "direction", void 0);
|
|
103
|
-
__decorate([
|
|
104
|
-
FoundationProperty()
|
|
105
|
-
], BusyIndicatorComponent.prototype, "manageFocus", void 0);
|
|
106
|
-
__decorate([
|
|
107
|
-
FoundationProperty()
|
|
108
|
-
], BusyIndicatorComponent.prototype, "fixed", void 0);
|
|
109
|
-
BusyIndicatorComponent = __decorate([
|
|
110
|
-
CustomElement({
|
|
111
|
-
name: BUSY_INDICATOR_CONSTANTS.elementName,
|
|
112
|
-
dependencies: [BackdropComponent, CircularProgressComponent, LinearProgressComponent, ButtonComponent]
|
|
113
|
-
})
|
|
114
|
-
], BusyIndicatorComponent);
|
|
115
|
-
export { BusyIndicatorComponent };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
export * from './busy-indicator-adapter';
|
|
7
|
-
export * from './busy-indicator-constants';
|
|
8
|
-
export * from './busy-indicator-foundation';
|
|
9
|
-
export * from './busy-indicator';
|
|
10
|
-
export declare function defineBusyIndicatorComponent(): void;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { defineCustomElement } from '@tylertech/forge-core';
|
|
7
|
-
import { BusyIndicatorComponent } from './busy-indicator';
|
|
8
|
-
export * from './busy-indicator-adapter';
|
|
9
|
-
export * from './busy-indicator-constants';
|
|
10
|
-
export * from './busy-indicator-foundation';
|
|
11
|
-
export * from './busy-indicator';
|
|
12
|
-
export function defineBusyIndicatorComponent() {
|
|
13
|
-
defineCustomElement(BusyIndicatorComponent);
|
|
14
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
|
|
7
|
-
import { IOpenIconComponent } from './open-icon';
|
|
8
|
-
export interface IOpenIconAdapter extends IBaseAdapter {
|
|
9
|
-
setOrientation: (orientation: string) => void;
|
|
10
|
-
setOpenState: (open: boolean) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare class OpenIconAdapter extends BaseAdapter<IOpenIconComponent> implements IOpenIconAdapter {
|
|
13
|
-
private _openIcon;
|
|
14
|
-
private _iconElement;
|
|
15
|
-
constructor(component: IOpenIconComponent);
|
|
16
|
-
setOrientation(orientation: string): void;
|
|
17
|
-
setOpenState(open: boolean): void;
|
|
18
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { getShadowElement, toggleClass } from '@tylertech/forge-core';
|
|
7
|
-
import { BaseAdapter } from '../core/base/base-adapter';
|
|
8
|
-
import { OPEN_ICON_CONSTANTS } from './open-icon-constants';
|
|
9
|
-
import { ICON_CONSTANTS } from '../icon';
|
|
10
|
-
export class OpenIconAdapter extends BaseAdapter {
|
|
11
|
-
constructor(component) {
|
|
12
|
-
super(component);
|
|
13
|
-
this._openIcon = getShadowElement(component, `.${OPEN_ICON_CONSTANTS.classes.ICON}`);
|
|
14
|
-
this._iconElement = getShadowElement(component, ICON_CONSTANTS.elementName);
|
|
15
|
-
}
|
|
16
|
-
setOrientation(orientation) {
|
|
17
|
-
if (orientation === OPEN_ICON_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {
|
|
18
|
-
this._iconElement.name = 'keyboard_arrow_right';
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
this._iconElement.name = 'keyboard_arrow_down';
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
setOpenState(open) {
|
|
25
|
-
toggleClass(this._openIcon, open, OPEN_ICON_CONSTANTS.classes.ICON_OPEN);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { ICustomElementFoundation } from '@tylertech/forge-core';
|
|
7
|
-
import { IOpenIconAdapter } from './open-icon-adapter';
|
|
8
|
-
export interface IOpenIconFoundation extends ICustomElementFoundation {
|
|
9
|
-
open: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare class OpenIconFoundation implements IOpenIconFoundation {
|
|
12
|
-
private _adapter;
|
|
13
|
-
private _open;
|
|
14
|
-
private _orientation;
|
|
15
|
-
constructor(_adapter: IOpenIconAdapter);
|
|
16
|
-
initialize(): void;
|
|
17
|
-
/** Controls the open state of the icon. */
|
|
18
|
-
get open(): boolean;
|
|
19
|
-
set open(value: boolean);
|
|
20
|
-
get orientation(): string;
|
|
21
|
-
set orientation(value: string);
|
|
22
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { OPEN_ICON_CONSTANTS } from './open-icon-constants';
|
|
7
|
-
export class OpenIconFoundation {
|
|
8
|
-
constructor(_adapter) {
|
|
9
|
-
this._adapter = _adapter;
|
|
10
|
-
this._open = false;
|
|
11
|
-
this._orientation = OPEN_ICON_CONSTANTS.strings.ORIENTATION_VERTICAL;
|
|
12
|
-
}
|
|
13
|
-
initialize() {
|
|
14
|
-
this._adapter.setOrientation(this._orientation);
|
|
15
|
-
this._adapter.setOpenState(this._open);
|
|
16
|
-
}
|
|
17
|
-
/** Controls the open state of the icon. */
|
|
18
|
-
get open() {
|
|
19
|
-
return this._open;
|
|
20
|
-
}
|
|
21
|
-
set open(value) {
|
|
22
|
-
value = Boolean(value);
|
|
23
|
-
if (this._open !== value) {
|
|
24
|
-
this._open = value;
|
|
25
|
-
this._adapter.setOpenState(this._open);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
get orientation() {
|
|
29
|
-
return this._orientation;
|
|
30
|
-
}
|
|
31
|
-
set orientation(value) {
|
|
32
|
-
this._orientation = value;
|
|
33
|
-
this._adapter.setOrientation(this._orientation);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
export * from './quantity-field-adapter';
|
|
7
|
-
export * from './quantity-field-constants';
|
|
8
|
-
export * from './quantity-field-foundation';
|
|
9
|
-
export * from './quantity-field';
|
|
10
|
-
export * from './quantity-field-component-delegate';
|
|
11
|
-
export declare function defineQuantityFieldComponent(): void;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { defineCustomElement } from '@tylertech/forge-core';
|
|
7
|
-
import { QuantityFieldComponent } from './quantity-field';
|
|
8
|
-
export * from './quantity-field-adapter';
|
|
9
|
-
export * from './quantity-field-constants';
|
|
10
|
-
export * from './quantity-field-foundation';
|
|
11
|
-
export * from './quantity-field';
|
|
12
|
-
export * from './quantity-field-component-delegate';
|
|
13
|
-
export function defineQuantityFieldComponent() {
|
|
14
|
-
defineCustomElement(QuantityFieldComponent);
|
|
15
|
-
}
|