@tylertech/forge 2.3.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/custom-elements.json +114521 -0
- package/dist/esm/accordion/index.js +6 -5
- package/dist/esm/app-bar/help-button/index.js +16 -15
- package/dist/esm/app-bar/index.js +26 -25
- package/dist/esm/app-bar/menu-button/index.js +7 -6
- package/dist/esm/app-bar/notification-button/index.js +8 -7
- package/dist/esm/app-bar/profile-button/index.js +12 -11
- package/dist/esm/app-bar/search/index.js +5 -4
- package/dist/esm/autocomplete/index.js +18 -17
- 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 +7 -6
- package/dist/esm/bottom-sheet/index.js +10 -9
- package/dist/esm/busy-indicator/index.js +8 -7
- package/dist/esm/button/index.js +4 -3
- package/dist/esm/button-toggle/button-toggle/index.js +3 -3
- package/dist/esm/button-toggle/button-toggle-group/index.js +3 -3
- package/dist/esm/button-toggle/index.js +4 -4
- package/dist/esm/calendar/calendar-dropdown/index.js +5 -4
- package/dist/esm/calendar/calendar-menu/index.js +3 -2
- package/dist/esm/calendar/index.js +11 -10
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +4 -3
- package/dist/esm/chip-field/index.js +8 -7
- package/dist/esm/chips/chip/index.js +6 -5
- package/dist/esm/chips/chip-set/index.js +6 -5
- package/dist/esm/chips/index.js +7 -6
- package/dist/esm/chunks/{chunk.PZ25GQD2.js → chunk.2MBI5DLT.js} +6 -6
- package/dist/esm/chunks/{chunk.PZ25GQD2.js.map → chunk.2MBI5DLT.js.map} +2 -2
- package/dist/esm/chunks/{chunk.B425FZOZ.js → chunk.2WBHHTUM.js} +2 -2
- package/dist/esm/chunks/{chunk.B425FZOZ.js.map → chunk.2WBHHTUM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.WXFCZJJI.js → chunk.3EHQ3YHJ.js} +1 -1
- package/dist/esm/chunks/{chunk.WXFCZJJI.js.map → chunk.3EHQ3YHJ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.LKUKESRQ.js → chunk.3QXCVTCP.js} +2 -2
- package/dist/esm/chunks/{chunk.LKUKESRQ.js.map → chunk.3QXCVTCP.js.map} +0 -0
- package/dist/esm/chunks/{chunk.ZIFMMVW6.js → chunk.46BED43J.js} +3 -3
- package/dist/esm/chunks/{chunk.ZIFMMVW6.js.map → chunk.46BED43J.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VTXXZ5KT.js → chunk.4PF7WRP4.js} +2 -2
- package/dist/esm/chunks/{chunk.VTXXZ5KT.js.map → chunk.4PF7WRP4.js.map} +2 -2
- package/dist/esm/chunks/{chunk.KZ2QNQK2.js → chunk.4WLVFWKI.js} +2 -2
- package/dist/esm/chunks/{chunk.KZ2QNQK2.js.map → chunk.4WLVFWKI.js.map} +0 -0
- package/dist/esm/chunks/{chunk.C2MR3RDF.js → chunk.56BNM7F2.js} +1 -1
- package/dist/esm/chunks/{chunk.C2MR3RDF.js.map → chunk.56BNM7F2.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HNKH3ZP5.js → chunk.5H65ASFE.js} +74 -74
- package/dist/esm/chunks/{chunk.HNKH3ZP5.js.map → chunk.5H65ASFE.js.map} +0 -0
- package/dist/esm/chunks/{chunk.3AK3VGRT.js → chunk.5OYAJ36F.js} +2 -2
- package/dist/esm/chunks/{chunk.3AK3VGRT.js.map → chunk.5OYAJ36F.js.map} +0 -0
- package/dist/esm/chunks/{chunk.4UKSUUTX.js → chunk.5U6ZT6MC.js} +2 -2
- package/dist/esm/chunks/{chunk.4UKSUUTX.js.map → chunk.5U6ZT6MC.js.map} +2 -2
- package/dist/esm/chunks/{chunk.3NOZRZ7R.js → chunk.65GHMPX2.js} +3 -3
- package/dist/esm/chunks/{chunk.3NOZRZ7R.js.map → chunk.65GHMPX2.js.map} +2 -2
- package/dist/esm/chunks/{chunk.C44LSSHS.js → chunk.67B6JDOJ.js} +3 -3
- package/dist/esm/chunks/{chunk.C44LSSHS.js.map → chunk.67B6JDOJ.js.map} +2 -2
- package/dist/esm/chunks/chunk.6EGTLHJS.js +16 -0
- package/dist/esm/chunks/chunk.6EGTLHJS.js.map +7 -0
- package/dist/esm/chunks/{chunk.EL6B2ODN.js → chunk.6ZBFCE2A.js} +1 -1
- package/dist/esm/chunks/{chunk.EL6B2ODN.js.map → chunk.6ZBFCE2A.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VAPJ75PS.js → chunk.7FWTBD6Y.js} +2 -2
- package/dist/esm/chunks/{chunk.VAPJ75PS.js.map → chunk.7FWTBD6Y.js.map} +0 -0
- package/dist/esm/chunks/{chunk.KCK3G74Y.js → chunk.7UAH67PT.js} +2 -2
- package/dist/esm/chunks/{chunk.KCK3G74Y.js.map → chunk.7UAH67PT.js.map} +2 -2
- package/dist/esm/chunks/{chunk.BORNGK7Q.js → chunk.ANME7BKM.js} +2 -2
- package/dist/esm/chunks/{chunk.BORNGK7Q.js.map → chunk.ANME7BKM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.5INCRYSV.js → chunk.BEAJZPWS.js} +2 -2
- package/dist/esm/chunks/{chunk.5INCRYSV.js.map → chunk.BEAJZPWS.js.map} +0 -0
- package/dist/esm/chunks/{chunk.Y2ORADJS.js → chunk.BVGJFMEG.js} +8 -8
- package/dist/esm/chunks/{chunk.Y2ORADJS.js.map → chunk.BVGJFMEG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.L65L5VJ6.js → chunk.C73AZRT4.js} +4 -4
- package/dist/esm/chunks/{chunk.L65L5VJ6.js.map → chunk.C73AZRT4.js.map} +2 -2
- package/dist/esm/chunks/{chunk.4ZBBOR4H.js → chunk.CLEUHAZ6.js} +2 -2
- package/dist/esm/chunks/{chunk.4ZBBOR4H.js.map → chunk.CLEUHAZ6.js.map} +2 -2
- package/dist/esm/chunks/{chunk.V3FSZDTW.js → chunk.CMXAORYF.js} +5 -5
- package/dist/esm/chunks/{chunk.V3FSZDTW.js.map → chunk.CMXAORYF.js.map} +2 -2
- package/dist/esm/chunks/{chunk.U35QQZVK.js → chunk.D33KLIFD.js} +1 -1
- package/dist/esm/chunks/{chunk.U35QQZVK.js.map → chunk.D33KLIFD.js.map} +2 -2
- package/dist/esm/chunks/{chunk.5EEEKOOK.js → chunk.DLF5JAQO.js} +1 -1
- package/dist/esm/chunks/{chunk.5EEEKOOK.js.map → chunk.DLF5JAQO.js.map} +2 -2
- package/dist/esm/chunks/{chunk.ZUM5YLB2.js → chunk.E26BROOG.js} +1 -1
- package/dist/esm/chunks/{chunk.ZUM5YLB2.js.map → chunk.E26BROOG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.UM3J4AZ7.js → chunk.EBC2HGO3.js} +4 -4
- package/dist/esm/chunks/chunk.EBC2HGO3.js.map +7 -0
- package/dist/esm/chunks/{chunk.YCW56AVX.js → chunk.FJJVIMZ2.js} +1 -1
- package/dist/esm/chunks/{chunk.YCW56AVX.js.map → chunk.FJJVIMZ2.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HHHMDDTU.js → chunk.FZ6KICMD.js} +1 -1
- package/dist/esm/chunks/{chunk.HHHMDDTU.js.map → chunk.FZ6KICMD.js.map} +2 -2
- package/dist/esm/chunks/{chunk.D4VIYWFB.js → chunk.GHZ75UPO.js} +3 -3
- package/dist/esm/chunks/{chunk.D4VIYWFB.js.map → chunk.GHZ75UPO.js.map} +2 -2
- package/dist/esm/chunks/{chunk.SJZ54RE3.js → chunk.GL72QT42.js} +1 -1
- package/dist/esm/chunks/{chunk.SJZ54RE3.js.map → chunk.GL72QT42.js.map} +2 -2
- package/dist/esm/chunks/{chunk.PCYIY5OY.js → chunk.GNAIKBO6.js} +2 -2
- package/dist/esm/chunks/{chunk.PCYIY5OY.js.map → chunk.GNAIKBO6.js.map} +2 -2
- package/dist/esm/chunks/{chunk.IWXT6VVJ.js → chunk.GOWHXADJ.js} +15 -1
- package/dist/esm/chunks/chunk.GOWHXADJ.js.map +7 -0
- package/dist/esm/chunks/{chunk.G6FY472A.js → chunk.GWNR3UUX.js} +2 -2
- package/dist/esm/chunks/{chunk.G6FY472A.js.map → chunk.GWNR3UUX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.2NUAEZY7.js → chunk.GXTNND2M.js} +1 -1
- package/dist/esm/chunks/{chunk.2NUAEZY7.js.map → chunk.GXTNND2M.js.map} +2 -2
- package/dist/esm/chunks/{chunk.YJ5X3WZ4.js → chunk.HASAPJMX.js} +1 -1
- package/dist/esm/chunks/{chunk.YJ5X3WZ4.js.map → chunk.HASAPJMX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.EWQENJ4W.js → chunk.HMM7PGGZ.js} +2 -2
- package/dist/esm/chunks/{chunk.EWQENJ4W.js.map → chunk.HMM7PGGZ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.IYOZSEZ3.js → chunk.I6PJGNJS.js} +2 -2
- package/dist/esm/chunks/{chunk.IYOZSEZ3.js.map → chunk.I6PJGNJS.js.map} +2 -2
- package/dist/esm/chunks/{chunk.3ZKORL4I.js → chunk.I7BQUB7Z.js} +2 -2
- package/dist/esm/chunks/chunk.I7BQUB7Z.js.map +7 -0
- package/dist/esm/chunks/{chunk.XY3ZHN7Y.js → chunk.IBED5TWL.js} +1 -1
- package/dist/esm/chunks/{chunk.XY3ZHN7Y.js.map → chunk.IBED5TWL.js.map} +2 -2
- package/dist/esm/chunks/{chunk.47D77ELY.js → chunk.IGBDDH3J.js} +6 -6
- package/dist/esm/chunks/{chunk.47D77ELY.js.map → chunk.IGBDDH3J.js.map} +0 -0
- package/dist/esm/chunks/{chunk.RF5UPII7.js → chunk.IJW2YKP3.js} +13 -13
- package/dist/esm/chunks/{chunk.RF5UPII7.js.map → chunk.IJW2YKP3.js.map} +2 -2
- package/dist/esm/chunks/{chunk.5CZWANU6.js → chunk.ITQ55IPH.js} +4 -4
- package/dist/esm/chunks/{chunk.5CZWANU6.js.map → chunk.ITQ55IPH.js.map} +2 -2
- package/dist/esm/chunks/{chunk.IBH5GL7A.js → chunk.IUNON3UL.js} +2 -2
- package/dist/esm/chunks/{chunk.IBH5GL7A.js.map → chunk.IUNON3UL.js.map} +2 -2
- package/dist/esm/chunks/{chunk.5VNEDRVC.js → chunk.J5NUYQ4D.js} +6 -6
- package/dist/esm/chunks/{chunk.5VNEDRVC.js.map → chunk.J5NUYQ4D.js.map} +0 -0
- package/dist/esm/chunks/{chunk.DWURTRGM.js → chunk.JC2PZ4TS.js} +8 -8
- package/dist/esm/chunks/{chunk.DWURTRGM.js.map → chunk.JC2PZ4TS.js.map} +2 -2
- package/dist/esm/chunks/{chunk.7M3P4QES.js → chunk.JUXKYUD4.js} +9 -9
- package/dist/esm/chunks/{chunk.7M3P4QES.js.map → chunk.JUXKYUD4.js.map} +2 -2
- package/dist/esm/chunks/{chunk.6V463G4I.js → chunk.KCVJDJ6K.js} +1 -1
- package/dist/esm/chunks/{chunk.6V463G4I.js.map → chunk.KCVJDJ6K.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DKHOY6QU.js → chunk.KNR5DXE4.js} +2 -2
- package/dist/esm/chunks/{chunk.DKHOY6QU.js.map → chunk.KNR5DXE4.js.map} +2 -2
- package/dist/esm/chunks/{chunk.C64YUJHS.js → chunk.L344BPCW.js} +2 -2
- package/dist/esm/chunks/{chunk.C64YUJHS.js.map → chunk.L344BPCW.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HWWCD755.js → chunk.L4OUV7W6.js} +5 -5
- package/dist/esm/chunks/{chunk.HWWCD755.js.map → chunk.L4OUV7W6.js.map} +2 -2
- package/dist/esm/chunks/{chunk.EQCPRLUV.js → chunk.LHWZ4KZU.js} +3 -3
- package/dist/esm/chunks/{chunk.EQCPRLUV.js.map → chunk.LHWZ4KZU.js.map} +2 -2
- package/dist/esm/chunks/{chunk.KQB2BYBK.js → chunk.LK2DN5KX.js} +4 -4
- package/dist/esm/chunks/{chunk.KQB2BYBK.js.map → chunk.LK2DN5KX.js.map} +2 -2
- package/dist/esm/chunks/{chunk.7G2S3DCM.js → chunk.LX2HDAIF.js} +2 -2
- package/dist/esm/chunks/{chunk.7G2S3DCM.js.map → chunk.LX2HDAIF.js.map} +2 -2
- package/dist/esm/chunks/{chunk.YDPSV74L.js → chunk.M3O5VPDD.js} +3 -3
- package/dist/esm/chunks/{chunk.YDPSV74L.js.map → chunk.M3O5VPDD.js.map} +0 -0
- package/dist/esm/chunks/{chunk.NJRPAX7P.js → chunk.MBZLA635.js} +30 -29
- package/dist/esm/chunks/chunk.MBZLA635.js.map +7 -0
- package/dist/esm/chunks/{chunk.XJVLHRVJ.js → chunk.MF3IZXQG.js} +2 -2
- package/dist/esm/chunks/{chunk.XJVLHRVJ.js.map → chunk.MF3IZXQG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HFELDK4X.js → chunk.MUP3NY6M.js} +9 -9
- package/dist/esm/chunks/{chunk.HFELDK4X.js.map → chunk.MUP3NY6M.js.map} +2 -2
- package/dist/esm/chunks/{chunk.2F6PST3N.js → chunk.OXS2O7RG.js} +1 -1
- package/dist/esm/chunks/{chunk.2F6PST3N.js.map → chunk.OXS2O7RG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.RMVJBNCY.js → chunk.PKZ43JNW.js} +4 -4
- package/dist/esm/chunks/{chunk.RMVJBNCY.js.map → chunk.PKZ43JNW.js.map} +2 -2
- package/dist/esm/chunks/{chunk.3VR7VHL5.js → chunk.PM7D2SUE.js} +1 -1
- package/dist/esm/chunks/{chunk.3VR7VHL5.js.map → chunk.PM7D2SUE.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WAJDLUSQ.js → chunk.QHHYCB7N.js} +1 -1
- package/dist/esm/chunks/{chunk.WAJDLUSQ.js.map → chunk.QHHYCB7N.js.map} +2 -2
- package/dist/esm/chunks/{chunk.I5JCM7RT.js → chunk.QWW6A7AF.js} +6 -6
- package/dist/esm/chunks/{chunk.I5JCM7RT.js.map → chunk.QWW6A7AF.js.map} +2 -2
- package/dist/esm/chunks/{chunk.OYO6NUZY.js → chunk.QXZZ2MTF.js} +1 -1
- package/dist/esm/chunks/{chunk.OYO6NUZY.js.map → chunk.QXZZ2MTF.js.map} +2 -2
- package/dist/esm/chunks/{chunk.P477KUJ4.js → chunk.QYWAZCBX.js} +3 -3
- package/dist/esm/chunks/chunk.QYWAZCBX.js.map +7 -0
- package/dist/esm/chunks/{chunk.Y2TDQIA4.js → chunk.RD4RIFOZ.js} +1 -1
- package/dist/esm/chunks/{chunk.Y2TDQIA4.js.map → chunk.RD4RIFOZ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.YKNYR3NX.js → chunk.RL7ZFLMG.js} +6 -6
- package/dist/esm/chunks/{chunk.YKNYR3NX.js.map → chunk.RL7ZFLMG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.VEC77KBM.js → chunk.S3UVF647.js} +2 -2
- package/dist/esm/chunks/{chunk.VEC77KBM.js.map → chunk.S3UVF647.js.map} +2 -2
- package/dist/esm/chunks/{chunk.RWCC6E4O.js → chunk.THKWQXBJ.js} +1 -1
- package/dist/esm/chunks/{chunk.RWCC6E4O.js.map → chunk.THKWQXBJ.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DVYPTR7X.js → chunk.TIUNGGBF.js} +4 -4
- package/dist/esm/chunks/{chunk.DVYPTR7X.js.map → chunk.TIUNGGBF.js.map} +0 -0
- package/dist/esm/chunks/{chunk.ZPABBQEA.js → chunk.TM46MNYN.js} +4 -4
- package/dist/esm/chunks/{chunk.ZPABBQEA.js.map → chunk.TM46MNYN.js.map} +2 -2
- package/dist/esm/chunks/{chunk.7XGNGXLR.js → chunk.TYU4RLZG.js} +1 -1
- package/dist/esm/chunks/{chunk.7XGNGXLR.js.map → chunk.TYU4RLZG.js.map} +2 -2
- package/dist/esm/chunks/{chunk.MSCWHFJZ.js → chunk.U37G47LH.js} +8 -8
- package/dist/esm/chunks/{chunk.MSCWHFJZ.js.map → chunk.U37G47LH.js.map} +2 -2
- package/dist/esm/chunks/{chunk.OZAKUOZA.js → chunk.U5ECVIX5.js} +5 -5
- package/dist/esm/chunks/{chunk.OZAKUOZA.js.map → chunk.U5ECVIX5.js.map} +2 -2
- package/dist/esm/chunks/{chunk.O7DYWQD7.js → chunk.UPW5HUKB.js} +5 -5
- package/dist/esm/chunks/{chunk.O7DYWQD7.js.map → chunk.UPW5HUKB.js.map} +2 -2
- package/dist/esm/chunks/{chunk.NL6CT7BU.js → chunk.UQ3QTUUB.js} +2 -2
- package/dist/esm/chunks/{chunk.NL6CT7BU.js.map → chunk.UQ3QTUUB.js.map} +2 -2
- package/dist/esm/chunks/{chunk.JVQP6BJ3.js → chunk.V2ELLBDP.js} +1 -1
- package/dist/esm/chunks/{chunk.JVQP6BJ3.js.map → chunk.V2ELLBDP.js.map} +2 -2
- package/dist/esm/chunks/{chunk.2LQMHAC7.js → chunk.V6Q2SM6Y.js} +1 -1
- package/dist/esm/chunks/{chunk.2LQMHAC7.js.map → chunk.V6Q2SM6Y.js.map} +2 -2
- package/dist/esm/chunks/{chunk.U7HKGOBR.js → chunk.VXAPRFMK.js} +4 -4
- package/dist/esm/chunks/{chunk.U7HKGOBR.js.map → chunk.VXAPRFMK.js.map} +2 -2
- package/dist/esm/chunks/{chunk.H3WRHPWA.js → chunk.VXVE7KEM.js} +4 -4
- package/dist/esm/chunks/{chunk.H3WRHPWA.js.map → chunk.VXVE7KEM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.P7NOYP4O.js → chunk.WDD2GTIH.js} +1 -1
- package/dist/esm/chunks/{chunk.P7NOYP4O.js.map → chunk.WDD2GTIH.js.map} +2 -2
- package/dist/esm/chunks/{chunk.RNPIV3BY.js → chunk.WNVZQDNS.js} +1 -1
- package/dist/esm/chunks/{chunk.RNPIV3BY.js.map → chunk.WNVZQDNS.js.map} +2 -2
- package/dist/esm/chunks/{chunk.V6TRG2CM.js → chunk.WSH4S3GM.js} +2 -2
- package/dist/esm/chunks/{chunk.V6TRG2CM.js.map → chunk.WSH4S3GM.js.map} +2 -2
- package/dist/esm/chunks/{chunk.HVD3BBQG.js → chunk.XHMNHBZD.js} +2 -2
- package/dist/esm/chunks/{chunk.HVD3BBQG.js.map → chunk.XHMNHBZD.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DB7ZQBES.js → chunk.YL2NAVJW.js} +1 -1
- package/dist/esm/chunks/{chunk.DB7ZQBES.js.map → chunk.YL2NAVJW.js.map} +2 -2
- package/dist/esm/chunks/{chunk.FF2RETWV.js → chunk.ZLF2G3YT.js} +11 -11
- package/dist/esm/chunks/{chunk.FF2RETWV.js.map → chunk.ZLF2G3YT.js.map} +2 -2
- package/dist/esm/chunks/{chunk.EKIW7VYG.js → chunk.ZXIDTDRC.js} +1 -1
- package/dist/esm/chunks/{chunk.EKIW7VYG.js.map → chunk.ZXIDTDRC.js.map} +2 -2
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +7 -6
- package/dist/esm/core/index.js +5 -1
- package/dist/esm/core/utils/index.js +5 -1
- package/dist/esm/date-picker/index.js +14 -13
- package/dist/esm/date-range-picker/index.js +14 -13
- package/dist/esm/dialog/index.js +10 -9
- package/dist/esm/divider/index.js +1 -1
- package/dist/esm/drawer/base/index.js +2 -1
- package/dist/esm/drawer/drawer/index.js +3 -2
- package/dist/esm/drawer/index.js +6 -5
- package/dist/esm/drawer/mini-drawer/index.js +3 -2
- package/dist/esm/drawer/modal-drawer/index.js +4 -3
- package/dist/esm/expansion-panel/index.js +5 -4
- package/dist/esm/file-picker/index.js +5 -4
- package/dist/esm/floating-action-button/index.js +2 -2
- package/dist/esm/icon/index.js +3 -2
- package/dist/esm/icon-button/index.js +5 -4
- package/dist/esm/index.js +90 -86
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +3 -3
- package/dist/esm/list/list/index.js +3 -3
- package/dist/esm/list/list-item/index.js +2 -2
- package/dist/esm/list-dropdown/index.js +10 -9
- package/dist/esm/menu/index.js +13 -12
- package/dist/esm/open-icon/index.js +4 -3
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +23 -22
- package/dist/esm/popup/index.js +1 -1
- package/dist/esm/product-icon/index.js +1 -1
- package/dist/esm/profile-card/index.js +7 -6
- package/dist/esm/quantity-field/index.js +6 -5
- package/dist/esm/radio/index.js +2 -2
- package/dist/esm/ripple/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +14 -13
- package/dist/esm/select/index.js +21 -20
- 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 +19 -18
- package/dist/esm/select/select-dropdown/index.js +19 -18
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +3 -2
- package/dist/esm/stepper/index.js +6 -5
- package/dist/esm/stepper/step/index.js +5 -4
- package/dist/esm/stepper/stepper/index.js +6 -5
- package/dist/esm/switch/index.js +3 -2
- package/dist/esm/table/index.js +9 -8
- package/dist/esm/tabs/index.js +8 -7
- package/dist/esm/tabs/tab/index.js +3 -3
- package/dist/esm/tabs/tab-bar/index.js +7 -6
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +18 -17
- package/dist/esm/toast/index.js +7 -6
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/view-switcher/index.js +2 -2
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/esm/accordion/accordion.d.ts +2 -0
- package/esm/accordion/accordion.js +2 -0
- package/esm/app-bar/app-bar.d.ts +5 -1
- package/esm/app-bar/app-bar.js +5 -1
- package/esm/app-bar/help-button/app-bar-help-button.d.ts +5 -0
- package/esm/app-bar/help-button/app-bar-help-button.js +5 -0
- package/esm/app-bar/menu-button/app-bar-menu-button.d.ts +5 -0
- package/esm/app-bar/menu-button/app-bar-menu-button.js +5 -0
- package/esm/app-bar/notification-button/app-bar-notification-button.d.ts +5 -0
- package/esm/app-bar/notification-button/app-bar-notification-button.js +5 -0
- package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +5 -0
- package/esm/app-bar/profile-button/app-bar-profile-button.js +5 -0
- package/esm/app-bar/search/app-bar-search.d.ts +26 -0
- package/esm/app-bar/search/app-bar-search.js +26 -0
- package/esm/autocomplete/autocomplete.d.ts +2 -0
- package/esm/autocomplete/autocomplete.js +2 -0
- package/esm/avatar/avatar.d.ts +2 -0
- package/esm/avatar/avatar.js +2 -0
- package/esm/backdrop/backdrop.d.ts +2 -0
- package/esm/backdrop/backdrop.js +2 -0
- package/esm/badge/badge.d.ts +5 -0
- package/esm/badge/badge.js +5 -0
- package/esm/banner/banner.d.ts +2 -0
- package/esm/banner/banner.js +2 -0
- package/esm/bottom-sheet/bottom-sheet.d.ts +5 -0
- package/esm/bottom-sheet/bottom-sheet.js +5 -0
- package/esm/busy-indicator/busy-indicator.d.ts +5 -1
- package/esm/busy-indicator/busy-indicator.js +5 -1
- package/esm/button/button.d.ts +2 -0
- package/esm/button/button.js +2 -0
- package/esm/button-toggle/button-toggle/button-toggle.d.ts +5 -0
- package/esm/button-toggle/button-toggle/button-toggle.js +5 -0
- package/esm/button-toggle/button-toggle-group/button-toggle-group.d.ts +5 -0
- package/esm/button-toggle/button-toggle-group/button-toggle-group.js +5 -0
- package/esm/calendar/calendar-menu/calendar-menu.d.ts +6 -0
- package/esm/calendar/calendar-menu/calendar-menu.js +6 -0
- package/esm/calendar/calendar.d.ts +5 -0
- package/esm/calendar/calendar.js +5 -0
- package/esm/card/card.d.ts +5 -1
- package/esm/card/card.js +5 -1
- package/esm/checkbox/checkbox.d.ts +2 -0
- package/esm/checkbox/checkbox.js +2 -0
- package/esm/chip-field/chip-field.d.ts +5 -0
- package/esm/chip-field/chip-field.js +5 -0
- package/esm/chips/chip/chip.d.ts +2 -0
- package/esm/chips/chip/chip.js +2 -0
- package/esm/chips/chip-set/chip-set.d.ts +5 -0
- package/esm/chips/chip-set/chip-set.js +5 -0
- package/esm/circular-progress/circular-progress.d.ts +5 -0
- package/esm/circular-progress/circular-progress.js +5 -0
- package/esm/color-picker/color-picker.d.ts +5 -0
- package/esm/color-picker/color-picker.js +5 -0
- package/esm/core/utils/event-utils.d.ts +12 -0
- package/esm/core/utils/event-utils.js +16 -0
- package/esm/core/utils/index.d.ts +1 -0
- package/esm/core/utils/index.js +1 -0
- package/esm/date-picker/date-picker.d.ts +5 -1
- package/esm/date-picker/date-picker.js +5 -1
- package/esm/date-range-picker/date-range-picker.d.ts +5 -1
- package/esm/date-range-picker/date-range-picker.js +5 -1
- package/esm/dialog/dialog.d.ts +5 -0
- package/esm/dialog/dialog.js +5 -0
- package/esm/divider/divider.d.ts +2 -0
- package/esm/divider/divider.js +2 -0
- package/esm/drawer/base/base-drawer-adapter.d.ts +5 -0
- package/esm/drawer/base/base-drawer-adapter.js +13 -0
- package/esm/drawer/base/base-drawer-foundation.js +2 -0
- package/esm/drawer/drawer/drawer.d.ts +5 -0
- package/esm/drawer/drawer/drawer.js +5 -0
- package/esm/drawer/mini-drawer/mini-drawer.d.ts +5 -0
- package/esm/drawer/mini-drawer/mini-drawer.js +5 -0
- package/esm/drawer/modal-drawer/modal-drawer.d.ts +5 -0
- package/esm/drawer/modal-drawer/modal-drawer.js +5 -0
- package/esm/expansion-panel/expansion-panel.d.ts +2 -0
- package/esm/expansion-panel/expansion-panel.js +2 -0
- package/esm/file-picker/file-picker.d.ts +5 -0
- package/esm/file-picker/file-picker.js +5 -0
- package/esm/floating-action-button/floating-action-button.d.ts +5 -1
- package/esm/floating-action-button/floating-action-button.js +5 -1
- package/esm/icon/icon.d.ts +5 -0
- package/esm/icon/icon.js +5 -0
- package/esm/icon-button/icon-button.d.ts +2 -0
- package/esm/icon-button/icon-button.js +2 -0
- package/esm/inline-message/inline-message.d.ts +5 -0
- package/esm/inline-message/inline-message.js +5 -0
- package/esm/keyboard-shortcut/keyboard-shortcut.d.ts +5 -0
- package/esm/keyboard-shortcut/keyboard-shortcut.js +5 -0
- package/esm/label-value/label-value.d.ts +5 -0
- package/esm/label-value/label-value.js +6 -1
- package/esm/linear-progress/linear-progress.d.ts +5 -0
- package/esm/linear-progress/linear-progress.js +5 -0
- package/esm/list/list/list.d.ts +2 -0
- package/esm/list/list/list.js +2 -0
- package/esm/list/list-item/list-item.d.ts +5 -1
- package/esm/list/list-item/list-item.js +5 -1
- package/esm/menu/menu.d.ts +5 -0
- package/esm/menu/menu.js +5 -0
- package/esm/open-icon/open-icon.d.ts +5 -0
- package/esm/open-icon/open-icon.js +5 -0
- package/esm/page-state/page-state.d.ts +5 -0
- package/esm/page-state/page-state.js +5 -0
- package/esm/paginator/paginator.d.ts +2 -0
- package/esm/paginator/paginator.js +2 -0
- package/esm/popup/popup.d.ts +5 -0
- package/esm/popup/popup.js +5 -0
- package/esm/product-icon/product-icon.d.ts +5 -0
- package/esm/product-icon/product-icon.js +5 -0
- package/esm/profile-card/profile-card.d.ts +5 -0
- package/esm/profile-card/profile-card.js +5 -0
- package/esm/quantity-field/quantity-field.d.ts +5 -0
- package/esm/quantity-field/quantity-field.js +5 -0
- package/esm/radio/radio.d.ts +2 -0
- package/esm/radio/radio.js +2 -0
- package/esm/ripple/ripple.d.ts +5 -0
- package/esm/ripple/ripple.js +5 -0
- package/esm/scaffold/scaffold.d.ts +2 -0
- package/esm/scaffold/scaffold.js +2 -0
- package/esm/select/option/option.d.ts +2 -0
- package/esm/select/option/option.js +2 -0
- package/esm/select/option-group/option-group.d.ts +2 -0
- package/esm/select/option-group/option-group.js +2 -0
- package/esm/select/select/select-adapter.js +12 -10
- package/esm/select/select/select-foundation.d.ts +2 -0
- package/esm/select/select/select-foundation.js +6 -2
- package/esm/select/select/select.d.ts +2 -2
- package/esm/select/select/select.js +4 -6
- package/esm/select/select-dropdown/select-dropdown.d.ts +5 -0
- package/esm/select/select-dropdown/select-dropdown.js +5 -0
- package/esm/skeleton/skeleton.d.ts +5 -0
- package/esm/skeleton/skeleton.js +5 -0
- package/esm/slider/slider.d.ts +2 -0
- package/esm/slider/slider.js +2 -0
- package/esm/stepper/step/step.d.ts +5 -0
- package/esm/stepper/step/step.js +5 -0
- package/esm/stepper/stepper/stepper.d.ts +5 -0
- package/esm/stepper/stepper/stepper.js +5 -0
- package/esm/switch/switch.d.ts +2 -0
- package/esm/switch/switch.js +2 -0
- package/esm/table/table.d.ts +3 -1
- package/esm/table/table.js +3 -1
- package/esm/tabs/tab/tab.d.ts +5 -0
- package/esm/tabs/tab/tab.js +5 -0
- package/esm/tabs/tab-bar/tab-bar.d.ts +2 -0
- package/esm/tabs/tab-bar/tab-bar.js +2 -0
- package/esm/text-field/text-field.d.ts +5 -0
- package/esm/text-field/text-field.js +5 -0
- package/esm/time-picker/time-picker.d.ts +5 -0
- package/esm/time-picker/time-picker.js +5 -0
- package/esm/toast/toast.d.ts +2 -0
- package/esm/toast/toast.js +2 -0
- package/esm/toolbar/toolbar.d.ts +5 -0
- package/esm/toolbar/toolbar.js +5 -0
- package/esm/tooltip/tooltip.d.ts +5 -1
- package/esm/tooltip/tooltip.js +5 -1
- package/esm/view-switcher/view/view.d.ts +5 -0
- package/esm/view-switcher/view/view.js +5 -0
- package/esm/view-switcher/view-switcher.d.ts +5 -0
- package/esm/view-switcher/view-switcher.js +5 -0
- package/package.json +3 -2
- package/styles/label-value/_mixins.scss +10 -7
- package/styles/label-value/_variables.scss +1 -0
- package/styles/select/select/_selector.scss +4 -2
- package/styles/select/select/select.scss +4 -0
- package/styles/theme/_theme-values.scss +1 -1
- package/styles/theme/_theme.scss +2 -1
- package/dist/esm/chunks/chunk.3ZKORL4I.js.map +0 -7
- package/dist/esm/chunks/chunk.IWXT6VVJ.js.map +0 -7
- package/dist/esm/chunks/chunk.NJRPAX7P.js.map +0 -7
- package/dist/esm/chunks/chunk.P477KUJ4.js.map +0 -7
- package/dist/esm/chunks/chunk.UM3J4AZ7.js.map +0 -7
- package/styles/label-value/_base.scss +0 -252
- package/styles/label-value/_core.scss +0 -15
- package/styles/label-value/_selector.scss +0 -167
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/text-field/text-field-adapter.ts", "../../src/text-field/text-field-foundation.ts", "../../src/text-field/text-field.ts", "../../src/text-field/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { addClass, listenOwnProperty, getActiveElement, createElementAttributeObserver } from '@tylertech/forge-core';\nimport { ITextFieldComponent } from './text-field';\nimport { FieldAdapter, IFieldAdapter } from '../field/field-adapter';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FIELD_CONSTANTS } from '../field/field-constants';\n\nexport interface ITextFieldAdapter extends IFieldAdapter {\n detectTextarea(): void;\n}\n\nexport class TextFieldAdapter extends FieldAdapter implements ITextFieldAdapter {\n protected _inputElements: Array<HTMLInputElement|HTMLTextAreaElement>;\n protected _inputMutationObserverInstances: MutationObserver[] = [];\n\n constructor(component: ITextFieldComponent) {\n super(component);\n }\n\n public initialize(required: boolean): void {\n super.initialize(required, TEXT_FIELD_CONSTANTS.selectors.ROOT);\n this._inputElements = Array.from(this._component.querySelectorAll('input:not([type=checkbox]):not([type=radio]), textarea'));\n if (this._inputElements.length > 1) {\n this._handleMultiInputs();\n }\n }\n\n public override destroy(): void {\n super.destroy();\n if (this._inputMutationObserverInstances) {\n this._inputMutationObserverInstances.forEach(mo => mo.disconnect());\n }\n }\n\n public detectTextarea(): void {\n this._applyToInputs(input => {\n if (input instanceof HTMLTextAreaElement) {\n this._rootElement.classList.add(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n } else {\n this._rootElement.classList.remove(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n }\n });\n }\n\n public override ensureLabelOrder(): void {\n if (this._labelElement) {\n const children = Array.from(this._component.children);\n if (children.length > 1 && children.indexOf(this._labelElement) < children.indexOf(this._inputElements[0])) {\n this._component.appendChild(this._labelElement);\n }\n }\n }\n\n public override addInputListener(type: string, listener: (evt: Event) => void): void {\n this._applyToInputs(input => input.addEventListener(type, listener));\n }\n public override removeInputListener(type: string, listener: (evt: Event) => void): void {\n if (this._inputElements && this._inputElements.length > 0) {\n this._applyToInputs(input => input.removeEventListener(type, listener));\n }\n }\n\n public override setValueChangedListener(context: any, listener: (value: any) => void): void {\n this.destroyValueChangeListener();\n this._applyToInputs(input => {\n const destroyListener = listenOwnProperty(context, input, 'value', listener);\n this._valueChangeListeners.push(destroyListener);\n });\n }\n\n public override inputHasValue(): boolean {\n return this._inputsSome(input => input.value ? input.value.trim().length > 0 : false);\n }\n\n public override hasPlaceholder(): boolean {\n return this._inputsSome(input => input.placeholder ? input.placeholder.trim().length > 0 : false);\n }\n\n public override inputHasFocus(): boolean {\n return this._inputsSome(input => input === getActiveElement());\n }\n\n public override setInputClass(className: string): void {\n this._applyToInputs(input => input.classList.add(className));\n }\n\n public override removeInputClass(className: string): void {\n this._applyToInputs(input => input.classList.remove(className));\n }\n\n public override setInputAttributeObserver(listener: (name: string, value: string) => void): void {\n this._applyToInputs(input => {\n const observer = createElementAttributeObserver(input, listener, FIELD_CONSTANTS.observedInputAttributes);\n this._inputMutationObserverInstances.push(observer);\n });\n }\n\n public override isDisabled(): boolean {\n return this._inputsSome(input => input.hasAttribute('disabled'));\n }\n\n public override isReadonly(): boolean {\n return this._inputsSome(input => input.hasAttribute('readonly'));\n }\n\n protected _inputsSome(action: (input: HTMLInputElement) => boolean): boolean {\n return this._inputElements.some(action);\n }\n\n protected _applyToInputs(action: (input: HTMLInputElement, index: number) => void): void {\n this._inputElements.forEach(action);\n }\n\n protected _handleMultiInputs(): void {\n addClass(TEXT_FIELD_CONSTANTS.classes.MULTI_INPUT, this._rootElement);\n this._applyToInputs((input, index) => {\n input.setAttribute(`${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-${index.toString()}`, '');\n if (index % 2 !== 1) {\n Promise.resolve().then(() => input.insertAdjacentElement('afterend', this._createSeperatorElement()));\n }\n });\n }\n\n private _createSeperatorElement(): HTMLElement {\n const divider = document.createElement('span');\n divider.setAttribute(TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT_SEPARATOR, '');\n divider.textContent = '-';\n return divider;\n }\n}\n", "import { ITextFieldAdapter } from './text-field-adapter';\nimport { FieldFoundation, IFieldFoundation } from '../field/field-foundation';\n\nexport interface ITextFieldFoundation extends IFieldFoundation {}\n\nexport class TextFieldFoundation extends FieldFoundation implements ITextFieldFoundation {\n constructor(protected _adapter: ITextFieldAdapter) {\n super(_adapter);\n }\n\n public initialize(): void {\n super.initialize();\n this._adapter.detectTextarea();\n }\n}\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { TextFieldAdapter } from './text-field-adapter';\nimport { TextFieldFoundation } from './text-field-foundation';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FieldComponent, IFieldComponent } from '../field/field';\n\nconst template = '<template><div class=\\\"forge-text-field__wrapper\\\" part=\\\"root\\\"><div class=\\\"forge-text-field forge-field\\\" part=\\\"container\\\"><div class=\\\"forge-text-field__leading-container\\\" part=\\\"leading-container\\\"><slot name=\\\"leading\\\"></slot></div><div class=\\\"forge-field__label-input-container\\\" part=\\\"label-input-container\\\"><slot></slot><slot name=\\\"label\\\"></slot></div><slot name=\\\"trailing\\\"></slot><div class=\\\"forge-field__addon-end-container\\\" part=\\\"addon-end-container\\\"><slot name=\\\"addon-end\\\"></slot></div></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-field::before{content:\\\"\\\";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-text-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field ::slotted(input){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem}.forge-field ::slotted(input){padding:0 12px}.forge-field--label ::slotted(input){padding-top:24px}.forge-field--roomy.forge-field--label ::slotted(input){padding-top:29px}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(input){padding-left:32px}.forge-field--leading ::slotted(input){padding-left:0}.forge-field--label ::slotted(input){padding-bottom:3px}.forge-field--roomy.forge-field--label ::slotted(input){padding-bottom:8px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) ::slotted(input){padding-right:32px}.forge-field--addon-end ::slotted(input),.forge-field--trailing ::slotted(input){padding-right:0}.forge-field~::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);display:block;height:auto}.forge-field~::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-text-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-text-field-margin-top,0)}.forge-text-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-text-field:not(.forge-text-field--textarea):not(.forge-field--dense):not(.forge-field--roomy){height:3rem;height:var(--forge-text-field-height,3rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--roomy:not(.forge-field--dense){height:3.5rem;height:var(--forge-text-field-height,3.5rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--dense:not(.forge-field--roomy){height:1.5rem;height:var(--forge-text-field-height,1.5rem)}.forge-text-field__leading-container{display:-webkit-box;display:flex;align-self:center}.forge-text-field--multi-input ::slotted(input:first-of-type){padding-right:0;max-width:110px;min-width:110px;width:110px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-webkit-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-moz-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type):-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted([data-forge-multi-input-separator]){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));border:transparent}.forge-text-field--multi-input.forge-field--label ::slotted([data-forge-multi-input-separator]){margin:20px 0 0 4px}.forge-text-field--multi-input:not(.forge-field--label) ::slotted([data-forge-multi-input-separator]){margin:0 0 0 4px}.forge-text-field.forge-text-field--textarea{height:auto;padding-right:2px;min-height:3rem;min-height:var(--forge-text-field-height,3rem)}.forge-text-field.forge-text-field--textarea ::slotted(textarea){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0;font-size:1rem;margin:28px 0 0;padding:0 12px 8px;overflow:auto;resize:vertical}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-webkit-autofill{z-index:auto!important}.forge-text-field.forge-text-field--textarea:not(.forge-field--disabled) ::slotted(textarea){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-text-field.forge-text-field--textarea.forge-field--disabled ::slotted(textarea){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}:host{display:block;contain:layout}:host([hidden]){display:none}';\n\nexport interface ITextFieldComponent extends IFieldComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-text-field': ITextFieldComponent;\n }\n}\n\n@CustomElement({\n name: TEXT_FIELD_CONSTANTS.elementName\n})\nexport class TextFieldComponent extends FieldComponent<TextFieldFoundation> implements ITextFieldComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new TextFieldFoundation(new TextFieldAdapter(this));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { TextFieldComponent } from './text-field';\n\nexport * from './text-field-adapter';\nexport * from './text-field-component-delegate';\nexport * from './text-field-constants';\nexport * from './text-field-foundation';\nexport * from './text-field';\n\nexport function defineTextFieldComponent(): void {\n defineCustomElement(TextFieldComponent);\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { addClass, listenOwnProperty, getActiveElement, createElementAttributeObserver } from '@tylertech/forge-core';\nimport { ITextFieldComponent } from './text-field';\nimport { FieldAdapter, IFieldAdapter } from '../field/field-adapter';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FIELD_CONSTANTS } from '../field/field-constants';\n\nexport interface ITextFieldAdapter extends IFieldAdapter {\n detectTextarea(): void;\n}\n\nexport class TextFieldAdapter extends FieldAdapter implements ITextFieldAdapter {\n protected _inputElements: Array<HTMLInputElement|HTMLTextAreaElement>;\n protected _inputMutationObserverInstances: MutationObserver[] = [];\n\n constructor(component: ITextFieldComponent) {\n super(component);\n }\n\n public initialize(required: boolean): void {\n super.initialize(required, TEXT_FIELD_CONSTANTS.selectors.ROOT);\n this._inputElements = Array.from(this._component.querySelectorAll('input:not([type=checkbox]):not([type=radio]), textarea'));\n if (this._inputElements.length > 1) {\n this._handleMultiInputs();\n }\n }\n\n public override destroy(): void {\n super.destroy();\n if (this._inputMutationObserverInstances) {\n this._inputMutationObserverInstances.forEach(mo => mo.disconnect());\n }\n }\n\n public detectTextarea(): void {\n this._applyToInputs(input => {\n if (input instanceof HTMLTextAreaElement) {\n this._rootElement.classList.add(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n } else {\n this._rootElement.classList.remove(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n }\n });\n }\n\n public override ensureLabelOrder(): void {\n if (this._labelElement) {\n const children = Array.from(this._component.children);\n if (children.length > 1 && children.indexOf(this._labelElement) < children.indexOf(this._inputElements[0])) {\n this._component.appendChild(this._labelElement);\n }\n }\n }\n\n public override addInputListener(type: string, listener: (evt: Event) => void): void {\n this._applyToInputs(input => input.addEventListener(type, listener));\n }\n public override removeInputListener(type: string, listener: (evt: Event) => void): void {\n if (this._inputElements && this._inputElements.length > 0) {\n this._applyToInputs(input => input.removeEventListener(type, listener));\n }\n }\n\n public override setValueChangedListener(context: any, listener: (value: any) => void): void {\n this.destroyValueChangeListener();\n this._applyToInputs(input => {\n const destroyListener = listenOwnProperty(context, input, 'value', listener);\n this._valueChangeListeners.push(destroyListener);\n });\n }\n\n public override inputHasValue(): boolean {\n return this._inputsSome(input => input.value ? input.value.trim().length > 0 : false);\n }\n\n public override hasPlaceholder(): boolean {\n return this._inputsSome(input => input.placeholder ? input.placeholder.trim().length > 0 : false);\n }\n\n public override inputHasFocus(): boolean {\n return this._inputsSome(input => input === getActiveElement());\n }\n\n public override setInputClass(className: string): void {\n this._applyToInputs(input => input.classList.add(className));\n }\n\n public override removeInputClass(className: string): void {\n this._applyToInputs(input => input.classList.remove(className));\n }\n\n public override setInputAttributeObserver(listener: (name: string, value: string) => void): void {\n this._applyToInputs(input => {\n const observer = createElementAttributeObserver(input, listener, FIELD_CONSTANTS.observedInputAttributes);\n this._inputMutationObserverInstances.push(observer);\n });\n }\n\n public override isDisabled(): boolean {\n return this._inputsSome(input => input.hasAttribute('disabled'));\n }\n\n public override isReadonly(): boolean {\n return this._inputsSome(input => input.hasAttribute('readonly'));\n }\n\n protected _inputsSome(action: (input: HTMLInputElement) => boolean): boolean {\n return this._inputElements.some(action);\n }\n\n protected _applyToInputs(action: (input: HTMLInputElement, index: number) => void): void {\n this._inputElements.forEach(action);\n }\n\n protected _handleMultiInputs(): void {\n addClass(TEXT_FIELD_CONSTANTS.classes.MULTI_INPUT, this._rootElement);\n this._applyToInputs((input, index) => {\n input.setAttribute(`${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-${index.toString()}`, '');\n if (index % 2 !== 1) {\n Promise.resolve().then(() => input.insertAdjacentElement('afterend', this._createSeperatorElement()));\n }\n });\n }\n\n private _createSeperatorElement(): HTMLElement {\n const divider = document.createElement('span');\n divider.setAttribute(TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT_SEPARATOR, '');\n divider.textContent = '-';\n return divider;\n }\n}\n", "import { ITextFieldAdapter } from './text-field-adapter';\nimport { FieldFoundation, IFieldFoundation } from '../field/field-foundation';\n\nexport interface ITextFieldFoundation extends IFieldFoundation {}\n\nexport class TextFieldFoundation extends FieldFoundation implements ITextFieldFoundation {\n constructor(protected _adapter: ITextFieldAdapter) {\n super(_adapter);\n }\n\n public initialize(): void {\n super.initialize();\n this._adapter.detectTextarea();\n }\n}\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { TextFieldAdapter } from './text-field-adapter';\nimport { TextFieldFoundation } from './text-field-foundation';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FieldComponent, IFieldComponent } from '../field/field';\n\nconst template = '<template><div class=\\\"forge-text-field__wrapper\\\" part=\\\"root\\\"><div class=\\\"forge-text-field forge-field\\\" part=\\\"container\\\"><div class=\\\"forge-text-field__leading-container\\\" part=\\\"leading-container\\\"><slot name=\\\"leading\\\"></slot></div><div class=\\\"forge-field__label-input-container\\\" part=\\\"label-input-container\\\"><slot></slot><slot name=\\\"label\\\"></slot></div><slot name=\\\"trailing\\\"></slot><div class=\\\"forge-field__addon-end-container\\\" part=\\\"addon-end-container\\\"><slot name=\\\"addon-end\\\"></slot></div></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-field::before{content:\\\"\\\";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-text-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field ::slotted(input){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem}.forge-field ::slotted(input){padding:0 12px}.forge-field--label ::slotted(input){padding-top:24px}.forge-field--roomy.forge-field--label ::slotted(input){padding-top:29px}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(input){padding-left:32px}.forge-field--leading ::slotted(input){padding-left:0}.forge-field--label ::slotted(input){padding-bottom:3px}.forge-field--roomy.forge-field--label ::slotted(input){padding-bottom:8px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) ::slotted(input){padding-right:32px}.forge-field--addon-end ::slotted(input),.forge-field--trailing ::slotted(input){padding-right:0}.forge-field~::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);display:block;height:auto}.forge-field~::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-text-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-text-field-margin-top,0)}.forge-text-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-text-field:not(.forge-text-field--textarea):not(.forge-field--dense):not(.forge-field--roomy){height:3rem;height:var(--forge-text-field-height,3rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--roomy:not(.forge-field--dense){height:3.5rem;height:var(--forge-text-field-height,3.5rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--dense:not(.forge-field--roomy){height:1.5rem;height:var(--forge-text-field-height,1.5rem)}.forge-text-field__leading-container{display:-webkit-box;display:flex;align-self:center}.forge-text-field--multi-input ::slotted(input:first-of-type){padding-right:0;max-width:110px;min-width:110px;width:110px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-webkit-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-moz-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type):-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted([data-forge-multi-input-separator]){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));border:transparent}.forge-text-field--multi-input.forge-field--label ::slotted([data-forge-multi-input-separator]){margin:20px 0 0 4px}.forge-text-field--multi-input:not(.forge-field--label) ::slotted([data-forge-multi-input-separator]){margin:0 0 0 4px}.forge-text-field.forge-text-field--textarea{height:auto;padding-right:2px;min-height:3rem;min-height:var(--forge-text-field-height,3rem)}.forge-text-field.forge-text-field--textarea ::slotted(textarea){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0;font-size:1rem;margin:28px 0 0;padding:0 12px 8px;overflow:auto;resize:vertical}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-webkit-autofill{z-index:auto!important}.forge-text-field.forge-text-field--textarea:not(.forge-field--disabled) ::slotted(textarea){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-text-field.forge-text-field--textarea.forge-field--disabled ::slotted(textarea){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}:host{display:block;contain:layout}:host([hidden]){display:none}';\n\nexport interface ITextFieldComponent extends IFieldComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-text-field': ITextFieldComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-text-field>` custom element.\n * \n * @tag forge-text-field\n */\n@CustomElement({\n name: TEXT_FIELD_CONSTANTS.elementName\n})\nexport class TextFieldComponent extends FieldComponent<TextFieldFoundation> implements ITextFieldComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new TextFieldFoundation(new TextFieldAdapter(this));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { TextFieldComponent } from './text-field';\n\nexport * from './text-field-adapter';\nexport * from './text-field-component-delegate';\nexport * from './text-field-constants';\nexport * from './text-field-foundation';\nexport * from './text-field';\n\nexport function defineTextFieldComponent(): void {\n defineCustomElement(TextFieldComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/product-icon/product-icon-constants.ts", "../../src/product-icon/product-icon-adapter.ts", "../../src/product-icon/product-icon-foundation.ts", "../../src/product-icon/product-icon.ts", "../../src/product-icon/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\nimport { COLOR_CONSTANTS } from '../theme/color-constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}product-icon`;\r\n\r\nconst classes = {\r\n PRODUCT_ICON_BACKGROUND: 'forge-product-icon__background',\r\n PRODUCT_ICON: 'forge-product-icon__icon',\r\n PRODUCT_TEXT: 'forge-product-icon__text'\r\n};\r\n\r\nconst selectors = {\r\n PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,\r\n PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,\r\n PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,\r\n SLOT: 'slot'\r\n};\r\n\r\nconst attributes = {\r\n COLOR: 'color',\r\n SIZE: 'size',\r\n SHADOW: 'shadow',\r\n ITERATIONS: 'iterations'\r\n};\r\n\r\nconst numbers = {\r\n DEFAULT_SIZE: 64,\r\n DEFAULT_ITERATIONS: 32,\r\n ACCESSIBILITY_COLOR_THRESHOLD: 300,\r\n ICON_FONT_SIZE_MODIFIER: 0.75,\r\n TEXT_FONT_SIZE_MODIFIER: 0.5\r\n};\r\n\r\nconst strings = {\r\n DEFAULT_COLOR_VALUE: 'indigo-500',\r\n DEFAULT_COLOR_PALETTE: 'indigo',\r\n DEFAULT_COLOR_SHADE: 500,\r\n DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]\r\n};\r\n\r\nexport const PRODUCT_ICON_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors,\r\n numbers,\r\n strings\r\n};\r\n", "import { addClass, generateTextShadow, getShadowElement, Platform, removeClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\r\nimport { IProductIconComponent } from './product-icon';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconAdapter extends IBaseAdapter {\r\n setBackgroundColor(color: string): void;\r\n setIconColor(color: string): void;\r\n setElementSize(value: number): void;\r\n setFontSize(value: number): void;\r\n setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void;\r\n removeIconClass(classes: string | string[]): void;\r\n}\r\n\r\nexport class ProductIconAdapter extends BaseAdapter<IProductIconComponent> implements IProductIconAdapter {\r\n private _backgroundElement: HTMLElement;\r\n private _iconElement: HTMLElement;\r\n private _textElement: HTMLElement;\r\n\r\n constructor(component: IProductIconComponent) {\r\n super(component);\r\n this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);\r\n this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);\r\n this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);\r\n }\r\n\r\n public setBackgroundColor(color: string): void {\r\n this._backgroundElement.style.backgroundColor = color;\r\n }\r\n\r\n public setIconColor(color: string): void {\r\n this._iconElement.style.color = color;\r\n this._textElement.style.color = color;\r\n }\r\n\r\n public setElementSize(value: number): void {\r\n this._backgroundElement.style.height = `${value}px`;\r\n this._backgroundElement.style.width = `${value}px`;\r\n }\r\n\r\n public setFontSize(value: number): void {\r\n const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;\r\n const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;\r\n\r\n this._iconElement.style.setProperty('--forge-product-icon-font-size', `${iconFontSize}px`);\r\n this._textElement.style.setProperty('--forge-product-icon-font-size', `${textFontSize}px`);\r\n\r\n this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;\r\n this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;\r\n }\r\n\r\n public removeIconClass(classes: string | string[]): void {\r\n removeClass(classes, this._iconElement);\r\n removeClass(classes, this._textElement);\r\n }\r\n\r\n public setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void {\r\n if (hasShadow) {\r\n const shadow = generateTextShadow(iterations, shadowColor);\r\n this._iconElement.style.textShadow = shadow;\r\n this._textElement.style.textShadow = shadow;\r\n } else {\r\n this._iconElement.style.removeProperty('text-shadow');\r\n this._textElement.style.removeProperty('text-shadow');\r\n }\r\n }\r\n}\r\n", "import { ICustomElementFoundation, coerceNumber } from '@tylertech/forge-core';\r\n\r\nimport { COLOR_CONSTANTS } from '../theme';\r\nimport { IProductIconAdapter } from './product-icon-adapter';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconFoundation extends ICustomElementFoundation {\r\n color: string;\r\n size: number;\r\n shadow: boolean;\r\n iterations: number;\r\n}\r\n\r\nexport class ProductIconFoundation implements IProductIconFoundation {\r\n private _colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;\r\n private _colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n private _colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n private _size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;\r\n private _shadow = true;\r\n private _backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;\r\n private _shadowColor: string;\r\n private _iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;\r\n private _usingCustomIterations = false;\r\n\r\n constructor(private _adapter: IProductIconAdapter) {}\r\n\r\n public initialize(): void {\r\n this._adapter.setElementSize(this._size);\r\n this._updateFontSize();\r\n this._parseColor();\r\n this._render();\r\n }\r\n\r\n private _parseColor(): void {\r\n if (this._colorValue.includes('-')) {\r\n this._colorPalette = this._colorValue.split('-')[0];\r\n this._colorShade = coerceNumber(this._colorValue.split('-')[1]);\r\n } else {\r\n this._colorPalette = this._colorValue;\r\n this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n }\r\n }\r\n\r\n private _updateSize(): void {\r\n this._adapter.setElementSize(this._size);\r\n\r\n // If not using a custom iteration value, then we need to adjust the shadow length\r\n if (!this._usingCustomIterations) {\r\n this._iterations = this._size / 2;\r\n this._updateShadow();\r\n }\r\n }\r\n\r\n private _updateFontSize(): void {\r\n this._adapter.setFontSize(this._size);\r\n }\r\n\r\n private _updateShadow(): void {\r\n if (this._shadow) {\r\n this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n }\r\n }\r\n\r\n private _render(): void {\r\n if (!this._colorValue) {\r\n return;\r\n }\r\n\r\n const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? '#000000' : '#ffffff';\r\n const shadowIncrement = this._colorShade + 300;\r\n\r\n if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {\r\n this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n }\r\n\r\n this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];\r\n this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];\r\n\r\n this._adapter.setBackgroundColor(this._backgroundColor);\r\n this._adapter.setIconColor(iconColor);\r\n this._updateShadow();\r\n }\r\n\r\n public get color(): string {\r\n return this._colorValue;\r\n }\r\n public set color(value: string) {\r\n if (this._colorValue !== value) {\r\n this._colorValue = value;\r\n this._parseColor();\r\n this._render();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);\r\n }\r\n }\r\n\r\n public get size(): number {\r\n return this._size;\r\n }\r\n public set size(value: number) {\r\n if (this._size !== value) {\r\n this._size = value;\r\n this._updateSize();\r\n this._updateFontSize();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());\r\n }\r\n }\r\n\r\n public get shadow(): boolean {\r\n return this._shadow;\r\n }\r\n public set shadow(value: boolean) {\r\n if (this._shadow !== value) {\r\n this._shadow = value;\r\n this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n if (this._shadow) {\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, '');\r\n } else {\r\n this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);\r\n }\r\n }\r\n }\r\n\r\n public get iterations(): number {\r\n return this._iterations;\r\n }\r\n public set iterations(value: number) {\r\n if (this._iterations !== value) {\r\n this._usingCustomIterations = true;\r\n this._iterations = value;\r\n this._updateShadow();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());\r\n }\r\n }\r\n}\r\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\r\nimport { ProductIconAdapter } from './product-icon-adapter';\r\nimport { ProductIconFoundation } from './product-icon-foundation';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nconst template = '<template><div class=\\\"forge-product-icon__background\\\" part=\\\"root\\\"><div class=\\\"forge-product-icon__container\\\" part=\\\"container\\\"><span class=\\\"forge-product-icon__icon\\\" part=\\\"icon-container\\\"><slot></slot></span><span class=\\\"forge-product-icon__text\\\" part=\\\"text-container\\\"><slot name=\\\"text\\\"></slot></span></div></div></template>';\r\nconst styles = '.forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IProductIconComponent extends IBaseComponent {\r\n color: string;\r\n size: number;\r\n shadow: boolean;\r\n iterations: number;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-product-icon': IProductIconComponent;\r\n }\r\n}\r\n\r\n@CustomElement({\r\n name: PRODUCT_ICON_CONSTANTS.elementName\r\n})\r\nexport class ProductIconComponent extends BaseComponent implements IProductIconComponent {\r\n public static get observedAttributes(): string[] {\r\n return [\r\n PRODUCT_ICON_CONSTANTS.attributes.COLOR,\r\n PRODUCT_ICON_CONSTANTS.attributes.SIZE,\r\n PRODUCT_ICON_CONSTANTS.attributes.SHADOW,\r\n PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS\r\n ];\r\n }\r\n\r\n private _foundation: ProductIconFoundation;\r\n\r\n constructor() {\r\n super();\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));\r\n }\r\n\r\n public connectedCallback(): void {\r\n this._foundation.initialize();\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n switch (name) {\r\n case PRODUCT_ICON_CONSTANTS.attributes.COLOR:\r\n this.color = newValue;\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.SIZE:\r\n this.size = coerceNumber(newValue);\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:\r\n this.shadow = coerceBoolean(newValue);\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:\r\n this.iterations = coerceNumber(newValue);\r\n break;\r\n }\r\n }\r\n\r\n /** The color of the container element from the material color palette. */\r\n @FoundationProperty()\r\n public color: string;\r\n\r\n /** Controls the height and width of the container element. */\r\n @FoundationProperty()\r\n public size: number;\r\n\r\n /** Controls the visibility of the text shadow. */\r\n @FoundationProperty()\r\n public shadow: boolean;\r\n\r\n /** The number of iterations to apply the text shadow. */\r\n @FoundationProperty()\r\n public iterations: number;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ProductIconComponent } from './product-icon';\r\n\r\nexport * from './product-icon-adapter';\r\nexport * from './product-icon-constants';\r\nexport * from './product-icon-foundation';\r\nexport * from './product-icon';\r\n\r\nexport function defineProductIconComponent(): void {\r\n defineCustomElement(ProductIconComponent);\r\n}\r\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\nimport { COLOR_CONSTANTS } from '../theme/color-constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}product-icon`;\r\n\r\nconst classes = {\r\n PRODUCT_ICON_BACKGROUND: 'forge-product-icon__background',\r\n PRODUCT_ICON: 'forge-product-icon__icon',\r\n PRODUCT_TEXT: 'forge-product-icon__text'\r\n};\r\n\r\nconst selectors = {\r\n PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,\r\n PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,\r\n PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,\r\n SLOT: 'slot'\r\n};\r\n\r\nconst attributes = {\r\n COLOR: 'color',\r\n SIZE: 'size',\r\n SHADOW: 'shadow',\r\n ITERATIONS: 'iterations'\r\n};\r\n\r\nconst numbers = {\r\n DEFAULT_SIZE: 64,\r\n DEFAULT_ITERATIONS: 32,\r\n ACCESSIBILITY_COLOR_THRESHOLD: 300,\r\n ICON_FONT_SIZE_MODIFIER: 0.75,\r\n TEXT_FONT_SIZE_MODIFIER: 0.5\r\n};\r\n\r\nconst strings = {\r\n DEFAULT_COLOR_VALUE: 'indigo-500',\r\n DEFAULT_COLOR_PALETTE: 'indigo',\r\n DEFAULT_COLOR_SHADE: 500,\r\n DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]\r\n};\r\n\r\nexport const PRODUCT_ICON_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors,\r\n numbers,\r\n strings\r\n};\r\n", "import { addClass, generateTextShadow, getShadowElement, Platform, removeClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\r\nimport { IProductIconComponent } from './product-icon';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconAdapter extends IBaseAdapter {\r\n setBackgroundColor(color: string): void;\r\n setIconColor(color: string): void;\r\n setElementSize(value: number): void;\r\n setFontSize(value: number): void;\r\n setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void;\r\n removeIconClass(classes: string | string[]): void;\r\n}\r\n\r\nexport class ProductIconAdapter extends BaseAdapter<IProductIconComponent> implements IProductIconAdapter {\r\n private _backgroundElement: HTMLElement;\r\n private _iconElement: HTMLElement;\r\n private _textElement: HTMLElement;\r\n\r\n constructor(component: IProductIconComponent) {\r\n super(component);\r\n this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);\r\n this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);\r\n this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);\r\n }\r\n\r\n public setBackgroundColor(color: string): void {\r\n this._backgroundElement.style.backgroundColor = color;\r\n }\r\n\r\n public setIconColor(color: string): void {\r\n this._iconElement.style.color = color;\r\n this._textElement.style.color = color;\r\n }\r\n\r\n public setElementSize(value: number): void {\r\n this._backgroundElement.style.height = `${value}px`;\r\n this._backgroundElement.style.width = `${value}px`;\r\n }\r\n\r\n public setFontSize(value: number): void {\r\n const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;\r\n const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;\r\n\r\n this._iconElement.style.setProperty('--forge-product-icon-font-size', `${iconFontSize}px`);\r\n this._textElement.style.setProperty('--forge-product-icon-font-size', `${textFontSize}px`);\r\n\r\n this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;\r\n this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;\r\n }\r\n\r\n public removeIconClass(classes: string | string[]): void {\r\n removeClass(classes, this._iconElement);\r\n removeClass(classes, this._textElement);\r\n }\r\n\r\n public setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void {\r\n if (hasShadow) {\r\n const shadow = generateTextShadow(iterations, shadowColor);\r\n this._iconElement.style.textShadow = shadow;\r\n this._textElement.style.textShadow = shadow;\r\n } else {\r\n this._iconElement.style.removeProperty('text-shadow');\r\n this._textElement.style.removeProperty('text-shadow');\r\n }\r\n }\r\n}\r\n", "import { ICustomElementFoundation, coerceNumber } from '@tylertech/forge-core';\r\n\r\nimport { COLOR_CONSTANTS } from '../theme';\r\nimport { IProductIconAdapter } from './product-icon-adapter';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconFoundation extends ICustomElementFoundation {\r\n color: string;\r\n size: number;\r\n shadow: boolean;\r\n iterations: number;\r\n}\r\n\r\nexport class ProductIconFoundation implements IProductIconFoundation {\r\n private _colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;\r\n private _colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n private _colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n private _size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;\r\n private _shadow = true;\r\n private _backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;\r\n private _shadowColor: string;\r\n private _iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;\r\n private _usingCustomIterations = false;\r\n\r\n constructor(private _adapter: IProductIconAdapter) {}\r\n\r\n public initialize(): void {\r\n this._adapter.setElementSize(this._size);\r\n this._updateFontSize();\r\n this._parseColor();\r\n this._render();\r\n }\r\n\r\n private _parseColor(): void {\r\n if (this._colorValue.includes('-')) {\r\n this._colorPalette = this._colorValue.split('-')[0];\r\n this._colorShade = coerceNumber(this._colorValue.split('-')[1]);\r\n } else {\r\n this._colorPalette = this._colorValue;\r\n this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n }\r\n }\r\n\r\n private _updateSize(): void {\r\n this._adapter.setElementSize(this._size);\r\n\r\n // If not using a custom iteration value, then we need to adjust the shadow length\r\n if (!this._usingCustomIterations) {\r\n this._iterations = this._size / 2;\r\n this._updateShadow();\r\n }\r\n }\r\n\r\n private _updateFontSize(): void {\r\n this._adapter.setFontSize(this._size);\r\n }\r\n\r\n private _updateShadow(): void {\r\n if (this._shadow) {\r\n this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n }\r\n }\r\n\r\n private _render(): void {\r\n if (!this._colorValue) {\r\n return;\r\n }\r\n\r\n const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? '#000000' : '#ffffff';\r\n const shadowIncrement = this._colorShade + 300;\r\n\r\n if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {\r\n this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n }\r\n\r\n this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];\r\n this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];\r\n\r\n this._adapter.setBackgroundColor(this._backgroundColor);\r\n this._adapter.setIconColor(iconColor);\r\n this._updateShadow();\r\n }\r\n\r\n public get color(): string {\r\n return this._colorValue;\r\n }\r\n public set color(value: string) {\r\n if (this._colorValue !== value) {\r\n this._colorValue = value;\r\n this._parseColor();\r\n this._render();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);\r\n }\r\n }\r\n\r\n public get size(): number {\r\n return this._size;\r\n }\r\n public set size(value: number) {\r\n if (this._size !== value) {\r\n this._size = value;\r\n this._updateSize();\r\n this._updateFontSize();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());\r\n }\r\n }\r\n\r\n public get shadow(): boolean {\r\n return this._shadow;\r\n }\r\n public set shadow(value: boolean) {\r\n if (this._shadow !== value) {\r\n this._shadow = value;\r\n this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n if (this._shadow) {\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, '');\r\n } else {\r\n this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);\r\n }\r\n }\r\n }\r\n\r\n public get iterations(): number {\r\n return this._iterations;\r\n }\r\n public set iterations(value: number) {\r\n if (this._iterations !== value) {\r\n this._usingCustomIterations = true;\r\n this._iterations = value;\r\n this._updateShadow();\r\n this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());\r\n }\r\n }\r\n}\r\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\r\nimport { ProductIconAdapter } from './product-icon-adapter';\r\nimport { ProductIconFoundation } from './product-icon-foundation';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nconst template = '<template><div class=\\\"forge-product-icon__background\\\" part=\\\"root\\\"><div class=\\\"forge-product-icon__container\\\" part=\\\"container\\\"><span class=\\\"forge-product-icon__icon\\\" part=\\\"icon-container\\\"><slot></slot></span><span class=\\\"forge-product-icon__text\\\" part=\\\"text-container\\\"><slot name=\\\"text\\\"></slot></span></div></div></template>';\r\nconst styles = '.forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IProductIconComponent extends IBaseComponent {\r\n color: string;\r\n size: number;\r\n shadow: boolean;\r\n iterations: number;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-product-icon': IProductIconComponent;\r\n }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-product-icon>` custom element.\r\n * \r\n * @tag forge-product-icon\r\n */\r\n@CustomElement({\r\n name: PRODUCT_ICON_CONSTANTS.elementName\r\n})\r\nexport class ProductIconComponent extends BaseComponent implements IProductIconComponent {\r\n public static get observedAttributes(): string[] {\r\n return [\r\n PRODUCT_ICON_CONSTANTS.attributes.COLOR,\r\n PRODUCT_ICON_CONSTANTS.attributes.SIZE,\r\n PRODUCT_ICON_CONSTANTS.attributes.SHADOW,\r\n PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS\r\n ];\r\n }\r\n\r\n private _foundation: ProductIconFoundation;\r\n\r\n constructor() {\r\n super();\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));\r\n }\r\n\r\n public connectedCallback(): void {\r\n this._foundation.initialize();\r\n }\r\n\r\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n switch (name) {\r\n case PRODUCT_ICON_CONSTANTS.attributes.COLOR:\r\n this.color = newValue;\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.SIZE:\r\n this.size = coerceNumber(newValue);\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:\r\n this.shadow = coerceBoolean(newValue);\r\n break;\r\n case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:\r\n this.iterations = coerceNumber(newValue);\r\n break;\r\n }\r\n }\r\n\r\n /** The color of the container element from the material color palette. */\r\n @FoundationProperty()\r\n public color: string;\r\n\r\n /** Controls the height and width of the container element. */\r\n @FoundationProperty()\r\n public size: number;\r\n\r\n /** Controls the visibility of the text shadow. */\r\n @FoundationProperty()\r\n public shadow: boolean;\r\n\r\n /** The number of iterations to apply the text shadow. */\r\n @FoundationProperty()\r\n public iterations: number;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ProductIconComponent } from './product-icon';\r\n\r\nexport * from './product-icon-adapter';\r\nexport * from './product-icon-constants';\r\nexport * from './product-icon-foundation';\r\nexport * from './product-icon';\r\n\r\nexport function defineProductIconComponent(): void {\r\n defineCustomElement(ProductIconComponent);\r\n}\r\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -10,11 +10,11 @@ import {
|
|
|
10
10
|
} from "./chunk.GS2AXUCN.js";
|
|
11
11
|
import {
|
|
12
12
|
TooltipComponent
|
|
13
|
-
} from "./chunk.
|
|
13
|
+
} from "./chunk.OXS2O7RG.js";
|
|
14
14
|
import {
|
|
15
15
|
IconComponent,
|
|
16
16
|
IconRegistry
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.WSH4S3GM.js";
|
|
18
18
|
import {
|
|
19
19
|
BaseAdapter
|
|
20
20
|
} from "./chunk.KZATVOA6.js";
|
|
@@ -339,4 +339,4 @@ export {
|
|
|
339
339
|
AppBarSearchComponent,
|
|
340
340
|
defineAppBarSearchComponent
|
|
341
341
|
};
|
|
342
|
-
//# sourceMappingURL=chunk.
|
|
342
|
+
//# sourceMappingURL=chunk.GHZ75UPO.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/app-bar/search/app-bar-search-constants.ts", "../../src/app-bar/search/app-bar-search-foundation.ts", "../../src/app-bar/search/app-bar-search-adapter.ts", "../../src/app-bar/search/app-bar-search.ts", "../../src/app-bar/search/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n FOCUSED: 'forge-app-bar-search--focused',\n DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n ROOT: '.forge-app-bar-search',\n INPUT: 'input',\n GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n DISABLED: 'disabled',\n VALUE: 'value',\n PLACEHOLDER: 'placeholder',\n COMBINED: 'combined',\n GLOBAL: 'global'\n};\n\nconst events = {\n INPUT: `${elementName}-input`\n};\n\nconst strings = {\n DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n { label: 'in this application', value: 'local' },\n { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n value: string;\n combined: boolean;\n context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n disabled: boolean;\n value: string;\n placeholder: string;\n combined: boolean;\n combinedOptions: IOption[];\n selectedCombinedOption: string;\n global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n private _disabled = false;\n private _combined = false;\n private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n private _combinedOptions: IOption[] = [];\n private _selectedCombinedOption: string;\n private _global = false;\n private _keydownListener: (evt: KeyboardEvent) => void;\n private _focusListener: (evt: Event) => void;\n private _blurListener: (evt: Event) => void;\n\n constructor(private _adapter: IAppBarSearchAdapter) {\n this._keydownListener = evt => this._onKeyDown(evt);\n this._focusListener = evt => this._onFocus(evt);\n this._blurListener = evt => this._onBlur(evt);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n\n if (!this._adapter.hasInputElement()) {\n throw new Error('An input element is required as a child of the app-bar-search component.');\n }\n\n this._adapter.setGlobalIconVisibility(this._global);\n this._adapter.setContextVisibility(this._combined);\n this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n this._adapter.addSearchInputEventListener('focus', this._focusListener);\n this._adapter.addSearchInputEventListener('blur', this._blurListener);\n }\n\n /**\n * Handles keydown events on our search input.\n * @param {KeyboardEvent} evt\n */\n private _onKeyDown(evt: KeyboardEvent): void {\n if (evt.key === 'Enter' || evt.keyCode === 13) {\n const data: IAppBarSearchInputEventData = {\n value: (evt.target as HTMLInputElement).value,\n combined: this._combined,\n context: this._combinedContext\n };\n this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n }\n }\n\n private _onFocus(evt: Event): void {\n this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n }\n\n private _onBlur(evt: Event): void {\n this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n }\n\n public disconnect(): void {\n this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n }\n\n /** Gets/sets the disabled state of the input. */\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (value !== this._disabled) {\n this._disabled = value;\n this._adapter.setDisabled(this._disabled);\n this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n }\n }\n\n /** Gets/sets the input value. */\n public get value(): string {\n return this._adapter.getInputValue();\n }\n public set value(value: string) {\n this._adapter.setInputValue(value);\n }\n\n /** Sets the placeholder text. */\n public set placeholder(value: string) {\n this._adapter.setInputPlaceholder(value);\n }\n\n /** Gets/sets the combined bool. */\n public get combined(): boolean {\n return this._combined;\n }\n public set combined(value: boolean) {\n if (this._combined !== value) {\n this._combined = value;\n this._adapter.setContextVisibility(this._combined);\n }\n }\n\n /** Gets/sets options for the combined search dropdown. */\n // Note: this is currently the end of the combinedOptions implemention.\n // In the future this will feed into a select or menu type dropdown.\n public get combinedOptions(): IOption[] {\n if (!this._combinedOptions) {\n return [];\n }\n\n return this._combinedOptions.map(co => ({ ...co }));\n }\n public set combinedOptions(value: IOption[]) {\n if (!value) {\n this._combinedOptions = [];\n }\n\n this._combinedOptions = value.map(v => ({ ...v }));\n }\n\n /** Gets/sets selected option for the combined search dropdown. */\n // Note: this is currently the end of the selectedCombinedOption implemention.\n // In the future this will hold the selected select or menu type dropdown value.\n public get selectedCombinedOption(): string {\n return this._selectedCombinedOption;\n }\n public set selectedCombinedOption(value: string) {\n if (this._selectedCombinedOption !== value) {\n this._selectedCombinedOption = value;\n }\n }\n\n /** Gets/sets the input value. */\n public get global(): boolean {\n return this._global;\n }\n public set global(value: boolean) {\n if (this._global !== value) {\n this._global = value;\n this._adapter.setGlobalIconVisibility(this._global);\n }\n }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n initialize(): void;\n hasInputElement(): boolean;\n addRootClass(className: string | string[]): void;\n removeRootClass(className: string | string[]): void;\n addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n setDisabled(disabled: boolean): void;\n getInputValue(): string;\n setInputValue(value: string): void;\n setInputPlaceholder(value: string): void;\n setGlobalIconVisibility(isVisible: boolean): void;\n setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n private _rootElement: HTMLElement;\n private _inputElement: HTMLInputElement;\n private _globalIconContainer: HTMLElement;\n private _globalIconPlaceholder: Comment;\n private _contextContainerElement: HTMLElement;\n private _contextContainerPlaceholder: Comment;\n\n constructor(component: IAppBarSearchComponent) {\n super(component);\n this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n }\n\n public initialize(): void {\n const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n if (inputElements.length) {\n this._inputElement = inputElements[0] as HTMLInputElement;\n }\n }\n\n public hasInputElement(): boolean {\n return isDefined(this._inputElement);\n }\n\n public addRootClass(className: string | string[]): void {\n addClass(className, this._rootElement);\n }\n\n public removeRootClass(className: string | string[]): void {\n removeClass(className, this._rootElement);\n }\n\n /**\n * Adds an event to the search input element.\n * @param {string} type The event type.\n * @param {Function} listener The event listener.\n */\n public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n this._inputElement.addEventListener(type, listener);\n }\n\n /**\n * Removes an event from the search input element.\n * @param {string} type The event type.\n * @param {Function} listener The event listener.\n */\n public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n this._inputElement.removeEventListener(type, listener);\n }\n\n /**\n * Toggles the disabled attribute on the search input.\n * @param {boolean} disabled Whether the attribute should be set or not.\n */\n public setDisabled(disabled: boolean): void {\n toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n }\n\n public getInputValue(): string {\n return this._inputElement.value;\n }\n public setInputValue(value: string): void {\n this._inputElement.value = value;\n }\n\n public setInputPlaceholder(value: string): void {\n this._inputElement.placeholder = value;\n }\n\n public setGlobalIconVisibility(isVisible: boolean): void {\n this._globalIconPlaceholder = toggleElementPlaceholder(\n this._component,\n isVisible,\n APP_BAR_SEARCH_CONSTANTS.elementName,\n APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n this._globalIconContainer,\n this._globalIconPlaceholder\n );\n }\n\n public setContextVisibility(isVisible: boolean): void {\n this._contextContainerPlaceholder = toggleElementPlaceholder(\n this._component,\n isVisible,\n APP_BAR_SEARCH_CONSTANTS.elementName,\n APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n this._contextContainerElement,\n this._contextContainerPlaceholder\n );\n }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n disabled: boolean;\n value: string;\n placeholder: string;\n combined: boolean;\n combinedOptions: IOption[];\n selectedCombinedOption: string;\n global: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-search': IAppBarSearchComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n */\n@CustomElement({\n name: APP_BAR_SEARCH_CONSTANTS.elementName,\n dependencies: [\n TooltipComponent,\n IconComponent\n ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n ];\n }\n\n /** The foundation class that handles business logic for this component. */\n private _foundation: AppBarSearchFoundation;\n\n constructor() {\n super();\n IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n }\n\n public connectedCallback(): void {\n if (this.children.length) {\n this._initialize();\n } else {\n ensureChildren(this).then(() => this._initialize());\n }\n }\n\n private _initialize(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n this.value = newValue;\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n this.placeholder = newValue;\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n this.combined = coerceBoolean(newValue);\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n this.global = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Gets/sets the value. */\n @FoundationProperty()\n public value: string;\n\n /** Gets/sets the disabled state of the search input. */\n @FoundationProperty()\n public disabled: boolean;\n \n /** Gets/sets whether this is a combined search box with search options. */\n @FoundationProperty()\n public combined: boolean;\n \n /** Gets/sets seelcted option for the combined search dropdown. */\n @FoundationProperty()\n public combinedOptions: IOption[];\n \n /** Gets/sets selected option for the combined search dropdown. */\n @FoundationProperty()\n public selectedCombinedOption: string;\n \n /** Gets/sets whether the global icon is displayed at the end of the input. */\n @FoundationProperty()\n public global: boolean;\n\n /** Sets the input placeholder value. */\n public set placeholder(value: string) {\n this._foundation.placeholder = value;\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n defineCustomElement(AppBarSearchComponent);\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n FOCUSED: 'forge-app-bar-search--focused',\n DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n ROOT: '.forge-app-bar-search',\n INPUT: 'input',\n GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n DISABLED: 'disabled',\n VALUE: 'value',\n PLACEHOLDER: 'placeholder',\n COMBINED: 'combined',\n GLOBAL: 'global'\n};\n\nconst events = {\n INPUT: `${elementName}-input`\n};\n\nconst strings = {\n DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n { label: 'in this application', value: 'local' },\n { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n value: string;\n combined: boolean;\n context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n disabled: boolean;\n value: string;\n placeholder: string;\n combined: boolean;\n combinedOptions: IOption[];\n selectedCombinedOption: string;\n global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n private _disabled = false;\n private _combined = false;\n private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n private _combinedOptions: IOption[] = [];\n private _selectedCombinedOption: string;\n private _global = false;\n private _keydownListener: (evt: KeyboardEvent) => void;\n private _focusListener: (evt: Event) => void;\n private _blurListener: (evt: Event) => void;\n\n constructor(private _adapter: IAppBarSearchAdapter) {\n this._keydownListener = evt => this._onKeyDown(evt);\n this._focusListener = evt => this._onFocus(evt);\n this._blurListener = evt => this._onBlur(evt);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n\n if (!this._adapter.hasInputElement()) {\n throw new Error('An input element is required as a child of the app-bar-search component.');\n }\n\n this._adapter.setGlobalIconVisibility(this._global);\n this._adapter.setContextVisibility(this._combined);\n this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n this._adapter.addSearchInputEventListener('focus', this._focusListener);\n this._adapter.addSearchInputEventListener('blur', this._blurListener);\n }\n\n /**\n * Handles keydown events on our search input.\n * @param {KeyboardEvent} evt\n */\n private _onKeyDown(evt: KeyboardEvent): void {\n if (evt.key === 'Enter' || evt.keyCode === 13) {\n const data: IAppBarSearchInputEventData = {\n value: (evt.target as HTMLInputElement).value,\n combined: this._combined,\n context: this._combinedContext\n };\n this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n }\n }\n\n private _onFocus(evt: Event): void {\n this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n }\n\n private _onBlur(evt: Event): void {\n this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n }\n\n public disconnect(): void {\n this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n }\n\n /** Gets/sets the disabled state of the input. */\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (value !== this._disabled) {\n this._disabled = value;\n this._adapter.setDisabled(this._disabled);\n this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n }\n }\n\n /** Gets/sets the input value. */\n public get value(): string {\n return this._adapter.getInputValue();\n }\n public set value(value: string) {\n this._adapter.setInputValue(value);\n }\n\n /** Sets the placeholder text. */\n public set placeholder(value: string) {\n this._adapter.setInputPlaceholder(value);\n }\n\n /** Gets/sets the combined bool. */\n public get combined(): boolean {\n return this._combined;\n }\n public set combined(value: boolean) {\n if (this._combined !== value) {\n this._combined = value;\n this._adapter.setContextVisibility(this._combined);\n }\n }\n\n /** Gets/sets options for the combined search dropdown. */\n // Note: this is currently the end of the combinedOptions implemention.\n // In the future this will feed into a select or menu type dropdown.\n public get combinedOptions(): IOption[] {\n if (!this._combinedOptions) {\n return [];\n }\n\n return this._combinedOptions.map(co => ({ ...co }));\n }\n public set combinedOptions(value: IOption[]) {\n if (!value) {\n this._combinedOptions = [];\n }\n\n this._combinedOptions = value.map(v => ({ ...v }));\n }\n\n /** Gets/sets selected option for the combined search dropdown. */\n // Note: this is currently the end of the selectedCombinedOption implemention.\n // In the future this will hold the selected select or menu type dropdown value.\n public get selectedCombinedOption(): string {\n return this._selectedCombinedOption;\n }\n public set selectedCombinedOption(value: string) {\n if (this._selectedCombinedOption !== value) {\n this._selectedCombinedOption = value;\n }\n }\n\n /** Gets/sets the input value. */\n public get global(): boolean {\n return this._global;\n }\n public set global(value: boolean) {\n if (this._global !== value) {\n this._global = value;\n this._adapter.setGlobalIconVisibility(this._global);\n }\n }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n initialize(): void;\n hasInputElement(): boolean;\n addRootClass(className: string | string[]): void;\n removeRootClass(className: string | string[]): void;\n addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n setDisabled(disabled: boolean): void;\n getInputValue(): string;\n setInputValue(value: string): void;\n setInputPlaceholder(value: string): void;\n setGlobalIconVisibility(isVisible: boolean): void;\n setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n private _rootElement: HTMLElement;\n private _inputElement: HTMLInputElement;\n private _globalIconContainer: HTMLElement;\n private _globalIconPlaceholder: Comment;\n private _contextContainerElement: HTMLElement;\n private _contextContainerPlaceholder: Comment;\n\n constructor(component: IAppBarSearchComponent) {\n super(component);\n this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n }\n\n public initialize(): void {\n const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n if (inputElements.length) {\n this._inputElement = inputElements[0] as HTMLInputElement;\n }\n }\n\n public hasInputElement(): boolean {\n return isDefined(this._inputElement);\n }\n\n public addRootClass(className: string | string[]): void {\n addClass(className, this._rootElement);\n }\n\n public removeRootClass(className: string | string[]): void {\n removeClass(className, this._rootElement);\n }\n\n /**\n * Adds an event to the search input element.\n * @param {string} type The event type.\n * @param {Function} listener The event listener.\n */\n public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n this._inputElement.addEventListener(type, listener);\n }\n\n /**\n * Removes an event from the search input element.\n * @param {string} type The event type.\n * @param {Function} listener The event listener.\n */\n public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n this._inputElement.removeEventListener(type, listener);\n }\n\n /**\n * Toggles the disabled attribute on the search input.\n * @param {boolean} disabled Whether the attribute should be set or not.\n */\n public setDisabled(disabled: boolean): void {\n toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n }\n\n public getInputValue(): string {\n return this._inputElement.value;\n }\n public setInputValue(value: string): void {\n this._inputElement.value = value;\n }\n\n public setInputPlaceholder(value: string): void {\n this._inputElement.placeholder = value;\n }\n\n public setGlobalIconVisibility(isVisible: boolean): void {\n this._globalIconPlaceholder = toggleElementPlaceholder(\n this._component,\n isVisible,\n APP_BAR_SEARCH_CONSTANTS.elementName,\n APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n this._globalIconContainer,\n this._globalIconPlaceholder\n );\n }\n\n public setContextVisibility(isVisible: boolean): void {\n this._contextContainerPlaceholder = toggleElementPlaceholder(\n this._component,\n isVisible,\n APP_BAR_SEARCH_CONSTANTS.elementName,\n APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n this._contextContainerElement,\n this._contextContainerPlaceholder\n );\n }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n disabled: boolean;\n value: string;\n placeholder: string;\n combined: boolean;\n combinedOptions: IOption[];\n selectedCombinedOption: string;\n global: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-search': IAppBarSearchComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n * \n * @tag forge-app-bar-search\n * \n * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.\n * @slot action - Places actions at the end of the input.\n * \n * @csspart root - The root element\n * @csspart container - The input container element.\n * @csspart icon-container - The icon container element.\n * @csspart icon - The <forge-icon> element.\n * @csspart context - The context container element.\n * @csspart context-divider - The context divider element.\n * @csspart context-button - The context button element.\n * @csspart context-button-text - The context button text element.\n * @csspart context-button-icon - The context button icon element.\n * @csspart global-icon-container - The global icon container element.\n * @csspart global-icon - The global icon <forge-icon> element.\n * @csspart actions-container - The action container element around the slot.\n * \n * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.\n * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.\n * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.\n * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.\n * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.\n */\n@CustomElement({\n name: APP_BAR_SEARCH_CONSTANTS.elementName,\n dependencies: [\n TooltipComponent,\n IconComponent\n ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n ];\n }\n\n /** The foundation class that handles business logic for this component. */\n private _foundation: AppBarSearchFoundation;\n\n constructor() {\n super();\n IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n }\n\n public connectedCallback(): void {\n if (this.children.length) {\n this._initialize();\n } else {\n ensureChildren(this).then(() => this._initialize());\n }\n }\n\n private _initialize(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n this.value = newValue;\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n this.placeholder = newValue;\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n this.combined = coerceBoolean(newValue);\n break;\n case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n this.global = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Gets/sets the value. */\n @FoundationProperty()\n public value: string;\n\n /** Gets/sets the disabled state of the search input. */\n @FoundationProperty()\n public disabled: boolean;\n \n /** Gets/sets whether this is a combined search box with search options. */\n @FoundationProperty()\n public combined: boolean;\n \n /** Gets/sets seelcted option for the combined search dropdown. */\n @FoundationProperty()\n public combinedOptions: IOption[];\n \n /** Gets/sets selected option for the combined search dropdown. */\n @FoundationProperty()\n public selectedCombinedOption: string;\n \n /** Gets/sets whether the global icon is displayed at the end of the input. */\n @FoundationProperty()\n public global: boolean;\n\n /** Sets the input placeholder value. */\n public set placeholder(value: string) {\n this._foundation.placeholder = value;\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n defineCustomElement(AppBarSearchComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/inline-message/inline-message-constants.ts", "../../src/inline-message/inline-message.ts", "../../src/inline-message/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}inline-message`;\n\nconst selectors = {\n ROOT: '.forge-inline-message'\n};\n\nexport const INLINE_MESSAGE_CONSTANTS = {\n elementName,\n selectors\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';\n\nconst template = '<template><div class=\\\"forge-inline-message\\\" part=\\\"root\\\"><slot name=\\\"icon\\\"></slot><div class=\\\"forge-inline-message__container\\\" part=\\\"container\\\"><slot name=\\\"title\\\"></slot><slot></slot></div></div></template>';\nconst styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host([hidden]){display:none}';\n\nexport interface IInlineMessageComponent extends IBaseComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-inline-message': IInlineMessageComponent;\n }\n}\n\n@CustomElement({\n name: INLINE_MESSAGE_CONSTANTS.elementName\n})\nexport class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { InlineMessageComponent } from './inline-message';\n\nexport * from './inline-message-constants';\nexport * from './inline-message';\n\nexport function defineInlineMessageComponent(): void {\n defineCustomElement(InlineMessageComponent);\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,YAAY;AAAA,EAChB,MAAM;AACR;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AACF;;;ACPA,IAAM,WAAW;AACjB,IAAM,SAAS;
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}inline-message`;\n\nconst selectors = {\n ROOT: '.forge-inline-message'\n};\n\nexport const INLINE_MESSAGE_CONSTANTS = {\n elementName,\n selectors\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';\n\nconst template = '<template><div class=\\\"forge-inline-message\\\" part=\\\"root\\\"><slot name=\\\"icon\\\"></slot><div class=\\\"forge-inline-message__container\\\" part=\\\"container\\\"><slot name=\\\"title\\\"></slot><slot></slot></div></div></template>';\nconst styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host([hidden]){display:none}';\n\nexport interface IInlineMessageComponent extends IBaseComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-inline-message': IInlineMessageComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-inline-message>` custom element.\n * \n * @tag forge-inline-message\n */\n@CustomElement({\n name: INLINE_MESSAGE_CONSTANTS.elementName\n})\nexport class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { InlineMessageComponent } from './inline-message';\n\nexport * from './inline-message-constants';\nexport * from './inline-message';\n\nexport function defineInlineMessageComponent(): void {\n defineCustomElement(InlineMessageComponent);\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,YAAY;AAAA,EAChB,MAAM;AACR;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AACF;;;ACPA,IAAM,WAAW;AACjB,IAAM,SAAS;AAkBR,IAAM,yBAAN,cAAqC,cAAiD;AAAA,EAC3F,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,yBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,yBAAyB;AAAA,EACjC,CAAC;AAAA,GACY;;;AChBN,wCAA8C;AACnD,sBAAoB,sBAAsB;AAC5C;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import {
|
|
7
7
|
BUTTON_TOGGLE_CONSTANTS,
|
|
8
8
|
ButtonToggleComponent
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.IUNON3UL.js";
|
|
10
10
|
import {
|
|
11
11
|
BaseAdapter
|
|
12
12
|
} from "./chunk.KZATVOA6.js";
|
|
@@ -458,4 +458,4 @@ export {
|
|
|
458
458
|
ButtonToggleGroupComponent,
|
|
459
459
|
defineButtonToggleGroupComponent
|
|
460
460
|
};
|
|
461
|
-
//# sourceMappingURL=chunk.
|
|
461
|
+
//# sourceMappingURL=chunk.GNAIKBO6.js.map
|