@tylertech/forge 3.0.0-next.19 → 3.0.0-next.20
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 +33314 -31340
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/app-bar/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/busy-indicator/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-area/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/{chunk.WJ26N3FC.js → chunk.22C7GQLX.js} +2 -2
- package/dist/esm/chunks/{chunk.CPD4RUF2.js → chunk.24MZM3AY.js} +2 -2
- package/dist/esm/chunks/{chunk.O6WN2UP6.js → chunk.2537XOFQ.js} +2 -2
- package/dist/esm/chunks/{chunk.KZMXTOLO.js → chunk.2AM2BKEO.js} +2 -2
- package/dist/esm/chunks/chunk.2N5KNNQX.js +7 -0
- package/dist/esm/chunks/chunk.2N5KNNQX.js.map +7 -0
- package/dist/esm/chunks/chunk.2W276VOR.js +7 -0
- package/dist/esm/chunks/chunk.2W276VOR.js.map +7 -0
- package/dist/esm/chunks/{chunk.KD4DVSJR.js → chunk.2WRAXA3H.js} +2 -2
- package/dist/esm/chunks/{chunk.ZYYPOLIG.js → chunk.2XPAYTK4.js} +2 -2
- package/dist/esm/chunks/chunk.35MHQH7Z.js +7 -0
- package/dist/esm/chunks/chunk.35MHQH7Z.js.map +7 -0
- package/dist/esm/chunks/chunk.3L77JY5H.js +7 -0
- package/dist/esm/chunks/chunk.3TIBP6QT.js +7 -0
- package/dist/esm/chunks/chunk.3TIBP6QT.js.map +7 -0
- package/dist/esm/chunks/{chunk.W2W3NTFC.js → chunk.3U222LE4.js} +2 -2
- package/dist/esm/chunks/{chunk.W2W3NTFC.js.map → chunk.3U222LE4.js.map} +2 -2
- package/dist/esm/chunks/{chunk.JPOTN7LL.js → chunk.45PPQY45.js} +2 -2
- package/dist/esm/chunks/{chunk.JPOTN7LL.js.map → chunk.45PPQY45.js.map} +1 -1
- package/dist/esm/chunks/{chunk.MBXBM6UI.js → chunk.47U6GVGZ.js} +2 -2
- package/dist/esm/chunks/chunk.4AEQ7KVU.js +7 -0
- package/dist/esm/chunks/chunk.4AEQ7KVU.js.map +7 -0
- package/dist/esm/chunks/{chunk.KWP42KR7.js → chunk.4NABD6XG.js} +2 -2
- package/dist/esm/chunks/{chunk.KWP42KR7.js.map → chunk.4NABD6XG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.WKLDPPHS.js → chunk.4UU6PWR2.js} +2 -2
- package/dist/esm/chunks/{chunk.WKLDPPHS.js.map → chunk.4UU6PWR2.js.map} +1 -1
- package/dist/esm/chunks/{chunk.UYAP5GFT.js → chunk.5A34DJLZ.js} +2 -2
- package/dist/esm/chunks/{chunk.GAHE4QVB.js → chunk.5S7XNYRQ.js} +2 -2
- package/dist/esm/chunks/chunk.66YURKP2.js +7 -0
- package/dist/esm/chunks/chunk.66YURKP2.js.map +7 -0
- package/dist/esm/chunks/chunk.6GSVB5NB.js +7 -0
- package/dist/esm/chunks/chunk.6GSVB5NB.js.map +7 -0
- package/dist/esm/chunks/{chunk.DOAQODLZ.js → chunk.6XLTVIUD.js} +2 -2
- package/dist/esm/chunks/{chunk.4YKLCBP2.js → chunk.7IJUN75W.js} +2 -2
- package/dist/esm/chunks/chunk.7UBIT4NP.js +7 -0
- package/dist/esm/chunks/chunk.7UBIT4NP.js.map +7 -0
- package/dist/esm/chunks/{chunk.66RZ2CUB.js → chunk.A4UH52SA.js} +2 -2
- package/dist/esm/chunks/chunk.AFJ7QEVI.js +7 -0
- package/dist/esm/chunks/chunk.AFJ7QEVI.js.map +7 -0
- package/dist/esm/chunks/{chunk.KIQZLNDG.js → chunk.AN2E2SSN.js} +2 -2
- package/dist/esm/chunks/{chunk.XH63INIK.js → chunk.AOSBUJWW.js} +2 -2
- package/dist/esm/chunks/chunk.BETICEYY.js +7 -0
- package/dist/esm/chunks/chunk.BETICEYY.js.map +7 -0
- package/dist/esm/chunks/chunk.BEUQVZKZ.js +7 -0
- package/dist/esm/chunks/chunk.BEUQVZKZ.js.map +7 -0
- package/dist/esm/chunks/chunk.BIQTNLIF.js +7 -0
- package/dist/esm/chunks/chunk.BIQTNLIF.js.map +7 -0
- package/dist/esm/chunks/{chunk.CLODJYSW.js → chunk.BSV27GU7.js} +2 -2
- package/dist/esm/chunks/{chunk.FOQH2SSU.js → chunk.CBLUXYH2.js} +2 -2
- package/dist/esm/chunks/{chunk.L7BSLZCB.js → chunk.CIUPY66Y.js} +2 -2
- package/dist/esm/chunks/chunk.CSCZRSDT.js +7 -0
- package/dist/esm/chunks/chunk.CSCZRSDT.js.map +7 -0
- package/dist/esm/chunks/{chunk.OUIWXKO2.js → chunk.CSOKFDFQ.js} +2 -2
- package/dist/esm/chunks/{chunk.4HZ6SNRV.js → chunk.CWBDPBYO.js} +2 -2
- package/dist/esm/chunks/{chunk.4HZ6SNRV.js.map → chunk.CWBDPBYO.js.map} +2 -2
- package/dist/esm/chunks/{chunk.E2FS4PJS.js → chunk.D7RH43XD.js} +2 -2
- package/dist/esm/chunks/{chunk.E2FS4PJS.js.map → chunk.D7RH43XD.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HZUQXCOQ.js → chunk.DCCFF327.js} +2 -2
- package/dist/esm/chunks/{chunk.HZUQXCOQ.js.map → chunk.DCCFF327.js.map} +2 -2
- package/dist/esm/chunks/{chunk.YLJTJKN4.js → chunk.EO3HELQ2.js} +2 -2
- package/dist/esm/chunks/{chunk.YGXXWF52.js → chunk.FB4MXEIW.js} +2 -2
- package/dist/esm/chunks/{chunk.YGXXWF52.js.map → chunk.FB4MXEIW.js.map} +2 -2
- package/dist/esm/chunks/{chunk.RKG66YKS.js → chunk.FBDRM4YN.js} +2 -2
- package/dist/esm/chunks/{chunk.GAQ3POUT.js → chunk.FOSKVNVV.js} +2 -2
- package/dist/esm/chunks/{chunk.Z7JF5PPO.js → chunk.FRTSXX33.js} +2 -2
- package/dist/esm/chunks/{chunk.253H47GA.js → chunk.G2HRYIIZ.js} +2 -2
- package/dist/esm/chunks/chunk.G3GTO5ZC.js +7 -0
- package/dist/esm/chunks/chunk.G3GTO5ZC.js.map +7 -0
- package/dist/esm/chunks/{chunk.D7L2IMHJ.js → chunk.GA6AO6FJ.js} +2 -2
- package/dist/esm/chunks/{chunk.YOKBWEXF.js → chunk.GBGGUYTE.js} +2 -2
- package/dist/esm/chunks/{chunk.CISGGM56.js → chunk.GTKYO6VB.js} +2 -2
- package/dist/esm/chunks/{chunk.STIZCKQA.js → chunk.HBAC6E7O.js} +2 -2
- package/dist/esm/chunks/{chunk.WM6ZUVDR.js → chunk.IM36A2ZI.js} +2 -2
- package/dist/esm/chunks/{chunk.YHIHHGMQ.js → chunk.IWVAI6XM.js} +2 -2
- package/dist/esm/chunks/chunk.IZ63EJ32.js +7 -0
- package/dist/esm/chunks/{chunk.VN7JOJVU.js.map → chunk.IZ63EJ32.js.map} +1 -1
- package/dist/esm/chunks/{chunk.J5MWS2KZ.js → chunk.IZRURH7C.js} +2 -2
- package/dist/esm/chunks/chunk.JCEKCW4B.js +7 -0
- package/dist/esm/chunks/chunk.JCEKCW4B.js.map +7 -0
- package/dist/esm/chunks/{chunk.E7TIN4JS.js → chunk.JLSFTWPE.js} +2 -2
- package/dist/esm/chunks/{chunk.HP4333ZN.js → chunk.JSTCCUKZ.js} +2 -2
- package/dist/esm/chunks/chunk.JVWJHSPM.js +7 -0
- package/dist/esm/chunks/{chunk.JUXSSZ3B.js.map → chunk.JVWJHSPM.js.map} +1 -1
- package/dist/esm/chunks/chunk.KDUH2DUE.js +7 -0
- package/dist/esm/chunks/{chunk.54DNA2QP.js → chunk.KEFJZO5K.js} +2 -2
- package/dist/esm/chunks/{chunk.54DNA2QP.js.map → chunk.KEFJZO5K.js.map} +1 -1
- package/dist/esm/chunks/chunk.KRKKMTXR.js +7 -0
- package/dist/esm/chunks/chunk.KRKKMTXR.js.map +7 -0
- package/dist/esm/chunks/chunk.LGEZI5SZ.js +7 -0
- package/dist/esm/chunks/chunk.LGEZI5SZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.M7RYU4HQ.js → chunk.LKA5HQQY.js} +2 -2
- package/dist/esm/chunks/{chunk.IC4DLKE3.js → chunk.MC3UAHWS.js} +2 -2
- package/dist/esm/chunks/chunk.MCR34SZQ.js +7 -0
- package/dist/esm/chunks/{chunk.5NHGVUVR.js.map → chunk.MCR34SZQ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.B2RYZJGJ.js → chunk.MDDX4MJU.js} +2 -2
- package/dist/esm/chunks/{chunk.B2RYZJGJ.js.map → chunk.MDDX4MJU.js.map} +3 -3
- package/dist/esm/chunks/chunk.MPUP6QAP.js +7 -0
- package/dist/esm/chunks/chunk.MZRAL4MY.js +7 -0
- package/dist/esm/chunks/chunk.MZRAL4MY.js.map +7 -0
- package/dist/esm/chunks/{chunk.KPNGLSCU.js → chunk.N632SJ7X.js} +2 -2
- package/dist/esm/chunks/{chunk.WJLHVUHN.js → chunk.O56VP4OZ.js} +2 -2
- package/dist/esm/chunks/{chunk.ULZJYWM2.js → chunk.OFXSMOV6.js} +2 -2
- package/dist/esm/chunks/chunk.OT4AIOMN.js +7 -0
- package/dist/esm/chunks/chunk.OT4AIOMN.js.map +7 -0
- package/dist/esm/chunks/{chunk.SWDOKJUF.js → chunk.OY3TG55O.js} +2 -2
- package/dist/esm/chunks/chunk.PDDBNHVU.js +7 -0
- package/dist/esm/chunks/chunk.PDDBNHVU.js.map +7 -0
- package/dist/esm/chunks/{chunk.IO3A5OM6.js → chunk.PXRGQHWR.js} +2 -2
- package/dist/esm/chunks/chunk.QCRO5NSG.js +7 -0
- package/dist/esm/chunks/chunk.QCRO5NSG.js.map +7 -0
- package/dist/esm/chunks/chunk.QKYCMDLB.js +7 -0
- package/dist/esm/chunks/{chunk.WINWKU4K.js → chunk.QUWEAFGI.js} +2 -2
- package/dist/esm/chunks/{chunk.LNMQ5A25.js → chunk.R3AWIPPK.js} +2 -2
- package/dist/esm/chunks/{chunk.KYACLC66.js → chunk.R66CYS27.js} +2 -2
- package/dist/esm/chunks/chunk.R6VPRRTT.js +7 -0
- package/dist/esm/chunks/{chunk.4EBFMRTJ.js.map → chunk.R6VPRRTT.js.map} +1 -1
- package/dist/esm/chunks/{chunk.V7HN24VV.js → chunk.RFCIELJM.js} +2 -2
- package/dist/esm/chunks/chunk.RLQB7224.js +7 -0
- package/dist/esm/chunks/{chunk.EWT2PBEP.js.map → chunk.RLQB7224.js.map} +2 -2
- package/dist/esm/chunks/chunk.ROMRJIFR.js +7 -0
- package/dist/esm/chunks/chunk.ROMRJIFR.js.map +7 -0
- package/dist/esm/chunks/chunk.SB2LOK2R.js +7 -0
- package/dist/esm/chunks/{chunk.4SP42UG3.js.map → chunk.SB2LOK2R.js.map} +3 -3
- package/dist/esm/chunks/chunk.SHBDQPPH.js +7 -0
- package/dist/esm/chunks/chunk.SHBDQPPH.js.map +7 -0
- package/dist/esm/chunks/{chunk.LFLIYBAB.js → chunk.SIGRWU4V.js} +2 -2
- package/dist/esm/chunks/{chunk.LFLIYBAB.js.map → chunk.SIGRWU4V.js.map} +2 -2
- package/dist/esm/chunks/chunk.SKBOB2BD.js +7 -0
- package/dist/esm/chunks/chunk.SKBOB2BD.js.map +7 -0
- package/dist/esm/chunks/chunk.SOKORSUV.js +7 -0
- package/dist/esm/chunks/{chunk.GDKJ4RZX.js → chunk.STSAE2XP.js} +2 -2
- package/dist/esm/chunks/{chunk.CJUX3PL5.js → chunk.SWKKDBO6.js} +2 -2
- package/dist/esm/chunks/chunk.SYKZ74SL.js +7 -0
- package/dist/esm/chunks/chunk.SYKZ74SL.js.map +7 -0
- package/dist/esm/chunks/chunk.TPNZYEC7.js +12 -0
- package/dist/esm/chunks/chunk.TPNZYEC7.js.map +7 -0
- package/dist/esm/chunks/{chunk.QQUSMJIM.js → chunk.UEYPCCFG.js} +2 -2
- package/dist/esm/chunks/chunk.UKVC23E5.js +7 -0
- package/dist/esm/chunks/chunk.UKVC23E5.js.map +7 -0
- package/dist/esm/chunks/chunk.UOD3A7M4.js +7 -0
- package/dist/esm/chunks/{chunk.OXGCNOUY.js.map → chunk.UOD3A7M4.js.map} +1 -1
- package/dist/esm/chunks/{chunk.UVXKHQQZ.js → chunk.UQQQSJVM.js} +2 -2
- package/dist/esm/chunks/{chunk.UVXKHQQZ.js.map → chunk.UQQQSJVM.js.map} +2 -2
- package/dist/esm/chunks/chunk.USO2XVOI.js +7 -0
- package/dist/esm/chunks/{chunk.Y7ZZ7HDC.js.map → chunk.USO2XVOI.js.map} +1 -1
- package/dist/esm/chunks/chunk.USQEIRST.js +7 -0
- package/dist/esm/chunks/chunk.USQEIRST.js.map +7 -0
- package/dist/esm/chunks/chunk.V3X77TCO.js +7 -0
- package/dist/esm/chunks/chunk.V3X77TCO.js.map +7 -0
- package/dist/esm/chunks/{chunk.F3FWXBDS.js → chunk.VBJ4WUVH.js} +2 -2
- package/dist/esm/chunks/chunk.VOTT5COZ.js +7 -0
- package/dist/esm/chunks/chunk.VOTT5COZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.AQOLBID6.js → chunk.VZ2XONDI.js} +2 -2
- package/dist/esm/chunks/{chunk.AQOLBID6.js.map → chunk.VZ2XONDI.js.map} +2 -2
- package/dist/esm/chunks/chunk.WAMFFIMP.js +7 -0
- package/dist/esm/chunks/chunk.WAMFFIMP.js.map +7 -0
- package/dist/esm/chunks/{chunk.U7S4DJTU.js → chunk.WBCQTZPS.js} +2 -2
- package/dist/esm/chunks/chunk.WBI34ZVP.js +7 -0
- package/dist/esm/chunks/chunk.WPVGFQNY.js +7 -0
- package/dist/esm/chunks/{chunk.RN634NOB.js.map → chunk.WPVGFQNY.js.map} +1 -1
- package/dist/esm/chunks/{chunk.SZETPZGY.js → chunk.WTUXAH7Z.js} +2 -2
- package/dist/esm/chunks/chunk.XAZ6EDIZ.js +7 -0
- package/dist/esm/chunks/{chunk.QIMAHW7V.js.map → chunk.XAZ6EDIZ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.2F2N4WBN.js → chunk.XCI7O2KJ.js} +2 -2
- package/dist/esm/chunks/{chunk.2F2N4WBN.js.map → chunk.XCI7O2KJ.js.map} +2 -2
- package/dist/esm/chunks/chunk.XNJROSDZ.js +7 -0
- package/dist/esm/chunks/chunk.XNJROSDZ.js.map +7 -0
- package/dist/esm/chunks/chunk.XU3YSZPA.js +7 -0
- package/dist/esm/chunks/chunk.XYBVD3IE.js +7 -0
- package/dist/esm/chunks/chunk.XYBVD3IE.js.map +7 -0
- package/dist/esm/chunks/chunk.YNXWVL4B.js +7 -0
- package/dist/esm/chunks/chunk.YNXWVL4B.js.map +7 -0
- package/dist/esm/chunks/{chunk.5JSCGQ7H.js → chunk.YS5JZHJ6.js} +2 -2
- package/dist/esm/chunks/{chunk.QXZ3AAXD.js → chunk.YXHMD73U.js} +2 -2
- package/dist/esm/chunks/{chunk.6DPDC4ON.js → chunk.Z6GRWPPN.js} +2 -2
- package/dist/esm/chunks/chunk.ZAREP2QH.js +7 -0
- package/dist/esm/chunks/chunk.ZAREP2QH.js.map +7 -0
- package/dist/esm/chunks/{chunk.2K3T63I2.js → chunk.ZIGVO6FN.js} +2 -2
- package/dist/esm/chunks/{chunk.2K3T63I2.js.map → chunk.ZIGVO6FN.js.map} +2 -2
- package/dist/esm/chunks/{chunk.4JEBLMI3.js → chunk.ZLNI2M3F.js} +2 -2
- package/dist/esm/chunks/chunk.ZPXMKY72.js +7 -0
- package/dist/esm/chunks/chunk.ZPXMKY72.js.map +7 -0
- package/dist/esm/chunks/chunk.ZYKP23JP.js +7 -0
- package/dist/esm/chunks/chunk.ZYKP23JP.js.map +7 -0
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/base/index.js +1 -1
- package/dist/esm/core/delegates/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/core/utils/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/deprecated/button/index.js +1 -1
- 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/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/field-next/base/index.js +7 -0
- package/dist/esm/field-next/index.js +7 -0
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-action-button/index.js +1 -1
- package/dist/esm/floating-label/index.js +1 -1
- package/dist/esm/focus-indicator/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/overlay/index.js +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/popup/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/index.js +1 -1
- package/dist/esm/ripple/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-button/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge.css +1 -1
- package/dist/typography/forge-typography.css +1 -1
- package/esm/autocomplete/autocomplete-adapter.js +6 -9
- package/esm/autocomplete/autocomplete.d.ts +8 -2
- package/esm/badge/badge.js +1 -1
- package/esm/button-area/button-area-adapter.d.ts +20 -21
- package/esm/button-area/button-area-adapter.js +32 -74
- package/esm/button-area/button-area-constants.d.ts +3 -1
- package/esm/button-area/button-area-constants.js +5 -3
- package/esm/button-area/button-area-foundation.d.ts +2 -0
- package/esm/button-area/button-area-foundation.js +31 -11
- package/esm/button-area/button-area.d.ts +19 -2
- package/esm/button-area/button-area.js +25 -6
- package/esm/calendar/calendar-foundation.js +14 -6
- package/esm/calendar/calendar.d.ts +1 -0
- package/esm/card/card.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/chip-field/chip-field-foundation.js +1 -1
- package/esm/chips/chip/chip-adapter.d.ts +45 -50
- package/esm/chips/chip/chip-adapter.js +150 -129
- package/esm/chips/chip/chip-constants.d.ts +28 -20
- package/esm/chips/chip/chip-constants.js +14 -23
- package/esm/chips/chip/chip-foundation.d.ts +42 -34
- package/esm/chips/chip/chip-foundation.js +177 -171
- package/esm/chips/chip/chip.d.ts +106 -21
- package/esm/chips/chip/chip.js +142 -35
- package/esm/chips/chip-set/chip-set-constants.d.ts +9 -3
- package/esm/chips/chip-set/chip-set-constants.js +7 -8
- package/esm/chips/chip-set/chip-set.d.ts +46 -9
- package/esm/chips/chip-set/chip-set.js +128 -33
- package/esm/chips/chip-set/index.d.ts +0 -2
- package/esm/chips/chip-set/index.js +0 -2
- package/esm/constants.d.ts +8 -3
- package/esm/constants.js +8 -3
- package/esm/core/base/base-adapter.d.ts +2 -1
- package/esm/core/base/base-adapter.js +1 -0
- package/esm/core/utils/utils.d.ts +11 -0
- package/esm/core/utils/utils.js +35 -0
- package/esm/date-picker/base/base-date-picker-adapter.js +7 -12
- package/esm/date-picker/base/base-date-picker-foundation.js +6 -0
- package/esm/date-picker/base/base-date-picker-utils.js +1 -2
- package/esm/date-range-picker/date-range-picker-adapter.d.ts +1 -0
- package/esm/date-range-picker/date-range-picker-adapter.js +11 -1
- package/esm/date-range-picker/date-range-picker-component-delegate.d.ts +3 -3
- package/esm/date-range-picker/date-range-picker-component-delegate.js +2 -2
- package/esm/dialog/dialog-adapter.d.ts +2 -0
- package/esm/dialog/dialog-adapter.js +14 -0
- package/esm/dialog/dialog-foundation.js +1 -0
- package/esm/divider/divider-constants.d.ts +2 -2
- package/esm/divider/divider-constants.js +3 -3
- package/esm/divider/divider.d.ts +26 -5
- package/esm/divider/divider.js +42 -6
- 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/expansion-panel/expansion-panel.js +1 -1
- package/esm/field-next/base/base-field-adapter.d.ts +27 -0
- package/esm/field-next/base/base-field-adapter.js +14 -0
- package/esm/field-next/base/base-field-constants.d.ts +56 -0
- package/esm/field-next/base/base-field-constants.js +36 -0
- package/esm/field-next/base/base-field-foundation.d.ts +79 -0
- package/esm/field-next/base/base-field-foundation.js +176 -0
- package/esm/field-next/base/base-field.d.ts +52 -0
- package/esm/field-next/base/base-field.js +116 -0
- package/esm/field-next/base/index.d.ts +9 -0
- package/esm/field-next/base/index.js +9 -0
- package/esm/field-next/field-adapter.d.ts +56 -0
- package/esm/field-next/field-adapter.js +132 -0
- package/esm/field-next/field-constants.d.ts +95 -0
- package/esm/field-next/field-constants.js +64 -0
- package/esm/field-next/field-foundation.d.ts +86 -0
- package/esm/field-next/field-foundation.js +221 -0
- package/esm/field-next/field.d.ts +205 -0
- package/esm/field-next/field.js +287 -0
- package/esm/field-next/index.d.ts +11 -0
- package/esm/field-next/index.js +15 -0
- package/esm/file-picker/file-picker-adapter.js +1 -1
- package/esm/file-picker/file-picker.d.ts +46 -2
- package/esm/file-picker/file-picker.js +48 -4
- package/esm/index.d.ts +1 -1
- package/esm/index.js +3 -3
- package/esm/label/label-constants.d.ts +9 -3
- package/esm/label/label-constants.js +5 -3
- package/esm/label/label-foundation.d.ts +7 -4
- package/esm/label/label-foundation.js +20 -10
- package/esm/label/label.d.ts +6 -4
- package/esm/label/label.js +11 -12
- package/esm/list/list/list-adapter.d.ts +1 -1
- package/esm/list/list/list-adapter.js +22 -9
- package/esm/list/list/list-constants.d.ts +3 -0
- package/esm/list/list/list-constants.js +5 -1
- package/esm/list/list/list-foundation.js +6 -0
- package/esm/list/list-item/list-item-constants.js +1 -1
- package/esm/list/list-item/list-item.d.ts +33 -38
- package/esm/list/list-item/list-item.js +34 -39
- package/esm/menu/menu-foundation.js +1 -0
- package/esm/menu/menu.d.ts +4 -1
- package/esm/page-state/page-state.d.ts +24 -1
- package/esm/page-state/page-state.js +26 -3
- package/esm/paginator/paginator-adapter.d.ts +6 -2
- package/esm/paginator/paginator-adapter.js +34 -54
- package/esm/paginator/paginator-constants.d.ts +1 -1
- package/esm/paginator/paginator-foundation.js +7 -17
- package/esm/popover/popover-constants.d.ts +2 -0
- package/esm/popover/popover-constants.js +3 -1
- package/esm/popover/popover-foundation.d.ts +5 -0
- package/esm/popover/popover-foundation.js +26 -1
- package/esm/popover/popover.d.ts +4 -0
- package/esm/popover/popover.js +9 -0
- package/esm/profile-card/profile-card.js +1 -1
- package/esm/radio/radio/radio.js +2 -2
- package/esm/radio/radio-group/radio-group-adapter.js +1 -1
- package/{styles/stack/_variables.scss → esm/radio/radio-group/radio-group-component-delegate.d.ts} +0 -1
- package/{styles/chips/chip-set/_variables.scss → esm/radio/radio-group/radio-group-component-delegate.js} +0 -1
- package/esm/ripple/forge-ripple.d.ts +1 -1
- package/esm/ripple/forge-ripple.js +1 -1
- package/esm/select/core/base-select.d.ts +4 -1
- package/esm/skeleton/skeleton.d.ts +32 -2
- package/esm/skeleton/skeleton.js +33 -3
- package/esm/slider/slider.js +1 -1
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stack/stack-constants.d.ts +1 -0
- package/esm/stack/stack-constants.js +2 -1
- package/esm/stack/stack-foundation.d.ts +6 -1
- package/esm/stack/stack-foundation.js +12 -1
- package/esm/stack/stack.d.ts +37 -3
- package/esm/stack/stack.js +42 -4
- package/esm/switch/switch.js +1 -1
- package/esm/text-field/index.d.ts +2 -2
- package/esm/text-field/index.js +2 -2
- package/esm/text-field/text-field-adapter.d.ts +42 -25
- package/esm/text-field/text-field-adapter.js +125 -84
- package/esm/text-field/text-field-component-delegate.d.ts +11 -3
- package/esm/text-field/text-field-component-delegate.js +66 -36
- package/esm/text-field/text-field-constants.d.ts +19 -8
- package/esm/text-field/text-field-constants.js +21 -11
- package/esm/text-field/text-field-foundation.d.ts +28 -6
- package/esm/text-field/text-field-foundation.js +97 -4
- package/esm/text-field/text-field.d.ts +43 -5
- package/esm/text-field/text-field.js +73 -9
- package/esm/time-picker/time-picker-adapter.js +8 -10
- package/esm/toolbar/toolbar-constants.d.ts +5 -5
- package/esm/toolbar/toolbar-constants.js +9 -10
- package/esm/toolbar/toolbar.d.ts +35 -6
- package/esm/toolbar/toolbar.js +44 -26
- package/esm/tooltip/tooltip.js +1 -1
- package/package.json +2 -2
- package/{dist/esm/chunks/chunk.SKLCDWYQ.js → styles/avatar/index.scss} +1 -1
- package/styles/badge/_core.scss +1 -1
- package/styles/button/button.scss +1 -1
- package/styles/button-area/_core.scss +25 -0
- package/styles/button-area/_token-utils.scss +30 -0
- package/styles/button-area/button-area.scss +48 -3
- package/styles/{divider/_variables.scss → button-area/index.scss} +1 -2
- package/styles/card/_mixins.scss +1 -0
- package/styles/checkbox/_core.scss +1 -1
- package/styles/chips/chip/_core.scss +137 -0
- package/styles/chips/chip/_token-utils.scss +30 -0
- package/styles/chips/chip/chip.scss +259 -7
- package/styles/chips/chip/index.scss +6 -0
- package/styles/chips/chip-set/_core.scss +22 -0
- package/styles/chips/chip-set/_token-utils.scss +30 -0
- package/styles/chips/chip-set/chip-set.scss +27 -3
- package/styles/chips/chip-set/index.scss +6 -0
- package/styles/core/styles/tokens/_token-utils.scss +3 -2
- package/styles/core/styles/tokens/button-area/_tokens.scss +28 -0
- package/styles/core/styles/tokens/chips/chip/_tokens.scss +87 -0
- package/styles/core/styles/tokens/chips/chip-set/_tokens.scss +16 -0
- package/styles/core/styles/tokens/divider/_tokens.scss +20 -0
- package/styles/core/styles/tokens/field/_tokens.scss +148 -0
- package/styles/core/styles/tokens/file-picker/_tokens.scss +42 -0
- package/styles/core/styles/tokens/list/list-item/_tokens.scss +5 -12
- package/styles/core/styles/tokens/page-state/_tokens.scss +43 -0
- package/styles/core/styles/tokens/skeleton/_tokens.scss +55 -0
- package/styles/core/styles/tokens/stack/_tokens.scss +21 -0
- package/styles/core/styles/tokens/toolbar/_tokens.scss +41 -0
- package/styles/core/styles/tokens/typography/_scale.scss +1 -0
- package/styles/core/styles/tokens/typography/_tokens.label.scss +9 -2
- package/styles/divider/_core.scss +39 -0
- package/styles/divider/_token-utils.scss +30 -0
- package/styles/divider/divider.scss +16 -9
- package/styles/divider/index.scss +6 -0
- package/styles/drawer/drawer/drawer.scss +2 -0
- package/styles/drawer/mini-drawer/mini-drawer.scss +2 -0
- package/styles/drawer/modal-drawer/modal-drawer.scss +5 -0
- package/styles/expansion-panel/_mixins.scss +1 -0
- package/styles/field-next/_core.layout.scss +350 -0
- package/styles/field-next/_core.scss +212 -0
- package/styles/field-next/_core.shape.scss +25 -0
- package/styles/field-next/_core.slotted.scss +60 -0
- package/styles/field-next/_core.state.scss +198 -0
- package/styles/field-next/_core.variant.scss +225 -0
- package/styles/field-next/_token-utils.scss +30 -0
- package/styles/field-next/field.scss +770 -0
- package/styles/{product-icon/_variables.scss → field-next/index.scss} +2 -2
- package/styles/file-picker/_core.scss +85 -0
- package/styles/file-picker/_token-utils.scss +30 -0
- package/styles/file-picker/file-picker.scss +68 -3
- package/styles/file-picker/index.scss +6 -0
- package/styles/label/_core.scss +1 -1
- package/styles/list/list-item/_core.scss +4 -20
- package/styles/list/list-item/list-item.scss +0 -12
- package/styles/page-state/_core.scss +79 -0
- package/styles/page-state/_token-utils.scss +30 -0
- package/styles/page-state/index.scss +6 -0
- package/styles/page-state/page-state.scss +51 -3
- package/styles/profile-card/profile-card.scss +10 -10
- package/styles/radio/radio/_core.scss +1 -1
- package/styles/radio/radio-group/_core.scss +5 -0
- package/styles/radio/radio-group/index.scss +5 -0
- package/styles/radio/radio-group/radio-group.scss +5 -0
- package/styles/skeleton/_animations.scss +10 -0
- package/styles/skeleton/_core.scss +78 -0
- package/styles/skeleton/_token-utils.scss +30 -0
- package/styles/skeleton/index.scss +6 -0
- package/styles/skeleton/skeleton.scss +55 -4
- package/styles/slider/_core.scss +1 -1
- package/styles/stack/_core.scss +29 -0
- package/styles/stack/_token-utils.scss +30 -0
- package/styles/stack/stack.scss +38 -12
- package/styles/switch/_core.scss +1 -1
- package/styles/text-field/_core.scss +5 -12
- package/styles/text-field/index.scss +6 -0
- package/styles/text-field/text-field.scss +14 -5
- package/styles/theme/_theme-dark.scss +6 -3
- package/styles/toolbar/_core.scss +73 -0
- package/styles/toolbar/_token-utils.scss +30 -0
- package/styles/toolbar/index.scss +6 -0
- package/styles/toolbar/toolbar.scss +64 -17
- package/styles/tooltip/_core.scss +1 -0
- package/styles/utils/_mixins-container.scss +38 -0
- package/dist/esm/chunks/chunk.2AVJJJNS.js +0 -7
- package/dist/esm/chunks/chunk.2AVJJJNS.js.map +0 -7
- package/dist/esm/chunks/chunk.2UVBQKJI.js +0 -7
- package/dist/esm/chunks/chunk.2UVBQKJI.js.map +0 -7
- package/dist/esm/chunks/chunk.3WT7HPA7.js +0 -12
- package/dist/esm/chunks/chunk.3WT7HPA7.js.map +0 -7
- package/dist/esm/chunks/chunk.4EBFMRTJ.js +0 -7
- package/dist/esm/chunks/chunk.4SP42UG3.js +0 -7
- package/dist/esm/chunks/chunk.5BQT3E7Y.js +0 -7
- package/dist/esm/chunks/chunk.5BQT3E7Y.js.map +0 -7
- package/dist/esm/chunks/chunk.5NHGVUVR.js +0 -7
- package/dist/esm/chunks/chunk.5PNJOQDZ.js +0 -7
- package/dist/esm/chunks/chunk.5PNJOQDZ.js.map +0 -7
- package/dist/esm/chunks/chunk.6P4G73VL.js +0 -7
- package/dist/esm/chunks/chunk.6P4G73VL.js.map +0 -7
- package/dist/esm/chunks/chunk.7AE3ATT3.js +0 -7
- package/dist/esm/chunks/chunk.7AE3ATT3.js.map +0 -7
- package/dist/esm/chunks/chunk.AXBMJBED.js +0 -7
- package/dist/esm/chunks/chunk.DYBD4IRT.js +0 -7
- package/dist/esm/chunks/chunk.EWT2PBEP.js +0 -7
- package/dist/esm/chunks/chunk.F2327OUE.js +0 -7
- package/dist/esm/chunks/chunk.F2327OUE.js.map +0 -7
- package/dist/esm/chunks/chunk.FXDHZCID.js +0 -7
- package/dist/esm/chunks/chunk.FZC3WXSY.js +0 -7
- package/dist/esm/chunks/chunk.FZC3WXSY.js.map +0 -7
- package/dist/esm/chunks/chunk.GYGIU62J.js +0 -7
- package/dist/esm/chunks/chunk.GYGIU62J.js.map +0 -7
- package/dist/esm/chunks/chunk.IE42X2LV.js +0 -7
- package/dist/esm/chunks/chunk.IE42X2LV.js.map +0 -7
- package/dist/esm/chunks/chunk.JBQXD3FJ.js +0 -7
- package/dist/esm/chunks/chunk.JBQXD3FJ.js.map +0 -7
- package/dist/esm/chunks/chunk.JLDKNU5Q.js +0 -7
- package/dist/esm/chunks/chunk.JLDKNU5Q.js.map +0 -7
- package/dist/esm/chunks/chunk.JO6GPIMF.js +0 -7
- package/dist/esm/chunks/chunk.JO6GPIMF.js.map +0 -7
- package/dist/esm/chunks/chunk.JUXSSZ3B.js +0 -7
- package/dist/esm/chunks/chunk.LEN33O6V.js +0 -7
- package/dist/esm/chunks/chunk.LEN33O6V.js.map +0 -7
- package/dist/esm/chunks/chunk.N2DHFDXD.js +0 -7
- package/dist/esm/chunks/chunk.N2DHFDXD.js.map +0 -7
- package/dist/esm/chunks/chunk.NSKIEZWE.js +0 -7
- package/dist/esm/chunks/chunk.NY3N6KUZ.js +0 -7
- package/dist/esm/chunks/chunk.NY3N6KUZ.js.map +0 -7
- package/dist/esm/chunks/chunk.O5HBMTSZ.js +0 -7
- package/dist/esm/chunks/chunk.O5HBMTSZ.js.map +0 -7
- package/dist/esm/chunks/chunk.OJFSECZE.js +0 -7
- package/dist/esm/chunks/chunk.OR5GB6X3.js +0 -7
- package/dist/esm/chunks/chunk.OWYOZF53.js +0 -7
- package/dist/esm/chunks/chunk.OWYOZF53.js.map +0 -7
- package/dist/esm/chunks/chunk.OXGCNOUY.js +0 -7
- package/dist/esm/chunks/chunk.PZAL7VQF.js +0 -7
- package/dist/esm/chunks/chunk.PZAL7VQF.js.map +0 -7
- package/dist/esm/chunks/chunk.QIMAHW7V.js +0 -7
- package/dist/esm/chunks/chunk.RB435MRJ.js +0 -7
- package/dist/esm/chunks/chunk.RB435MRJ.js.map +0 -7
- package/dist/esm/chunks/chunk.RBG6AMLV.js +0 -7
- package/dist/esm/chunks/chunk.RBG6AMLV.js.map +0 -7
- package/dist/esm/chunks/chunk.RCYIHHYO.js +0 -7
- package/dist/esm/chunks/chunk.RCYIHHYO.js.map +0 -7
- package/dist/esm/chunks/chunk.RLOZYTNN.js +0 -7
- package/dist/esm/chunks/chunk.RLOZYTNN.js.map +0 -7
- package/dist/esm/chunks/chunk.RN634NOB.js +0 -7
- package/dist/esm/chunks/chunk.RQ3RHGLB.js +0 -7
- package/dist/esm/chunks/chunk.RQ3RHGLB.js.map +0 -7
- package/dist/esm/chunks/chunk.S2KPWTRW.js +0 -7
- package/dist/esm/chunks/chunk.S2KPWTRW.js.map +0 -7
- package/dist/esm/chunks/chunk.TPXXHX5J.js +0 -7
- package/dist/esm/chunks/chunk.TPXXHX5J.js.map +0 -7
- package/dist/esm/chunks/chunk.UCIVBX64.js +0 -7
- package/dist/esm/chunks/chunk.UCIVBX64.js.map +0 -7
- package/dist/esm/chunks/chunk.VGKNQYHG.js +0 -7
- package/dist/esm/chunks/chunk.VGKNQYHG.js.map +0 -7
- package/dist/esm/chunks/chunk.VN7JOJVU.js +0 -7
- package/dist/esm/chunks/chunk.VNFATHAQ.js +0 -7
- package/dist/esm/chunks/chunk.VNFATHAQ.js.map +0 -7
- package/dist/esm/chunks/chunk.VRTR7WMN.js +0 -7
- package/dist/esm/chunks/chunk.VRTR7WMN.js.map +0 -7
- package/dist/esm/chunks/chunk.WXFJYCGO.js +0 -7
- package/dist/esm/chunks/chunk.WXFJYCGO.js.map +0 -7
- package/dist/esm/chunks/chunk.Y7ZZ7HDC.js +0 -7
- package/dist/esm/chunks/chunk.YTBNAGLS.js +0 -7
- package/dist/esm/chunks/chunk.ZY3ETQ3D.js +0 -7
- package/dist/esm/chunks/chunk.ZY3ETQ3D.js.map +0 -7
- package/dist/esm/product-icon/index.js +0 -7
- package/esm/chips/chip-set/chip-set-adapter.d.ts +0 -27
- package/esm/chips/chip-set/chip-set-adapter.js +0 -57
- package/esm/chips/chip-set/chip-set-foundation.d.ts +0 -38
- package/esm/chips/chip-set/chip-set-foundation.js +0 -82
- package/esm/product-icon/index.d.ts +0 -10
- package/esm/product-icon/index.js +0 -14
- package/esm/product-icon/product-icon-adapter.d.ts +0 -27
- package/esm/product-icon/product-icon-adapter.js +0 -50
- package/esm/product-icon/product-icon-constants.d.ts +0 -38
- package/esm/product-icon/product-icon-constants.js +0 -46
- package/esm/product-icon/product-icon-foundation.d.ts +0 -40
- package/esm/product-icon/product-icon-foundation.js +0 -116
- package/esm/product-icon/product-icon.d.ts +0 -37
- package/esm/product-icon/product-icon.js +0 -70
- package/styles/button-area/_mixins.scss +0 -47
- package/styles/chips/chip/_mixins.scss +0 -306
- package/styles/chips/chip/_variables.scss +0 -8
- package/styles/chips/chip-set/_mixins.scss +0 -40
- package/styles/divider/_mixins.scss +0 -47
- package/styles/file-picker/_mixins.scss +0 -155
- package/styles/file-picker/_variables.scss +0 -8
- package/styles/page-state/_mixins.scss +0 -123
- package/styles/page-state/_variables.scss +0 -9
- package/styles/product-icon/_mixins.scss +0 -49
- package/styles/product-icon/product-icon.scss +0 -16
- package/styles/skeleton/_mixins.scss +0 -132
- package/styles/skeleton/_variables.scss +0 -45
- package/styles/stack/_mixins.scss +0 -49
- package/styles/text-field/_base.scss +0 -76
- package/styles/text-field/_mixins.scss +0 -28
- package/styles/text-field/_selector.scss +0 -57
- package/styles/text-field/_variables.scss +0 -20
- package/styles/toolbar/_mixins.scss +0 -78
- package/styles/toolbar/_variables.scss +0 -10
- /package/dist/esm/chunks/{chunk.WJ26N3FC.js.map → chunk.22C7GQLX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CPD4RUF2.js.map → chunk.24MZM3AY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.O6WN2UP6.js.map → chunk.2537XOFQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KZMXTOLO.js.map → chunk.2AM2BKEO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KD4DVSJR.js.map → chunk.2WRAXA3H.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZYYPOLIG.js.map → chunk.2XPAYTK4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OJFSECZE.js.map → chunk.3L77JY5H.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MBXBM6UI.js.map → chunk.47U6GVGZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UYAP5GFT.js.map → chunk.5A34DJLZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GAHE4QVB.js.map → chunk.5S7XNYRQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DOAQODLZ.js.map → chunk.6XLTVIUD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4YKLCBP2.js.map → chunk.7IJUN75W.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.66RZ2CUB.js.map → chunk.A4UH52SA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KIQZLNDG.js.map → chunk.AN2E2SSN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XH63INIK.js.map → chunk.AOSBUJWW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CLODJYSW.js.map → chunk.BSV27GU7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FOQH2SSU.js.map → chunk.CBLUXYH2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.L7BSLZCB.js.map → chunk.CIUPY66Y.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OUIWXKO2.js.map → chunk.CSOKFDFQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YLJTJKN4.js.map → chunk.EO3HELQ2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RKG66YKS.js.map → chunk.FBDRM4YN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GAQ3POUT.js.map → chunk.FOSKVNVV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Z7JF5PPO.js.map → chunk.FRTSXX33.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.253H47GA.js.map → chunk.G2HRYIIZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.D7L2IMHJ.js.map → chunk.GA6AO6FJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YOKBWEXF.js.map → chunk.GBGGUYTE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CISGGM56.js.map → chunk.GTKYO6VB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.STIZCKQA.js.map → chunk.HBAC6E7O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WM6ZUVDR.js.map → chunk.IM36A2ZI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YHIHHGMQ.js.map → chunk.IWVAI6XM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.J5MWS2KZ.js.map → chunk.IZRURH7C.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.E7TIN4JS.js.map → chunk.JLSFTWPE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HP4333ZN.js.map → chunk.JSTCCUKZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AXBMJBED.js.map → chunk.KDUH2DUE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.M7RYU4HQ.js.map → chunk.LKA5HQQY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IC4DLKE3.js.map → chunk.MC3UAHWS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DYBD4IRT.js.map → chunk.MPUP6QAP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KPNGLSCU.js.map → chunk.N632SJ7X.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WJLHVUHN.js.map → chunk.O56VP4OZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ULZJYWM2.js.map → chunk.OFXSMOV6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SWDOKJUF.js.map → chunk.OY3TG55O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IO3A5OM6.js.map → chunk.PXRGQHWR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FXDHZCID.js.map → chunk.QKYCMDLB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WINWKU4K.js.map → chunk.QUWEAFGI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LNMQ5A25.js.map → chunk.R3AWIPPK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KYACLC66.js.map → chunk.R66CYS27.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.V7HN24VV.js.map → chunk.RFCIELJM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OR5GB6X3.js.map → chunk.SOKORSUV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GDKJ4RZX.js.map → chunk.STSAE2XP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CJUX3PL5.js.map → chunk.SWKKDBO6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QQUSMJIM.js.map → chunk.UEYPCCFG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.F3FWXBDS.js.map → chunk.VBJ4WUVH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U7S4DJTU.js.map → chunk.WBCQTZPS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NSKIEZWE.js.map → chunk.WBI34ZVP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SZETPZGY.js.map → chunk.WTUXAH7Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YTBNAGLS.js.map → chunk.XU3YSZPA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5JSCGQ7H.js.map → chunk.YS5JZHJ6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QXZ3AAXD.js.map → chunk.YXHMD73U.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.6DPDC4ON.js.map → chunk.Z6GRWPPN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4JEBLMI3.js.map → chunk.ZLNI2M3F.js.map} +0 -0
- /package/dist/esm/{product-icon → field-next/base}/index.js.map +0 -0
- /package/dist/esm/{chunks/chunk.SKLCDWYQ.js.map → field-next/index.js.map} +0 -0
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { __decorate } from "tslib";
|
|
7
|
+
import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';
|
|
8
|
+
import { BaseComponent } from '../core';
|
|
9
|
+
import { FocusIndicatorComponent } from '../focus-indicator';
|
|
10
|
+
import { FieldAdapter } from './field-adapter';
|
|
11
|
+
import { FIELD_CONSTANTS } from './field-constants';
|
|
12
|
+
import { FieldFoundation } from './field-foundation';
|
|
13
|
+
const template = '<template><div id=\"root\" class=\"forge-field\" part=\"root\"><div id=\"label\" class=\"label\" part=\"label\"><slot name=\"label\"></slot></div><div id=\"container\" class=\"container\" part=\"container\"><div id=\"start\" class=\"start\" part=\"start\"><slot name=\"start\"></slot></div><div id=\"input\" class=\"input\" part=\"input\"><slot></slot><div class=\"popover-target\"></div></div><div id=\"end\" class=\"end\" part=\"end\"><slot name=\"end\"></slot></div><div id=\"popover-icon\" class=\"popover-icon\" part=\"popover-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\" id=\"popover-icon__arrow\"/></svg></div><div id=\"accessory\" class=\"accessory\" part=\"accessory\"><slot name=\"accessory\"></slot></div><forge-focus-indicator target=\"input\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"support-text\" part=\"support-text\"><div class=\"support-text-start\" part=\"support-text-start\"><slot name=\"support-text-start\"></slot></div><div class=\"support-text-end\" part=\"support-text-end\"><slot name=\"support-text-end\"></slot></div></div></div></template>';
|
|
14
|
+
const styles = '@-webkit-keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@-webkit-keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@-webkit-keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@-webkit-keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@-webkit-keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}@keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}:host([hidden]){display:none}@layer base{.forge-field{--_field-text-color:var(--forge-field-text-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-label-margin-inline:var(--forge-field-label-margin-inline, 8px);--_field-label-margin-block:var(--forge-field-label-margin-block, 4px);--_field-label-gap:var(--forge-field-label-gap, 0.25em);--_field-container-padding-inline:var(--forge-field-container-padding-inline, 12px);--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-padding-inline));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-padding-inline));--_field-container-gap:var(--forge-field-container-gap, 8px);--_field-start-padding-inline-end:var(--forge-field-start-padding-inline-end, var(--_field-container-gap));--_field-end-padding-inline-start:var(--forge-field-end-padding-inline-start, var(--_field-container-gap));--_field-end-padding-inline-end:var(--forge-field-end-padding-inline-end, var(--_field-container-gap));--_field-popover-icon-padding-inline-start:var(--forge-field-popover-icon-padding-inline-start, var(--_field-container-gap));--_field-popover-icon-padding-inline-end:var(--forge-field-popover-icon-padding-inline-end, var(--_field-container-gap));--_field-accessory-padding-inline:var(--forge-field-accessory-padding-inline, var(--_field-container-gap));--_field-accessory-padding-inline-start:var(--forge-field-accessory-padding-inline-start, var(--_field-accessory-padding-inline));--_field-accessory-padding-inline-end:var(--forge-field-accessory-padding-inline-end, var(--_field-accessory-padding-inline));--_field-support-text-margin-block:var(--forge-field-support-text-margin-block, 4px);--_field-support-text-gap:var(--forge-field-support-text-gap, 8px);--_field-support-text-padding-inline:var(--forge-field-support-text-padding-inline, var(--_field-container-padding-inline));--_field-support-text-padding-inline-start:var(--forge-field-support-text-padding-inline-start, var(--_field-support-text-padding-inline));--_field-support-text-padding-inline-end:var(--forge-field-support-text-padding-inline-end, var(--_field-support-text-padding-inline));--_field-rounded-container-padding-inline:var(--forge-field-rounded-container-padding-inline, calc(var(--_field-height) / 2));--_field-rounded-container-padding-inline-start:var(--forge-field-rounded-container-padding-inline-start, var(--_field-rounded-container-padding-inline));--_field-rounded-container-padding-inline-end:var(--forge-field-rounded-container-padding-inline-end, var(--_field-rounded-container-padding-inline));--_field-height:var(--forge-field-height);--_field-height-extra-small:var(--forge-field-height-extra-small, 24px);--_field-height-small:var(--forge-field-height-small, 32px);--_field-height-medium:var(--forge-field-height-medium, 40px);--_field-height-large:var(--forge-field-height-large, 48px);--_field-height-extra-large:var(--forge-field-height-extra-large, 56px);--_field-inset-height-extra-small:var(--forge-field-inset-height-extra-small, var(--_field-inset-height-small));--_field-inset-height-small:var(--forge-field-inset-height-small, 40px);--_field-inset-height-medium:var(--forge-field-inset-height-medium, 48px);--_field-inset-height-large:var(--forge-field-inset-height-large, 56px);--_field-inset-height-extra-large:var(--forge-field-inset-height-extra-large, 64px);--_field-shape:var(--forge-field-shape, var(--forge-shape-medium, 4px));--_field-border-style:var(--forge-field-border-style, solid);--_field-border-width:var(--forge-field-border-width, var(--forge-border-thin, 1px));--_field-border-color:var(--forge-field-border-color, var(--forge-theme-outline-medium, #757575));--_field-tonal-inner-border-color:var(--forge-field-tonal-inner-border-color, var(--forge-theme-outline-low, #9e9e9e));--_field-inner-border-block-size:var(--forge-field-inner-border-block-size, calc(100% - 8px));--_field-label-color:var(--forge-field-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-inset-label-color:var(--forge-field-inset-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-hover-border-style:var(--forge-field-hover-border-style, var(--_field-border-style));--_field-hover-border-width:var(--forge-field-hover-border-width, var(--_field-border-width));--_field-hover-border-color:var(--forge-field-hover-border-color, var(--forge-theme-outline-high, #212121));--_field-invalid-color:var(--forge-field-invalid-color, var(--forge-theme-error, #b00020));--_field-invalid-border-style:var(--forge-field-invalid-border-style, var(--_field-border-style));--_field-invalid-border-color:var(--forge-field-invalid-border-color, var(--_field-invalid-color));--_field-invalid-border-width:var(--forge-field-invalid-border-width, var(--_field-border-width));--_field-invalid-border-color-hover:var(--forge-field-invalid-border-color-hover, var(--forge-theme-error-container-high, #e19eaa));--_field-invalid-surface-color:var(--forge-field-invalid-surface-color, var(--forge-theme-error-container-low, #f6e0e4));--_field-invalid-surface-color-hover:var(--forge-field-invalid-surface-color-hover, var(--forge-theme-error-container-minimum, #fcf5f6));--_field-invalid-label-color:var(--forge-field-invalid-label-color, var(--_field-invalid-color));--_field-invalid-on-surface-color:var(--forge-field-invalid-on-surface-color, var(--forge-theme-on-error-container-low, #5f0011));--_field-invalid-inset-label-on-surface-color:var(--forge-field-invalid-inset-label-on-surface-color, var(--_field-invalid-on-surface-color));--_field-plain-container-padding-inline:var(--forge-field-plain-container-padding-inline, 0);--_field-tonal-surface-color:var(--forge-field-tonal-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-tonal-on-surface-color:var(--forge-field-tonal-on-surface-color, var(--forge-theme-on-surface-container-low, #000000));--_field-tonal-hover-color:var(--forge-field-tonal-hover-color, var(--forge-theme-surface-container-minimum, whitesmoke));--_field-filled-surface-color:var(--forge-field-filled-surface-color, var(--forge-theme-surface-bright, #ffffff));--_field-filled-on-surface-color:var(--forge-field-filled-on-surface-color, var(--forge-theme-on-surface, #000000));--_field-raised-elevation:var(--forge-field-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_field-raised-active-elevation:var(--forge-field-raised-active-elevation, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_field-raised-surface-color:var(--forge-field-raised-surface-color, var(--_field-filled-surface-color));--_field-raised-on-surface-color:var(--forge-field-raised-on-surface-color, var(--_field-filled-on-surface-color));--_field-required-content:var(--forge-field-required-content, \"*\");--_field-required-color:var(--forge-field-required-color, var(--forge-theme-error, #b00020));--_field-optional-content:var(--forge-field-optional-content, \"(optional)\");--_field-optional-color:var(--forge-field-optional-color, inherit);--_field-popover-icon-transition-duration:var(--forge-field-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_field-popover-icon-transition-timing:var(--forge-field-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-popover-icon-open-rotation:var(--forge-field-popover-icon-open-rotation, 180deg);--_field-multiline-resize:var(--forge-field-multiline-resize, vertical);--_field-multiline-min-inline-size:var(--forge-field-multiline-min-inline-size, initial);--_field-multiline-max-inline-size:var(--forge-field-multiline-max-inline-size, initial);--_field-multiline-min-block-size:var(--forge-field-multiline-min-block-size, initial);--_field-multiline-max-block-size:var(--forge-field-multiline-max-block-size, initial);--_field-disabled-opacity:var(--forge-field-disabled-opacity, 0.38);--_field-disabled-surface-color:var(--forge-field-disabled-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-disabled-border-color:var(--forge-field-disabled-border-color, var(--forge-theme-outline-medium, #757575));--_field-disabled-text-color:var(--forge-field-disabled-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-disabled-inset-label-color:var(--forge-field-disabled-inset-label-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_field-container-animation-duration:var(--forge-field-container-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-container-animation-timing:var(--forge-field-container-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-floating-animation-timing:var(--forge-field-floating-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_field-focus-indicator-width:var(--forge-field-focus-indicator-width, var(--forge-focus-indicator-width, var(--forge-border-medium, 2px)))}.forge-field{--_field-input-color:var(--forge-field-input-color, var(--_field-text-color));--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-container-padding-inline-start));--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-container-padding-inline-end));display:grid;position:relative}.forge-field .container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:container;-webkit-box-align:center;align-items:center;border-radius:var(--_field-shape);inline-size:100%;block-size:var(--_field-height);display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto}.forge-field .container::before{position:absolute;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background,outline-color;transition-property:background,outline-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-radius:inherit;pointer-events:none;inline-size:100%;block-size:100%;content:\"\"}.forge-field .input{display:-webkit-box;display:flex;grid-area:center;z-index:9999;block-size:100%;inline-size:100%;color:var(--_field-input-color)}.forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;position:relative;gap:var(--_field-label-gap);grid-area:label;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;color:var(--_field-label-color)}.forge-field .popover-target{position:absolute;bottom:calc(var(--_field-focus-indicator-width) * -1);left:0;right:0}.forge-field .popover-icon{display:none}.forge-field .popover-icon__arrow{fill:inherit}.forge-field .accessory,.forge-field .end,.forge-field .start,.forge-field .support-text,.forge-field .support-text-end,.forge-field .support-text-start{display:none}}:host([popover-icon]) .popover-icon{isolation:isolate;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:popover-icon;block-size:100%;-webkit-padding-end:var(--_field-popover-icon-padding-inline-end);padding-inline-end:var(--_field-popover-icon-padding-inline-end)}:host([popover-icon]) .popover-icon>*{-webkit-transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing);transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing)}:host([popover-icon][popover-expanded]) .popover-icon>*{rotate:var(--_field-popover-icon-open-rotation)}.forge-field--has-start .start{display:-webkit-box;display:flex;grid-area:start;-webkit-box-align:center;align-items:center;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}.forge-field--has-end .end{display:-webkit-box;display:flex;grid-area:end;-webkit-box-align:center;align-items:center;-webkit-padding-end:var(--_field-end-padding-inline-end);padding-inline-end:var(--_field-end-padding-inline-end)}.forge-field--has-accessory .accessory{position:relative;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:accessory;block-size:100%;-webkit-padding-end:var(--_field-accessory-padding-inline-end);padding-inline-end:var(--_field-accessory-padding-inline-end)}.forge-field--has-accessory .accessory::before{-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-inline-start-style:var(--_field-border-style);border-inline-start-width:var(--_field-border-width);border-inline-start-color:var(--_field-inner-border-color);-webkit-padding-end:var(--_field-accessory-padding-inline-start);padding-inline-end:var(--_field-accessory-padding-inline-start);block-size:100%;content:\"\"}.forge-field:not(.forge-field--has-accessory) .popover-icon{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}.forge-field--has-support-text-end .support-text,.forge-field--has-support-text-start .support-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label1-text-decoration,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);-webkit-box-pack:justify;justify-content:space-between;display:grid;grid-template-areas:\"start end\";grid-template-columns:1fr auto;grid-area:support-text;-webkit-margin-before:var(--_field-support-text-margin-block);margin-block-start:var(--_field-support-text-margin-block);line-height:normal}.forge-field--has-support-text-start.forge-field--has-support-text-end .support-text{gap:var(--_field-support-text-gap)}.forge-field--has-support-text-start .support-text-start{display:inline-block;grid-area:start}.forge-field--has-support-text-end .support-text-end{display:inline-block;grid-area:end}:host(:not([popover-icon])) .forge-field:not(.forge-field--has-accessory) .end{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}:host([variant=plain]) .forge-field--has-accessory .accessory::before{border-inline-start-style:none}:host([variant=tonal]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}:host([variant=raised]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}@layer label{:host([label-position=block-start]) .forge-field{grid-template-areas:\"label\" \"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto auto}:host([label-position=block-start]) .forge-field .label{-webkit-margin-after:var(--_field-label-margin-block);margin-block-end:var(--_field-label-margin-block);line-height:normal}:host([label-position=inline-start]) .forge-field{grid-template-areas:\"label container\" \". support-text\";grid-template-columns:auto 1fr;grid-template-rows:auto auto}:host([label-position=inline-start]) .forge-field .label{-webkit-margin-end:var(--_field-label-margin-inline);margin-inline-end:var(--_field-label-margin-inline);line-height:normal}:host([label-position=inline-end]) .forge-field{grid-template-areas:\"container label\" \"support-text .\";grid-template-columns:1fr auto;grid-template-rows:auto auto}:host([label-position=inline-end]) .forge-field .label{-webkit-margin-start:var(--_field-label-margin-inline);margin-inline-start:var(--_field-label-margin-inline);line-height:normal}:host(:where([label-position=inset],:not([label-position]))) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host(:where([label-position=inset],:not([label-position]))) .forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);--_field-label-color:var(--_field-inset-label-color);overflow:hidden;grid-area:center;-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start);-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end);white-space:nowrap;--_field-floating-label-translation:var(--forge-field-floating-label-translation, 0 calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) * -1))}:host([label-position=none]) .forge-field{grid-template-areas:\"container\" \"support-text\";grid-template-columns:1fr;grid-template-rows:auto auto}:host([label-position=none]) .forge-field .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host([label-position=inline-end][label-alignment=start]) .label,:host([label-position=inline-start][label-alignment=start]) .label{align-self:start}:host([label-position=inline-end]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label,:host([label-position=inline-start]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label{align-self:center}:host([label-position=inline-end][label-alignment=end]) .label,:host([label-position=inline-start][label-alignment=end]) .label{align-self:end}:host([label-position=inline-end][label-alignment=baseline]) .label,:host([label-position=inline-start][label-alignment=baseline]) .label{align-self:center;-webkit-padding-before:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))));padding-block-start:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))}:host([label-position=block-start]:where([label-alignment=start],[label-alignment=default],:not([label-alignment]))) .label{justify-self:start}:host([label-position=block-start][label-alignment=center]) .label{justify-self:center}:host([label-position=block-start][label-alignment=end]) .label{justify-self:end}:host([label-position=block-start][label-alignment=baseline]:not([variant=plain])) .label{justify-self:start;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([label-position=block-start][label-alignment=baseline][variant=plain]) .label{justify-self:start;-webkit-padding-start:0px;padding-inline-start:0px}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);translate:var(--_field-floating-label-translation)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label .input{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label.forge-field--floating-in .label{-webkit-animation-name:float-in-label-animation;animation-name:float-in-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label.forge-field--floating-in .input{-webkit-animation-name:float-in-input-animation;animation-name:float-in-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted(input){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted([data-forge-multi-input-separator]){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .label{-webkit-animation-name:float-out-label-animation;animation-name:float-out-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .input{-webkit-animation-name:float-out-input-animation;animation-name:float-out-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label][multiline]) .forge-field--has-label:not(.forge-field--floating-in) ::slotted(textarea){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;-webkit-padding-after:8px!important;padding-block-end:8px!important}}:host([support-text-inset=both]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start);-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([support-text-inset=start]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([support-text-inset=end]) .support-text{-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([required]) .label::before{color:var(--_field-required-color);content:var(--_field-required-content)}:host([optional]) .label::after{color:var(--_field-optional-color);content:var(--_field-optional-content)}:host(:where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-small))}:host(:not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-small))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-small))}:host(:not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-medium))}:host(:where([label-position=inset],:not([label-position])):not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-medium))}:host(:not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-large))}:host(:not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-large))}:host([shape=squared]) .forge-field{--_field-shape:var(--forge-field-shape, 0)}:host([shape=rounded]) .forge-field{--_field-shape:var(--forge-field-shape, var(--forge-shape-full, 9999px));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-rounded-container-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-rounded-container-padding-inline-end))}:host([multiline]) .container{display:block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content}:host([multiline]) .resize-container{display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:\"start center end popover-icon accessory\";grid-template-columns:auto 1fr auto auto auto;-webkit-box-align:start;align-items:start;border-radius:inherit;min-inline-size:var(--_field-multiline-min-inline-size);max-inline-size:var(--_field-multiline-max-inline-size);min-block-size:var(--_field-multiline-min-block-size);max-block-size:var(--_field-multiline-max-block-size);overflow:hidden;resize:var(--_field-multiline-resize)}:host([multiline]) .resize-container .end,:host([multiline]) .resize-container .label,:host([multiline]) .resize-container .popover-icon,:host([multiline]) .resize-container .start{-webkit-box-align:center;align-items:center;block-size:var(--_field-height)}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label{z-index:9999;pointer-events:none;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label slot{display:block;z-index:9999}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label::before{-webkit-animation-name:resize-container-inset-label-background-animation;animation-name:resize-container-inset-label-background-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing);position:absolute;inset-inline-start:0;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background;transition-property:background;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);background:var(--_field-resize-container-inset-label-background);inline-size:100%;block-size:var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375)));-webkit-filter:blur(2px);filter:blur(2px);content:\"\"}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .input{z-index:unset}@layer variant{:host([variant=plain]:where([theme=default],:not([theme]))) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([label-position=inset],:not([label-position]))[variant=plain]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=plain][theme=primary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=secondary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=tertiary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=success]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=error]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=warning]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=info]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host([variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-border-color));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host([variant=tonal]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-surface-color));color:var(--_field-tonal-on-surface-color);fill:var(--_field-tonal-on-surface-color)}:host([variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=tonal][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled]:where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-filled-surface-color));color:var(--_field-text-color);fill:var(--_field-text-color);color:var(--_field-filled-on-surface-color);fill:var(--_field-filled-on-surface-color)}:host([variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color);background:var(--_field-filled-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=filled]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=filled][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled][theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-raised-surface-color));color:var(--_field-raised-on-surface-color);fill:var(--_field-raised-on-surface-color)}:host([variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--_field-raised-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=raised]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=raised][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-hover-color))}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-hover-color)}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-minimum, #f7f8fc))}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-minimum,#f7f8fc)}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-minimum, #fffdf5))}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-minimum,#fffdf5)}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-minimum, #f7f8ff))}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-minimum,#f7f8ff)}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-minimum, #f7faf7))}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-minimum,#f7faf7)}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-minimum, #fcf5f6))}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-minimum,#fcf5f6)}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-minimum, #fdf8f5))}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-minimum,#fdf8f5)}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-minimum, #f6f9fc))}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-minimum,#f6f9fc)}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover[variant=filled][theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover[variant=filled][theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover[variant=filled][theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover[variant=filled][theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover[variant=filled][theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover[variant=filled][theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):focus-within[variant=raised]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host([invalid]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:not([disabled])) .support-text{color:var(--_field-invalid-color)}:host([invalid][variant=plain]:not([disabled])) .container{--_field-input-color:var(--forge-field-input-color, var(--_field-invalid-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=plain]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color)}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid][variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color-hover))}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=tonal]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color);background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=filled]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=raised]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([disabled]) .forge-field{cursor:not-allowed}:host([disabled]) .forge-field .accessory::before,:host([disabled]) .forge-field .container::before,:host([disabled]) .forge-field .end,:host([disabled]) .forge-field .input,:host([disabled]) .forge-field .label,:host([disabled]) .forge-field .popover-icon,:host([disabled]) .forge-field .start,:host([disabled]) .forge-field .support-text{opacity:var(--_field-disabled-opacity)}:host([disabled]) .forge-field .input ::slotted(*){cursor:not-allowed}:host([disabled]:not([variant=plain])) .container::before{background:var(--_field-disabled-surface-color)}.forge-field .input ::slotted(*){-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;border:none;background-color:transparent;padding-block:0;padding-inline:0;inline-size:100%;block-size:100%;color:inherit;font:inherit;text-overflow:ellipsis}.forge-field .input ::slotted(textarea){resize:none}.forge-field .input ::slotted(:first-of-type:is(input,textarea)){-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start)}.forge-field .input ::slotted(:last-of-type:is(input,textarea)){-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end)}.forge-field .input ::slotted([data-forge-multi-input-separator]){align-self:center;padding-inline:4px;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.forge-field .label ::slotted(forge-label){font:inherit}.forge-field--has-start{--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-start-padding-inline-end))}.forge-field--has-end{--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-end-padding-inline-start))}:host(:where([label-position=inset],:not([label-position]))) .label ::slotted(*){max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}:host([popover-icon]) .forge-field:not(.forge-field--has-end){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-popover-icon-padding-inline-start))}:host(:not(popover-icon)) .forge-field--has-accessory:not(:is(.forge-field--has-end)){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-accessory-padding-inline-start))}:host([multiline]) .input ::slotted(input){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .input ::slotted(textarea){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .accessory slot{-webkit-box-align:center;align-items:center;block-size:var(--_field-height);display:-webkit-box;display:flex;align-self:start}forge-focus-indicator{--forge-focus-indicator-width:var(--_field-focus-indicator-width);--forge-focus-indicator-outward-offset:0px;--forge-focus-indicator-shape:var(--_field-shape)}:host([theme=secondary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=tertiary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-tertiary, #3d5afe)}:host([theme=success]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-info, #1565c0)}:host([invalid]:not([disabled])) forge-focus-indicator{--forge-focus-indicator-color:var(--_field-invalid-color)}@media (prefers-reduced-motion:reduce){.forge-field{--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, \"0s\")}}';
|
|
15
|
+
/**
|
|
16
|
+
* @tag forge-field
|
|
17
|
+
*
|
|
18
|
+
* @summary The Forge Field component is a basic component that handles the layout and theming of
|
|
19
|
+
* form elements that can include a label, various states, and a border around an input area.
|
|
20
|
+
*
|
|
21
|
+
* @property {FieldLabelPosition} labelPosition - The position of the label relative to the input area.
|
|
22
|
+
* @property {FieldLabelAlignment} labelAlignment - The alignment of the label relative to the input area.
|
|
23
|
+
* @property {boolean} floatLabel - Whether an inset positioned label is floated to the top of the container.
|
|
24
|
+
* @property {boolean} invalid - Whether the field is in an invalid state.
|
|
25
|
+
* @property {boolean} required - Whether the field is required.
|
|
26
|
+
* @property {boolean} optional - Whether the field is optional.
|
|
27
|
+
* @property {boolean} disabled - Whether the field is disabled.
|
|
28
|
+
* @property {FieldVariant} variant - The variant of the field.
|
|
29
|
+
* @property {FieldTheme} theme - The theme of the field.
|
|
30
|
+
* @property {FieldShape} shape - The border radius of the field's corners.
|
|
31
|
+
* @property {FieldDensity} density - The density of the field.
|
|
32
|
+
* @property {boolean} dense - Whether the field is at the "extra-small" density level.
|
|
33
|
+
* @property {boolean} popoverIcon - Whether the field has a popover icon.
|
|
34
|
+
* @property {boolean} popoverExpanded - Whether the field's popover icon is in the expanded orientation.
|
|
35
|
+
* @property {boolean} multiline - Whether the field contains a multiline input.
|
|
36
|
+
* @property {FieldSupportTextInset} supportTextInset - Whether the field's support text is inset from either side.
|
|
37
|
+
*
|
|
38
|
+
* @attribute {FieldLabelPosition} label-position - The position of the label relative to the input area.
|
|
39
|
+
* @attribute {FieldLabelAlignment} label-alignment - The alignment of the label relative to the input area.
|
|
40
|
+
* @attribute {boolean} float-label - Whether an inset positioned label is floated to the top of the container.
|
|
41
|
+
* @attribute {boolean} invalid - Whether the field is in an invalid state.
|
|
42
|
+
* @attribute {boolean} required - Whether the field is required.
|
|
43
|
+
* @attribute {boolean} optional - Whether the field is optional.
|
|
44
|
+
* @attribute {boolean} disabled - Whether the field is disabled.
|
|
45
|
+
* @attribute {FieldVariant} variant - The variant of the field.
|
|
46
|
+
* @attribute {FieldTheme} theme - The theme of the field.
|
|
47
|
+
* @attribute {FieldShape} shape - The border radius of the field's corners.
|
|
48
|
+
* @attribute {Density} density - The density of the field.
|
|
49
|
+
* @attribute {boolean} dense - Whether the field is at the "extra-small" density level.
|
|
50
|
+
* @attribute {boolean} popover-icon - Whether the field has a popover icon.
|
|
51
|
+
* @attribute {boolean} popover-expanded - Whether the field's popover icon is in the expanded orientation.
|
|
52
|
+
* @attribute {boolean} multiline - Whether the field contains a multiline input.
|
|
53
|
+
* @attribute {FieldSupportTextInset} support-text-inset - Whether the field's support text is inset from either side.
|
|
54
|
+
*
|
|
55
|
+
* @method {(value: boolean) => void} floatLabelWithoutAnimation - Sets the floating label without animating the transition.
|
|
56
|
+
*
|
|
57
|
+
* @event {CustomEvent<null>} forge-field-popover-icon-click - Dispatches when the user clicks the popover icon.
|
|
58
|
+
*
|
|
59
|
+
* @cssproperty --text-color - The color of content slotted into the default slot.
|
|
60
|
+
* @cssproperty --label-margin-inline - The margin on the inline axis of an inline positioned label.
|
|
61
|
+
* @cssproperty --label-margin-block - The margin on the block axis of a block positioned label.
|
|
62
|
+
* @cssproperty --container-padding-inline - The padding at the start and end of the inline axis of the container.
|
|
63
|
+
* @cssproperty --container-padding-inline-start - The padding at the start of the inline axis of the container.
|
|
64
|
+
* @cssproperty --container-padding-inline-end - The padding at the end of the inline axis of the container.
|
|
65
|
+
* @cssproperty --container-gap - The spacing between elements within the container.
|
|
66
|
+
* @cssproperty --start-padding-inline-end - The padding after the start slot.
|
|
67
|
+
* @cssproperty --end-padding-inline-start - The padding before the end slot.
|
|
68
|
+
* @cssproperty --end-padding-inline-end - The padding after the end slot.
|
|
69
|
+
* @cssproperty --popover-icon-padding-inline-start - The padding before the popover icon.
|
|
70
|
+
* @cssproperty --popover-icon-padding-inline-end - The padding after the popover icon.
|
|
71
|
+
* @cssproperty --accessory-padding-inline - The padding before and after the accessory slot.
|
|
72
|
+
* @cssproperty --accessory-padding-inline-start - The padding before the accessory slot.
|
|
73
|
+
* @cssproperty --accessory-padding-inline-end - The padding after the accessory slot.
|
|
74
|
+
* @cssproperty --support-text-margin-block - The margin of the support text on the block axis.
|
|
75
|
+
* @cssproperty --support-text-gap - The spacing between the start and end support text.
|
|
76
|
+
* @cssproperty --support-text-padding-inline - The padding before and after the support text.
|
|
77
|
+
* @cssproperty --support-text-padding-inline-start - The padding before the support text.
|
|
78
|
+
* @cssproperty --support-text-padding-inline-end - The padding after the support text.
|
|
79
|
+
* @cssproperty --rounded-container-padding-inline - The padding at the start and end of the inline axis of a rounded container.
|
|
80
|
+
* @cssproperty --rounded-container-padding-inline-start - The padding at the start of the inline axis of a rounded container.
|
|
81
|
+
* @cssproperty --rounded-container-padding-inline-end - The padding at the end of the inline axis of a rounded container.
|
|
82
|
+
* @cssproperty --height - The height of the container.
|
|
83
|
+
* @cssproperty --height-extra-small - The height of the container at the "extra-small" density level.
|
|
84
|
+
* @cssproperty --height-small - The height of the container at the "small" density level.
|
|
85
|
+
* @cssproperty --height-medium - The height of the container at the "medium" density level.
|
|
86
|
+
* @cssproperty --height-large - The height of the container at the "large" density level.
|
|
87
|
+
* @cssproperty --height-extra-large - The height of the container at the "extra-large" density level.
|
|
88
|
+
* @cssproperty --inset-height-extra-small - The height of the container at the "extra-small" density level with an inset label.
|
|
89
|
+
* @cssproperty --inset-height-small - The height of the container at the "small" density level with an inset label.
|
|
90
|
+
* @cssproperty --inset-height-medium - The height of the container at the "medium" density level with an inset label.
|
|
91
|
+
* @cssproperty --inset-height-large - The height of the container at the "large" density level with an inset label.
|
|
92
|
+
* @cssproperty --inset-height-extra-large - The height of the container at the "extra-large" density level with an inset label.
|
|
93
|
+
* @cssproperty --shape - The border radius of the container.
|
|
94
|
+
* @cssproperty --border-style - The border style used in variants that include borders in variants that include borders.
|
|
95
|
+
* @cssproperty --border-width - The border width used in variants that include borders in variants that include borders.
|
|
96
|
+
* @cssproperty --border-color - The border color used with the default theme in variants that include borders.
|
|
97
|
+
* @cssproperty --tonal-inner-border-color - The border color used for the accessory border with the default theme in the tonal and raised variants.
|
|
98
|
+
* @cssproperty --inner-border-block-size - The block size of the inner border in the tonal and raised variants.
|
|
99
|
+
* @cssproperty --label-color - The color of the non-inset label with the default theme.
|
|
100
|
+
* @cssproperty --inset-label-color - The color of the inset label with the default theme.
|
|
101
|
+
* @cssproperty --hover-border-style - The border style used in the hover state in variants that include borders.
|
|
102
|
+
* @cssproperty --hover-border-width - The border width used in the hover state in variants that include borders.
|
|
103
|
+
* @cssproperty --hover-border-color - The border color used with the default theme in the hover state in variants that include borders.
|
|
104
|
+
* @cssproperty --invalid-color - The color used for the invalid state.
|
|
105
|
+
* @cssproperty --invalid-border-style - The border style used for the invalid state in variants that include borders.
|
|
106
|
+
* @cssproperty --invalid-border-width - The border width used for the invalid state in variants that include borders.
|
|
107
|
+
* @cssproperty --invalid-border-color - The border color used for the invalid state in variants that include borders.
|
|
108
|
+
* @cssproperty --invalid-border-color-hover - The border color used for the invalid state when hovering in variants that include borders.
|
|
109
|
+
* @cssproperty --invalid-surface-color - The background color used for the invalid state in the tonal, filled, and raised variants.
|
|
110
|
+
* @cssproperty --invalid-surface-color-hover - The background color used for the invalid state when hovering in the tonal, filled, and raised variants.
|
|
111
|
+
* @cssproperty --invalid-label-color - The color of the label in the invalid state.
|
|
112
|
+
* @cssproperty --invalid-on-surface-color - The color of elements on top of the invalid surface.
|
|
113
|
+
* @cssproperty --invalid-inset-label-on-surface-color - The color of the inset label on the invalid surface.
|
|
114
|
+
* @cssproperty --plain-container-padding-inline - The padding at the start and end of the inline axis of the container in the plain variant.
|
|
115
|
+
* @cssproperty --tonal-surface-color - The background color used with the default theme in the tonal variant.
|
|
116
|
+
* @cssproperty --tonal-on-surface-color - The text color color used with the default theme in the tonal variant.
|
|
117
|
+
* @cssproperty --tonal-hover-color - The background color used for the hover state with the default theme in the tonal variant.
|
|
118
|
+
* @cssproperty --filled-surface-color - The background color used with the default theme in the filled variant.
|
|
119
|
+
* @cssproperty --filled-on-surface-color - The text color used with the default theme in the filled variant.
|
|
120
|
+
* @cssproperty --raised-elevation - The box shadow of the container in the raised variant.
|
|
121
|
+
* @cssproperty --raised-active-elevation - The box shadow of the container in the raised variant when hovered or active.
|
|
122
|
+
* @cssproperty --raised-surface-color - The background color used with the default theme in the raised variant.
|
|
123
|
+
* @cssproperty --raised-on-surface-color - The text color used with the default theme in the raised variant.
|
|
124
|
+
* @cssproperty --required-content - The text content rendered before the label when required.
|
|
125
|
+
* @cssproperty --required-color - The color of the required content.
|
|
126
|
+
* @cssproperty --optional-content - The text content rendered after the label when optional.
|
|
127
|
+
* @cssproperty --optional-color - The color of the optional content.
|
|
128
|
+
* @cssproperty --popover-icon-transition-duration - The duration of the popover icon's animation.
|
|
129
|
+
* @cssproperty --popover-icon-transition-timing - The timing function of the popover icon's animation.
|
|
130
|
+
* @cssproperty --popover-icon-open-rotation - The rotation of the popover icon when open.
|
|
131
|
+
* @cssproperty --multiline-resize - Whether a multiline field can be resized and in which direction.
|
|
132
|
+
* @cssproperty --multiline-min-inline-size - The minimum inline size of a multiline field.
|
|
133
|
+
* @cssproperty --multiline-max-inline-size - The maximum inline size of a multiline field.
|
|
134
|
+
* @cssproperty --multiline-min-block-size - The minimum block size of a multiline field.
|
|
135
|
+
* @cssproperty --multiline-max-block-size - The maximum block size of a multiline field.
|
|
136
|
+
* @cssproperty --disabled-opacity - The opacity of the field when disabled.
|
|
137
|
+
* @cssproperty --disabled-background-color - The background color of the field when disabled.
|
|
138
|
+
* @cssproperty --disabled-border-color - The border color of the field when disabled.
|
|
139
|
+
* @cssproperty --container-animation-duration - The duration of the border and background animations.
|
|
140
|
+
* @cssproperty --container-animation-timing - The timing function of the border and background animations.
|
|
141
|
+
* @cssproperty --floating-animation-duration - The duration of the floating animation.
|
|
142
|
+
* @cssproperty --floating-animation-timing - The timing function of the floating animation.
|
|
143
|
+
*
|
|
144
|
+
* @csspart root - The root container element.
|
|
145
|
+
* @csspart label - The label element.
|
|
146
|
+
* @csspart container - The container element surrounding the input.
|
|
147
|
+
* @csspart input - The element containing te input slot.
|
|
148
|
+
* @csspart start - The element containing the start slot.
|
|
149
|
+
* @csspart end - The element containing the end slot.
|
|
150
|
+
* @csspart popover-icon - The popover icon element.
|
|
151
|
+
* @csspart accessory - The element containing the accessory slot.
|
|
152
|
+
* @csspart support-text - The support text element.
|
|
153
|
+
* @csspart support-text-start - The element containing the support text start slot.
|
|
154
|
+
* @csspart support-text-end - The element containing the support text end slot.
|
|
155
|
+
* @csspart focus-indicator - The focus indicator element.
|
|
156
|
+
*
|
|
157
|
+
* @slot - The default/unnamed slot for the field's input.
|
|
158
|
+
* @slot label - Renders its content as a positioned label.
|
|
159
|
+
* @slot start - Typically reserved for content/icons that render logically before the default slot content.
|
|
160
|
+
* @slot end - Typically reserved content/icons that render logically after the default slot content.
|
|
161
|
+
* @slot accessory - Used for content such as a button that is logically connected to the field but should appear distinct from the input.
|
|
162
|
+
* @slot support-text-start - Used for content that provides additional information about the field. Aligns to the inline start of the field.
|
|
163
|
+
* @slot support-text-end - Used for content that provides additional information about the field. Aligns to the inline end of the field.
|
|
164
|
+
*/
|
|
165
|
+
let FieldComponent = class FieldComponent extends BaseComponent {
|
|
166
|
+
static get observedAttributes() {
|
|
167
|
+
return Object.values(FIELD_CONSTANTS.observedAttributes);
|
|
168
|
+
}
|
|
169
|
+
constructor() {
|
|
170
|
+
super();
|
|
171
|
+
attachShadowTemplate(this, template, styles);
|
|
172
|
+
this._foundation = new FieldFoundation(new FieldAdapter(this));
|
|
173
|
+
}
|
|
174
|
+
connectedCallback() {
|
|
175
|
+
this._foundation.initialize();
|
|
176
|
+
}
|
|
177
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
178
|
+
switch (name) {
|
|
179
|
+
case FIELD_CONSTANTS.attributes.LABEL_POSITION:
|
|
180
|
+
this.labelPosition = newValue;
|
|
181
|
+
break;
|
|
182
|
+
case FIELD_CONSTANTS.attributes.LABEL_ALIGNMENT:
|
|
183
|
+
this.labelAlignment = newValue;
|
|
184
|
+
break;
|
|
185
|
+
case FIELD_CONSTANTS.attributes.FLOAT_LABEL:
|
|
186
|
+
this.floatLabel = coerceBoolean(newValue);
|
|
187
|
+
break;
|
|
188
|
+
case FIELD_CONSTANTS.attributes.INVALID:
|
|
189
|
+
this.invalid = coerceBoolean(newValue);
|
|
190
|
+
break;
|
|
191
|
+
case FIELD_CONSTANTS.attributes.REQUIRED:
|
|
192
|
+
this.required = coerceBoolean(newValue);
|
|
193
|
+
break;
|
|
194
|
+
case FIELD_CONSTANTS.attributes.OPTIONAL:
|
|
195
|
+
this.optional = coerceBoolean(newValue);
|
|
196
|
+
break;
|
|
197
|
+
case FIELD_CONSTANTS.attributes.DISABLED:
|
|
198
|
+
this.disabled = coerceBoolean(newValue);
|
|
199
|
+
break;
|
|
200
|
+
case FIELD_CONSTANTS.attributes.VARIANT:
|
|
201
|
+
this.variant = newValue;
|
|
202
|
+
break;
|
|
203
|
+
case FIELD_CONSTANTS.attributes.THEME:
|
|
204
|
+
this.theme = newValue;
|
|
205
|
+
break;
|
|
206
|
+
case FIELD_CONSTANTS.attributes.SHAPE:
|
|
207
|
+
this.shape = newValue;
|
|
208
|
+
break;
|
|
209
|
+
case FIELD_CONSTANTS.attributes.DENSITY:
|
|
210
|
+
this.density = newValue;
|
|
211
|
+
break;
|
|
212
|
+
case FIELD_CONSTANTS.attributes.DENSE:
|
|
213
|
+
this.dense = coerceBoolean(newValue);
|
|
214
|
+
break;
|
|
215
|
+
case FIELD_CONSTANTS.attributes.POPOVER_ICON:
|
|
216
|
+
this.popoverIcon = coerceBoolean(newValue);
|
|
217
|
+
break;
|
|
218
|
+
case FIELD_CONSTANTS.attributes.POPOVER_EXPANDED:
|
|
219
|
+
this.popoverExpanded = coerceBoolean(newValue);
|
|
220
|
+
break;
|
|
221
|
+
case FIELD_CONSTANTS.attributes.MULTILINE:
|
|
222
|
+
this.multiline = coerceBoolean(newValue);
|
|
223
|
+
break;
|
|
224
|
+
case FIELD_CONSTANTS.attributes.SUPPORT_TEXT_INSET:
|
|
225
|
+
this.supportTextInset = newValue;
|
|
226
|
+
break;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
floatLabelWithoutAnimation(value) {
|
|
230
|
+
this._foundation.floatLabelWithoutAnimation(value);
|
|
231
|
+
}
|
|
232
|
+
};
|
|
233
|
+
__decorate([
|
|
234
|
+
FoundationProperty()
|
|
235
|
+
], FieldComponent.prototype, "labelPosition", void 0);
|
|
236
|
+
__decorate([
|
|
237
|
+
FoundationProperty()
|
|
238
|
+
], FieldComponent.prototype, "labelAlignment", void 0);
|
|
239
|
+
__decorate([
|
|
240
|
+
FoundationProperty()
|
|
241
|
+
], FieldComponent.prototype, "floatLabel", void 0);
|
|
242
|
+
__decorate([
|
|
243
|
+
FoundationProperty()
|
|
244
|
+
], FieldComponent.prototype, "invalid", void 0);
|
|
245
|
+
__decorate([
|
|
246
|
+
FoundationProperty()
|
|
247
|
+
], FieldComponent.prototype, "required", void 0);
|
|
248
|
+
__decorate([
|
|
249
|
+
FoundationProperty()
|
|
250
|
+
], FieldComponent.prototype, "optional", void 0);
|
|
251
|
+
__decorate([
|
|
252
|
+
FoundationProperty()
|
|
253
|
+
], FieldComponent.prototype, "disabled", void 0);
|
|
254
|
+
__decorate([
|
|
255
|
+
FoundationProperty()
|
|
256
|
+
], FieldComponent.prototype, "variant", void 0);
|
|
257
|
+
__decorate([
|
|
258
|
+
FoundationProperty()
|
|
259
|
+
], FieldComponent.prototype, "theme", void 0);
|
|
260
|
+
__decorate([
|
|
261
|
+
FoundationProperty()
|
|
262
|
+
], FieldComponent.prototype, "shape", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
FoundationProperty()
|
|
265
|
+
], FieldComponent.prototype, "density", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
FoundationProperty()
|
|
268
|
+
], FieldComponent.prototype, "dense", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
FoundationProperty()
|
|
271
|
+
], FieldComponent.prototype, "popoverIcon", void 0);
|
|
272
|
+
__decorate([
|
|
273
|
+
FoundationProperty()
|
|
274
|
+
], FieldComponent.prototype, "popoverExpanded", void 0);
|
|
275
|
+
__decorate([
|
|
276
|
+
FoundationProperty()
|
|
277
|
+
], FieldComponent.prototype, "multiline", void 0);
|
|
278
|
+
__decorate([
|
|
279
|
+
FoundationProperty()
|
|
280
|
+
], FieldComponent.prototype, "supportTextInset", void 0);
|
|
281
|
+
FieldComponent = __decorate([
|
|
282
|
+
CustomElement({
|
|
283
|
+
name: FIELD_CONSTANTS.elementName,
|
|
284
|
+
dependencies: [FocusIndicatorComponent]
|
|
285
|
+
})
|
|
286
|
+
], FieldComponent);
|
|
287
|
+
export { FieldComponent };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
export * from './field';
|
|
7
|
+
export * from './field-adapter';
|
|
8
|
+
export * from './field-constants';
|
|
9
|
+
export * from './field-foundation';
|
|
10
|
+
export * from './base';
|
|
11
|
+
export declare function defineFieldComponent(): void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { defineCustomElement } from '@tylertech/forge-core';
|
|
7
|
+
import { FieldComponent } from './field';
|
|
8
|
+
export * from './field';
|
|
9
|
+
export * from './field-adapter';
|
|
10
|
+
export * from './field-constants';
|
|
11
|
+
export * from './field-foundation';
|
|
12
|
+
export * from './base';
|
|
13
|
+
export function defineFieldComponent() {
|
|
14
|
+
defineCustomElement(FieldComponent);
|
|
15
|
+
}
|
|
@@ -49,7 +49,7 @@ export class FilePickerAdapter extends BaseAdapter {
|
|
|
49
49
|
this._container.removeEventListener('drop', listener);
|
|
50
50
|
}
|
|
51
51
|
initializeButton() {
|
|
52
|
-
const button = this._component.querySelector('button');
|
|
52
|
+
const button = this._component.querySelector('forge-button');
|
|
53
53
|
this._button = button || undefined;
|
|
54
54
|
}
|
|
55
55
|
/**
|
|
@@ -23,9 +23,53 @@ declare global {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
/**
|
|
26
|
-
* The web component class behind the `<forge-file-picker>` custom element.
|
|
27
|
-
*
|
|
28
26
|
* @tag forge-file-picker
|
|
27
|
+
*
|
|
28
|
+
* @summary
|
|
29
|
+
* The file-picker component allows for a user to upload files of their own to the system. The component provides a slot for a
|
|
30
|
+
* button, as well as drag-and-drop functionality to launch the system file chooser dialog. There are visual queues to let the
|
|
31
|
+
* user know when files they are dragging can be dropped, as well as events that are relayed to the developer to handle files
|
|
32
|
+
* that are legal and/or illegal based on the parameters set on the component.
|
|
33
|
+
*
|
|
34
|
+
* The expectation of this component is that it will be used as a familiar element on the page that will let users upload files,
|
|
35
|
+
* while providing that visual and functional consistency.
|
|
36
|
+
*
|
|
37
|
+
* @property {string | null} accept - Gets/sets the allowed file types.
|
|
38
|
+
* @property {string | null} maxSize - Gets/sets the maximum allowed file size.
|
|
39
|
+
* @property {string | null} capture - Gets/sets the camera to use when capturing video or images.
|
|
40
|
+
* @property {boolean} multiple - Gets/sets whether multiple files are allowed.
|
|
41
|
+
* @property {boolean} disabled - Gets/sets whether the file picker is disabled.
|
|
42
|
+
* @property {boolean} compact - Gets/sets whether the file picker uses the compact variant.
|
|
43
|
+
* @property {boolean} borderless - Gets and sets whether the file picker is borderless.
|
|
44
|
+
*
|
|
45
|
+
* @attribute {string | null} accept - Gets/sets the allowed file types.
|
|
46
|
+
* @attribute {string | null} maxSize - Gets/sets the maximum allowed file size.
|
|
47
|
+
* @attribute {string | null} capture - Gets/sets the camera to use when capturing video or images.
|
|
48
|
+
* @attribute {boolean} multiple - Gets/sets whether multiple files are allowed.
|
|
49
|
+
* @attribute {boolean} disabled - Gets/sets whether the file picker is disabled.
|
|
50
|
+
* @attribute {boolean} compact - Gets/sets whether the file picker uses the compact variant.
|
|
51
|
+
* @attribute {boolean} borderless - Gets and sets whether the file picker is borderless.
|
|
52
|
+
*
|
|
53
|
+
* @cssproperty --forge-file-picker-background - Controls the background color.
|
|
54
|
+
* @cssproperty --forge-file-picker-width - Controls the width.
|
|
55
|
+
* @cssproperty --forge-file-picker-height - Controls the height.
|
|
56
|
+
* @cssproperty --forge-file-picker-max-width - Controls the maximum width.
|
|
57
|
+
* @cssproperty --forge-file-picker-border-width - Controls the border width.
|
|
58
|
+
* @cssproperty --forge-file-picker-border-style - Controls the border style.
|
|
59
|
+
* @cssproperty --forge-file-picker-border-color - Controls the border color.
|
|
60
|
+
* @cssproperty --forge-file-picker-gap - Controls gap between each element.
|
|
61
|
+
* @cssproperty --forge-file-picker-padding - Controls the padding.
|
|
62
|
+
* @cssproperty --forge-file-picker-padding-block - Controls the top and bottom padding.
|
|
63
|
+
* @cssproperty --forge-file-picker-padding-inline - Controls the left and right padding.
|
|
64
|
+
* @cssproperty --forge-file-picker-disabled-opacity - Controls the opacity value of the file picker when it's disabled.
|
|
65
|
+
* @cssproperty --forge-file-picker-highlight-background - Controls the background color of the file picker when dragging files into the form.
|
|
66
|
+
* @cssproperty --forge-file-picker-highlight-border-color - Controls the border color of the file picker when dragging files into the form.
|
|
67
|
+
*
|
|
68
|
+
* @csspart form - The <form> element at the root.
|
|
69
|
+
* @csspart primary - The container element around the primary slot.
|
|
70
|
+
* @csspart secondary - The container element around the secondary slot.
|
|
71
|
+
* @csspart input - The <input type="file"> element.
|
|
72
|
+
* @csspart helper-text-container - The container around the helper-text slot.
|
|
29
73
|
*/
|
|
30
74
|
export declare class FilePickerComponent extends BaseComponent implements IFilePickerComponent {
|
|
31
75
|
static get observedAttributes(): string[];
|