@tylertech/forge 3.0.0-next.20 → 3.0.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +33555 -39387
- package/dist/dialog/forge-dialog-utils.css +1 -1
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/app-bar/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/backdrop/index.js +1 -1
- package/dist/esm/badge/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/busy-indicator/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-area/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle/index.js +1 -1
- package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/card/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/{chunk.YS5JZHJ6.js → chunk.24SQJBSQ.js} +2 -2
- package/dist/esm/chunks/{chunk.PDDBNHVU.js → chunk.2GUWHBUU.js} +2 -2
- package/dist/esm/chunks/{chunk.PDDBNHVU.js.map → chunk.2GUWHBUU.js.map} +2 -2
- package/dist/esm/chunks/chunk.37B332ZK.js +7 -0
- package/dist/esm/chunks/{chunk.SOKORSUV.js.map → chunk.37B332ZK.js.map} +3 -3
- package/dist/esm/chunks/chunk.3IUQ4C47.js +7 -0
- package/dist/esm/chunks/chunk.3IUQ4C47.js.map +7 -0
- package/dist/esm/chunks/{chunk.IZRURH7C.js → chunk.3KAKJGUS.js} +2 -2
- package/dist/esm/chunks/chunk.3PMONORO.js +7 -0
- package/dist/esm/chunks/chunk.3PMONORO.js.map +7 -0
- package/dist/esm/chunks/chunk.473WRJ5G.js +7 -0
- package/dist/esm/chunks/chunk.5A665C5E.js +7 -0
- package/dist/esm/chunks/chunk.5A665C5E.js.map +7 -0
- package/dist/esm/chunks/chunk.5ADUSMC7.js +7 -0
- package/dist/esm/chunks/chunk.5ADUSMC7.js.map +7 -0
- package/dist/esm/chunks/{chunk.USQEIRST.js → chunk.5MB6CTBA.js} +2 -2
- package/dist/esm/chunks/chunk.5SUJNEC7.js +7 -0
- package/dist/esm/chunks/chunk.5SUJNEC7.js.map +7 -0
- package/dist/esm/chunks/{chunk.47U6GVGZ.js → chunk.5UOX22ML.js} +2 -2
- package/dist/esm/chunks/chunk.6E5WHIPF.js +7 -0
- package/dist/esm/chunks/chunk.6E5WHIPF.js.map +7 -0
- package/dist/esm/chunks/{chunk.4NABD6XG.js → chunk.6VS3LYAF.js} +2 -2
- package/dist/esm/chunks/chunk.72BKSMAZ.js +7 -0
- package/dist/esm/chunks/{chunk.3TIBP6QT.js.map → chunk.72BKSMAZ.js.map} +3 -3
- package/dist/esm/chunks/chunk.77C7S7ZS.js +7 -0
- package/dist/esm/chunks/chunk.77C7S7ZS.js.map +7 -0
- package/dist/esm/chunks/chunk.7AAICE77.js +7 -0
- package/dist/esm/chunks/chunk.7AAICE77.js.map +7 -0
- package/dist/esm/chunks/chunk.7IPAW4D2.js +7 -0
- package/dist/esm/chunks/{chunk.MCR34SZQ.js.map → chunk.7IPAW4D2.js.map} +1 -1
- package/dist/esm/chunks/chunk.7Y3BUR7Q.js +7 -0
- package/dist/esm/chunks/{chunk.3U222LE4.js.map → chunk.7Y3BUR7Q.js.map} +1 -1
- package/dist/esm/chunks/chunk.A2NB7CIK.js +7 -0
- package/dist/esm/chunks/chunk.A2NB7CIK.js.map +7 -0
- package/dist/esm/chunks/{chunk.AOSBUJWW.js → chunk.A7BCLPP4.js} +2 -2
- package/dist/esm/chunks/chunk.AFWWND2C.js +7 -0
- package/dist/esm/chunks/chunk.AFWWND2C.js.map +7 -0
- package/dist/esm/chunks/{chunk.7UBIT4NP.js → chunk.AG6IRMLZ.js} +2 -2
- package/dist/esm/chunks/{chunk.A4UH52SA.js → chunk.AGLI4WR4.js} +2 -2
- package/dist/esm/chunks/{chunk.WTUXAH7Z.js → chunk.AOVXNX7P.js} +2 -2
- package/dist/esm/chunks/{chunk.AN2E2SSN.js → chunk.ASLHRT3N.js} +2 -2
- package/dist/esm/chunks/chunk.BEFAXPXJ.js +15 -0
- package/dist/esm/chunks/{chunk.EO3HELQ2.js.map → chunk.BEFAXPXJ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.CBLUXYH2.js → chunk.BHE6Z5Y2.js} +2 -2
- package/dist/esm/chunks/{chunk.2WRAXA3H.js → chunk.BQ52JYLA.js} +2 -2
- package/dist/esm/chunks/chunk.BQZKOIAW.js +7 -0
- package/dist/esm/chunks/chunk.BQZKOIAW.js.map +7 -0
- package/dist/esm/chunks/chunk.BV7EAQST.js +7 -0
- package/dist/esm/chunks/chunk.BV7EAQST.js.map +7 -0
- package/dist/esm/chunks/{chunk.ROMRJIFR.js → chunk.CE35CVDV.js} +2 -2
- package/dist/esm/chunks/{chunk.ZPXMKY72.js → chunk.CEGBMUSR.js} +2 -2
- package/dist/esm/chunks/{chunk.GBGGUYTE.js → chunk.CFAI4K3E.js} +2 -2
- package/dist/esm/chunks/{chunk.ZIGVO6FN.js → chunk.CGFSMACZ.js} +2 -2
- package/dist/esm/chunks/chunk.DJSHVUEM.js +18 -0
- package/dist/esm/chunks/{chunk.MGLWXAZO.js.map → chunk.DJSHVUEM.js.map} +4 -4
- package/dist/esm/chunks/chunk.DKERDHXH.js +7 -0
- package/dist/esm/chunks/{chunk.JVWJHSPM.js.map → chunk.DKERDHXH.js.map} +1 -1
- package/dist/esm/chunks/chunk.DZJ6HBAG.js +7 -0
- package/dist/esm/chunks/chunk.DZJ6HBAG.js.map +7 -0
- package/dist/esm/chunks/{chunk.2537XOFQ.js → chunk.E2BE52ME.js} +2 -2
- package/dist/esm/chunks/chunk.EHVCEEV2.js +7 -0
- package/dist/esm/chunks/chunk.EHVCEEV2.js.map +7 -0
- package/dist/esm/chunks/{chunk.UEYPCCFG.js → chunk.ENUKGA2U.js} +2 -2
- package/dist/esm/chunks/chunk.EO3GP6DP.js +7 -0
- package/dist/esm/chunks/chunk.EO3GP6DP.js.map +7 -0
- package/dist/esm/chunks/{chunk.XYBVD3IE.js → chunk.EUJBIOGT.js} +2 -2
- package/dist/esm/chunks/{chunk.XYBVD3IE.js.map → chunk.EUJBIOGT.js.map} +2 -2
- package/dist/esm/chunks/chunk.FLBYVCQ6.js +7 -0
- package/dist/esm/chunks/chunk.FLBYVCQ6.js.map +7 -0
- package/dist/esm/chunks/chunk.FLF5RTYO.js +7 -0
- package/dist/esm/chunks/chunk.FLF5RTYO.js.map +7 -0
- package/dist/esm/chunks/chunk.GBAVJILM.js +7 -0
- package/dist/esm/chunks/chunk.GBAVJILM.js.map +7 -0
- package/dist/esm/chunks/chunk.GG7IQL46.js +7 -0
- package/dist/esm/chunks/{chunk.HBAC6E7O.js.map → chunk.GG7IQL46.js.map} +1 -1
- package/dist/esm/chunks/chunk.GIENHEMN.js +7 -0
- package/dist/esm/chunks/chunk.GIENHEMN.js.map +7 -0
- package/dist/esm/chunks/{chunk.FOSKVNVV.js → chunk.H4VQXV2H.js} +2 -2
- package/dist/esm/chunks/{chunk.FOSKVNVV.js.map → chunk.H4VQXV2H.js.map} +2 -2
- package/dist/esm/chunks/{chunk.GA6AO6FJ.js → chunk.H5RW3A4M.js} +2 -2
- package/dist/esm/chunks/chunk.HG4IDRAC.js +7 -0
- package/dist/esm/chunks/chunk.HG4IDRAC.js.map +7 -0
- package/dist/esm/chunks/{chunk.CSOKFDFQ.js → chunk.HSADKCGS.js} +2 -2
- package/dist/esm/chunks/chunk.I7YON2TC.js +7 -0
- package/dist/esm/chunks/chunk.I7YON2TC.js.map +7 -0
- package/dist/esm/chunks/chunk.IEABOPNB.js +7 -0
- package/dist/esm/chunks/{chunk.22C7GQLX.js → chunk.IL4S57WO.js} +2 -2
- package/dist/esm/chunks/chunk.IQYOLMPG.js +7 -0
- package/dist/esm/chunks/chunk.IQYOLMPG.js.map +7 -0
- package/dist/esm/chunks/chunk.ISLJNJEE.js +7 -0
- package/dist/esm/chunks/chunk.ISLJNJEE.js.map +7 -0
- package/dist/esm/chunks/{chunk.QG5EYBS3.js → chunk.J2Y5KPON.js} +2 -2
- package/dist/esm/chunks/{chunk.QG5EYBS3.js.map → chunk.J2Y5KPON.js.map} +2 -2
- package/dist/esm/chunks/{chunk.7IJUN75W.js → chunk.JE5LSPXG.js} +2 -2
- package/dist/esm/chunks/{chunk.7IJUN75W.js.map → chunk.JE5LSPXG.js.map} +3 -3
- package/dist/esm/chunks/{chunk.GTKYO6VB.js → chunk.JGURMVW7.js} +2 -2
- package/dist/esm/chunks/{chunk.YXHMD73U.js → chunk.K6GJNDTY.js} +2 -2
- package/dist/esm/chunks/{chunk.QUWEAFGI.js → chunk.KEOLH7G3.js} +2 -2
- package/dist/esm/chunks/chunk.KLU54MDQ.js +7 -0
- package/dist/esm/chunks/chunk.KLU54MDQ.js.map +7 -0
- package/dist/esm/chunks/chunk.KO6ODCZC.js +7 -0
- package/dist/esm/chunks/chunk.KO6ODCZC.js.map +7 -0
- package/dist/esm/chunks/chunk.KTPEFU7V.js +7 -0
- package/dist/esm/chunks/{chunk.OFXSMOV6.js.map → chunk.KTPEFU7V.js.map} +2 -2
- package/dist/esm/chunks/chunk.L4QSPQDE.js +7 -0
- package/dist/esm/chunks/{chunk.DCCFF327.js.map → chunk.L4QSPQDE.js.map} +2 -2
- package/dist/esm/chunks/chunk.LGSCBWNR.js +7 -0
- package/dist/esm/chunks/chunk.LGSCBWNR.js.map +7 -0
- package/dist/esm/chunks/{chunk.BIQTNLIF.js → chunk.LNTTU2GL.js} +2 -2
- package/dist/esm/chunks/chunk.LSMHIVX2.js +7 -0
- package/dist/esm/chunks/chunk.LSMHIVX2.js.map +7 -0
- package/dist/esm/chunks/{chunk.2AM2BKEO.js → chunk.MFQRXVKO.js} +2 -2
- package/dist/esm/chunks/{chunk.JLSFTWPE.js → chunk.MTIPIEXA.js} +2 -2
- package/dist/esm/chunks/chunk.MX4JX4GT.js +7 -0
- package/dist/esm/chunks/{chunk.UOD3A7M4.js.map → chunk.MX4JX4GT.js.map} +1 -1
- package/dist/esm/chunks/chunk.NEQX2QVX.js +7 -0
- package/dist/esm/chunks/chunk.NEQX2QVX.js.map +7 -0
- package/dist/esm/chunks/chunk.NWVQ5HK2.js +7 -0
- package/dist/esm/chunks/{chunk.BETICEYY.js.map → chunk.NWVQ5HK2.js.map} +2 -2
- package/dist/esm/chunks/chunk.O5WAQQNR.js +7 -0
- package/dist/esm/chunks/{chunk.ZYKP23JP.js.map → chunk.O5WAQQNR.js.map} +2 -2
- package/dist/esm/chunks/{chunk.JSTCCUKZ.js → chunk.OEI35LFU.js} +2 -2
- package/dist/esm/chunks/{chunk.6GSVB5NB.js → chunk.OLFOVKQG.js} +2 -2
- package/dist/esm/chunks/chunk.OLFOVKQG.js.map +7 -0
- package/dist/esm/chunks/{chunk.IWVAI6XM.js → chunk.OOAJHLW4.js} +2 -2
- package/dist/esm/chunks/chunk.OOAJHLW4.js.map +7 -0
- package/dist/esm/chunks/chunk.OVXEOEJF.js +7 -0
- package/dist/esm/chunks/chunk.OVXEOEJF.js.map +7 -0
- package/dist/esm/chunks/chunk.PC6TW5XE.js +7 -0
- package/dist/esm/chunks/chunk.PC6TW5XE.js.map +7 -0
- package/dist/esm/chunks/chunk.PFIIBXTS.js +7 -0
- package/dist/esm/chunks/chunk.PFIIBXTS.js.map +7 -0
- package/dist/esm/chunks/chunk.Q7TBWGKN.js +12 -0
- package/dist/esm/chunks/chunk.Q7TBWGKN.js.map +7 -0
- package/dist/esm/chunks/chunk.QCPV5DEG.js +7 -0
- package/dist/esm/chunks/{chunk.R3AWIPPK.js → chunk.QIZBZGYT.js} +2 -2
- package/dist/esm/chunks/{chunk.2XPAYTK4.js → chunk.QKTK5XUE.js} +2 -2
- package/dist/esm/chunks/chunk.QLGJS37N.js +7 -0
- package/dist/esm/chunks/chunk.QLGJS37N.js.map +7 -0
- package/dist/esm/chunks/{chunk.R66CYS27.js → chunk.QTY25OTN.js} +2 -2
- package/dist/esm/chunks/chunk.QUXMLWBJ.js +7 -0
- package/dist/esm/chunks/{chunk.BEUQVZKZ.js.map → chunk.QUXMLWBJ.js.map} +1 -1
- package/dist/esm/chunks/{chunk.BSV27GU7.js → chunk.QVATEY5S.js} +2 -2
- package/dist/esm/chunks/chunk.RFT3BAJ2.js +7 -0
- package/dist/esm/chunks/chunk.RFT3BAJ2.js.map +7 -0
- package/dist/esm/chunks/{chunk.SHBDQPPH.js → chunk.RONMNRSH.js} +2 -2
- package/dist/esm/chunks/{chunk.FRTSXX33.js → chunk.RSYEG2RW.js} +2 -2
- package/dist/esm/chunks/{chunk.O56VP4OZ.js → chunk.RXBLU4OJ.js} +2 -2
- package/dist/esm/chunks/{chunk.FBDRM4YN.js → chunk.S7KEO2CH.js} +2 -2
- package/dist/esm/chunks/{chunk.XU3YSZPA.js → chunk.SQ3AZAHF.js} +2 -2
- package/dist/esm/chunks/{chunk.35MHQH7Z.js → chunk.SROEDYPL.js} +2 -2
- package/dist/esm/chunks/chunk.T7NWP7DB.js +7 -0
- package/dist/esm/chunks/chunk.T7NWP7DB.js.map +7 -0
- package/dist/esm/chunks/{chunk.PXRGQHWR.js → chunk.TQWZDM6T.js} +2 -2
- package/dist/esm/chunks/chunk.U6J4VHU6.js +7 -0
- package/dist/esm/chunks/{chunk.STSAE2XP.js.map → chunk.U6J4VHU6.js.map} +1 -1
- package/dist/esm/chunks/chunk.UKBE2FMZ.js +7 -0
- package/dist/esm/chunks/{chunk.OT4AIOMN.js.map → chunk.UKBE2FMZ.js.map} +3 -3
- package/dist/esm/chunks/{chunk.MDDX4MJU.js → chunk.UPSXYWPD.js} +2 -2
- package/dist/esm/chunks/{chunk.MDDX4MJU.js.map → chunk.UPSXYWPD.js.map} +2 -2
- package/dist/esm/chunks/chunk.USTVZ6MZ.js +7 -0
- package/dist/esm/chunks/chunk.USTVZ6MZ.js.map +7 -0
- package/dist/esm/chunks/chunk.VGIRVTBJ.js +7 -0
- package/dist/esm/chunks/chunk.VGIRVTBJ.js.map +7 -0
- package/dist/esm/chunks/chunk.VRSPT7WX.js +7 -0
- package/dist/esm/chunks/{chunk.UQQQSJVM.js.map → chunk.VRSPT7WX.js.map} +3 -3
- package/dist/esm/chunks/chunk.W4HANHUO.js +7 -0
- package/dist/esm/chunks/chunk.W6FT6MKN.js +7 -0
- package/dist/esm/chunks/chunk.W6FT6MKN.js.map +7 -0
- package/dist/esm/chunks/{chunk.2W276VOR.js → chunk.WMJSYYXQ.js} +2 -2
- package/dist/esm/chunks/chunk.WXVVOFNK.js +7 -0
- package/dist/esm/chunks/chunk.WXVVOFNK.js.map +7 -0
- package/dist/esm/chunks/{chunk.VOTT5COZ.js → chunk.XATVDHDW.js} +2 -2
- package/dist/esm/chunks/chunk.XATVDHDW.js.map +7 -0
- package/dist/esm/chunks/{chunk.4AEQ7KVU.js → chunk.XTJGWT5F.js} +2 -2
- package/dist/esm/chunks/chunk.YNCTSMT6.js +7 -0
- package/dist/esm/chunks/chunk.YNCTSMT6.js.map +7 -0
- package/dist/esm/chunks/{chunk.YNXWVL4B.js → chunk.YPNSK2CK.js} +2 -2
- package/dist/esm/chunks/chunk.YRAEFQJW.js +7 -0
- package/dist/esm/chunks/{chunk.XAZ6EDIZ.js.map → chunk.YRAEFQJW.js.map} +3 -3
- package/dist/esm/chunks/chunk.YWJVZVZX.js +7 -0
- package/dist/esm/chunks/{chunk.6XLTVIUD.js → chunk.ZA7JY3AY.js} +2 -2
- package/dist/esm/chunks/chunk.ZG6YF2HI.js +7 -0
- package/dist/esm/chunks/{chunk.R6VPRRTT.js.map → chunk.ZG6YF2HI.js.map} +1 -1
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/base/index.js +1 -1
- package/dist/esm/core/delegates/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/core/utils/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/deprecated/button/index.js +1 -1
- package/dist/esm/deprecated/index.js +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/divider/index.js +1 -1
- package/dist/esm/drawer/base/index.js +1 -1
- package/dist/esm/drawer/drawer/index.js +1 -1
- package/dist/esm/drawer/index.js +1 -1
- package/dist/esm/drawer/mini-drawer/index.js +1 -1
- package/dist/esm/drawer/modal-drawer/index.js +1 -1
- package/dist/esm/expansion-panel/index.js +1 -1
- package/dist/esm/{field-next → field}/base/index.js +1 -1
- package/dist/esm/field/index.js +7 -0
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-action-button/index.js +1 -1
- package/dist/esm/focus-indicator/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/overlay/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popover/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-button/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-core.css +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge.css +1 -1
- package/esm/app-bar/profile-button/app-bar-profile-button-adapter.d.ts +6 -6
- package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +18 -10
- package/esm/app-bar/profile-button/app-bar-profile-button-foundation.d.ts +3 -3
- package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js +13 -17
- package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +4 -4
- package/esm/app-bar/profile-button/app-bar-profile-button.js +3 -3
- package/esm/autocomplete/autocomplete-adapter.d.ts +6 -2
- package/esm/autocomplete/autocomplete-adapter.js +27 -23
- package/esm/autocomplete/autocomplete-constants.d.ts +2 -2
- package/esm/autocomplete/autocomplete-constants.js +1 -2
- package/esm/autocomplete/autocomplete-foundation.js +3 -5
- package/esm/autocomplete/autocomplete.js +2 -2
- package/esm/backdrop/backdrop-constants.d.ts +10 -13
- package/esm/backdrop/backdrop-constants.js +12 -17
- package/esm/backdrop/backdrop.d.ts +17 -29
- package/esm/backdrop/backdrop.js +79 -50
- package/esm/backdrop/index.d.ts +0 -2
- package/esm/backdrop/index.js +0 -2
- package/esm/bottom-sheet/bottom-sheet-adapter.d.ts +2 -2
- package/esm/bottom-sheet/bottom-sheet-adapter.js +12 -5
- package/esm/bottom-sheet/bottom-sheet-foundation.js +1 -1
- package/esm/bottom-sheet/bottom-sheet.js +2 -2
- package/esm/busy-indicator/busy-indicator-adapter.d.ts +2 -6
- package/esm/busy-indicator/busy-indicator-adapter.js +8 -6
- package/esm/busy-indicator/busy-indicator-foundation.js +1 -1
- package/esm/button/base/base-button-foundation.js +2 -1
- package/esm/button-area/button-area-foundation.js +2 -3
- package/esm/calendar/calendar-constants.d.ts +1 -1
- package/esm/calendar/calendar-constants.js +1 -1
- package/esm/calendar/calendar-dropdown/calendar-dropdown.d.ts +6 -4
- package/esm/calendar/calendar-dropdown/calendar-dropdown.js +21 -25
- package/esm/calendar/calendar-menu/calendar-menu-constants.d.ts +1 -1
- package/esm/calendar/calendar-menu/calendar-menu-constants.js +1 -1
- package/esm/calendar/calendar-menu/calendar-menu.js +3 -3
- package/esm/calendar/calendar.js +3 -3
- package/esm/card/card-constants.d.ts +2 -5
- package/esm/card/card-constants.js +4 -10
- package/esm/card/card.d.ts +10 -5
- package/esm/card/card.js +14 -16
- package/esm/checkbox/checkbox-adapter.d.ts +0 -34
- package/esm/checkbox/checkbox-adapter.js +10 -105
- package/esm/checkbox/checkbox-constants.d.ts +13 -4
- package/esm/checkbox/checkbox-constants.js +8 -11
- package/esm/checkbox/checkbox-foundation.d.ts +5 -11
- package/esm/checkbox/checkbox-foundation.js +24 -35
- package/esm/checkbox/checkbox.d.ts +24 -24
- package/esm/checkbox/checkbox.js +65 -83
- package/esm/chip-field/chip-field-adapter.d.ts +48 -22
- package/esm/chip-field/chip-field-adapter.js +130 -30
- package/esm/chip-field/chip-field-component-delegate.js +1 -1
- package/esm/chip-field/chip-field-constants.d.ts +18 -16
- package/esm/chip-field/chip-field-constants.js +19 -20
- package/esm/chip-field/chip-field-foundation.d.ts +26 -16
- package/esm/chip-field/chip-field-foundation.js +128 -74
- package/esm/chip-field/chip-field.d.ts +9 -6
- package/esm/chip-field/chip-field.js +24 -11
- package/esm/chips/chip/chip.js +1 -1
- package/esm/constants.d.ts +2 -0
- package/esm/constants.js +2 -0
- package/esm/core/base/base-adapter.d.ts +1 -0
- package/esm/core/controllers/move-controller.d.ts +32 -0
- package/esm/core/controllers/move-controller.js +40 -0
- package/esm/core/mixins/interactions/moveable/with-moveable.d.ts +30 -0
- package/esm/core/mixins/interactions/moveable/with-moveable.js +131 -0
- package/esm/core/utils/dismissible-stack.d.ts +6 -0
- package/esm/core/utils/dismissible-stack.js +9 -0
- package/esm/core/utils/feature-detection.d.ts +5 -0
- package/esm/core/utils/feature-detection.js +7 -0
- package/esm/core/utils/index.d.ts +2 -0
- package/esm/core/utils/index.js +2 -0
- package/esm/core/utils/svg-utils.d.ts +1 -1
- package/esm/core/utils/svg-utils.js +2 -2
- package/esm/date-picker/date-picker.d.ts +0 -2
- package/esm/date-picker/date-picker.js +2 -4
- package/esm/date-range-picker/date-range-picker-adapter.js +1 -1
- package/esm/date-range-picker/date-range-picker-component-delegate.d.ts +1 -1
- package/esm/date-range-picker/date-range-picker.js +2 -2
- package/esm/dialog/dialog-adapter.d.ts +44 -62
- package/esm/dialog/dialog-adapter.js +107 -135
- package/esm/dialog/dialog-constants.d.ts +51 -28
- package/esm/dialog/dialog-constants.js +36 -33
- package/esm/dialog/dialog-foundation.d.ts +59 -75
- package/esm/dialog/dialog-foundation.js +218 -360
- package/esm/dialog/dialog.d.ts +127 -46
- package/esm/dialog/dialog.js +161 -60
- package/esm/drawer/modal-drawer/modal-drawer-adapter.js +1 -1
- package/esm/drawer/modal-drawer/modal-drawer-foundation.js +5 -6
- package/esm/expansion-panel/expansion-panel-adapter.d.ts +13 -20
- package/esm/expansion-panel/expansion-panel-adapter.js +22 -159
- package/esm/expansion-panel/expansion-panel-constants.d.ts +16 -22
- package/esm/expansion-panel/expansion-panel-constants.js +16 -30
- package/esm/expansion-panel/expansion-panel-foundation.d.ts +14 -37
- package/esm/expansion-panel/expansion-panel-foundation.js +50 -117
- package/esm/expansion-panel/expansion-panel.d.ts +29 -32
- package/esm/expansion-panel/expansion-panel.js +32 -32
- package/esm/{field-next → field}/base/base-field-foundation.js +14 -0
- package/esm/{field-next/field-foundation.d.ts → field/base/with-base-field.d.ts} +24 -39
- package/esm/field/base/with-base-field.js +210 -0
- package/esm/field/field-adapter.d.ts +49 -92
- package/esm/field/field-adapter.js +114 -154
- package/esm/field/field-constants.d.ts +82 -30
- package/esm/field/field-constants.js +51 -29
- package/esm/field/field-foundation.d.ts +78 -48
- package/esm/field/field-foundation.js +171 -273
- package/esm/field/field.d.ts +202 -24
- package/esm/field/field.js +267 -37
- package/esm/focus-indicator/focus-indicator-constants.d.ts +5 -0
- package/esm/focus-indicator/focus-indicator-constants.js +7 -2
- package/esm/focus-indicator/focus-indicator-foundation.d.ts +5 -0
- package/esm/focus-indicator/focus-indicator-foundation.js +21 -3
- package/esm/focus-indicator/focus-indicator.d.ts +5 -0
- package/esm/focus-indicator/focus-indicator.js +9 -7
- package/esm/icon/icon-adapter.d.ts +4 -2
- package/esm/icon/icon-adapter.js +13 -9
- package/esm/icon/icon-constants.d.ts +14 -2
- package/esm/icon/icon-constants.js +3 -1
- package/esm/icon/icon-foundation.d.ts +6 -2
- package/esm/icon/icon-foundation.js +50 -18
- package/esm/icon/icon-registry.d.ts +8 -2
- package/esm/icon/icon-registry.js +15 -2
- package/esm/icon/icon-utils.d.ts +6 -3
- package/esm/icon/icon-utils.js +6 -7
- package/esm/icon/icon.d.ts +35 -4
- package/esm/icon/icon.js +44 -18
- package/esm/icon/index.js +0 -6
- package/esm/icon-button/icon-button-component-delegate.d.ts +2 -2
- package/esm/index.d.ts +1 -4
- package/esm/index.js +2 -9
- package/esm/label-value/index.d.ts +0 -2
- package/esm/label-value/index.js +0 -2
- package/esm/label-value/label-value-constants.d.ts +7 -12
- package/esm/label-value/label-value-constants.js +7 -17
- package/esm/label-value/label-value.d.ts +44 -16
- package/esm/label-value/label-value.js +78 -36
- package/esm/list/list/list.d.ts +2 -3
- package/esm/list/list/list.js +4 -5
- package/esm/list/list-item/list-item.d.ts +1 -0
- package/esm/list/list-item/list-item.js +2 -1
- package/esm/list-dropdown/list-dropdown-adapter.d.ts +3 -1
- package/esm/list-dropdown/list-dropdown-adapter.js +24 -9
- package/esm/list-dropdown/list-dropdown-constants.d.ts +6 -5
- package/esm/list-dropdown/list-dropdown-foundation.d.ts +2 -2
- package/esm/list-dropdown/list-dropdown-foundation.js +3 -5
- package/esm/list-dropdown/list-dropdown-utils.d.ts +3 -3
- package/esm/list-dropdown/list-dropdown-utils.js +11 -19
- package/esm/list-dropdown/list-dropdown.d.ts +2 -2
- package/esm/list-dropdown/list-dropdown.js +1 -1
- package/esm/menu/menu-adapter.d.ts +4 -2
- package/esm/menu/menu-adapter.js +8 -2
- package/esm/menu/menu-foundation.d.ts +11 -10
- package/esm/menu/menu-foundation.js +9 -6
- package/esm/menu/menu.d.ts +8 -7
- package/esm/menu/menu.js +2 -2
- package/esm/overlay/overlay-adapter.d.ts +0 -1
- package/esm/overlay/overlay-adapter.js +1 -2
- package/esm/paginator/paginator.js +1 -1
- package/esm/popover/popover-adapter.d.ts +9 -0
- package/esm/popover/popover-adapter.js +41 -3
- package/esm/popover/popover-constants.d.ts +17 -0
- package/esm/popover/popover-constants.js +11 -6
- package/esm/popover/popover-foundation.d.ts +7 -1
- package/esm/popover/popover-foundation.js +35 -7
- package/esm/popover/popover.d.ts +15 -1
- package/esm/popover/popover.js +28 -15
- package/esm/radio/core/radio-group-manager.d.ts +18 -1
- package/esm/radio/core/radio-group-manager.js +27 -6
- package/esm/radio/radio/radio-adapter.js +4 -2
- package/esm/radio/radio/radio-component-delegate.d.ts +38 -0
- package/esm/radio/radio/radio-component-delegate.js +88 -1
- package/esm/radio/radio/radio-constants.d.ts +11 -0
- package/esm/radio/radio/radio-constants.js +3 -1
- package/esm/radio/radio/radio-foundation.js +3 -2
- package/esm/radio/radio/radio.d.ts +8 -3
- package/esm/radio/radio/radio.js +17 -18
- package/esm/radio/radio-group/radio-group-constants.d.ts +3 -0
- package/esm/radio/radio-group/radio-group-constants.js +3 -1
- package/esm/radio/radio-group/radio-group.js +5 -5
- package/esm/scaffold/scaffold-constants.d.ts +6 -0
- package/esm/scaffold/scaffold-constants.js +7 -1
- package/esm/scaffold/scaffold.d.ts +30 -2
- package/esm/scaffold/scaffold.js +43 -4
- package/esm/select/core/base-select-adapter.d.ts +5 -3
- package/esm/select/core/base-select-adapter.js +10 -9
- package/esm/select/core/base-select-constants.d.ts +11 -0
- package/esm/select/core/base-select-constants.js +1 -0
- package/esm/select/core/base-select-foundation.js +3 -3
- package/esm/select/core/base-select.d.ts +3 -3
- package/esm/select/select/select-adapter.d.ts +14 -60
- package/esm/select/select/select-adapter.js +52 -111
- package/esm/select/select/select-constants.d.ts +16 -14
- package/esm/select/select/select-constants.js +8 -16
- package/esm/select/select/select-foundation.d.ts +12 -58
- package/esm/select/select/select-foundation.js +45 -240
- package/esm/select/select/select.d.ts +17 -27
- package/esm/select/select/select.js +54 -62
- package/esm/select/select-dropdown/select-dropdown-adapter.d.ts +2 -2
- package/esm/select/select-dropdown/select-dropdown-adapter.js +1 -1
- package/esm/select/select-dropdown/select-dropdown.d.ts +0 -2
- package/esm/select/select-dropdown/select-dropdown.js +2 -4
- package/esm/slider/slider.d.ts +2 -2
- package/esm/slider/slider.js +2 -2
- package/esm/split-view/split-view/split-view.js +1 -1
- package/esm/split-view/split-view-panel/split-view-panel-adapter.d.ts +5 -10
- package/esm/split-view/split-view-panel/split-view-panel-adapter.js +7 -15
- package/esm/split-view/split-view-panel/split-view-panel-constants.d.ts +3 -3
- package/esm/split-view/split-view-panel/split-view-panel-constants.js +3 -3
- package/esm/split-view/split-view-panel/split-view-panel-foundation.js +0 -1
- package/esm/split-view/split-view-panel/split-view-panel-utils.js +2 -2
- package/esm/split-view/split-view-panel/split-view-panel.d.ts +0 -2
- package/esm/split-view/split-view-panel/split-view-panel.js +6 -6
- package/esm/stepper/step/step-adapter.d.ts +2 -9
- package/esm/stepper/step/step-adapter.js +5 -20
- package/esm/stepper/step/step-constants.js +21 -21
- package/esm/stepper/step/step-foundation.js +0 -2
- package/esm/stepper/step/step.d.ts +53 -0
- package/esm/stepper/step/step.js +60 -3
- package/esm/stepper/stepper/stepper-constants.js +9 -9
- package/esm/stepper/stepper/stepper.js +1 -1
- package/esm/switch/switch-adapter.d.ts +0 -32
- package/esm/switch/switch-adapter.js +15 -107
- package/esm/switch/switch-component-delegate.js +1 -1
- package/esm/switch/switch-constants.d.ts +24 -14
- package/esm/switch/switch-constants.js +11 -14
- package/esm/switch/switch-foundation.d.ts +5 -11
- package/esm/switch/switch-foundation.js +25 -31
- package/esm/switch/switch.d.ts +19 -19
- package/esm/switch/switch.js +59 -81
- package/esm/table/table-utils.js +5 -4
- package/esm/text-field/text-field-adapter.d.ts +2 -2
- package/esm/text-field/text-field-adapter.js +5 -2
- package/esm/text-field/text-field-foundation.d.ts +2 -2
- package/esm/text-field/text-field-foundation.js +2 -2
- package/esm/text-field/text-field.d.ts +1 -1
- package/esm/text-field/text-field.js +2 -2
- package/esm/time-picker/time-picker-adapter.d.ts +6 -2
- package/esm/time-picker/time-picker-adapter.js +7 -3
- package/esm/time-picker/time-picker-foundation.js +10 -10
- package/esm/time-picker/time-picker.js +2 -2
- package/esm/toast/toast-adapter.d.ts +18 -69
- package/esm/toast/toast-adapter.js +24 -121
- package/esm/toast/toast-constants.d.ts +25 -36
- package/esm/toast/toast-constants.js +20 -40
- package/esm/toast/toast-foundation.d.ts +22 -37
- package/esm/toast/toast-foundation.js +92 -92
- package/esm/toast/toast.d.ts +83 -24
- package/esm/toast/toast.js +126 -29
- package/esm/tooltip/tooltip-adapter.d.ts +1 -0
- package/esm/tooltip/tooltip-foundation.js +3 -0
- package/esm/tooltip/tooltip.d.ts +3 -1
- package/esm/tooltip/tooltip.js +4 -0
- package/package.json +1 -6
- package/styles/backdrop/_animations.scss +24 -0
- package/styles/backdrop/_core.scss +41 -0
- package/styles/backdrop/_token-utils.scss +30 -0
- package/styles/backdrop/backdrop.scss +38 -11
- package/{esm/radio/radio-group/radio-group-component-delegate.d.ts → styles/backdrop/index.scss} +1 -0
- package/styles/bottom-sheet/_mixins.scss +3 -8
- package/styles/bottom-sheet/bottom-sheet.scss +0 -4
- package/styles/calendar/calendar-menu/calendar-menu.scss +1 -1
- package/styles/calendar/calendar.scss +1 -1
- package/styles/card/_core.scss +35 -0
- package/styles/card/_token-utils.scss +30 -0
- package/styles/card/card.scss +37 -3
- package/{dist/popup/forge-popup.css → styles/card/index.scss} +1 -1
- package/styles/checkbox/_core.scss +9 -20
- package/styles/checkbox/checkbox.scss +2 -8
- package/styles/chip-field/_core.scss +21 -17
- package/styles/chip-field/_token-utils.scss +30 -0
- package/styles/chip-field/chip-field.scss +68 -3
- package/styles/chip-field/index.scss +6 -0
- package/styles/chips/chip/_core.scss +1 -1
- package/styles/core/styles/tokens/backdrop/_tokens.scss +29 -0
- package/styles/core/styles/tokens/card/_tokens.scss +33 -0
- package/styles/core/styles/tokens/checkbox/_tokens.scss +4 -3
- package/styles/core/styles/tokens/chip-field/_tokens.scss +16 -0
- package/styles/core/styles/tokens/dialog/_tokens.scss +82 -0
- package/styles/core/styles/tokens/expansion-panel/_tokens.scss +17 -0
- package/styles/core/styles/tokens/field/_tokens.scss +3 -1
- package/styles/core/styles/tokens/icon/_tokens.scss +20 -0
- package/styles/core/styles/tokens/label-value/_tokens.scss +34 -0
- package/styles/core/styles/tokens/list/list/_tokens.scss +2 -3
- package/styles/core/styles/tokens/list/list-item/_tokens.scss +7 -4
- package/styles/core/styles/tokens/popover/_tokens.scss +29 -7
- package/styles/core/styles/tokens/scaffold/_tokens.scss +18 -0
- package/styles/core/styles/tokens/select/_tokens.scss +18 -0
- package/styles/core/styles/tokens/stepper/step/_tokens.scss +62 -0
- package/styles/core/styles/tokens/toast/_tokens.scss +39 -0
- package/styles/dialog/_animations.scss +82 -0
- package/styles/dialog/_core.scss +310 -0
- package/styles/dialog/_token-utils.scss +30 -0
- package/styles/dialog/dialog.scss +356 -6
- package/styles/dialog/forge-dialog-utils.scss +23 -6
- package/styles/dialog/index.scss +7 -0
- package/styles/expansion-panel/_core.scss +65 -0
- package/styles/expansion-panel/_token-utils.scss +30 -0
- package/styles/expansion-panel/expansion-panel.scss +83 -3
- package/{esm/radio/radio-group/radio-group-component-delegate.js → styles/expansion-panel/index.scss} +1 -0
- package/styles/{field-next → field}/_core.layout.scss +6 -8
- package/styles/field/_core.scss +200 -50
- package/styles/{field-next → field}/_core.shape.scss +5 -0
- package/styles/{field-next → field}/_core.variant.scss +1 -0
- package/styles/{field-next → field}/field.scss +39 -16
- package/styles/forge-core.scss +2 -6
- package/styles/forge.scss +0 -5
- package/styles/icon/_core.scss +27 -0
- package/styles/icon/_token-utils.scss +30 -0
- package/styles/icon/icon.scss +27 -12
- package/styles/icon/index.scss +6 -0
- package/styles/label-value/_core.scss +85 -0
- package/styles/label-value/_token-utils.scss +30 -0
- package/styles/label-value/index.scss +6 -0
- package/styles/label-value/label-value.scss +71 -3
- package/styles/list/list/_core.scss +6 -2
- package/styles/list/list/list.scss +4 -0
- package/styles/list/list-item/_core.scss +3 -0
- package/styles/popover/_animations.scss +30 -0
- package/styles/popover/_core.scss +43 -6
- package/styles/popover/popover.scss +227 -170
- package/styles/scaffold/_core.scss +98 -0
- package/styles/scaffold/_token-utils.scss +30 -0
- package/styles/scaffold/index.scss +6 -0
- package/styles/scaffold/scaffold.scss +85 -5
- package/{dist/esm/chunks/chunk.WF2MFLG4.js → styles/select/index.scss} +1 -1
- package/styles/select/select/_core.scss +31 -15
- package/styles/select/select/_token-utils.scss +31 -0
- package/styles/select/select/select.scss +50 -8
- package/styles/split-view/split-view/split-view.scss +0 -1
- package/styles/split-view/split-view-panel/_mixins.scss +1 -0
- package/styles/split-view/split-view-panel/split-view-panel.scss +7 -1
- package/styles/stepper/step/_core.scss +391 -0
- package/styles/stepper/step/_token-utils.scss +31 -0
- package/styles/stepper/step/step.scss +261 -81
- package/styles/stepper/stepper/_core.scss +49 -0
- package/styles/stepper/stepper/stepper.scss +38 -4
- package/styles/switch/_core.scss +3 -2
- package/styles/theme/_theme-dark.scss +8 -8
- package/styles/toast/_animations.scss +42 -0
- package/styles/toast/_core.scss +73 -0
- package/styles/toast/_token-utils.scss +30 -0
- package/styles/toast/index.scss +6 -0
- package/styles/toast/toast.scss +173 -6
- package/styles/utils/_mixins-core.scss +5 -9
- package/dist/dialog/forge-dialog.css +0 -6
- package/dist/esm/chunks/chunk.24MZM3AY.js +0 -7
- package/dist/esm/chunks/chunk.24MZM3AY.js.map +0 -7
- package/dist/esm/chunks/chunk.2N5KNNQX.js +0 -7
- package/dist/esm/chunks/chunk.2N5KNNQX.js.map +0 -7
- package/dist/esm/chunks/chunk.3L77JY5H.js +0 -7
- package/dist/esm/chunks/chunk.3TIBP6QT.js +0 -7
- package/dist/esm/chunks/chunk.3U222LE4.js +0 -7
- package/dist/esm/chunks/chunk.45PPQY45.js +0 -177
- package/dist/esm/chunks/chunk.45PPQY45.js.map +0 -7
- package/dist/esm/chunks/chunk.4UU6PWR2.js +0 -7
- package/dist/esm/chunks/chunk.4UU6PWR2.js.map +0 -7
- package/dist/esm/chunks/chunk.5A34DJLZ.js +0 -7
- package/dist/esm/chunks/chunk.5A34DJLZ.js.map +0 -7
- package/dist/esm/chunks/chunk.5S7XNYRQ.js +0 -7
- package/dist/esm/chunks/chunk.5S7XNYRQ.js.map +0 -7
- package/dist/esm/chunks/chunk.66YURKP2.js +0 -7
- package/dist/esm/chunks/chunk.66YURKP2.js.map +0 -7
- package/dist/esm/chunks/chunk.6GSVB5NB.js.map +0 -7
- package/dist/esm/chunks/chunk.AFJ7QEVI.js +0 -7
- package/dist/esm/chunks/chunk.AFJ7QEVI.js.map +0 -7
- package/dist/esm/chunks/chunk.BETICEYY.js +0 -7
- package/dist/esm/chunks/chunk.BEUQVZKZ.js +0 -7
- package/dist/esm/chunks/chunk.CIUPY66Y.js +0 -7
- package/dist/esm/chunks/chunk.CIUPY66Y.js.map +0 -7
- package/dist/esm/chunks/chunk.CSCZRSDT.js +0 -7
- package/dist/esm/chunks/chunk.CSCZRSDT.js.map +0 -7
- package/dist/esm/chunks/chunk.CWBDPBYO.js +0 -7
- package/dist/esm/chunks/chunk.CWBDPBYO.js.map +0 -7
- package/dist/esm/chunks/chunk.D7RH43XD.js +0 -7
- package/dist/esm/chunks/chunk.D7RH43XD.js.map +0 -7
- package/dist/esm/chunks/chunk.DCCFF327.js +0 -7
- package/dist/esm/chunks/chunk.EO3HELQ2.js +0 -15
- package/dist/esm/chunks/chunk.FB4MXEIW.js +0 -7
- package/dist/esm/chunks/chunk.FB4MXEIW.js.map +0 -7
- package/dist/esm/chunks/chunk.G2HRYIIZ.js +0 -7
- package/dist/esm/chunks/chunk.G2HRYIIZ.js.map +0 -7
- package/dist/esm/chunks/chunk.G3GTO5ZC.js +0 -7
- package/dist/esm/chunks/chunk.G3GTO5ZC.js.map +0 -7
- package/dist/esm/chunks/chunk.HBAC6E7O.js +0 -7
- package/dist/esm/chunks/chunk.IM36A2ZI.js +0 -7
- package/dist/esm/chunks/chunk.IM36A2ZI.js.map +0 -7
- package/dist/esm/chunks/chunk.IWVAI6XM.js.map +0 -7
- package/dist/esm/chunks/chunk.IZ63EJ32.js +0 -7
- package/dist/esm/chunks/chunk.IZ63EJ32.js.map +0 -7
- package/dist/esm/chunks/chunk.JCEKCW4B.js +0 -7
- package/dist/esm/chunks/chunk.JCEKCW4B.js.map +0 -7
- package/dist/esm/chunks/chunk.JVWJHSPM.js +0 -7
- package/dist/esm/chunks/chunk.KDUH2DUE.js +0 -7
- package/dist/esm/chunks/chunk.KEFJZO5K.js +0 -7
- package/dist/esm/chunks/chunk.KEFJZO5K.js.map +0 -7
- package/dist/esm/chunks/chunk.KRKKMTXR.js +0 -7
- package/dist/esm/chunks/chunk.KRKKMTXR.js.map +0 -7
- package/dist/esm/chunks/chunk.LGEZI5SZ.js +0 -7
- package/dist/esm/chunks/chunk.LGEZI5SZ.js.map +0 -7
- package/dist/esm/chunks/chunk.LKA5HQQY.js +0 -7
- package/dist/esm/chunks/chunk.LKA5HQQY.js.map +0 -7
- package/dist/esm/chunks/chunk.MC3UAHWS.js +0 -7
- package/dist/esm/chunks/chunk.MC3UAHWS.js.map +0 -7
- package/dist/esm/chunks/chunk.MCR34SZQ.js +0 -7
- package/dist/esm/chunks/chunk.MGLWXAZO.js +0 -18
- package/dist/esm/chunks/chunk.MPUP6QAP.js +0 -7
- package/dist/esm/chunks/chunk.MZRAL4MY.js +0 -7
- package/dist/esm/chunks/chunk.MZRAL4MY.js.map +0 -7
- package/dist/esm/chunks/chunk.N632SJ7X.js +0 -7
- package/dist/esm/chunks/chunk.N632SJ7X.js.map +0 -7
- package/dist/esm/chunks/chunk.NHOGZDLN.js +0 -7
- package/dist/esm/chunks/chunk.NHOGZDLN.js.map +0 -7
- package/dist/esm/chunks/chunk.OFXSMOV6.js +0 -7
- package/dist/esm/chunks/chunk.OT4AIOMN.js +0 -7
- package/dist/esm/chunks/chunk.OY3TG55O.js +0 -7
- package/dist/esm/chunks/chunk.OY3TG55O.js.map +0 -7
- package/dist/esm/chunks/chunk.QCRO5NSG.js +0 -7
- package/dist/esm/chunks/chunk.QCRO5NSG.js.map +0 -7
- package/dist/esm/chunks/chunk.QKYCMDLB.js +0 -7
- package/dist/esm/chunks/chunk.R6VPRRTT.js +0 -7
- package/dist/esm/chunks/chunk.RFCIELJM.js +0 -7
- package/dist/esm/chunks/chunk.RFCIELJM.js.map +0 -7
- package/dist/esm/chunks/chunk.SIGRWU4V.js +0 -7
- package/dist/esm/chunks/chunk.SIGRWU4V.js.map +0 -7
- package/dist/esm/chunks/chunk.SKBOB2BD.js +0 -7
- package/dist/esm/chunks/chunk.SKBOB2BD.js.map +0 -7
- package/dist/esm/chunks/chunk.SOKORSUV.js +0 -7
- package/dist/esm/chunks/chunk.STSAE2XP.js +0 -7
- package/dist/esm/chunks/chunk.SWKKDBO6.js +0 -7
- package/dist/esm/chunks/chunk.SWKKDBO6.js.map +0 -7
- package/dist/esm/chunks/chunk.SYKZ74SL.js +0 -7
- package/dist/esm/chunks/chunk.SYKZ74SL.js.map +0 -7
- package/dist/esm/chunks/chunk.TPNZYEC7.js +0 -12
- package/dist/esm/chunks/chunk.TPNZYEC7.js.map +0 -7
- package/dist/esm/chunks/chunk.UKVC23E5.js +0 -7
- package/dist/esm/chunks/chunk.UKVC23E5.js.map +0 -7
- package/dist/esm/chunks/chunk.UOD3A7M4.js +0 -7
- package/dist/esm/chunks/chunk.UQQQSJVM.js +0 -7
- package/dist/esm/chunks/chunk.USO2XVOI.js +0 -7
- package/dist/esm/chunks/chunk.USO2XVOI.js.map +0 -7
- package/dist/esm/chunks/chunk.V3X77TCO.js +0 -7
- package/dist/esm/chunks/chunk.V3X77TCO.js.map +0 -7
- package/dist/esm/chunks/chunk.VBJ4WUVH.js +0 -7
- package/dist/esm/chunks/chunk.VBJ4WUVH.js.map +0 -7
- package/dist/esm/chunks/chunk.VOTT5COZ.js.map +0 -7
- package/dist/esm/chunks/chunk.VZ2XONDI.js +0 -7
- package/dist/esm/chunks/chunk.VZ2XONDI.js.map +0 -7
- package/dist/esm/chunks/chunk.WAMFFIMP.js +0 -7
- package/dist/esm/chunks/chunk.WAMFFIMP.js.map +0 -7
- package/dist/esm/chunks/chunk.WBCQTZPS.js +0 -7
- package/dist/esm/chunks/chunk.WBCQTZPS.js.map +0 -7
- package/dist/esm/chunks/chunk.WBI34ZVP.js +0 -7
- package/dist/esm/chunks/chunk.WF2MFLG4.js.map +0 -7
- package/dist/esm/chunks/chunk.WPVGFQNY.js +0 -7
- package/dist/esm/chunks/chunk.WPVGFQNY.js.map +0 -7
- package/dist/esm/chunks/chunk.XAZ6EDIZ.js +0 -7
- package/dist/esm/chunks/chunk.XCI7O2KJ.js +0 -7
- package/dist/esm/chunks/chunk.XCI7O2KJ.js.map +0 -7
- package/dist/esm/chunks/chunk.XNJROSDZ.js +0 -7
- package/dist/esm/chunks/chunk.XNJROSDZ.js.map +0 -7
- package/dist/esm/chunks/chunk.Z6GRWPPN.js +0 -7
- package/dist/esm/chunks/chunk.Z6GRWPPN.js.map +0 -7
- package/dist/esm/chunks/chunk.ZAREP2QH.js +0 -7
- package/dist/esm/chunks/chunk.ZAREP2QH.js.map +0 -7
- package/dist/esm/chunks/chunk.ZLNI2M3F.js +0 -7
- package/dist/esm/chunks/chunk.ZLNI2M3F.js.map +0 -7
- package/dist/esm/chunks/chunk.ZSZFWZAI.js +0 -7
- package/dist/esm/chunks/chunk.ZSZFWZAI.js.map +0 -7
- package/dist/esm/chunks/chunk.ZYKP23JP.js +0 -7
- package/dist/esm/field-next/index.js +0 -7
- package/dist/esm/floating-label/index.js +0 -7
- package/dist/esm/floating-label/index.js.map +0 -7
- package/dist/esm/popup/index.js +0 -7
- package/dist/esm/popup/index.js.map +0 -7
- package/dist/esm/ripple/index.js +0 -7
- package/dist/esm/ripple/index.js.map +0 -7
- package/dist/expansion-panel/forge-expansion-panel.css +0 -6
- package/dist/floating-label/forge-floating-label.css +0 -6
- package/dist/form-field/forge-form-field.css +0 -6
- package/dist/ripple/forge-ripple.css +0 -6
- package/dist/scaffold/forge-scaffold.css +0 -6
- package/esm/backdrop/backdrop-adapter.d.ts +0 -36
- package/esm/backdrop/backdrop-adapter.js +0 -40
- package/esm/backdrop/backdrop-foundation.d.ts +0 -38
- package/esm/backdrop/backdrop-foundation.js +0 -82
- package/esm/field-next/field-adapter.d.ts +0 -56
- package/esm/field-next/field-adapter.js +0 -132
- package/esm/field-next/field-constants.d.ts +0 -95
- package/esm/field-next/field-constants.js +0 -64
- package/esm/field-next/field-foundation.js +0 -221
- package/esm/field-next/field.d.ts +0 -205
- package/esm/field-next/field.js +0 -287
- package/esm/floating-label/floating-label-adapter.d.ts +0 -23
- package/esm/floating-label/floating-label-adapter.js +0 -32
- package/esm/floating-label/floating-label-constants.d.ts +0 -13
- package/esm/floating-label/floating-label-constants.js +0 -14
- package/esm/floating-label/floating-label-foundation.d.ts +0 -20
- package/esm/floating-label/floating-label-foundation.js +0 -74
- package/esm/floating-label/floating-label.d.ts +0 -31
- package/esm/floating-label/floating-label.js +0 -34
- package/esm/floating-label/index.d.ts +0 -9
- package/esm/floating-label/index.js +0 -9
- package/esm/label-value/label-value-adapter.d.ts +0 -24
- package/esm/label-value/label-value-adapter.js +0 -47
- package/esm/label-value/label-value-foundation.d.ts +0 -33
- package/esm/label-value/label-value-foundation.js +0 -80
- package/esm/popup/index.d.ts +0 -10
- package/esm/popup/index.js +0 -14
- package/esm/popup/popup-adapter.d.ts +0 -45
- package/esm/popup/popup-adapter.js +0 -152
- package/esm/popup/popup-constants.d.ts +0 -55
- package/esm/popup/popup-constants.js +0 -53
- package/esm/popup/popup-foundation.d.ts +0 -72
- package/esm/popup/popup-foundation.js +0 -258
- package/esm/popup/popup.d.ts +0 -59
- package/esm/popup/popup.js +0 -102
- package/esm/ripple/forge-ripple.d.ts +0 -17
- package/esm/ripple/forge-ripple.js +0 -22
- package/esm/ripple/index.d.ts +0 -11
- package/esm/ripple/index.js +0 -15
- package/esm/ripple/ripple-adapter.d.ts +0 -23
- package/esm/ripple/ripple-adapter.js +0 -47
- package/esm/ripple/ripple-constants.d.ts +0 -15
- package/esm/ripple/ripple-constants.js +0 -19
- package/esm/ripple/ripple-foundation.d.ts +0 -30
- package/esm/ripple/ripple-foundation.js +0 -48
- package/esm/ripple/ripple.d.ts +0 -36
- package/esm/ripple/ripple.js +0 -65
- package/styles/backdrop/_mixins.scss +0 -31
- package/styles/backdrop/_variables.scss +0 -12
- package/styles/card/_mixins.scss +0 -47
- package/styles/card/_variables.scss +0 -9
- package/styles/chip-field/_base.scss +0 -299
- package/styles/chip-field/_mixins.scss +0 -26
- package/styles/chip-field/_selector.scss +0 -228
- package/styles/chip-field/_variables.scss +0 -76
- package/styles/dialog/_mixins.scss +0 -199
- package/styles/dialog/_variables.scss +0 -22
- package/styles/dialog/forge-dialog.scss +0 -8
- package/styles/expansion-panel/_mixins.scss +0 -88
- package/styles/expansion-panel/forge-expansion-panel.scss +0 -16
- package/styles/field/_base.scss +0 -636
- package/styles/field/_selector.scss +0 -560
- package/styles/field/_utils.scss +0 -48
- package/styles/field/_variables.scss +0 -123
- package/styles/field-next/_core.scss +0 -212
- package/styles/floating-label/_mixins.scss +0 -291
- package/styles/floating-label/_variables.scss +0 -15
- package/styles/floating-label/forge-floating-label.scss +0 -8
- package/styles/form-field/_mixins.scss +0 -71
- package/styles/form-field/forge-form-field.scss +0 -8
- package/styles/icon/_mixins.scss +0 -37
- package/styles/icon/_variables.scss +0 -10
- package/styles/label-value/_mixins.scss +0 -205
- package/styles/label-value/_variables.scss +0 -12
- package/styles/popup/_mixins.scss +0 -86
- package/styles/popup/_variables.scss +0 -7
- package/styles/popup/forge-popup.scss +0 -8
- package/styles/popup/popup.scss +0 -20
- package/styles/ripple/forge-ripple.scss +0 -17
- package/styles/scaffold/_mixins.scss +0 -194
- package/styles/scaffold/forge-scaffold.scss +0 -43
- package/styles/select/select/_base.scss +0 -84
- package/styles/select/select/_mixins.scss +0 -25
- package/styles/select/select/_selector.scss +0 -90
- package/styles/select/select/_variables.scss +0 -16
- package/styles/stepper/step/_mixins.scss +0 -416
- package/styles/stepper/step/_variables.scss +0 -21
- package/styles/stepper/stepper/_mixins.scss +0 -113
- package/styles/toast/_mixins.scss +0 -242
- package/styles/toast/_variables.scss +0 -52
- /package/dist/esm/chunks/{chunk.YS5JZHJ6.js.map → chunk.24SQJBSQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IZRURH7C.js.map → chunk.3KAKJGUS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KDUH2DUE.js.map → chunk.473WRJ5G.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.USQEIRST.js.map → chunk.5MB6CTBA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.47U6GVGZ.js.map → chunk.5UOX22ML.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4NABD6XG.js.map → chunk.6VS3LYAF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AOSBUJWW.js.map → chunk.A7BCLPP4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7UBIT4NP.js.map → chunk.AG6IRMLZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.A4UH52SA.js.map → chunk.AGLI4WR4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WTUXAH7Z.js.map → chunk.AOVXNX7P.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AN2E2SSN.js.map → chunk.ASLHRT3N.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CBLUXYH2.js.map → chunk.BHE6Z5Y2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2WRAXA3H.js.map → chunk.BQ52JYLA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ROMRJIFR.js.map → chunk.CE35CVDV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZPXMKY72.js.map → chunk.CEGBMUSR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GBGGUYTE.js.map → chunk.CFAI4K3E.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZIGVO6FN.js.map → chunk.CGFSMACZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2537XOFQ.js.map → chunk.E2BE52ME.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.UEYPCCFG.js.map → chunk.ENUKGA2U.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GA6AO6FJ.js.map → chunk.H5RW3A4M.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.CSOKFDFQ.js.map → chunk.HSADKCGS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WBI34ZVP.js.map → chunk.IEABOPNB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.22C7GQLX.js.map → chunk.IL4S57WO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GTKYO6VB.js.map → chunk.JGURMVW7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YXHMD73U.js.map → chunk.K6GJNDTY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QUWEAFGI.js.map → chunk.KEOLH7G3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BIQTNLIF.js.map → chunk.LNTTU2GL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2AM2BKEO.js.map → chunk.MFQRXVKO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JLSFTWPE.js.map → chunk.MTIPIEXA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JSTCCUKZ.js.map → chunk.OEI35LFU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QKYCMDLB.js.map → chunk.QCPV5DEG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.R3AWIPPK.js.map → chunk.QIZBZGYT.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2XPAYTK4.js.map → chunk.QKTK5XUE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.R66CYS27.js.map → chunk.QTY25OTN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BSV27GU7.js.map → chunk.QVATEY5S.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SHBDQPPH.js.map → chunk.RONMNRSH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FRTSXX33.js.map → chunk.RSYEG2RW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.O56VP4OZ.js.map → chunk.RXBLU4OJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FBDRM4YN.js.map → chunk.S7KEO2CH.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XU3YSZPA.js.map → chunk.SQ3AZAHF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.35MHQH7Z.js.map → chunk.SROEDYPL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PXRGQHWR.js.map → chunk.TQWZDM6T.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3L77JY5H.js.map → chunk.W4HANHUO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2W276VOR.js.map → chunk.WMJSYYXQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4AEQ7KVU.js.map → chunk.XTJGWT5F.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YNXWVL4B.js.map → chunk.YPNSK2CK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MPUP6QAP.js.map → chunk.YWJVZVZX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.6XLTVIUD.js.map → chunk.ZA7JY3AY.js.map} +0 -0
- /package/dist/esm/{field-next → field}/base/index.js.map +0 -0
- /package/dist/esm/{field-next → field}/index.js.map +0 -0
- /package/esm/{field-next → field}/base/base-field-adapter.d.ts +0 -0
- /package/esm/{field-next → field}/base/base-field-adapter.js +0 -0
- /package/esm/{field-next → field}/base/base-field-constants.d.ts +0 -0
- /package/esm/{field-next → field}/base/base-field-constants.js +0 -0
- /package/esm/{field-next → field}/base/base-field-foundation.d.ts +0 -0
- /package/esm/{field-next → field}/base/base-field.d.ts +0 -0
- /package/esm/{field-next → field}/base/base-field.js +0 -0
- /package/esm/{field-next → field}/base/index.d.ts +0 -0
- /package/esm/{field-next → field}/base/index.js +0 -0
- /package/esm/{field-next → field}/index.d.ts +0 -0
- /package/esm/{field-next → field}/index.js +0 -0
- /package/styles/{field-next → field}/_core.slotted.scss +0 -0
- /package/styles/{field-next → field}/_core.state.scss +0 -0
- /package/styles/{field-next → field}/_token-utils.scss +0 -0
- /package/styles/{field-next → field}/index.scss +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{a as l,b as y}from"./chunk.CEGBMUSR.js";import{c as w}from"./chunk.GBAVJILM.js";import{a as E,d as v}from"./chunk.GIENHEMN.js";import{z as T}from"./chunk.RLQB7224.js";import{a as C,d as A,l as O}from"./chunk.T7NWP7DB.js";import{m as N}from"./chunk.J2Y5KPON.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as B}from"./chunk.OLFOVKQG.js";import{a as g,b as I}from"./chunk.VRSPT7WX.js";import{a as u,d as _,g as a,k as f}from"./chunk.LNTTU2GL.js";import{r as b}from"./chunk.L4QSPQDE.js";import{k as c}from"./chunk.J2M2MXP2.js";import{d as r}from"./chunk.M3QDAYD2.js";var S=`${I}app-bar-notification-button`,x={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},H=["aria-label","aria-labelledby"],e={elementName:S,attributes:x,forwardedAttributes:H};var d=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._iconButtonElement=a(this._component,E.elementName),this._badgeElement=a(this._component,l.elementName),this._iconElement=a(this._component,C.elementName);let i=this._iconButtonElement.getAttribute("aria-labelledby");this._forwardObserver=N(this._component,e.forwardedAttributes,(m,o)=>{m==="aria-labelledby"&&!o&&(o=i),b(this._iconButtonElement,!!o,m,o!=null?o:void 0)})}destroy(){var i;(i=this._forwardObserver)==null||i.disconnect(),this._forwardObserver=void 0}setCount(i){this._badgeElement.textContent=String(i)}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){b(this._badgeElement,!!i,l.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.hide=!i}};var p=class{constructor(t){this._adapter=t;this._count="0";this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}destroy(){this._adapter.destroy(),this._isInitialized=!1}get icon(){return this._icon}set icon(t){this._icon!==t&&(this._icon=t,this._isInitialized&&this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(e.attributes.ICON,this._icon))}get count(){return this._count}set count(t){this._count!==t&&(this._count=t,this._isInitialized&&this._adapter.setCount(this._count),this._adapter.setHostAttribute(e.attributes.COUNT,this._count))}get dot(){return this._dot}set dot(t){t=!!t,this._dot!==t&&(this._dot=t,this._isInitialized&&this._adapter.setBadgeType(this._dot),this._adapter.toggleHostAttribute(e.attributes.DOT,this._dot))}get theme(){return this._theme}set theme(t){this._theme!==t&&(this._theme=t,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(e.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(t){t=!!t,this._showBadge!==t&&(this._showBadge=t,this._isInitialized&&this._adapter.setBadgeVisible(this._showBadge),this._adapter.toggleHostAttribute(e.attributes.SHOW_BADGE,this._showBadge))}};var z='<template><forge-icon-button><forge-icon></forge-icon><forge-badge slot="badge"></forge-badge></forge-icon-button><forge-tooltip type="label" placement="bottom">Notifications</forge-tooltip></template>',n=class extends f{constructor(){super();A.define(T),this._foundation=new p(new d(this))}static get observedAttributes(){return[e.attributes.COUNT,e.attributes.DOT,e.attributes.THEME,e.attributes.SHOW_BADGE,e.attributes.ICON]}initializedCallback(){_(this,z)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(i,m,o){switch(i){case e.attributes.COUNT:this.count=o;break;case e.attributes.DOT:this.dot=c(o);break;case e.attributes.THEME:this.theme=o;break;case e.attributes.ICON:this.icon=o;break;case e.attributes.SHOW_BADGE:this.showBadge=c(o);break}}};r([s()],n.prototype,"count",2),r([s()],n.prototype,"dot",2),r([s()],n.prototype,"theme",2),r([s()],n.prototype,"icon",2),r([s()],n.prototype,"showBadge",2),n=r([g({name:e.elementName,dependencies:[v,w,y,O]})],n);function ct(){u(n)}export{e as a,d as b,p as c,n as d,ct as e};
|
|
7
|
+
//# sourceMappingURL=chunk.MX4JX4GT.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/app-bar/notification-button/app-bar-notification-button-constants.ts", "../../src/app-bar/notification-button/app-bar-notification-button-adapter.ts", "../../src/app-bar/notification-button/app-bar-notification-button-foundation.ts", "../../src/app-bar/notification-button/app-bar-notification-button.ts", "../../src/app-bar/notification-button/index.ts"],
|
|
4
4
|
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-notification-button`;\n\nconst attributes = {\n COUNT: 'count',\n DOT: 'dot',\n THEME: 'theme',\n SHOW_BADGE: 'show-badge',\n ICON: 'icon'\n};\n\nconst forwardedAttributes = ['aria-label', 'aria-labelledby'];\n\nexport const APP_BAR_NOTIFICATION_BUTTON_CONSTANTS = {\n elementName,\n attributes,\n forwardedAttributes\n};\n", "import { getLightElement, toggleAttribute } from '@tylertech/forge-core';\nimport { BADGE_CONSTANTS, IBadgeComponent } from '../../badge';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarNotificationButtonComponent } from './app-bar-notification-button';\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\nimport { forwardAttributes } from '../../core/utils/reflect-utils';\nimport { ICON_BUTTON_CONSTANTS } from '../../icon-button/icon-button-constants';\nimport { IIconButtonComponent } from '../../icon-button/icon-button';\n\nexport interface IAppBarNotificationButtonAdapter extends IBaseAdapter {\n initialize(): void;\n destroy(): void;\n setIcon(icon: string): void;\n setCount(value: number | string): void;\n setBadgeType(dot: boolean): void;\n setBadgeTheme(theme: string): void;\n setBadgeVisible(isVisible: boolean): void;\n}\n\nexport class AppBarNotificationButtonAdapter extends BaseAdapter<IAppBarNotificationButtonComponent> implements IAppBarNotificationButtonAdapter {\n private _iconButtonElement: IIconButtonComponent;\n private _badgeElement: IBadgeComponent;\n private _iconElement: IIconComponent;\n private _forwardObserver?: MutationObserver;\n\n constructor(component: IAppBarNotificationButtonComponent) {\n super(component);\n }\n\n public setIcon(icon: string): void {\n this._iconElement.name = icon;\n }\n\n public initialize(): void {\n this._iconButtonElement = getLightElement(this._component, ICON_BUTTON_CONSTANTS.elementName) as IIconButtonComponent;\n this._badgeElement = getLightElement(this._component, BADGE_CONSTANTS.elementName) as IBadgeComponent;\n this._iconElement = getLightElement(this._component, ICON_CONSTANTS.elementName) as IIconComponent;\n\n const originalAriaLabelledby = this._iconButtonElement.getAttribute('aria-labelledby');\n\n this._forwardObserver = forwardAttributes(this._component, APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.forwardedAttributes, (name, value) => {\n if (name === 'aria-labelledby' && !value) {\n value = originalAriaLabelledby;\n }\n toggleAttribute(this._iconButtonElement, !!value, name, value ?? undefined);\n });\n }\n\n public destroy(): void {\n this._forwardObserver?.disconnect();\n this._forwardObserver = undefined;\n }\n\n public setCount(value: number | string): void {\n this._badgeElement.textContent = String(value);\n }\n\n public setBadgeType(dot: boolean): void {\n this._badgeElement.dot = dot;\n }\n\n public setBadgeTheme(theme: string): void {\n toggleAttribute(this._badgeElement, !!theme, BADGE_CONSTANTS.attributes.THEME, theme);\n }\n\n public setBadgeVisible(isVisible: boolean): void {\n this._badgeElement.hide = !isVisible;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IAppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\n\nexport interface IAppBarNotificationButtonFoundation extends ICustomElementFoundation {\n count: number | string;\n dot: boolean;\n theme: string;\n showBadge: boolean;\n icon: string;\n}\n\nexport class AppBarNotificationButtonFoundation implements IAppBarNotificationButtonFoundation {\n private _count: number | string = '0';\n private _dot = false;\n private _theme: string;\n private _showBadge = false;\n private _isInitialized = false;\n private _icon = 'notifications';\n\n constructor(private _adapter: IAppBarNotificationButtonAdapter) {}\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.setCount(this._count);\n this._adapter.setBadgeType(this._dot);\n this._adapter.setBadgeTheme(this._theme);\n this._adapter.setBadgeVisible(this._showBadge);\n this._adapter.setIcon(this._icon);\n this._isInitialized = true;\n }\n\n public destroy(): void {\n this._adapter.destroy();\n this._isInitialized = false;\n }\n\n public get icon(): string {\n return this._icon;\n }\n public set icon(value: string) {\n if (this._icon !== value) {\n this._icon = value;\n if (this._isInitialized) {\n this._adapter.setIcon(this._icon);\n }\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON, this._icon);\n }\n }\n\n public get count(): number | string {\n return this._count;\n }\n public set count(value: number | string) {\n if (this._count !== value) {\n this._count = value;\n if (this._isInitialized) {\n this._adapter.setCount(this._count);\n }\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT, this._count as any);\n }\n }\n\n public get dot(): boolean {\n return this._dot;\n }\n public set dot(value: boolean) {\n value = Boolean(value);\n if (this._dot !== value) {\n this._dot = value;\n if (this._isInitialized) {\n this._adapter.setBadgeType(this._dot);\n }\n this._adapter.toggleHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT, this._dot);\n }\n }\n\n public get theme(): string {\n return this._theme;\n }\n public set theme(value: string) {\n if (this._theme !== value) {\n this._theme = value;\n if (this._isInitialized) {\n this._adapter.setBadgeTheme(this._theme);\n this._adapter.setHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME, this._theme);\n }\n }\n }\n\n public get showBadge(): boolean {\n return this._showBadge;\n }\n public set showBadge(value: boolean) {\n value = Boolean(value);\n if (this._showBadge !== value) {\n this._showBadge = value;\n if (this._isInitialized) {\n this._adapter.setBadgeVisible(this._showBadge);\n }\n this._adapter.toggleHostAttribute(APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE, this._showBadge);\n }\n }\n}\n", "import { attachLightTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconNotifications } from '@tylertech/tyler-icons/standard';\nimport { BadgeComponent } from '../../badge';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { IconButtonComponent } from '../../icon-button';\nimport { TooltipComponent } from '../../tooltip';\nimport { AppBarNotificationButtonAdapter } from './app-bar-notification-button-adapter';\nimport { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';\nimport { AppBarNotificationButtonFoundation } from './app-bar-notification-button-foundation';\n\nconst template = '<template><forge-icon-button><forge-icon></forge-icon><forge-badge slot=\\\"badge\\\"></forge-badge></forge-icon-button><forge-tooltip type=\\\"label\\\" placement=\\\"bottom\\\">Notifications</forge-tooltip></template>';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-notification-button': IAppBarNotificationButtonComponent;\n }\n}\n\nexport interface IAppBarNotificationButtonComponent extends IBaseComponent {\n count: number | string;\n dot: boolean;\n showBadge: boolean;\n theme: string;\n icon: string;\n}\n/**\n * @tag forge-app-bar-notification-button\n * \n * @property {number | string} count - The number to display in the badge.\n * @property {boolean} dot - Whether to display the dot variant of the badge or not.\n * @property {boolean} showBadge - Whether to display the badge or not.\n * @property {string} theme - The theme to apply to the badge.\n * @property {string} icon - The name of an alternative icon to display.\n * \n * @attribute {string} [count] - The number to display in the badge.\n * @attribute {boolean} [dot] - Whether to display the dot variant of the badge or not.\n * @attribute {boolean} [show-badge] - Whether to display the badge or not.\n * @attribute {string} [theme] - The theme to apply to the badge.\n * @attribute {string} [icon] - The name of an alternative icon to display.\n * @attribute {string} [aria-label] - The aria-label to apply to the button.\n * @attribute {string} [aria-labelledby] - The id of an element to use as the aria-labelledby attribute.\n */\n@CustomElement({\n name: APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.elementName,\n dependencies: [\n IconButtonComponent,\n TooltipComponent,\n BadgeComponent,\n IconComponent\n ]\n})\nexport class AppBarNotificationButtonComponent extends BaseComponent implements IAppBarNotificationButtonComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE,\n APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON\n ];\n }\n\n private _foundation: AppBarNotificationButtonFoundation;\n\n constructor() {\n super();\n IconRegistry.define(tylIconNotifications);\n this._foundation = new AppBarNotificationButtonFoundation(new AppBarNotificationButtonAdapter(this));\n }\n\n public initializedCallback(): void {\n attachLightTemplate(this, template);\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.destroy();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.COUNT:\n this.count = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.DOT:\n this.dot = coerceBoolean(newValue);\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.THEME:\n this.theme = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.ICON:\n this.icon = newValue;\n break;\n case APP_BAR_NOTIFICATION_BUTTON_CONSTANTS.attributes.SHOW_BADGE:\n this.showBadge = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare count: number | string;\n\n @FoundationProperty()\n public declare dot: boolean;\n\n @FoundationProperty()\n public declare theme: string;\n\n @FoundationProperty()\n public declare icon: string;\n\n @FoundationProperty()\n public declare showBadge: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarNotificationButtonComponent } from './app-bar-notification-button';\n\nexport * from './app-bar-notification-button-adapter';\nexport * from './app-bar-notification-button-constants';\nexport * from './app-bar-notification-button-foundation';\nexport * from './app-bar-notification-button';\n\nexport function defineAppBarNotificationButtonComponent(): void {\n defineCustomElement(AppBarNotificationButtonComponent);\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "forwardedAttributes", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "AppBarNotificationButtonAdapter", "BaseAdapter", "component", "icon", "getLightElement", "ICON_BUTTON_CONSTANTS", "BADGE_CONSTANTS", "ICON_CONSTANTS", "originalAriaLabelledby", "forwardAttributes", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "name", "value", "toggleAttribute", "_a", "dot", "theme", "isVisible", "AppBarNotificationButtonFoundation", "_adapter", "value", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "template", "AppBarNotificationButtonComponent", "BaseComponent", "IconRegistry", "tylIconNotifications", "AppBarNotificationButtonFoundation", "AppBarNotificationButtonAdapter", "APP_BAR_NOTIFICATION_BUTTON_CONSTANTS", "attachLightTemplate", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconButtonComponent", "TooltipComponent", "BadgeComponent", "IconComponent", "defineAppBarNotificationButtonComponent", "defineCustomElement", "AppBarNotificationButtonComponent"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{a as s,b as l}from"./chunk.VRSPT7WX.js";import{a as i,e as n,k as c}from"./chunk.LNTTU2GL.js";import{k as d}from"./chunk.J2M2MXP2.js";import{a as o,d as t}from"./chunk.M3QDAYD2.js";var f=`${l}card`,p={RAISED:"raised"},h=o({},p),a={elementName:f,observedAttributes:p,attributes:h};var v='<template><div class="forge-card" part="root"><slot></slot></div></template>',b=":host{display:block}:host([hidden]){display:none}.forge-card{--_card-background:var(--forge-card-background, var(--forge-theme-surface, #ffffff));--_card-height:var(--forge-card-height, 100%);--_card-width:var(--forge-card-width, 100%);--_card-outline-color:var(--forge-card-outline-color, var(--forge-theme-outline, #e0e0e0));--_card-outline-width:var(--forge-card-outline-width, var(--forge-border-thin, 1px));--_card-outline-style:var(--forge-card-outline-style, solid);--_card-elevation:var(--forge-card-elevation, none);--_card-padding:var(--forge-card-padding, var(--forge-spacing-medium, 16px));--_card-shape:var(--forge-card-shape, var(--forge-shape-medium, 4px));--_card-overflow:var(--forge-card-overflow, hidden);--_card-raised-elevation:var(--forge-card-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_card-raised-outline-width:var(--forge-card-raised-outline-width, 0)}.forge-card{background:var(--_card-background);border-color:var(--_card-outline-color);border-width:var(--_card-outline-width);border-style:var(--_card-outline-style);border-radius:var(--_card-shape);-webkit-box-shadow:var(--_card-elevation);box-shadow:var(--_card-elevation);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--_card-padding);overflow:var(--_card-overflow);height:var(--_card-height);width:var(--_card-width);-webkit-tap-highlight-color:transparent}:host([raised]) .forge-card{--_card-elevation:var(--_card-raised-elevation);--_card-outline-width:var(--_card-raised-outline-width)}:host([no-padding]) .forge-card{--_card-padding:var(--forge-card-padding, 0)}",e=class extends c{constructor(){super();this._raised=!1;n(this,v,b)}static get observedAttributes(){return Object.values(a.observedAttributes)}attributeChangedCallback(r,_,g){switch(r){case a.attributes.RAISED:this.raised=d(g);break}}get raised(){return this._raised}set raised(r){r=!!r,this._raised!==r&&(this._raised=r,this.toggleAttribute(a.attributes.RAISED,this._raised))}};e=t([s({name:a.elementName})],e);function M(){i(e)}export{a,e as b,M as c};
|
|
7
|
+
//# sourceMappingURL=chunk.NEQX2QVX.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/card/card-constants.ts", "../../src/card/card.ts", "../../src/card/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}card`;\n\nconst observedAttributes = {\n RAISED: 'raised'\n};\n\nconst attributes = {\n ...observedAttributes\n};\n\nexport const CARD_CONSTANTS = {\n elementName,\n observedAttributes,\n attributes\n};\n", "import { CustomElement, attachShadowTemplate, coerceBoolean } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nimport { CARD_CONSTANTS } from './card-constants';\n\nconst template = '<template><div class=\\\"forge-card\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = ':host{display:block}:host([hidden]){display:none}.forge-card{--_card-background:var(--forge-card-background, var(--forge-theme-surface, #ffffff));--_card-height:var(--forge-card-height, 100%);--_card-width:var(--forge-card-width, 100%);--_card-outline-color:var(--forge-card-outline-color, var(--forge-theme-outline, #e0e0e0));--_card-outline-width:var(--forge-card-outline-width, var(--forge-border-thin, 1px));--_card-outline-style:var(--forge-card-outline-style, solid);--_card-elevation:var(--forge-card-elevation, none);--_card-padding:var(--forge-card-padding, var(--forge-spacing-medium, 16px));--_card-shape:var(--forge-card-shape, var(--forge-shape-medium, 4px));--_card-overflow:var(--forge-card-overflow, hidden);--_card-raised-elevation:var(--forge-card-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_card-raised-outline-width:var(--forge-card-raised-outline-width, 0)}.forge-card{background:var(--_card-background);border-color:var(--_card-outline-color);border-width:var(--_card-outline-width);border-style:var(--_card-outline-style);border-radius:var(--_card-shape);-webkit-box-shadow:var(--_card-elevation);box-shadow:var(--_card-elevation);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--_card-padding);overflow:var(--_card-overflow);height:var(--_card-height);width:var(--_card-width);-webkit-tap-highlight-color:transparent}:host([raised]) .forge-card{--_card-elevation:var(--_card-raised-elevation);--_card-outline-width:var(--_card-raised-outline-width)}:host([no-padding]) .forge-card{--_card-padding:var(--forge-card-padding, 0)}';\n\nexport interface ICardComponent extends IBaseComponent {\n raised: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-card': ICardComponent;\n }\n}\n\n/**\n * @tag forge-card\n * \n * @summary Cards are used to group related information and actions about a single subject.\n * \n * @property {boolean} raised - Whether the card has elevation or not.\n * \n * @attribute {boolean} raised - Whether the card has an raised or not.\n * @attribute {boolean} no-padding - Removes the default padding from the card.\n * \n * @cssproperty --forge-card-background - The background color of the card.\n * @cssproperty --forge-card-height - The height of the card.\n * @cssproperty --forge-card-width - The width of the card.\n * @cssproperty --forge-card-outline-color - The outline color of the card.\n * @cssproperty --forge-card-outline-width - The outline width of the card.\n * @cssproperty --forge-card-outline-style - The outline style of the card.\n * @cssproperty --forge-card-elevation - The elevation/shadow of the card.\n * @cssproperty --forge-card-padding - The padding of the card.\n * @cssproperty --forge-card-shape - The shape (border-radius) of the card.\n * @cssproperty --forge-card-overflow - The overflow of the card.\n * @cssproperty --forge-card-raised-elevation - The elevation/shadow of the card when raised.\n * @cssproperty --forge-card-raised-outline-width\n * \n * @csspart root - The root container element.\n */\n@CustomElement({\n name: CARD_CONSTANTS.elementName\n})\nexport class CardComponent extends BaseComponent implements ICardComponent {\n public static get observedAttributes(): string[] {\n return Object.values(CARD_CONSTANTS.observedAttributes);\n }\n\n private _raised = false;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case CARD_CONSTANTS.attributes.RAISED:\n this.raised = coerceBoolean(newValue);\n break;\n }\n }\n\n public get raised(): boolean {\n return this._raised;\n }\n public set raised(value: boolean) {\n value = Boolean(value);\n if (this._raised !== value) {\n this._raised = value;\n this.toggleAttribute(CARD_CONSTANTS.attributes.RAISED, this._raised);\n }\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { CardComponent } from './card';\n\nexport * from './card-constants';\nexport * from './card';\n\nexport function defineCardComponent(): void {\n defineCustomElement(CardComponent);\n}\n"],
|
|
5
|
+
"mappings": "4LAEA,IAAMA,EAA2C,GAAGC,QAE9CC,EAAqB,CACzB,OAAQ,QACV,EAEMC,EAAaC,EAAA,GACdF,GAGQG,EAAiB,CAC5B,YAAAL,EACA,mBAAAE,EACA,WAAAC,CACF,ECXA,IAAMG,EAAW,+EACXC,EAAS,0nDAwCFC,EAAN,cAA4BC,CAAwC,CAOzE,aAAc,CACZ,MAAM,EAHR,KAAQ,QAAU,GAIhBC,EAAqB,KAAMJ,EAAUC,CAAM,CAC7C,CATA,WAAkB,oBAA+B,CAC/C,OAAO,OAAO,OAAOI,EAAe,kBAAkB,CACxD,CASO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAe,WAAW,OAC7B,KAAK,OAASI,EAAcD,CAAQ,EACpC,KACJ,CACF,CAEA,IAAW,QAAkB,CAC3B,OAAO,KAAK,OACd,CACA,IAAW,OAAOE,EAAgB,CAChCA,EAAQ,EAAQA,EACZ,KAAK,UAAYA,IACnB,KAAK,QAAUA,EACf,KAAK,gBAAgBL,EAAe,WAAW,OAAQ,KAAK,OAAO,EAEvE,CACF,EA9BaH,EAANS,EAAA,CAHNC,EAAc,CACb,KAAMP,EAAe,WACvB,CAAC,GACYH,GCxCN,SAASW,GAA4B,CAC1CC,EAAoBC,CAAa,CACnC",
|
|
6
|
+
"names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "CARD_CONSTANTS", "template", "styles", "CardComponent", "BaseComponent", "attachShadowTemplate", "CARD_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "value", "__decorateClass", "CustomElement", "defineCardComponent", "defineCustomElement", "CardComponent"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{d as B}from"./chunk.GIENHEMN.js";import{k as C}from"./chunk.RLQB7224.js";import{d as I,l as w}from"./chunk.T7NWP7DB.js";import{b as x,d as A}from"./chunk.FLF5RTYO.js";import{a as L,p as S}from"./chunk.ASLHRT3N.js";import{l as m}from"./chunk.SB2LOK2R.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as T}from"./chunk.OLFOVKQG.js";import{a as E,b as l}from"./chunk.VRSPT7WX.js";import{e as y,f as h,k}from"./chunk.LNTTU2GL.js";import{m as _,r as u,v as b}from"./chunk.L4QSPQDE.js";import{k as p}from"./chunk.J2M2MXP2.js";import{a as c,d as n}from"./chunk.M3QDAYD2.js";var H=`${l}chip-set`,D={VERTICAL:"vertical",TYPE:"type",DENSE:"dense",DISABLED:"disabled",INVALID:"invalid",THEME:"theme"},z=c({},D),M={ROOT:".forge-chip-set"},N={elementName:H,observedAttributes:D,attributes:z,selectors:M};var d=`${l}chip`,R={TYPE:"type",VALUE:"value",SELECTED:"selected",INVALID:"invalid",DISABLED:"disabled",DENSE:"dense",THEME:"theme",HREF:"href",TARGET:"target",DOWNLOAD:"download",REL:"rel"},O=c({},R),F={ROOT:".forge-chip",TRIGGER:"#trigger"},P={DELETE:`${d}-delete`,SELECT:`${d}-select`,NAVIGATE:`${d}-navigate`},V={TYPE:"action",THEME:"primary"},i={elementName:d,observedAttributes:R,attributes:O,selectors:F,events:P,defaults:V};var G='<div class="checkmark" aria-hidden="true"><svg viewBox="-2 -3 30 30"><path fill="none" stroke="black" d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></div>',g=class extends T{constructor(t){super(t);this._component=t;this._rootElement=h(this._component,i.selectors.ROOT),this._triggerElement=h(this._component,i.selectors.TRIGGER),this._startSlotElement=h(this._component,"slot[name=start]"),this._focusIndicatorElement=h(this._component,x.elementName),this._stateLayerElement=h(this._component,L.elementName)}get removeButtonElement(){return this._removeButtonElement}get isAnchor(){return this._triggerElement.localName==="a"}clickTrigger(){this._triggerElement.click()}addRootListener(t,r){this._rootElement.addEventListener(t,r)}removeRootListener(t,r){this._rootElement.removeEventListener(t,r)}setAnchor(t){if(t){if(this._triggerElement.localName==="button"){let r=this._createAnchorElement();this._triggerElement=m(this._triggerElement,r)}}else if(this._triggerElement.localName==="a"){let r=this._createButtonElement();this._triggerElement=m(this._triggerElement,r)}this._stateLayerElement.targetElement!==this._triggerElement&&(this._stateLayerElement.targetElement=this._triggerElement),this._focusIndicatorElement.targetElement!==this._triggerElement&&(this._focusIndicatorElement.targetElement=this._triggerElement)}setAnchorProperty(t,r){this._triggerElement.localName==="a"&&this._triggerElement instanceof HTMLAnchorElement&&(this._triggerElement[t]=r)}setCheckmarkVisibility(t){t?(this._checkmarkElement||(this._checkmarkElement=b(G)),this._rootElement.insertBefore(this._checkmarkElement,this._rootElement.firstChild)):this._checkmarkElement&&this._checkmarkElement.isConnected&&this._checkmarkElement.remove()}setDisabled(t){if(this._triggerElement instanceof HTMLAnchorElement){this._focusIndicatorElement.isConnected||this._rootElement.append(this._focusIndicatorElement),this._stateLayerElement.isConnected||this._rootElement.append(this._stateLayerElement);return}this._removeButtonElement&&(this._removeButtonElement.disabled=t),this._triggerElement.disabled=t,this._triggerElement.tabIndex=t?-1:0,t?(this._focusIndicatorElement.remove(),this._stateLayerElement.remove()):this._rootElement.append(this._focusIndicatorElement,this._stateLayerElement)}setSelected(t){this._triggerElement instanceof HTMLAnchorElement||u(this._triggerElement,t,"aria-pressed",String(t))}toggleFieldVariant(t){t?(this._stateLayerElement.isConnected||this._rootElement.append(this._stateLayerElement),this._focusIndicatorElement.targetElement!==this._triggerElement&&(this._focusIndicatorElement.targetElement=this._triggerElement)):this._stateLayerElement.remove()}setDeleteButtonVisibility(t){var r;t?(this._removeButtonElement||(this._removeButtonElement=this._createRemoveButton()),this._rootElement.appendChild(this._removeButtonElement)):(r=this._removeButtonElement)==null||r.remove()}setStartSlotVisibility(t){this._startSlotElement.style.display=t?"":"none"}getChipSetState(){let t=null,r=_(this._component,o=>o&&o.nodeName===N.elementName.toUpperCase());return r&&(t={type:r.type,disabled:r.disabled,dense:r.dense}),t}focusTrigger(t){this._triggerElement.focus(c({preventScroll:!0},t))}tryFocusRemoveButton(){this._removeButtonElement?this._removeButtonElement.focus({preventScroll:!0,focusVisible:!0}):this.focusTrigger()}clickRemoveButton(){var t;(t=this._removeButtonElement)==null||t.click()}animateStateLayer(){this._stateLayerElement.playAnimation()}_createRemoveButton(){let t=document.createElement("forge-icon-button");t.density="small",t.id="remove-button",t.classList.add("remove"),t.tabIndex=-1,t.setAttribute("aria-label",`Remove ${this._component.innerText}`),t.setAttribute("part","remove-button");let r=document.createElement("forge-icon");return r.name="close",t.appendChild(r),t}_createAnchorElement(){let t=document.createElement("a");return t.id="trigger",t.setAttribute("part","trigger"),t.classList.add("trigger"),this._component.href&&(t.href=this._component.href),this._component.target&&(t.target=this._component.target),this._component.download&&(t.download=this._component.download),this._component.rel&&(t.rel=this._component.rel),t}_createButtonElement(){let t=document.createElement("button");return t.type="button",t.id="trigger",t.setAttribute("part","trigger"),t.classList.add("trigger"),this._component.disabled&&(t.disabled=!0),this._component.selected&&t.setAttribute("aria-pressed","true"),t}};var f=class{constructor(e){this._adapter=e;this._type=i.defaults.TYPE;this._selected=!1;this._invalid=!1;this._disabled=!1;this._dense=!1;this._theme=i.defaults.THEME;this._clickListener=this._onClick.bind(this);this._keydownListener=this._onKeydown.bind(this)}initialize(){this._attachListeners(),this._tryInheritChipSetState()}focus(e){this._adapter.focusTrigger(e)}focusRemoveButton(){var e;(e=this._adapter.removeButtonElement)==null||e.focus()}click(){this._adapter.clickTrigger()}_attachListeners(){this._adapter.addRootListener("click",this._clickListener),this._adapter.addRootListener("keydown",this._keydownListener)}_detachListeners(){this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeRootListener("keydown",this._keydownListener)}_tryInheritChipSetState(){let e=this._adapter.getChipSetState();e&&(e.type!==void 0&&(this.type=e.type),e.disabled!==void 0&&(this.disabled=e.disabled),e.dense!==void 0&&(this.dense=e.dense))}_onClick(e){this._isRemoveButton(e)?(e.stopImmediatePropagation(),this._dispatchDeleteEvent()):this._handleSelectInteraction()}_onKeydown(e){switch(e.key){case"Delete":case"Backspace":this._type==="input"&&(e.preventDefault(),this._dispatchDeleteEvent());break;case"Enter":case" ":e.preventDefault(),this._isRemoveButton(e)?(e.stopImmediatePropagation(),e.key==="Enter"&&this._adapter.clickRemoveButton()):(this.click(),this._adapter.isAnchor&&this._adapter.animateStateLayer());break;case"ArrowLeft":case"ArrowRight":this._tryNavigate(e);break;case"Tab":this._type==="input"&&this._isRemoveButton(e)&&this._tryNavigate(e);break}}_tryNavigate(e){var r;if(this._type==="input"){if(!!((r=this._adapter.removeButtonElement)!=null&&r.matches(":focus"))){if(e.stopPropagation(),e.preventDefault(),e.key==="ArrowLeft"){this._adapter.focusTrigger();return}}else if(e.key==="ArrowRight"){this._adapter.tryFocusRemoveButton();return}}let t={direction:e.key==="ArrowRight"||e.key==="Tab"?"next":"previous"};this._adapter.dispatchHostEvent(new CustomEvent(i.events.NAVIGATE,{bubbles:!0,detail:t}))}_isRemoveButton(e){return!!this._adapter.removeButtonElement&&e.composedPath().includes(this._adapter.removeButtonElement)}_handleSelectInteraction(){let e=this._selected;this._selected=!this._selected;let t=this._dispatchSelectEvent();this._selected=e;let r=["filter","choice","input"].includes(this._type);!t&&r&&(this._selected=!this._selected,this._applySelected())}_dispatchSelectEvent(){let e={selected:this._selected,value:this._value},t=new CustomEvent(i.events.SELECT,{detail:e,bubbles:!0,cancelable:!0});return this._adapter.dispatchHostEvent(t),t.defaultPrevented}_dispatchDeleteEvent(){let e={value:this._value};this._adapter.dispatchHostEvent(new CustomEvent(i.events.DELETE,{detail:e,bubbles:!0}))}_applyType(){let e=this._type==="input"||this._type==="field";this._adapter.setDeleteButtonVisibility(e),this._adapter.setCheckmarkVisibility(this._type==="filter"),this._adapter.setStartSlotVisibility(!this._selected),this._adapter.toggleFieldVariant(this._type!=="field"),this._applySelected(),this._adapter.setHostAttribute(i.attributes.TYPE,this._type)}_applySelected(){this._adapter.setSelected(this._selected),this._type==="filter"&&this._adapter.setStartSlotVisibility(!this._selected),this._adapter.toggleHostAttribute(i.attributes.SELECTED,this._selected)}get type(){return this._type}set type(e){this._type!==e&&(this._type=e,["action","choice","filter","input","field"].includes(this._type)||(this._type="action"),this._applyType())}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._adapter.setHostAttribute(i.attributes.VALUE,String(this._value)))}get selected(){return this._selected}set selected(e){e=!!e,this._selected!==e&&(this._selected=e,this._applySelected())}get invalid(){return this._invalid}set invalid(e){e=!!e,this._invalid!==e&&(this._invalid=e,this._adapter.toggleHostAttribute(i.attributes.INVALID,e))}get disabled(){return this._disabled}set disabled(e){e=!!e,this._disabled!==e&&(this._disabled=e,this._adapter.setDisabled(this._disabled),this._adapter.isConnected&&(this._disabled?this._detachListeners():this._attachListeners()),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled))}get dense(){return this._dense}set dense(e){e=!!e,this._dense!==e&&(this._dense=e,this._adapter.toggleHostAttribute(i.attributes.DENSE,this._dense))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e!=null?e:i.defaults.THEME,this._adapter.setHostAttribute(i.attributes.THEME,this._theme))}get href(){return this._href}set href(e){var t;if(this._href!==e){this._href=e;let r=!!((t=this._href)!=null&&t.trim());this._adapter.setAnchor(r),r&&this._disabled&&this._adapter.setDisabled(!1),this._adapter.toggleHostAttribute(i.attributes.HREF,r,this._href)}}get target(){return this._target}set target(e){var t;this._target!==e&&(this._target=e,this._adapter.setAnchorProperty("target",e),this._adapter.toggleHostAttribute(i.attributes.TARGET,!!((t=this._target)!=null&&t.trim()),this._target))}get download(){return this._download}set download(e){var t;this._download!==e&&(this._download=e,this._adapter.setAnchorProperty("download",e),this._adapter.toggleHostAttribute(i.attributes.DOWNLOAD,!!((t=this._download)!=null&&t.trim()),this._download))}get rel(){return this._rel}set rel(e){var t;this._rel!==e&&(this._rel=e,this._adapter.setAnchorProperty("rel",e),this._adapter.toggleHostAttribute(i.attributes.REL,!!((t=this._rel)!=null&&t.trim()),this._rel))}};var U='<template><div class="forge-chip" part="root"><button type="button" id="trigger" class="trigger" part="trigger"><slot name="start"><slot name="leading"></slot></slot><slot></slot><slot name="end"><slot name="trailing"></slot></slot></button><forge-focus-indicator target="trigger" part="focus-indicator"></forge-focus-indicator><forge-state-layer target="trigger" exportparts="surface:state-layer"></forge-state-layer></div></template>',Y=':host{display:-webkit-inline-box;display:inline-flex}:host([hidden]){display:none}.forge-chip{--_chip-background:var(--forge-chip-background, transparent);--_chip-color:var(--forge-chip-color, var(--forge-theme-primary, #3f51b5));--_chip-shape:var(--forge-chip-shape, var(--forge-shape-full, 9999px));--_chip-spacing:var(--forge-chip-spacing, var(--forge-spacing-xsmall, 8px));--_chip-height:var(--forge-chip-height, 32px);--_chip-padding-inline:var(--forge-chip-padding-inline, var(--forge-spacing-small, 12px));--_chip-padding-block:var(--forge-chip-padding-block, 0);--_chip-cursor:var(--forge-chip-cursor, pointer);--_chip-icon-font-size:var(--forge-chip-icon-font-size, 1.5rem);--_chip-disabled-opacity:var(--forge-chip-disabled-opacity, 0.38);--_chip-disabled-cursor:var(--forge-chip-disabled-cursor, not-allowed);--_chip-dense-height:var(--forge-chip-dense-height, 24px);--_chip-dense-padding-inline:var(--forge-chip-dense-padding-inline, var(--forge-spacing-xsmall, 8px));--_chip-dense-spacing:var(--forge-chip-dense-spacing, var(--forge-spacing-xxsmall, 4px));--_chip-dense-font-size:var(--forge-chip-dense-font-size, 0.75rem);--_chip-dense-font-weight:var(--forge-chip-dense-font-weight, normal);--_chip-dense-focus-indicator-offset:var(--forge-chip-dense-focus-indicator-offset, var(--forge-spacing-xxxsmall, 2px));--_chip-dense-icon-font-size:var(--forge-chip-dense-icon-font-size, 1.25rem);--_chip-remove-button-spacing:var(--forge-chip-remove-button-spacing, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-xxsmall, 4px));--_chip-remove-button-height-dense:var(--forge-chip-remove-button-height-dense, 18px);--_chip-remove-button-icon-size-dense:var(--forge-chip-remove-button-icon-size-dense, 16px);--_chip-remove-button-spacing-dense:var(--forge-chip-remove-button-spacing-dense, 0 var(--forge-spacing-xxxsmall, 2px));--_chip-selected-background:var(--forge-chip-selected-background, var(--forge-theme-primary, #3f51b5));--_chip-selected-color:var(--forge-chip-selected-color, var(--forge-theme-on-primary, #ffffff));--_chip-invalid-color:var(--forge-chip-invalid-color, var(--forge-theme-error, #b00020));--_chip-invalid-selected-background:var(--forge-chip-invalid-selected-background, var(--forge-theme-error, #b00020));--_chip-invalid-selected-color:var(--forge-chip-invalid-selected-color, var(--forge-theme-on-error, #ffffff));--_chip-border-width:var(--forge-chip-border-width, var(--forge-border-thin, 1px));--_chip-border-style:var(--forge-chip-border-style, solid);--_chip-border-color:var(--forge-chip-border-color, var(--_chip-color));--_chip-field-background:var(--forge-chip-field-background, var(--forge-theme-surface-container-low, #ebebeb));--_chip-field-color:var(--forge-chip-field-color, var(--forge-theme-on-surface-container-low, #000000));--_chip-field-shape:var(--forge-chip-field-shape, var(--forge-shape-medium, 4px));--_chip-field-border-color:var(--forge-chip-field-border-color, transparent);--_chip-field-cursor:var(--forge-chip-field-cursor, default);--_chip-checkmark-size:var(--forge-chip-checkmark-size, 1.25em);--_chip-checkmark-color:var(--forge-chip-checkmark-color, var(--_chip-color));--_chip-checkmark-spacing:var(--forge-chip-checkmark-spacing, var(--forge-spacing-xsmall, 8px));--_chip-avatar-size:var(--forge-chip-avatar-size, 24px);--_chip-avatar-size-dense:var(--forge-chip-avatar-size-dense, 18px);--_chip-avatar-font-size:var(--forge-chip-avatar-font-size, 0.75rem);--_chip-avatar-font-size-dense:var(--forge-chip-avatar-font-size-dense, 0.5rem);--_chip-avatar-spacing:var(--forge-chip-avatar-spacing, calc(var(--forge-spacing-xsmall, 8px) * -1));--_chip-avatar-spacing-dense:var(--forge-chip-avatar-spacing-dense, calc(var(--forge-spacing-xxsmall, 4px) * -1));--_chip-transition-duration:var(--forge-chip-transition-duration, var(--forge-animation-duration-short3, 150ms));--_chip-transition-easing:var(--forge-chip-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_chip-checkmark-transition-delay:var(--forge-chip-checkmark-transition-delay, 50ms)}.forge-chip{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_chip-height);border-width:var(--_chip-border-width);border-style:var(--_chip-border-style);border-color:var(--_chip-border-color);border-radius:var(--_chip-shape);background:var(--_chip-background);color:var(--_chip-color);-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}.trigger{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_chip-spacing);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-inline:var(--_chip-padding-inline);padding-block:var(--_chip-padding-block);cursor:var(--_chip-cursor);z-index:0;text-decoration:none;border:none;background:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:var(--_chip-shape);outline:0}.remove{padding-inline:var(--_chip-remove-button-spacing);--forge-icon-button-focus-indicator-color:var(--_chip-color)}forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-color);--forge-focus-indicator-shape:var(--_chip-shape)}forge-state-layer{--forge-state-layer-color:var(--_chip-color)}:host([dense]) .forge-chip{--_chip-height:var(--_chip-dense-height);--_chip-padding-inline:var(--_chip-dense-padding-inline);--_chip-spacing:var(--_chip-dense-spacing)}:host([dense]) .trigger{--forge-typography-font-size:var(--_chip-dense-font-size);--forge-typography-font-weight:var(--_chip-dense-font-weight)}:host([dense]) .remove{--_chip-remove-button-spacing:var(--_chip-remove-button-spacing-dense);--forge-icon-button-density-small-size:var(--_chip-remove-button-height-dense);--forge-icon-button-density-small-icon-size:var(--_chip-remove-button-icon-size-dense)}:host([dense]) forge-focus-indicator{--forge-focus-indicator-outward-offset:var(--_chip-dense-focus-indicator-offset)}:host([dense]) ::slotted(forge-avatar){--_chip-avatar-spacing:var(--_chip-avatar-spacing-dense);--forge-typography-font-size:var(--_chip-avatar-font-size-dense);--forge-avatar-size:var(--_chip-avatar-size-dense)}:host([dense]) ::slotted(:is([slot=start],[slot=leading],[slot=end],[slot=trailing])){--_chip-icon-font-size:var(--_chip-dense-icon-font-size)}:host(:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-selected-background);--_chip-color:var(--_chip-selected-color)}:host(:is([type=filter],[type=choice],[type=input])[selected]) forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-background)}:host([invalid]) .forge-chip{--_chip-color:var(--_chip-invalid-color)}:host([invalid]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-invalid-selected-background);--_chip-color:var(--_chip-invalid-selected-color)}:host([disabled]:not([href])) .forge-chip{opacity:var(--_chip-disabled-opacity)}:host([disabled]:not([href])) .trigger{cursor:var(--_chip-disabled-cursor)}::slotted(:not(forge-avatar):is([slot=start],[slot=leading],[slot=end],[slot=trailing])){font-size:var(--_chip-icon-font-size)}::slotted(forge-avatar:is([slot=start],[slot=leading])){-webkit-margin-start:var(--_chip-avatar-spacing);margin-inline-start:var(--_chip-avatar-spacing)}::slotted(forge-avatar:is([slot=end],[slot=trailing])){-webkit-margin-end:var(--_chip-avatar-spacing);margin-inline-end:var(--_chip-avatar-spacing)}::slotted(forge-avatar){--forge-typography-font-size:var(--_chip-avatar-font-size);--forge-avatar-size:var(--_chip-avatar-size)}:host([type=filter]) .checkmark{height:var(--_chip-checkmark-size)}:host([type=filter]) .checkmark svg{width:0;height:var(--_chip-checkmark-size);-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}:host([type=filter]) .checkmark svg path{stroke:var(--_chip-checkmark-color);-webkit-transition-property:stroke-dashoffset;transition-property:stroke-dashoffset;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host([type=filter][selected]) .checkmark{-webkit-padding-start:var(--_chip-checkmark-spacing);padding-inline-start:var(--_chip-checkmark-spacing)}:host([type=filter][selected]) .checkmark svg{width:var(--_chip-checkmark-size)}:host([type=filter][selected]) .checkmark svg path{-webkit-transition-delay:var(--_chip-checkmark-transition-delay);transition-delay:var(--_chip-checkmark-transition-delay);stroke-dashoffset:0}:host([type=input]) .trigger{padding-inline:var(--_chip-padding-inline) 0}:host([type=field]) .forge-chip{--_chip-background:var(--_chip-field-background);--_chip-color:var(--_chip-field-color);--_chip-border-color:var(--_chip-field-border-color);--_chip-shape:var(--_chip-field-shape);--_chip-cursor:var(--_chip-field-cursor)}:host([theme=secondary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_chip-border-color:var(--forge-chip-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary, #ffc107));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary-container-low, #fff8e1));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary-container-low, #8a6804))}:host([theme=tertiary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-tertiary, #3d5afe))}:host([theme=tertiary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary, #3d5afe));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary-container-low, #213189))}:host([theme=success]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success, #2e7d32));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success-container-low, #e6efe6));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success-container-low, #19441b))}:host([theme=warning]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning, #d14900));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning-container-low, #f9e9e0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning-container-low, #712700))}:host([theme=error]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error, #b00020));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error-container-low, #f6e0e4));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error-container-low, #5f0011))}:host([theme=info]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info, #1565c0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info-container-low, #e3edf7));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info-container-low, #0b3768))}',a=class extends k{constructor(){super();I.define(C),y(this,U,Y),this._foundation=new f(new g(this))}static get observedAttributes(){return Object.values(i.observedAttributes)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,r,o){switch(t){case i.attributes.TYPE:this.type=o;break;case i.attributes.VALUE:this.value=o;break;case i.attributes.SELECTED:this.selected=p(o);break;case i.attributes.INVALID:this.invalid=p(o);break;case i.attributes.DISABLED:this.disabled=p(o);break;case i.attributes.DENSE:this.dense=p(o);break;case i.attributes.THEME:this.theme=o;break;case i.attributes.HREF:this.href=o;break;case i.attributes.TARGET:this.target=o;break;case i.attributes.DOWNLOAD:this.download=o;break;case i.attributes.REL:this.rel=o;break}}focus(t){this._foundation.focus(t)}focusRemoveButton(){this._foundation.focusRemoveButton()}click(){this._foundation.click()}};n([s()],a.prototype,"type",2),n([s()],a.prototype,"value",2),n([s()],a.prototype,"selected",2),n([s()],a.prototype,"invalid",2),n([s()],a.prototype,"disabled",2),n([s()],a.prototype,"dense",2),n([s()],a.prototype,"theme",2),n([s()],a.prototype,"href",2),n([s()],a.prototype,"target",2),n([s()],a.prototype,"download",2),n([s()],a.prototype,"rel",2),a=n([E({name:i.elementName,dependencies:[A,S,B,w]})],a);export{N as a,i as b,g as c,f as d,a as e};
|
|
7
|
+
//# sourceMappingURL=chunk.NWVQ5HK2.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/chips/chip-set/chip-set-constants.ts", "../../src/chips/chip/chip-constants.ts", "../../src/chips/chip/chip-adapter.ts", "../../src/chips/chip/chip-foundation.ts", "../../src/chips/chip/chip.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst observedAttributes = {\r\n VERTICAL: 'vertical',\r\n TYPE: 'type',\r\n DENSE: 'dense',\r\n DISABLED: 'disabled',\r\n INVALID: 'invalid',\r\n THEME: 'theme'\r\n};\r\n\r\nconst attributes = {\r\n ...observedAttributes\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip-set'\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n elementName,\r\n observedAttributes,\r\n attributes,\r\n selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX, Theme } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst observedAttributes = {\r\n TYPE: 'type',\r\n VALUE: 'value',\r\n SELECTED: 'selected',\r\n INVALID: 'invalid',\r\n DISABLED: 'disabled',\r\n DENSE: 'dense',\r\n THEME: 'theme',\r\n HREF: 'href',\r\n TARGET: 'target',\r\n DOWNLOAD: 'download',\r\n REL: 'rel'\r\n};\r\n\r\nconst attributes = {\r\n ...observedAttributes\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip',\r\n TRIGGER: '#trigger'\r\n};\r\n\r\nconst events = {\r\n DELETE: `${elementName}-delete`,\r\n SELECT: `${elementName}-select`,\r\n NAVIGATE: `${elementName}-navigate`\r\n};\r\n\r\nconst defaults = {\r\n TYPE: 'action' as ChipType,\r\n THEME: 'primary' as ChipTheme\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n elementName,\r\n observedAttributes,\r\n attributes,\r\n selectors,\r\n events,\r\n defaults\r\n};\r\n\r\nexport type ChipTheme = Theme;\r\nexport type ChipType = 'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n value: T;\r\n selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n type: ChipType;\r\n disabled: boolean;\r\n dense: boolean;\r\n}\r\n\r\nexport interface IChipNavigateEventData {\r\n direction: 'previous' | 'next';\r\n}\r\n", "import { elementFromHTML, getShadowElement, toggleAttribute, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { FOCUS_INDICATOR_CONSTANTS, IFocusIndicatorComponent } from '../../focus-indicator';\r\nimport { IIconButtonComponent } from '../../icon-button';\r\nimport { IStateLayerComponent, STATE_LAYER_CONSTANTS } from '../../state-layer';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nconst checkmarkTemplate = '<div class=\\\"checkmark\\\" aria-hidden=\\\"true\\\"><svg viewBox=\\\"-2 -3 30 30\\\"><path fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\nimport { replaceElement } from '../../core/utils/utils';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n readonly removeButtonElement: IIconButtonComponent | undefined;\r\n readonly isAnchor: boolean;\r\n clickTrigger(): void;\r\n addRootListener(type: string, listener: EventListener): void;\r\n removeRootListener(type: string, listener: EventListener): void;\r\n setAnchor(value: boolean): void;\r\n setAnchorProperty<T extends keyof HTMLAnchorElement>(name: T, value: HTMLAnchorElement[T]): void;\r\n setCheckmarkVisibility(value: boolean): void;\r\n setDeleteButtonVisibility(value: boolean): void;\r\n setStartSlotVisibility(value: boolean): void;\r\n toggleFieldVariant(value: boolean): void;\r\n getChipSetState(): IChipState | null;\r\n setDisabled(value: boolean): void;\r\n setSelected(value: boolean): void;\r\n focusTrigger(options?: FocusOptions): void;\r\n tryFocusRemoveButton(): void;\r\n clickRemoveButton(): void;\r\n animateStateLayer(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n private _rootElement: HTMLElement;\r\n private _triggerElement: HTMLButtonElement | HTMLAnchorElement;\r\n private _removeButtonElement: IIconButtonComponent | undefined;\r\n private _startSlotElement: HTMLSlotElement;\r\n private _checkmarkElement: HTMLElement;\r\n private _focusIndicatorElement: IFocusIndicatorComponent;\r\n private _stateLayerElement: IStateLayerComponent;\r\n\r\n constructor(protected _component: IChipComponent) {\r\n super(_component);\r\n this._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\r\n this._triggerElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.TRIGGER) as HTMLButtonElement;\r\n this._startSlotElement = getShadowElement(this._component, 'slot[name=start]') as HTMLSlotElement;\r\n this._focusIndicatorElement = getShadowElement(this._component, FOCUS_INDICATOR_CONSTANTS.elementName) as IFocusIndicatorComponent;\r\n this._stateLayerElement = getShadowElement(this._component, STATE_LAYER_CONSTANTS.elementName) as IStateLayerComponent;\r\n }\r\n\r\n public get removeButtonElement(): IIconButtonComponent | undefined {\r\n return this._removeButtonElement;\r\n }\r\n\r\n public get isAnchor(): boolean {\r\n return this._triggerElement.localName === 'a';\r\n }\r\n\r\n public clickTrigger(): void {\r\n this._triggerElement.click();\r\n }\r\n\r\n public addRootListener(type: string, listener: EventListener): void {\r\n this._rootElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeRootListener(type: string, listener: EventListener): void {\r\n this._rootElement.removeEventListener(type, listener);\r\n }\r\n\r\n public setAnchor(value: boolean): void {\r\n if (value) {\r\n if (this._triggerElement.localName === 'button') {\r\n const anchor = this._createAnchorElement();\r\n this._triggerElement = replaceElement(this._triggerElement, anchor);\r\n }\r\n } else {\r\n if (this._triggerElement.localName === 'a') {\r\n const button = this._createButtonElement();\r\n this._triggerElement = replaceElement(this._triggerElement, button);\r\n }\r\n }\r\n\r\n if (this._stateLayerElement.targetElement !== this._triggerElement) {\r\n this._stateLayerElement.targetElement = this._triggerElement;\r\n }\r\n if (this._focusIndicatorElement.targetElement !== this._triggerElement) {\r\n this._focusIndicatorElement.targetElement = this._triggerElement;\r\n }\r\n }\r\n\r\n public setAnchorProperty<T extends keyof HTMLAnchorElement>(name: T, value: HTMLAnchorElement[T]): void {\r\n if (!(this._triggerElement.localName === 'a')) {\r\n return;\r\n }\r\n\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n this._triggerElement[name] = value;\r\n }\r\n }\r\n\r\n public setCheckmarkVisibility(value: boolean): void {\r\n if (value) {\r\n if (!this._checkmarkElement) {\r\n this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n }\r\n this._rootElement.insertBefore(this._checkmarkElement, this._rootElement.firstChild);\r\n } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n this._checkmarkElement.remove();\r\n }\r\n }\r\n\r\n public setDisabled(value: boolean): void {\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n if (!this._focusIndicatorElement.isConnected) {\r\n this._rootElement.append(this._focusIndicatorElement);\r\n }\r\n if (!this._stateLayerElement.isConnected) {\r\n this._rootElement.append(this._stateLayerElement);\r\n }\r\n return;\r\n }\r\n\r\n if (this._removeButtonElement) {\r\n this._removeButtonElement.disabled = value;\r\n }\r\n\r\n this._triggerElement.disabled = value;\r\n this._triggerElement.tabIndex = value ? -1 : 0;\r\n\r\n if (value) {\r\n this._focusIndicatorElement.remove();\r\n this._stateLayerElement.remove();\r\n } else {\r\n this._rootElement.append(this._focusIndicatorElement, this._stateLayerElement);\r\n }\r\n }\r\n\r\n public setSelected(value: boolean): void {\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n return;\r\n }\r\n toggleAttribute(this._triggerElement, value, 'aria-pressed', String(value));\r\n }\r\n\r\n public toggleFieldVariant(value: boolean): void {\r\n if (value) {\r\n if (!this._stateLayerElement.isConnected) {\r\n this._rootElement.append(this._stateLayerElement);\r\n }\r\n if (this._focusIndicatorElement.targetElement !== this._triggerElement) {\r\n this._focusIndicatorElement.targetElement = this._triggerElement;\r\n }\r\n } else {\r\n this._stateLayerElement.remove();\r\n }\r\n\r\n }\r\n\r\n public setDeleteButtonVisibility(value: boolean): void {\r\n if (value) {\r\n if (!this._removeButtonElement) {\r\n this._removeButtonElement = this._createRemoveButton();\r\n }\r\n this._rootElement.appendChild(this._removeButtonElement);\r\n } else {\r\n this._removeButtonElement?.remove();\r\n }\r\n }\r\n\r\n public setStartSlotVisibility(value: boolean): void {\r\n this._startSlotElement.style.display = value ? '' : 'none';\r\n }\r\n\r\n public getChipSetState(): IChipState | null {\r\n let state: IChipState | null = null;\r\n const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n if (chipSet) {\r\n state = {\r\n type: chipSet.type,\r\n disabled: chipSet.disabled,\r\n dense: chipSet.dense\r\n };\r\n }\r\n return state;\r\n }\r\n\r\n public focusTrigger(options?: FocusOptions): void {\r\n this._triggerElement.focus({ preventScroll: true, ...options });\r\n }\r\n\r\n public tryFocusRemoveButton(): void {\r\n if (this._removeButtonElement) {\r\n this._removeButtonElement.focus({ preventScroll: true, focusVisible: true });\r\n } else {\r\n this.focusTrigger();\r\n }\r\n }\r\n\r\n public clickRemoveButton(): void {\r\n this._removeButtonElement?.click();\r\n }\r\n\r\n public animateStateLayer(): void {\r\n this._stateLayerElement.playAnimation();\r\n }\r\n\r\n private _createRemoveButton(): IIconButtonComponent {\r\n const buttonEl = document.createElement('forge-icon-button');\r\n buttonEl.density = 'small';\r\n buttonEl.id = 'remove-button';\r\n buttonEl.classList.add('remove');\r\n buttonEl.tabIndex = -1;\r\n buttonEl.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n buttonEl.setAttribute('part', 'remove-button');\r\n\r\n const iconEl = document.createElement('forge-icon');\r\n iconEl.name = 'close';\r\n buttonEl.appendChild(iconEl);\r\n\r\n return buttonEl;\r\n }\r\n\r\n private _createAnchorElement(): HTMLAnchorElement {\r\n const anchor = document.createElement('a');\r\n anchor.id = 'trigger';\r\n anchor.setAttribute('part', 'trigger');\r\n anchor.classList.add('trigger');\r\n\r\n if (this._component.href) {\r\n anchor.href = this._component.href;\r\n }\r\n if (this._component.target) {\r\n anchor.target = this._component.target;\r\n }\r\n if (this._component.download) {\r\n anchor.download = this._component.download;\r\n }\r\n if (this._component.rel) {\r\n anchor.rel = this._component.rel;\r\n }\r\n\r\n return anchor;\r\n }\r\n\r\n private _createButtonElement(): HTMLButtonElement {\r\n const buttonEl = document.createElement('button');\r\n buttonEl.type = 'button';\r\n buttonEl.id = 'trigger';\r\n buttonEl.setAttribute('part', 'trigger');\r\n buttonEl.classList.add('trigger');\r\n\r\n if (this._component.disabled) {\r\n buttonEl.disabled = true;\r\n }\r\n if (this._component.selected) {\r\n buttonEl.setAttribute('aria-pressed', 'true');\r\n }\r\n\r\n return buttonEl;\r\n }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipTheme, ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipNavigateEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n type: ChipType;\r\n value: unknown;\r\n selected: boolean;\r\n invalid: boolean;\r\n disabled: boolean;\r\n dense: boolean;\r\n theme: ChipTheme;\r\n href: string;\r\n target: string;\r\n download: string;\r\n rel: string;\r\n focus(options?: FocusOptions): void;\r\n focusRemoveButton(): void;\r\n click(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE;\r\n private _value: unknown;\r\n private _selected = false;\r\n private _invalid = false;\r\n private _disabled = false;\r\n private _dense = false;\r\n private _theme = CHIP_CONSTANTS.defaults.THEME;\r\n private _href: string;\r\n private _target: string;\r\n private _download: string;\r\n private _rel: string;\r\n\r\n private _clickListener: EventListener = this._onClick.bind(this);\r\n private _keydownListener: EventListener = this._onKeydown.bind(this);\r\n\r\n constructor(private _adapter: IChipAdapter) {}\r\n\r\n public initialize(): void {\r\n this._attachListeners();\r\n this._tryInheritChipSetState();\r\n }\r\n\r\n public focus(options?: FocusOptions): void {\r\n this._adapter.focusTrigger(options);\r\n }\r\n\r\n public focusRemoveButton(): void {\r\n this._adapter.removeButtonElement?.focus();\r\n }\r\n\r\n public click(): void {\r\n this._adapter.clickTrigger();\r\n }\r\n\r\n private _attachListeners(): void {\r\n this._adapter.addRootListener('click', this._clickListener);\r\n this._adapter.addRootListener('keydown', this._keydownListener);\r\n }\r\n\r\n private _detachListeners(): void {\r\n this._adapter.removeRootListener('click', this._clickListener);\r\n this._adapter.removeRootListener('keydown', this._keydownListener);\r\n }\r\n\r\n private _tryInheritChipSetState(): void {\r\n // Attempt to inherit state from the parent chip-set component\r\n // Note: this should only inherit properties that need to be the same across the chips within a set\r\n const chipSetState = this._adapter.getChipSetState();\r\n if (chipSetState) {\r\n if (chipSetState.type !== undefined) {\r\n this.type = chipSetState.type;\r\n }\r\n if (chipSetState.disabled !== undefined) {\r\n this.disabled = chipSetState.disabled;\r\n }\r\n if (chipSetState.dense !== undefined) {\r\n this.dense = chipSetState.dense;\r\n }\r\n }\r\n }\r\n\r\n private _onClick(evt: MouseEvent): void {\r\n if (this._isRemoveButton(evt)) {\r\n evt.stopImmediatePropagation();\r\n this._dispatchDeleteEvent();\r\n } else {\r\n this._handleSelectInteraction();\r\n }\r\n }\r\n\r\n private _onKeydown(evt: KeyboardEvent): void {\r\n switch (evt.key) {\r\n case 'Delete':\r\n case 'Backspace':\r\n if (this._type === 'input') {\r\n evt.preventDefault();\r\n this._dispatchDeleteEvent();\r\n }\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n evt.preventDefault();\r\n if (this._isRemoveButton(evt)) {\r\n evt.stopImmediatePropagation();\r\n if (evt.key === 'Enter') {\r\n this._adapter.clickRemoveButton();\r\n }\r\n } else {\r\n this.click();\r\n if (this._adapter.isAnchor) {\r\n this._adapter.animateStateLayer();\r\n }\r\n }\r\n break;\r\n case 'ArrowLeft':\r\n case 'ArrowRight':\r\n this._tryNavigate(evt);\r\n break;\r\n case 'Tab':\r\n if (this._type === 'input' && this._isRemoveButton(evt)) {\r\n this._tryNavigate(evt);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n private _tryNavigate(evt: KeyboardEvent): void {\r\n if (this._type === 'input') {\r\n const isRemoveButtonFocused = !!this._adapter.removeButtonElement?.matches(':focus');\r\n if (isRemoveButtonFocused) {\r\n evt.stopPropagation();\r\n evt.preventDefault();\r\n\r\n if (evt.key === 'ArrowLeft') {\r\n this._adapter.focusTrigger();\r\n return;\r\n }\r\n } else if (evt.key === 'ArrowRight') {\r\n this._adapter.tryFocusRemoveButton();\r\n return;\r\n }\r\n }\r\n\r\n const detail: IChipNavigateEventData = { direction: evt.key === 'ArrowRight' || evt.key === 'Tab' ? 'next' : 'previous' };\r\n this._adapter.dispatchHostEvent(new CustomEvent(CHIP_CONSTANTS.events.NAVIGATE, { bubbles: true, detail }));\r\n }\r\n\r\n private _isRemoveButton(evt: Event): boolean {\r\n return !!this._adapter.removeButtonElement && evt.composedPath().includes(this._adapter.removeButtonElement);\r\n }\r\n\r\n private _handleSelectInteraction(): void {\r\n const originalSelected = this._selected;\r\n this._selected = !this._selected;\r\n\r\n const wasDefaultPrevented = this._dispatchSelectEvent();\r\n this._selected = originalSelected;\r\n\r\n const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n if (!wasDefaultPrevented && isSelectableType) {\r\n this._selected = !this._selected;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n private _dispatchSelectEvent(): boolean {\r\n const detail: IChipSelectEventData = {\r\n selected: this._selected,\r\n value: this._value\r\n };\r\n const event = new CustomEvent(CHIP_CONSTANTS.events.SELECT, { detail, bubbles: true, cancelable: true });\r\n this._adapter.dispatchHostEvent(event);\r\n return event.defaultPrevented;\r\n }\r\n\r\n private _dispatchDeleteEvent(): void {\r\n const detail: IChipDeleteEventData = { value: this._value };\r\n this._adapter.dispatchHostEvent(new CustomEvent(CHIP_CONSTANTS.events.DELETE, { detail, bubbles: true }));\r\n }\r\n\r\n private _applyType(): void {\r\n const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n this._adapter.setDeleteButtonVisibility(showDeleteButton);\r\n\r\n this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n this._adapter.setStartSlotVisibility(!this._selected);\r\n this._adapter.toggleFieldVariant(this._type !== 'field');\r\n this._applySelected();\r\n\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n }\r\n\r\n private _applySelected(): void {\r\n this._adapter.setSelected(this._selected);\r\n\r\n // If using the filter type, we need to hide the leading slot to ensure that\r\n // the checkmark shows in place of any leading elements\r\n if (this._type === 'filter') {\r\n this._adapter.setStartSlotVisibility(!this._selected);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n }\r\n\r\n public get type(): ChipType {\r\n return this._type;\r\n }\r\n public set type(value: ChipType) {\r\n if (this._type !== value) {\r\n this._type = value;\r\n\r\n const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n if (!isValidType) {\r\n this._type = 'action';\r\n }\r\n \r\n this._applyType();\r\n }\r\n }\r\n\r\n public get value(): unknown {\r\n return this._value;\r\n }\r\n public set value(value: unknown) {\r\n if (this._value !== value) {\r\n this._value = value;\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.VALUE, String(this._value));\r\n }\r\n }\r\n\r\n public get selected(): boolean {\r\n return this._selected;\r\n }\r\n public set selected(value: boolean) {\r\n value = Boolean(value);\r\n if (this._selected !== value) {\r\n this._selected = value;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n public get invalid(): boolean {\r\n return this._invalid;\r\n }\r\n public set invalid(value: boolean) {\r\n value = Boolean(value);\r\n if (this._invalid !== value) {\r\n this._invalid = value;\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.INVALID, value);\r\n }\r\n }\r\n\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n value = Boolean(value);\r\n if (this._disabled !== value) {\r\n this._disabled = value;\r\n this._adapter.setDisabled(this._disabled);\r\n\r\n if (this._adapter.isConnected) {\r\n if (this._disabled) {\r\n this._detachListeners();\r\n } else {\r\n this._attachListeners();\r\n }\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n }\r\n\r\n public get dense(): boolean {\r\n return this._dense;\r\n }\r\n public set dense(value: boolean) {\r\n value = Boolean(value);\r\n if (this._dense !== value) {\r\n this._dense = value;\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DENSE, this._dense);\r\n }\r\n }\r\n\r\n public get theme(): ChipTheme {\r\n return this._theme;\r\n }\r\n public set theme(value: ChipTheme) {\r\n if (this._theme !== value) {\r\n this._theme = value ?? CHIP_CONSTANTS.defaults.THEME;\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.THEME, this._theme);\r\n }\r\n }\r\n\r\n public get href(): string {\r\n return this._href;\r\n }\r\n public set href(value: string) {\r\n if (this._href !== value) {\r\n this._href = value;\r\n\r\n const hasHref = !!this._href?.trim();\r\n this._adapter.setAnchor(hasHref);\r\n\r\n if (hasHref && this._disabled) {\r\n this._adapter.setDisabled(false);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.HREF, hasHref, this._href);\r\n }\r\n }\r\n\r\n public get target(): string {\r\n return this._target;\r\n }\r\n public set target(value: string) {\r\n if (this._target !== value) {\r\n this._target = value;\r\n this._adapter.setAnchorProperty('target', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.TARGET, !!this._target?.trim(), this._target);\r\n }\r\n }\r\n\r\n public get download(): string {\r\n return this._download;\r\n }\r\n public set download(value: string) {\r\n if (this._download !== value) {\r\n this._download = value;\r\n this._adapter.setAnchorProperty('download', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DOWNLOAD, !!this._download?.trim(), this._download);\r\n }\r\n }\r\n\r\n public get rel(): string {\r\n return this._rel;\r\n }\r\n public set rel(value: string) {\r\n if (this._rel !== value) {\r\n this._rel = value;\r\n this._adapter.setAnchorProperty('rel', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.REL, !!this._rel?.trim(), this._rel);\r\n }\r\n }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconClose } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core';\r\nimport { FocusIndicatorComponent } from '../../focus-indicator';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { IconButtonComponent } from '../../icon-button';\r\nimport { StateLayerComponent } from '../../state-layer';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipTheme, ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip\\\" part=\\\"root\\\"><button type=\\\"button\\\" id=\\\"trigger\\\" class=\\\"trigger\\\" part=\\\"trigger\\\"><slot name=\\\"start\\\"><slot name=\\\"leading\\\"></slot></slot><slot></slot><slot name=\\\"end\\\"><slot name=\\\"trailing\\\"></slot></slot></button><forge-focus-indicator target=\\\"trigger\\\" part=\\\"focus-indicator\\\"></forge-focus-indicator><forge-state-layer target=\\\"trigger\\\" exportparts=\\\"surface:state-layer\\\"></forge-state-layer></div></template>';\r\nconst styles = ':host{display:inline-block}:host([hidden]){display:none}.forge-chip{--_chip-background:var(--forge-chip-background, transparent);--_chip-color:var(--forge-chip-color, var(--forge-theme-primary, #3f51b5));--_chip-shape:var(--forge-chip-shape, var(--forge-shape-full, 9999px));--_chip-spacing:var(--forge-chip-spacing, var(--forge-spacing-xsmall, 8px));--_chip-height:var(--forge-chip-height, 32px);--_chip-padding-inline:var(--forge-chip-padding-inline, var(--forge-spacing-small, 12px));--_chip-padding-block:var(--forge-chip-padding-block, 0);--_chip-cursor:var(--forge-chip-cursor, pointer);--_chip-icon-font-size:var(--forge-chip-icon-font-size, 1.5rem);--_chip-disabled-opacity:var(--forge-chip-disabled-opacity, 0.38);--_chip-disabled-cursor:var(--forge-chip-disabled-cursor, not-allowed);--_chip-dense-height:var(--forge-chip-dense-height, 24px);--_chip-dense-padding-inline:var(--forge-chip-dense-padding-inline, var(--forge-spacing-xsmall, 8px));--_chip-dense-spacing:var(--forge-chip-dense-spacing, var(--forge-spacing-xxsmall, 4px));--_chip-dense-font-size:var(--forge-chip-dense-font-size, 0.75rem);--_chip-dense-font-weight:var(--forge-chip-dense-font-weight, normal);--_chip-dense-focus-indicator-offset:var(--forge-chip-dense-focus-indicator-offset, var(--forge-spacing-xxxsmall, 2px));--_chip-dense-icon-font-size:var(--forge-chip-dense-icon-font-size, 1.25rem);--_chip-remove-button-spacing:var(--forge-chip-remove-button-spacing, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-xxsmall, 4px));--_chip-remove-button-height-dense:var(--forge-chip-remove-button-height-dense, 18px);--_chip-remove-button-icon-size-dense:var(--forge-chip-remove-button-icon-size-dense, 16px);--_chip-remove-button-spacing-dense:var(--forge-chip-remove-button-spacing-dense, 0 var(--forge-spacing-xxxsmall, 2px));--_chip-selected-background:var(--forge-chip-selected-background, var(--forge-theme-primary, #3f51b5));--_chip-selected-color:var(--forge-chip-selected-color, var(--forge-theme-on-primary, #ffffff));--_chip-invalid-color:var(--forge-chip-invalid-color, var(--forge-theme-error, #b00020));--_chip-invalid-selected-background:var(--forge-chip-invalid-selected-background, var(--forge-theme-error, #b00020));--_chip-invalid-selected-color:var(--forge-chip-invalid-selected-color, var(--forge-theme-on-error, #ffffff));--_chip-border-width:var(--forge-chip-border-width, var(--forge-border-thin, 1px));--_chip-border-style:var(--forge-chip-border-style, solid);--_chip-border-color:var(--forge-chip-border-color, var(--_chip-color));--_chip-field-background:var(--forge-chip-field-background, var(--forge-theme-surface-container-low, #ebebeb));--_chip-field-color:var(--forge-chip-field-color, var(--forge-theme-on-surface-container-low, #000000));--_chip-field-shape:var(--forge-chip-field-shape, var(--forge-shape-medium, 4px));--_chip-field-border-color:var(--forge-chip-field-border-color, transparent);--_chip-field-cursor:var(--forge-chip-field-cursor, default);--_chip-checkmark-size:var(--forge-chip-checkmark-size, 1.25em);--_chip-checkmark-color:var(--forge-chip-checkmark-color, var(--_chip-color));--_chip-checkmark-spacing:var(--forge-chip-checkmark-spacing, var(--forge-spacing-xsmall, 8px));--_chip-avatar-size:var(--forge-chip-avatar-size, 24px);--_chip-avatar-size-dense:var(--forge-chip-avatar-size-dense, 18px);--_chip-avatar-font-size:var(--forge-chip-avatar-font-size, 0.75rem);--_chip-avatar-font-size-dense:var(--forge-chip-avatar-font-size-dense, 0.5rem);--_chip-avatar-spacing:var(--forge-chip-avatar-spacing, calc(var(--forge-spacing-xsmall, 8px) * -1));--_chip-avatar-spacing-dense:var(--forge-chip-avatar-spacing-dense, calc(var(--forge-spacing-xxsmall, 4px) * -1));--_chip-transition-duration:var(--forge-chip-transition-duration, var(--forge-animation-duration-short3, 150ms));--_chip-transition-easing:var(--forge-chip-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_chip-checkmark-transition-delay:var(--forge-chip-checkmark-transition-delay, 50ms)}.forge-chip{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_chip-height);border-width:var(--_chip-border-width);border-style:var(--_chip-border-style);border-color:var(--_chip-border-color);border-radius:var(--_chip-shape);background:var(--_chip-background);color:var(--_chip-color);-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}.trigger{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \\\"Roboto\\\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_chip-spacing);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-inline:var(--_chip-padding-inline);padding-block:var(--_chip-padding-block);cursor:var(--_chip-cursor);z-index:0;text-decoration:none;border:none;background:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:var(--_chip-shape);outline:0}.remove{padding-inline:var(--_chip-remove-button-spacing);--forge-icon-button-focus-indicator-color:var(--_chip-color)}forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-color);--forge-focus-indicator-shape:var(--_chip-shape)}forge-state-layer{--forge-state-layer-color:var(--_chip-color)}:host([dense]) .forge-chip{--_chip-height:var(--_chip-dense-height);--_chip-padding-inline:var(--_chip-dense-padding-inline);--_chip-spacing:var(--_chip-dense-spacing)}:host([dense]) .trigger{--forge-typography-font-size:var(--_chip-dense-font-size);--forge-typography-font-weight:var(--_chip-dense-font-weight)}:host([dense]) .remove{--_chip-remove-button-spacing:var(--_chip-remove-button-spacing-dense);--forge-icon-button-density-small-size:var(--_chip-remove-button-height-dense);--forge-icon-button-density-small-icon-size:var(--_chip-remove-button-icon-size-dense)}:host([dense]) forge-focus-indicator{--forge-focus-indicator-outward-offset:var(--_chip-dense-focus-indicator-offset)}:host([dense]) ::slotted(forge-avatar){--_chip-avatar-spacing:var(--_chip-avatar-spacing-dense);--forge-typography-font-size:var(--_chip-avatar-font-size-dense);--forge-avatar-size:var(--_chip-avatar-size-dense)}:host([dense]) ::slotted(:is([slot=start],[slot=leading],[slot=end],[slot=trailing])){--_chip-icon-font-size:var(--_chip-dense-icon-font-size)}:host(:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-selected-background);--_chip-color:var(--_chip-selected-color)}:host(:is([type=filter],[type=choice],[type=input])[selected]) forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-background)}:host([invalid]) .forge-chip{--_chip-color:var(--_chip-invalid-color)}:host([invalid]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-invalid-selected-background);--_chip-color:var(--_chip-invalid-selected-color)}:host([disabled]:not([href])) .forge-chip{opacity:var(--_chip-disabled-opacity)}:host([disabled]:not([href])) .trigger{cursor:var(--_chip-disabled-cursor)}::slotted(:not(forge-avatar):is([slot=start],[slot=leading],[slot=end],[slot=trailing])){font-size:var(--_chip-icon-font-size)}::slotted(forge-avatar:is([slot=start],[slot=leading])){-webkit-margin-start:var(--_chip-avatar-spacing);margin-inline-start:var(--_chip-avatar-spacing)}::slotted(forge-avatar:is([slot=end],[slot=trailing])){-webkit-margin-end:var(--_chip-avatar-spacing);margin-inline-end:var(--_chip-avatar-spacing)}::slotted(forge-avatar){--forge-typography-font-size:var(--_chip-avatar-font-size);--forge-avatar-size:var(--_chip-avatar-size)}:host([type=filter]) .checkmark{height:var(--_chip-checkmark-size)}:host([type=filter]) .checkmark svg{width:0;height:var(--_chip-checkmark-size);-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}:host([type=filter]) .checkmark svg path{stroke:var(--_chip-checkmark-color);-webkit-transition-property:stroke-dashoffset;transition-property:stroke-dashoffset;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host([type=filter][selected]) .checkmark{-webkit-padding-start:var(--_chip-checkmark-spacing);padding-inline-start:var(--_chip-checkmark-spacing)}:host([type=filter][selected]) .checkmark svg{width:var(--_chip-checkmark-size)}:host([type=filter][selected]) .checkmark svg path{-webkit-transition-delay:var(--_chip-checkmark-transition-delay);transition-delay:var(--_chip-checkmark-transition-delay);stroke-dashoffset:0}:host([type=input]) .trigger{padding-inline:var(--_chip-padding-inline) 0}:host([type=field]) .forge-chip{--_chip-background:var(--_chip-field-background);--_chip-color:var(--_chip-field-color);--_chip-border-color:var(--_chip-field-border-color);--_chip-shape:var(--_chip-field-shape);--_chip-cursor:var(--_chip-field-cursor)}:host([theme=secondary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_chip-border-color:var(--forge-chip-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary, #ffc107));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary-container-low, #fff8e1));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary-container-low, #8a6804))}:host([theme=tertiary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-tertiary, #3d5afe))}:host([theme=tertiary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary, #3d5afe));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary-container-low, #213189))}:host([theme=success]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success, #2e7d32));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success-container-low, #e6efe6));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success-container-low, #19441b))}:host([theme=warning]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning, #d14900));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning-container-low, #f9e9e0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning-container-low, #712700))}:host([theme=error]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error, #b00020));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error-container-low, #f6e0e4));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error-container-low, #5f0011))}:host([theme=info]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info, #1565c0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info-container-low, #e3edf7));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info-container-low, #0b3768))}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n type: ChipType;\r\n value: unknown;\r\n selected: boolean;\r\n invalid: boolean;\r\n disabled: boolean;\r\n dense: boolean;\r\n theme: ChipTheme;\r\n href: string;\r\n target: string;\r\n download: string;\r\n rel: string;\r\n focusRemoveButton(): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-chip': IChipComponent;\r\n }\r\n\r\n interface HTMLElementEventMap {\r\n 'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n 'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n }\r\n}\r\n\r\n/**\r\n * @tag forge-chip\r\n * \r\n * @property {ChipType} type - The type of chip.\r\n * @property {unknown} value - The value of the chip.\r\n * @property {boolean} selected - Whether the chip is selected.\r\n * @property {boolean} invalid - Whether the chip is invalid.\r\n * @property {boolean} disabled - Whether the chip is disabled.\r\n * @property {boolean} dense - Whether the chip is dense.\r\n * @property {ChipTheme} theme - The theme of the chip.\r\n * @property {string} href - The href of the chip.\r\n * @property {string} target - The target of the chip.\r\n * @property {string} download - The download of the chip.\r\n * @property {string} rel - The rel of the chip.\r\n * \r\n * @attribute {ChipType} type - The type of chip.\r\n * @attribute {unknown} value - The value of the chip.\r\n * @attribute {boolean} selected - Whether the chip is selected.\r\n * @attribute {boolean} invalid - Whether the chip is invalid.\r\n * @attribute {boolean} disabled - Whether the chip is disabled.\r\n * @attribute {boolean} dense - Whether the chip is dense.\r\n * @attribute {ChipTheme} theme - The theme of the chip.\r\n * @attribute {string} href - The href of the chip.\r\n * @attribute {string} target - The target of the chip.\r\n * @attribute {string} download - The download of the chip.\r\n * @attribute {string} rel - The rel of the chip.\r\n * \r\n * @fires {IChipDeleteEventData} forge-chip-delete - Event fired when the chip is deleted.\r\n * @fires {IChipSelectEventData} forge-chip-select - Event fired when the chip is selected.\r\n * \r\n * @cssproperty --forge-chip-background - The background color of the chip.\r\n * @cssproperty --forge-chip-color - The background color of the chip.\r\n * @cssproperty --forge-chip-shape - The shape of the chip.\r\n * @cssproperty --forge-chip-spacing - The spacing between chips.\r\n * @cssproperty --forge-chip-height - The height of the chip.\r\n * @cssproperty --forge-chip-padding-inline - The inline padding of the chip.\r\n * @cssproperty --forge-chip-padding-block - The block padding of the chip.\r\n * @cssproperty --forge-chip-cursor - The cursor style of the chip.\r\n * @cssproperty --forge-chip-icon-font-size - The font size of the chip icon.\r\n * @cssproperty --forge-chip-disabled-opacity - The opacity of the disabled chip.\r\n * @cssproperty --forge-chip-disabled-cursor - The cursor style of the disabled chip.\r\n * @cssproperty --forge-chip-dense-height - The height of the dense chip.\r\n * @cssproperty --forge-chip-dense-padding-inline - The inline padding of the dense chip.\r\n * @cssproperty --forge-chip-dense-spacing - The spacing between dense chips.\r\n * @cssproperty --forge-chip-dense-font-size - The font size of the dense chip.\r\n * @cssproperty --forge-chip-dense-font-weight - The font weight of the dense chip.\r\n * @cssproperty --forge-chip-dense-focus-indicator-offset - The offset of the focus indicator for dense chips.\r\n * @cssproperty --forge-chip-dense-icon-font-size - The font size of the icon in dense chips.\r\n * @cssproperty --forge-chip-remove-button-spacing - The spacing of the remove button in chips.\r\n * @cssproperty --forge-chip-remove-button-height-dense - The height of the remove button in dense chips.\r\n * @cssproperty --forge-chip-remove-button-icon-size-dense - The icon size of the remove button in dense chips.\r\n * @cssproperty --forge-chip-remove-button-spacing-dense - The spacing of the remove button in dense chips.\r\n * @cssproperty --forge-chip-selected-background - The background color of the selected chip.\r\n * @cssproperty --forge-chip-selected-color - The text color of the selected chip.\r\n * @cssproperty --forge-chip-invalid-color - The text color of the invalid chip.\r\n * @cssproperty --forge-chip-invalid-selected-background - The background color of the invalid selected chip.\r\n * @cssproperty --forge-chip-invalid-selected-color - The text color of the invalid selected chip.\r\n * @cssproperty --forge-chip-border-width - The width of the chip border.\r\n * @cssproperty --forge-chip-border-style - The style of the chip border.\r\n * @cssproperty --forge-chip-border-color - The color of the chip border.\r\n * @cssproperty --forge-chip-field-background - The background color of the chip field.\r\n * @cssproperty --forge-chip-field-color - The text color of the chip field.\r\n * @cssproperty --forge-chip-field-shape - The shape of the chip field.\r\n * @cssproperty --forge-chip-field-border-color - The color of the chip field border.\r\n * @cssproperty --forge-chip-field-cursor - The cursor style of the chip field.\r\n * @cssproperty --forge-chip-checkmark-size - The size of the checkmark in chips.\r\n * @cssproperty --forge-chip-checkmark-color - The color of the checkmark in chips.\r\n * @cssproperty --forge-chip-checkmark-spacing - The spacing of the checkmark in chips.\r\n * @cssproperty --forge-chip-avatar-size - The size of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-size-dense - The size of the avatar in dense chips.\r\n * @cssproperty --forge-chip-avatar-font-size - The font size of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-font-size-dense - The font size of the avatar in dense chips.\r\n * @cssproperty --forge-chip-avatar-spacing - The spacing of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-spacing-dense - The spacing of the avatar in dense chips.\r\n * @cssproperty --forge-chip-transition-duration - The duration of the chip transition.\r\n * @cssproperty --forge-chip-transition-easing - The easing function of the chip transition.\r\n * @cssproperty --forge-chip-checkmark-transition-delay - The delay of the checkmark transition in chips.\r\n * \r\n * @csspart root - The component's root element.\r\n * @csspart trigger - The trigger element of the chip.\r\n * @csspart focus-indicator - The focus indicator of the chip.\r\n * @csspart state-layer - The state layer surface.\r\n * \r\n * @slot - The content of the chip.\r\n * @slot start - The start content of the chip.\r\n * @slot end - The end content of the chip.\r\n */\r\n@CustomElement({\r\n name: CHIP_CONSTANTS.elementName,\r\n dependencies: [\r\n FocusIndicatorComponent,\r\n StateLayerComponent,\r\n IconButtonComponent,\r\n IconComponent\r\n ]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n public static get observedAttributes(): string[] {\r\n return Object.values(CHIP_CONSTANTS.observedAttributes);\r\n }\r\n\r\n protected _foundation: ChipFoundation;\r\n\r\n constructor() {\r\n super();\r\n IconRegistry.define(tylIconClose);\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ChipFoundation(new ChipAdapter(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 CHIP_CONSTANTS.attributes.TYPE:\r\n this.type = newValue as ChipType;\r\n break;\r\n case CHIP_CONSTANTS.attributes.VALUE:\r\n this.value = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.SELECTED:\r\n this.selected = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.INVALID:\r\n this.invalid = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DISABLED:\r\n this.disabled = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DENSE:\r\n this.dense = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.THEME:\r\n this.theme = newValue as ChipTheme;\r\n break;\r\n case CHIP_CONSTANTS.attributes.HREF:\r\n this.href = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.TARGET:\r\n this.target = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.DOWNLOAD:\r\n this.download = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.REL:\r\n this.rel = newValue;\r\n break;\r\n }\r\n }\r\n\r\n public override focus(options?: FocusOptions): void {\r\n this._foundation.focus(options);\r\n }\r\n\r\n public focusRemoveButton(): void {\r\n this._foundation.focusRemoveButton();\r\n }\r\n\r\n public override click(): void {\r\n this._foundation.click();\r\n }\r\n\r\n @FoundationProperty()\r\n public declare type: ChipType;\r\n\r\n @FoundationProperty()\r\n public declare value: unknown;\r\n\r\n @FoundationProperty()\r\n public declare selected: boolean;\r\n\r\n @FoundationProperty()\r\n public declare invalid: boolean;\r\n\r\n @FoundationProperty()\r\n public declare disabled: boolean;\r\n\r\n @FoundationProperty()\r\n public declare dense: boolean;\r\n\r\n @FoundationProperty()\r\n public declare theme: ChipTheme;\r\n\r\n @FoundationProperty()\r\n public declare href: string;\r\n\r\n @FoundationProperty()\r\n public declare target: string;\r\n\r\n @FoundationProperty()\r\n public declare download: string;\r\n\r\n @FoundationProperty()\r\n public declare rel: string;\r\n}\r\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst observedAttributes = {\r\n VERTICAL: 'vertical',\r\n TYPE: 'type',\r\n DENSE: 'dense',\r\n DISABLED: 'disabled',\r\n INVALID: 'invalid',\r\n THEME: 'theme'\r\n};\r\n\r\nconst attributes = {\r\n ...observedAttributes\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip-set'\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n elementName,\r\n observedAttributes,\r\n attributes,\r\n selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX, Theme } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst observedAttributes = {\r\n TYPE: 'type',\r\n VALUE: 'value',\r\n SELECTED: 'selected',\r\n INVALID: 'invalid',\r\n DISABLED: 'disabled',\r\n DENSE: 'dense',\r\n THEME: 'theme',\r\n HREF: 'href',\r\n TARGET: 'target',\r\n DOWNLOAD: 'download',\r\n REL: 'rel'\r\n};\r\n\r\nconst attributes = {\r\n ...observedAttributes\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-chip',\r\n TRIGGER: '#trigger'\r\n};\r\n\r\nconst events = {\r\n DELETE: `${elementName}-delete`,\r\n SELECT: `${elementName}-select`,\r\n NAVIGATE: `${elementName}-navigate`\r\n};\r\n\r\nconst defaults = {\r\n TYPE: 'action' as ChipType,\r\n THEME: 'primary' as ChipTheme\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n elementName,\r\n observedAttributes,\r\n attributes,\r\n selectors,\r\n events,\r\n defaults\r\n};\r\n\r\nexport type ChipTheme = Theme;\r\nexport type ChipType = 'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n value: T;\r\n selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n type: ChipType;\r\n disabled: boolean;\r\n dense: boolean;\r\n}\r\n\r\nexport interface IChipNavigateEventData {\r\n direction: 'previous' | 'next';\r\n}\r\n", "import { elementFromHTML, getShadowElement, toggleAttribute, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { FOCUS_INDICATOR_CONSTANTS, IFocusIndicatorComponent } from '../../focus-indicator';\r\nimport { IIconButtonComponent } from '../../icon-button';\r\nimport { IStateLayerComponent, STATE_LAYER_CONSTANTS } from '../../state-layer';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nconst checkmarkTemplate = '<div class=\\\"checkmark\\\" aria-hidden=\\\"true\\\"><svg viewBox=\\\"-2 -3 30 30\\\"><path fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\nimport { replaceElement } from '../../core/utils/utils';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n readonly removeButtonElement: IIconButtonComponent | undefined;\r\n readonly isAnchor: boolean;\r\n clickTrigger(): void;\r\n addRootListener(type: string, listener: EventListener): void;\r\n removeRootListener(type: string, listener: EventListener): void;\r\n setAnchor(value: boolean): void;\r\n setAnchorProperty<T extends keyof HTMLAnchorElement>(name: T, value: HTMLAnchorElement[T]): void;\r\n setCheckmarkVisibility(value: boolean): void;\r\n setDeleteButtonVisibility(value: boolean): void;\r\n setStartSlotVisibility(value: boolean): void;\r\n toggleFieldVariant(value: boolean): void;\r\n getChipSetState(): IChipState | null;\r\n setDisabled(value: boolean): void;\r\n setSelected(value: boolean): void;\r\n focusTrigger(options?: FocusOptions): void;\r\n tryFocusRemoveButton(): void;\r\n clickRemoveButton(): void;\r\n animateStateLayer(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n private _rootElement: HTMLElement;\r\n private _triggerElement: HTMLButtonElement | HTMLAnchorElement;\r\n private _removeButtonElement: IIconButtonComponent | undefined;\r\n private _startSlotElement: HTMLSlotElement;\r\n private _checkmarkElement: HTMLElement;\r\n private _focusIndicatorElement: IFocusIndicatorComponent;\r\n private _stateLayerElement: IStateLayerComponent;\r\n\r\n constructor(protected _component: IChipComponent) {\r\n super(_component);\r\n this._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\r\n this._triggerElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.TRIGGER) as HTMLButtonElement;\r\n this._startSlotElement = getShadowElement(this._component, 'slot[name=start]') as HTMLSlotElement;\r\n this._focusIndicatorElement = getShadowElement(this._component, FOCUS_INDICATOR_CONSTANTS.elementName) as IFocusIndicatorComponent;\r\n this._stateLayerElement = getShadowElement(this._component, STATE_LAYER_CONSTANTS.elementName) as IStateLayerComponent;\r\n }\r\n\r\n public get removeButtonElement(): IIconButtonComponent | undefined {\r\n return this._removeButtonElement;\r\n }\r\n\r\n public get isAnchor(): boolean {\r\n return this._triggerElement.localName === 'a';\r\n }\r\n\r\n public clickTrigger(): void {\r\n this._triggerElement.click();\r\n }\r\n\r\n public addRootListener(type: string, listener: EventListener): void {\r\n this._rootElement.addEventListener(type, listener);\r\n }\r\n\r\n public removeRootListener(type: string, listener: EventListener): void {\r\n this._rootElement.removeEventListener(type, listener);\r\n }\r\n\r\n public setAnchor(value: boolean): void {\r\n if (value) {\r\n if (this._triggerElement.localName === 'button') {\r\n const anchor = this._createAnchorElement();\r\n this._triggerElement = replaceElement(this._triggerElement, anchor);\r\n }\r\n } else {\r\n if (this._triggerElement.localName === 'a') {\r\n const button = this._createButtonElement();\r\n this._triggerElement = replaceElement(this._triggerElement, button);\r\n }\r\n }\r\n\r\n if (this._stateLayerElement.targetElement !== this._triggerElement) {\r\n this._stateLayerElement.targetElement = this._triggerElement;\r\n }\r\n if (this._focusIndicatorElement.targetElement !== this._triggerElement) {\r\n this._focusIndicatorElement.targetElement = this._triggerElement;\r\n }\r\n }\r\n\r\n public setAnchorProperty<T extends keyof HTMLAnchorElement>(name: T, value: HTMLAnchorElement[T]): void {\r\n if (!(this._triggerElement.localName === 'a')) {\r\n return;\r\n }\r\n\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n this._triggerElement[name] = value;\r\n }\r\n }\r\n\r\n public setCheckmarkVisibility(value: boolean): void {\r\n if (value) {\r\n if (!this._checkmarkElement) {\r\n this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n }\r\n this._rootElement.insertBefore(this._checkmarkElement, this._rootElement.firstChild);\r\n } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n this._checkmarkElement.remove();\r\n }\r\n }\r\n\r\n public setDisabled(value: boolean): void {\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n if (!this._focusIndicatorElement.isConnected) {\r\n this._rootElement.append(this._focusIndicatorElement);\r\n }\r\n if (!this._stateLayerElement.isConnected) {\r\n this._rootElement.append(this._stateLayerElement);\r\n }\r\n return;\r\n }\r\n\r\n if (this._removeButtonElement) {\r\n this._removeButtonElement.disabled = value;\r\n }\r\n\r\n this._triggerElement.disabled = value;\r\n this._triggerElement.tabIndex = value ? -1 : 0;\r\n\r\n if (value) {\r\n this._focusIndicatorElement.remove();\r\n this._stateLayerElement.remove();\r\n } else {\r\n this._rootElement.append(this._focusIndicatorElement, this._stateLayerElement);\r\n }\r\n }\r\n\r\n public setSelected(value: boolean): void {\r\n if (this._triggerElement instanceof HTMLAnchorElement) {\r\n return;\r\n }\r\n toggleAttribute(this._triggerElement, value, 'aria-pressed', String(value));\r\n }\r\n\r\n public toggleFieldVariant(value: boolean): void {\r\n if (value) {\r\n if (!this._stateLayerElement.isConnected) {\r\n this._rootElement.append(this._stateLayerElement);\r\n }\r\n if (this._focusIndicatorElement.targetElement !== this._triggerElement) {\r\n this._focusIndicatorElement.targetElement = this._triggerElement;\r\n }\r\n } else {\r\n this._stateLayerElement.remove();\r\n }\r\n\r\n }\r\n\r\n public setDeleteButtonVisibility(value: boolean): void {\r\n if (value) {\r\n if (!this._removeButtonElement) {\r\n this._removeButtonElement = this._createRemoveButton();\r\n }\r\n this._rootElement.appendChild(this._removeButtonElement);\r\n } else {\r\n this._removeButtonElement?.remove();\r\n }\r\n }\r\n\r\n public setStartSlotVisibility(value: boolean): void {\r\n this._startSlotElement.style.display = value ? '' : 'none';\r\n }\r\n\r\n public getChipSetState(): IChipState | null {\r\n let state: IChipState | null = null;\r\n const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n if (chipSet) {\r\n state = {\r\n type: chipSet.type,\r\n disabled: chipSet.disabled,\r\n dense: chipSet.dense\r\n };\r\n }\r\n return state;\r\n }\r\n\r\n public focusTrigger(options?: FocusOptions): void {\r\n this._triggerElement.focus({ preventScroll: true, ...options });\r\n }\r\n\r\n public tryFocusRemoveButton(): void {\r\n if (this._removeButtonElement) {\r\n this._removeButtonElement.focus({ preventScroll: true, focusVisible: true });\r\n } else {\r\n this.focusTrigger();\r\n }\r\n }\r\n\r\n public clickRemoveButton(): void {\r\n this._removeButtonElement?.click();\r\n }\r\n\r\n public animateStateLayer(): void {\r\n this._stateLayerElement.playAnimation();\r\n }\r\n\r\n private _createRemoveButton(): IIconButtonComponent {\r\n const buttonEl = document.createElement('forge-icon-button');\r\n buttonEl.density = 'small';\r\n buttonEl.id = 'remove-button';\r\n buttonEl.classList.add('remove');\r\n buttonEl.tabIndex = -1;\r\n buttonEl.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n buttonEl.setAttribute('part', 'remove-button');\r\n\r\n const iconEl = document.createElement('forge-icon');\r\n iconEl.name = 'close';\r\n buttonEl.appendChild(iconEl);\r\n\r\n return buttonEl;\r\n }\r\n\r\n private _createAnchorElement(): HTMLAnchorElement {\r\n const anchor = document.createElement('a');\r\n anchor.id = 'trigger';\r\n anchor.setAttribute('part', 'trigger');\r\n anchor.classList.add('trigger');\r\n\r\n if (this._component.href) {\r\n anchor.href = this._component.href;\r\n }\r\n if (this._component.target) {\r\n anchor.target = this._component.target;\r\n }\r\n if (this._component.download) {\r\n anchor.download = this._component.download;\r\n }\r\n if (this._component.rel) {\r\n anchor.rel = this._component.rel;\r\n }\r\n\r\n return anchor;\r\n }\r\n\r\n private _createButtonElement(): HTMLButtonElement {\r\n const buttonEl = document.createElement('button');\r\n buttonEl.type = 'button';\r\n buttonEl.id = 'trigger';\r\n buttonEl.setAttribute('part', 'trigger');\r\n buttonEl.classList.add('trigger');\r\n\r\n if (this._component.disabled) {\r\n buttonEl.disabled = true;\r\n }\r\n if (this._component.selected) {\r\n buttonEl.setAttribute('aria-pressed', 'true');\r\n }\r\n\r\n return buttonEl;\r\n }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipTheme, ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipNavigateEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n type: ChipType;\r\n value: unknown;\r\n selected: boolean;\r\n invalid: boolean;\r\n disabled: boolean;\r\n dense: boolean;\r\n theme: ChipTheme;\r\n href: string;\r\n target: string;\r\n download: string;\r\n rel: string;\r\n focus(options?: FocusOptions): void;\r\n focusRemoveButton(): void;\r\n click(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE;\r\n private _value: unknown;\r\n private _selected = false;\r\n private _invalid = false;\r\n private _disabled = false;\r\n private _dense = false;\r\n private _theme = CHIP_CONSTANTS.defaults.THEME;\r\n private _href: string;\r\n private _target: string;\r\n private _download: string;\r\n private _rel: string;\r\n\r\n private _clickListener: EventListener = this._onClick.bind(this);\r\n private _keydownListener: EventListener = this._onKeydown.bind(this);\r\n\r\n constructor(private _adapter: IChipAdapter) {}\r\n\r\n public initialize(): void {\r\n this._attachListeners();\r\n this._tryInheritChipSetState();\r\n }\r\n\r\n public focus(options?: FocusOptions): void {\r\n this._adapter.focusTrigger(options);\r\n }\r\n\r\n public focusRemoveButton(): void {\r\n this._adapter.removeButtonElement?.focus();\r\n }\r\n\r\n public click(): void {\r\n this._adapter.clickTrigger();\r\n }\r\n\r\n private _attachListeners(): void {\r\n this._adapter.addRootListener('click', this._clickListener);\r\n this._adapter.addRootListener('keydown', this._keydownListener);\r\n }\r\n\r\n private _detachListeners(): void {\r\n this._adapter.removeRootListener('click', this._clickListener);\r\n this._adapter.removeRootListener('keydown', this._keydownListener);\r\n }\r\n\r\n private _tryInheritChipSetState(): void {\r\n // Attempt to inherit state from the parent chip-set component\r\n // Note: this should only inherit properties that need to be the same across the chips within a set\r\n const chipSetState = this._adapter.getChipSetState();\r\n if (chipSetState) {\r\n if (chipSetState.type !== undefined) {\r\n this.type = chipSetState.type;\r\n }\r\n if (chipSetState.disabled !== undefined) {\r\n this.disabled = chipSetState.disabled;\r\n }\r\n if (chipSetState.dense !== undefined) {\r\n this.dense = chipSetState.dense;\r\n }\r\n }\r\n }\r\n\r\n private _onClick(evt: MouseEvent): void {\r\n if (this._isRemoveButton(evt)) {\r\n evt.stopImmediatePropagation();\r\n this._dispatchDeleteEvent();\r\n } else {\r\n this._handleSelectInteraction();\r\n }\r\n }\r\n\r\n private _onKeydown(evt: KeyboardEvent): void {\r\n switch (evt.key) {\r\n case 'Delete':\r\n case 'Backspace':\r\n if (this._type === 'input') {\r\n evt.preventDefault();\r\n this._dispatchDeleteEvent();\r\n }\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n evt.preventDefault();\r\n if (this._isRemoveButton(evt)) {\r\n evt.stopImmediatePropagation();\r\n if (evt.key === 'Enter') {\r\n this._adapter.clickRemoveButton();\r\n }\r\n } else {\r\n this.click();\r\n if (this._adapter.isAnchor) {\r\n this._adapter.animateStateLayer();\r\n }\r\n }\r\n break;\r\n case 'ArrowLeft':\r\n case 'ArrowRight':\r\n this._tryNavigate(evt);\r\n break;\r\n case 'Tab':\r\n if (this._type === 'input' && this._isRemoveButton(evt)) {\r\n this._tryNavigate(evt);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n private _tryNavigate(evt: KeyboardEvent): void {\r\n if (this._type === 'input') {\r\n const isRemoveButtonFocused = !!this._adapter.removeButtonElement?.matches(':focus');\r\n if (isRemoveButtonFocused) {\r\n evt.stopPropagation();\r\n evt.preventDefault();\r\n\r\n if (evt.key === 'ArrowLeft') {\r\n this._adapter.focusTrigger();\r\n return;\r\n }\r\n } else if (evt.key === 'ArrowRight') {\r\n this._adapter.tryFocusRemoveButton();\r\n return;\r\n }\r\n }\r\n\r\n const detail: IChipNavigateEventData = { direction: evt.key === 'ArrowRight' || evt.key === 'Tab' ? 'next' : 'previous' };\r\n this._adapter.dispatchHostEvent(new CustomEvent(CHIP_CONSTANTS.events.NAVIGATE, { bubbles: true, detail }));\r\n }\r\n\r\n private _isRemoveButton(evt: Event): boolean {\r\n return !!this._adapter.removeButtonElement && evt.composedPath().includes(this._adapter.removeButtonElement);\r\n }\r\n\r\n private _handleSelectInteraction(): void {\r\n const originalSelected = this._selected;\r\n this._selected = !this._selected;\r\n\r\n const wasDefaultPrevented = this._dispatchSelectEvent();\r\n this._selected = originalSelected;\r\n\r\n const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n if (!wasDefaultPrevented && isSelectableType) {\r\n this._selected = !this._selected;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n private _dispatchSelectEvent(): boolean {\r\n const detail: IChipSelectEventData = {\r\n selected: this._selected,\r\n value: this._value\r\n };\r\n const event = new CustomEvent(CHIP_CONSTANTS.events.SELECT, { detail, bubbles: true, cancelable: true });\r\n this._adapter.dispatchHostEvent(event);\r\n return event.defaultPrevented;\r\n }\r\n\r\n private _dispatchDeleteEvent(): void {\r\n const detail: IChipDeleteEventData = { value: this._value };\r\n this._adapter.dispatchHostEvent(new CustomEvent(CHIP_CONSTANTS.events.DELETE, { detail, bubbles: true }));\r\n }\r\n\r\n private _applyType(): void {\r\n const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n this._adapter.setDeleteButtonVisibility(showDeleteButton);\r\n\r\n this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n this._adapter.setStartSlotVisibility(!this._selected);\r\n this._adapter.toggleFieldVariant(this._type !== 'field');\r\n this._applySelected();\r\n\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n }\r\n\r\n private _applySelected(): void {\r\n this._adapter.setSelected(this._selected);\r\n\r\n // If using the filter type, we need to hide the leading slot to ensure that\r\n // the checkmark shows in place of any leading elements\r\n if (this._type === 'filter') {\r\n this._adapter.setStartSlotVisibility(!this._selected);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n }\r\n\r\n public get type(): ChipType {\r\n return this._type;\r\n }\r\n public set type(value: ChipType) {\r\n if (this._type !== value) {\r\n this._type = value;\r\n\r\n const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n if (!isValidType) {\r\n this._type = 'action';\r\n }\r\n \r\n this._applyType();\r\n }\r\n }\r\n\r\n public get value(): unknown {\r\n return this._value;\r\n }\r\n public set value(value: unknown) {\r\n if (this._value !== value) {\r\n this._value = value;\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.VALUE, String(this._value));\r\n }\r\n }\r\n\r\n public get selected(): boolean {\r\n return this._selected;\r\n }\r\n public set selected(value: boolean) {\r\n value = Boolean(value);\r\n if (this._selected !== value) {\r\n this._selected = value;\r\n this._applySelected();\r\n }\r\n }\r\n\r\n public get invalid(): boolean {\r\n return this._invalid;\r\n }\r\n public set invalid(value: boolean) {\r\n value = Boolean(value);\r\n if (this._invalid !== value) {\r\n this._invalid = value;\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.INVALID, value);\r\n }\r\n }\r\n\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n value = Boolean(value);\r\n if (this._disabled !== value) {\r\n this._disabled = value;\r\n this._adapter.setDisabled(this._disabled);\r\n\r\n if (this._adapter.isConnected) {\r\n if (this._disabled) {\r\n this._detachListeners();\r\n } else {\r\n this._attachListeners();\r\n }\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n }\r\n }\r\n\r\n public get dense(): boolean {\r\n return this._dense;\r\n }\r\n public set dense(value: boolean) {\r\n value = Boolean(value);\r\n if (this._dense !== value) {\r\n this._dense = value;\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DENSE, this._dense);\r\n }\r\n }\r\n\r\n public get theme(): ChipTheme {\r\n return this._theme;\r\n }\r\n public set theme(value: ChipTheme) {\r\n if (this._theme !== value) {\r\n this._theme = value ?? CHIP_CONSTANTS.defaults.THEME;\r\n this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.THEME, this._theme);\r\n }\r\n }\r\n\r\n public get href(): string {\r\n return this._href;\r\n }\r\n public set href(value: string) {\r\n if (this._href !== value) {\r\n this._href = value;\r\n\r\n const hasHref = !!this._href?.trim();\r\n this._adapter.setAnchor(hasHref);\r\n\r\n if (hasHref && this._disabled) {\r\n this._adapter.setDisabled(false);\r\n }\r\n\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.HREF, hasHref, this._href);\r\n }\r\n }\r\n\r\n public get target(): string {\r\n return this._target;\r\n }\r\n public set target(value: string) {\r\n if (this._target !== value) {\r\n this._target = value;\r\n this._adapter.setAnchorProperty('target', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.TARGET, !!this._target?.trim(), this._target);\r\n }\r\n }\r\n\r\n public get download(): string {\r\n return this._download;\r\n }\r\n public set download(value: string) {\r\n if (this._download !== value) {\r\n this._download = value;\r\n this._adapter.setAnchorProperty('download', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DOWNLOAD, !!this._download?.trim(), this._download);\r\n }\r\n }\r\n\r\n public get rel(): string {\r\n return this._rel;\r\n }\r\n public set rel(value: string) {\r\n if (this._rel !== value) {\r\n this._rel = value;\r\n this._adapter.setAnchorProperty('rel', value);\r\n this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.REL, !!this._rel?.trim(), this._rel);\r\n }\r\n }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconClose } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core';\r\nimport { FocusIndicatorComponent } from '../../focus-indicator';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { IconButtonComponent } from '../../icon-button';\r\nimport { StateLayerComponent } from '../../state-layer';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipTheme, ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip\\\" part=\\\"root\\\"><button type=\\\"button\\\" id=\\\"trigger\\\" class=\\\"trigger\\\" part=\\\"trigger\\\"><slot name=\\\"start\\\"><slot name=\\\"leading\\\"></slot></slot><slot></slot><slot name=\\\"end\\\"><slot name=\\\"trailing\\\"></slot></slot></button><forge-focus-indicator target=\\\"trigger\\\" part=\\\"focus-indicator\\\"></forge-focus-indicator><forge-state-layer target=\\\"trigger\\\" exportparts=\\\"surface:state-layer\\\"></forge-state-layer></div></template>';\r\nconst styles = ':host{display:-webkit-inline-box;display:inline-flex}:host([hidden]){display:none}.forge-chip{--_chip-background:var(--forge-chip-background, transparent);--_chip-color:var(--forge-chip-color, var(--forge-theme-primary, #3f51b5));--_chip-shape:var(--forge-chip-shape, var(--forge-shape-full, 9999px));--_chip-spacing:var(--forge-chip-spacing, var(--forge-spacing-xsmall, 8px));--_chip-height:var(--forge-chip-height, 32px);--_chip-padding-inline:var(--forge-chip-padding-inline, var(--forge-spacing-small, 12px));--_chip-padding-block:var(--forge-chip-padding-block, 0);--_chip-cursor:var(--forge-chip-cursor, pointer);--_chip-icon-font-size:var(--forge-chip-icon-font-size, 1.5rem);--_chip-disabled-opacity:var(--forge-chip-disabled-opacity, 0.38);--_chip-disabled-cursor:var(--forge-chip-disabled-cursor, not-allowed);--_chip-dense-height:var(--forge-chip-dense-height, 24px);--_chip-dense-padding-inline:var(--forge-chip-dense-padding-inline, var(--forge-spacing-xsmall, 8px));--_chip-dense-spacing:var(--forge-chip-dense-spacing, var(--forge-spacing-xxsmall, 4px));--_chip-dense-font-size:var(--forge-chip-dense-font-size, 0.75rem);--_chip-dense-font-weight:var(--forge-chip-dense-font-weight, normal);--_chip-dense-focus-indicator-offset:var(--forge-chip-dense-focus-indicator-offset, var(--forge-spacing-xxxsmall, 2px));--_chip-dense-icon-font-size:var(--forge-chip-dense-icon-font-size, 1.25rem);--_chip-remove-button-spacing:var(--forge-chip-remove-button-spacing, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-xxsmall, 4px));--_chip-remove-button-height-dense:var(--forge-chip-remove-button-height-dense, 18px);--_chip-remove-button-icon-size-dense:var(--forge-chip-remove-button-icon-size-dense, 16px);--_chip-remove-button-spacing-dense:var(--forge-chip-remove-button-spacing-dense, 0 var(--forge-spacing-xxxsmall, 2px));--_chip-selected-background:var(--forge-chip-selected-background, var(--forge-theme-primary, #3f51b5));--_chip-selected-color:var(--forge-chip-selected-color, var(--forge-theme-on-primary, #ffffff));--_chip-invalid-color:var(--forge-chip-invalid-color, var(--forge-theme-error, #b00020));--_chip-invalid-selected-background:var(--forge-chip-invalid-selected-background, var(--forge-theme-error, #b00020));--_chip-invalid-selected-color:var(--forge-chip-invalid-selected-color, var(--forge-theme-on-error, #ffffff));--_chip-border-width:var(--forge-chip-border-width, var(--forge-border-thin, 1px));--_chip-border-style:var(--forge-chip-border-style, solid);--_chip-border-color:var(--forge-chip-border-color, var(--_chip-color));--_chip-field-background:var(--forge-chip-field-background, var(--forge-theme-surface-container-low, #ebebeb));--_chip-field-color:var(--forge-chip-field-color, var(--forge-theme-on-surface-container-low, #000000));--_chip-field-shape:var(--forge-chip-field-shape, var(--forge-shape-medium, 4px));--_chip-field-border-color:var(--forge-chip-field-border-color, transparent);--_chip-field-cursor:var(--forge-chip-field-cursor, default);--_chip-checkmark-size:var(--forge-chip-checkmark-size, 1.25em);--_chip-checkmark-color:var(--forge-chip-checkmark-color, var(--_chip-color));--_chip-checkmark-spacing:var(--forge-chip-checkmark-spacing, var(--forge-spacing-xsmall, 8px));--_chip-avatar-size:var(--forge-chip-avatar-size, 24px);--_chip-avatar-size-dense:var(--forge-chip-avatar-size-dense, 18px);--_chip-avatar-font-size:var(--forge-chip-avatar-font-size, 0.75rem);--_chip-avatar-font-size-dense:var(--forge-chip-avatar-font-size-dense, 0.5rem);--_chip-avatar-spacing:var(--forge-chip-avatar-spacing, calc(var(--forge-spacing-xsmall, 8px) * -1));--_chip-avatar-spacing-dense:var(--forge-chip-avatar-spacing-dense, calc(var(--forge-spacing-xxsmall, 4px) * -1));--_chip-transition-duration:var(--forge-chip-transition-duration, var(--forge-animation-duration-short3, 150ms));--_chip-transition-easing:var(--forge-chip-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_chip-checkmark-transition-delay:var(--forge-chip-checkmark-transition-delay, 50ms)}.forge-chip{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_chip-height);border-width:var(--_chip-border-width);border-style:var(--_chip-border-style);border-color:var(--_chip-border-color);border-radius:var(--_chip-shape);background:var(--_chip-background);color:var(--_chip-color);-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}.trigger{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \\\"Roboto\\\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_chip-spacing);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-inline:var(--_chip-padding-inline);padding-block:var(--_chip-padding-block);cursor:var(--_chip-cursor);z-index:0;text-decoration:none;border:none;background:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:var(--_chip-shape);outline:0}.remove{padding-inline:var(--_chip-remove-button-spacing);--forge-icon-button-focus-indicator-color:var(--_chip-color)}forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-color);--forge-focus-indicator-shape:var(--_chip-shape)}forge-state-layer{--forge-state-layer-color:var(--_chip-color)}:host([dense]) .forge-chip{--_chip-height:var(--_chip-dense-height);--_chip-padding-inline:var(--_chip-dense-padding-inline);--_chip-spacing:var(--_chip-dense-spacing)}:host([dense]) .trigger{--forge-typography-font-size:var(--_chip-dense-font-size);--forge-typography-font-weight:var(--_chip-dense-font-weight)}:host([dense]) .remove{--_chip-remove-button-spacing:var(--_chip-remove-button-spacing-dense);--forge-icon-button-density-small-size:var(--_chip-remove-button-height-dense);--forge-icon-button-density-small-icon-size:var(--_chip-remove-button-icon-size-dense)}:host([dense]) forge-focus-indicator{--forge-focus-indicator-outward-offset:var(--_chip-dense-focus-indicator-offset)}:host([dense]) ::slotted(forge-avatar){--_chip-avatar-spacing:var(--_chip-avatar-spacing-dense);--forge-typography-font-size:var(--_chip-avatar-font-size-dense);--forge-avatar-size:var(--_chip-avatar-size-dense)}:host([dense]) ::slotted(:is([slot=start],[slot=leading],[slot=end],[slot=trailing])){--_chip-icon-font-size:var(--_chip-dense-icon-font-size)}:host(:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-selected-background);--_chip-color:var(--_chip-selected-color)}:host(:is([type=filter],[type=choice],[type=input])[selected]) forge-focus-indicator{--forge-focus-indicator-color:var(--_chip-background)}:host([invalid]) .forge-chip{--_chip-color:var(--_chip-invalid-color)}:host([invalid]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--_chip-invalid-selected-background);--_chip-color:var(--_chip-invalid-selected-color)}:host([disabled]:not([href])) .forge-chip{opacity:var(--_chip-disabled-opacity)}:host([disabled]:not([href])) .trigger{cursor:var(--_chip-disabled-cursor)}::slotted(:not(forge-avatar):is([slot=start],[slot=leading],[slot=end],[slot=trailing])){font-size:var(--_chip-icon-font-size)}::slotted(forge-avatar:is([slot=start],[slot=leading])){-webkit-margin-start:var(--_chip-avatar-spacing);margin-inline-start:var(--_chip-avatar-spacing)}::slotted(forge-avatar:is([slot=end],[slot=trailing])){-webkit-margin-end:var(--_chip-avatar-spacing);margin-inline-end:var(--_chip-avatar-spacing)}::slotted(forge-avatar){--forge-typography-font-size:var(--_chip-avatar-font-size);--forge-avatar-size:var(--_chip-avatar-size)}:host([type=filter]) .checkmark{height:var(--_chip-checkmark-size)}:host([type=filter]) .checkmark svg{width:0;height:var(--_chip-checkmark-size);-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing)}:host([type=filter]) .checkmark svg path{stroke:var(--_chip-checkmark-color);-webkit-transition-property:stroke-dashoffset;transition-property:stroke-dashoffset;-webkit-transition-duration:var(--_chip-transition-duration);transition-duration:var(--_chip-transition-duration);-webkit-transition-timing-function:var(--_chip-transition-easing);transition-timing-function:var(--_chip-transition-easing);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host([type=filter][selected]) .checkmark{-webkit-padding-start:var(--_chip-checkmark-spacing);padding-inline-start:var(--_chip-checkmark-spacing)}:host([type=filter][selected]) .checkmark svg{width:var(--_chip-checkmark-size)}:host([type=filter][selected]) .checkmark svg path{-webkit-transition-delay:var(--_chip-checkmark-transition-delay);transition-delay:var(--_chip-checkmark-transition-delay);stroke-dashoffset:0}:host([type=input]) .trigger{padding-inline:var(--_chip-padding-inline) 0}:host([type=field]) .forge-chip{--_chip-background:var(--_chip-field-background);--_chip-color:var(--_chip-field-color);--_chip-border-color:var(--_chip-field-border-color);--_chip-shape:var(--_chip-field-shape);--_chip-cursor:var(--_chip-field-cursor)}:host([theme=secondary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_chip-border-color:var(--forge-chip-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary, #ffc107));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-secondary-container-low, #fff8e1));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-secondary-container-low, #8a6804))}:host([theme=tertiary]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-tertiary, #3d5afe))}:host([theme=tertiary]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary, #3d5afe));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-tertiary-container-low, #213189))}:host([theme=success]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success, #2e7d32));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-success-container-low, #e6efe6));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-success-container-low, #19441b))}:host([theme=warning]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning, #d14900));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-warning-container-low, #f9e9e0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-warning-container-low, #712700))}:host([theme=error]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error, #b00020));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-error-container-low, #f6e0e4));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-error-container-low, #5f0011))}:host([theme=info]) .forge-chip{--_chip-color:var(--forge-chip-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([type=filter],[type=choice],[type=input])[selected]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info, #1565c0));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][type=field]) .forge-chip{--_chip-background:var(--forge-chip-background, var(--forge-theme-info-container-low, #e3edf7));--_chip-color:var(--forge-chip-color, var(--forge-theme-on-info-container-low, #0b3768))}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n type: ChipType;\r\n value: unknown;\r\n selected: boolean;\r\n invalid: boolean;\r\n disabled: boolean;\r\n dense: boolean;\r\n theme: ChipTheme;\r\n href: string;\r\n target: string;\r\n download: string;\r\n rel: string;\r\n focusRemoveButton(): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-chip': IChipComponent;\r\n }\r\n\r\n interface HTMLElementEventMap {\r\n 'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n 'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n }\r\n}\r\n\r\n/**\r\n * @tag forge-chip\r\n * \r\n * @property {ChipType} type - The type of chip.\r\n * @property {unknown} value - The value of the chip.\r\n * @property {boolean} selected - Whether the chip is selected.\r\n * @property {boolean} invalid - Whether the chip is invalid.\r\n * @property {boolean} disabled - Whether the chip is disabled.\r\n * @property {boolean} dense - Whether the chip is dense.\r\n * @property {ChipTheme} theme - The theme of the chip.\r\n * @property {string} href - The href of the chip.\r\n * @property {string} target - The target of the chip.\r\n * @property {string} download - The download of the chip.\r\n * @property {string} rel - The rel of the chip.\r\n * \r\n * @attribute {ChipType} type - The type of chip.\r\n * @attribute {unknown} value - The value of the chip.\r\n * @attribute {boolean} selected - Whether the chip is selected.\r\n * @attribute {boolean} invalid - Whether the chip is invalid.\r\n * @attribute {boolean} disabled - Whether the chip is disabled.\r\n * @attribute {boolean} dense - Whether the chip is dense.\r\n * @attribute {ChipTheme} theme - The theme of the chip.\r\n * @attribute {string} href - The href of the chip.\r\n * @attribute {string} target - The target of the chip.\r\n * @attribute {string} download - The download of the chip.\r\n * @attribute {string} rel - The rel of the chip.\r\n * \r\n * @fires {IChipDeleteEventData} forge-chip-delete - Event fired when the chip is deleted.\r\n * @fires {IChipSelectEventData} forge-chip-select - Event fired when the chip is selected.\r\n * \r\n * @cssproperty --forge-chip-background - The background color of the chip.\r\n * @cssproperty --forge-chip-color - The background color of the chip.\r\n * @cssproperty --forge-chip-shape - The shape of the chip.\r\n * @cssproperty --forge-chip-spacing - The spacing between chips.\r\n * @cssproperty --forge-chip-height - The height of the chip.\r\n * @cssproperty --forge-chip-padding-inline - The inline padding of the chip.\r\n * @cssproperty --forge-chip-padding-block - The block padding of the chip.\r\n * @cssproperty --forge-chip-cursor - The cursor style of the chip.\r\n * @cssproperty --forge-chip-icon-font-size - The font size of the chip icon.\r\n * @cssproperty --forge-chip-disabled-opacity - The opacity of the disabled chip.\r\n * @cssproperty --forge-chip-disabled-cursor - The cursor style of the disabled chip.\r\n * @cssproperty --forge-chip-dense-height - The height of the dense chip.\r\n * @cssproperty --forge-chip-dense-padding-inline - The inline padding of the dense chip.\r\n * @cssproperty --forge-chip-dense-spacing - The spacing between dense chips.\r\n * @cssproperty --forge-chip-dense-font-size - The font size of the dense chip.\r\n * @cssproperty --forge-chip-dense-font-weight - The font weight of the dense chip.\r\n * @cssproperty --forge-chip-dense-focus-indicator-offset - The offset of the focus indicator for dense chips.\r\n * @cssproperty --forge-chip-dense-icon-font-size - The font size of the icon in dense chips.\r\n * @cssproperty --forge-chip-remove-button-spacing - The spacing of the remove button in chips.\r\n * @cssproperty --forge-chip-remove-button-height-dense - The height of the remove button in dense chips.\r\n * @cssproperty --forge-chip-remove-button-icon-size-dense - The icon size of the remove button in dense chips.\r\n * @cssproperty --forge-chip-remove-button-spacing-dense - The spacing of the remove button in dense chips.\r\n * @cssproperty --forge-chip-selected-background - The background color of the selected chip.\r\n * @cssproperty --forge-chip-selected-color - The text color of the selected chip.\r\n * @cssproperty --forge-chip-invalid-color - The text color of the invalid chip.\r\n * @cssproperty --forge-chip-invalid-selected-background - The background color of the invalid selected chip.\r\n * @cssproperty --forge-chip-invalid-selected-color - The text color of the invalid selected chip.\r\n * @cssproperty --forge-chip-border-width - The width of the chip border.\r\n * @cssproperty --forge-chip-border-style - The style of the chip border.\r\n * @cssproperty --forge-chip-border-color - The color of the chip border.\r\n * @cssproperty --forge-chip-field-background - The background color of the chip field.\r\n * @cssproperty --forge-chip-field-color - The text color of the chip field.\r\n * @cssproperty --forge-chip-field-shape - The shape of the chip field.\r\n * @cssproperty --forge-chip-field-border-color - The color of the chip field border.\r\n * @cssproperty --forge-chip-field-cursor - The cursor style of the chip field.\r\n * @cssproperty --forge-chip-checkmark-size - The size of the checkmark in chips.\r\n * @cssproperty --forge-chip-checkmark-color - The color of the checkmark in chips.\r\n * @cssproperty --forge-chip-checkmark-spacing - The spacing of the checkmark in chips.\r\n * @cssproperty --forge-chip-avatar-size - The size of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-size-dense - The size of the avatar in dense chips.\r\n * @cssproperty --forge-chip-avatar-font-size - The font size of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-font-size-dense - The font size of the avatar in dense chips.\r\n * @cssproperty --forge-chip-avatar-spacing - The spacing of the avatar in chips.\r\n * @cssproperty --forge-chip-avatar-spacing-dense - The spacing of the avatar in dense chips.\r\n * @cssproperty --forge-chip-transition-duration - The duration of the chip transition.\r\n * @cssproperty --forge-chip-transition-easing - The easing function of the chip transition.\r\n * @cssproperty --forge-chip-checkmark-transition-delay - The delay of the checkmark transition in chips.\r\n * \r\n * @csspart root - The component's root element.\r\n * @csspart trigger - The trigger element of the chip.\r\n * @csspart focus-indicator - The focus indicator of the chip.\r\n * @csspart state-layer - The state layer surface.\r\n * \r\n * @slot - The content of the chip.\r\n * @slot start - The start content of the chip.\r\n * @slot end - The end content of the chip.\r\n */\r\n@CustomElement({\r\n name: CHIP_CONSTANTS.elementName,\r\n dependencies: [\r\n FocusIndicatorComponent,\r\n StateLayerComponent,\r\n IconButtonComponent,\r\n IconComponent\r\n ]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n public static get observedAttributes(): string[] {\r\n return Object.values(CHIP_CONSTANTS.observedAttributes);\r\n }\r\n\r\n protected _foundation: ChipFoundation;\r\n\r\n constructor() {\r\n super();\r\n IconRegistry.define(tylIconClose);\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new ChipFoundation(new ChipAdapter(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 CHIP_CONSTANTS.attributes.TYPE:\r\n this.type = newValue as ChipType;\r\n break;\r\n case CHIP_CONSTANTS.attributes.VALUE:\r\n this.value = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.SELECTED:\r\n this.selected = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.INVALID:\r\n this.invalid = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DISABLED:\r\n this.disabled = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.DENSE:\r\n this.dense = coerceBoolean(newValue);\r\n break;\r\n case CHIP_CONSTANTS.attributes.THEME:\r\n this.theme = newValue as ChipTheme;\r\n break;\r\n case CHIP_CONSTANTS.attributes.HREF:\r\n this.href = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.TARGET:\r\n this.target = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.DOWNLOAD:\r\n this.download = newValue;\r\n break;\r\n case CHIP_CONSTANTS.attributes.REL:\r\n this.rel = newValue;\r\n break;\r\n }\r\n }\r\n\r\n public override focus(options?: FocusOptions): void {\r\n this._foundation.focus(options);\r\n }\r\n\r\n public focusRemoveButton(): void {\r\n this._foundation.focusRemoveButton();\r\n }\r\n\r\n public override click(): void {\r\n this._foundation.click();\r\n }\r\n\r\n @FoundationProperty()\r\n public declare type: ChipType;\r\n\r\n @FoundationProperty()\r\n public declare value: unknown;\r\n\r\n @FoundationProperty()\r\n public declare selected: boolean;\r\n\r\n @FoundationProperty()\r\n public declare invalid: boolean;\r\n\r\n @FoundationProperty()\r\n public declare disabled: boolean;\r\n\r\n @FoundationProperty()\r\n public declare dense: boolean;\r\n\r\n @FoundationProperty()\r\n public declare theme: ChipTheme;\r\n\r\n @FoundationProperty()\r\n public declare href: string;\r\n\r\n @FoundationProperty()\r\n public declare target: string;\r\n\r\n @FoundationProperty()\r\n public declare download: string;\r\n\r\n @FoundationProperty()\r\n public declare rel: string;\r\n}\r\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "selectors", "CHIP_SET_CONSTANTS", "elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "selectors", "events", "defaults", "CHIP_CONSTANTS", "checkmarkTemplate", "ChipAdapter", "BaseAdapter", "_component", "getShadowElement", "CHIP_CONSTANTS", "FOCUS_INDICATOR_CONSTANTS", "STATE_LAYER_CONSTANTS", "type", "listener", "value", "anchor", "replaceElement", "button", "name", "elementFromHTML", "toggleAttribute", "_a", "state", "chipSet", "walkUpUntil", "node", "CHIP_SET_CONSTANTS", "options", "__spreadValues", "buttonEl", "iconEl", "ChipFoundation", "_adapter", "CHIP_CONSTANTS", "options", "_a", "chipSetState", "evt", "detail", "originalSelected", "wasDefaultPrevented", "isSelectableType", "event", "showDeleteButton", "value", "hasHref", "template", "styles", "ChipComponent", "BaseComponent", "IconRegistry", "tylIconClose", "attachShadowTemplate", "ChipFoundation", "ChipAdapter", "CHIP_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "options", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "IconButtonComponent", "IconComponent"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import{b as x,d as k}from"./chunk.FLF5RTYO.js";import{a as T,p as w}from"./chunk.ASLHRT3N.js";import{l as v}from"./chunk.SB2LOK2R.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as y}from"./chunk.OLFOVKQG.js";import{a as I,b as m}from"./chunk.VRSPT7WX.js";import{a as A,e as L,f as p}from"./chunk.LNTTU2GL.js";import{r as E}from"./chunk.L4QSPQDE.js";import{k as l,n as u}from"./chunk.J2M2MXP2.js";import{a as h,d as a}from"./chunk.M3QDAYD2.js";var C=`${m}list`,O={ROLE:"role",STATIC:"static",NON_INTERACTIVE:"non-interactive",DISABLED:"disabled",DENSE:"dense",PROPAGATE_CLICK:"propagate-click",SELECTED_VALUE:"selected-value",INDENTED:"indented",TWO_LINE:"two-line",THREE_LINE:"three-line",WRAP:"wrap"},H=h({},O),z={SCOPE_TEST:`${C}-item-scope-test`},d={elementName:C,attributes:H,events:z},N={list:"listitem",listbox:"option",menu:"menuitem"};var S=`${m}list-item`,D={HREF:"href",TARGET:"target",DOWNLOAD:"download",REL:"rel",STATIC:"static",NON_INTERACTIVE:"non-interactive",DISABLED:"disabled",SELECTED:"selected",ACTIVE:"active",VALUE:"value",DENSE:"dense",PROPAGATE_CLICK:"propagate-click",INDENTED:"indented",TWO_LINE:"two-line",THREE_LINE:"three-line",WRAP:"wrap"},P=h({},D),R={ROOT:"forge-list-item"},M={ROOT:`.${R.ROOT}`,CHECKBOX_RADIO_SELECTOR:":is(input[type=checkbox],input[type=radio],forge-checkbox,forge-radio):not(:disabled):not([forge-ignore])",SWITCH_SELECTOR:"forge-switch:not([disabled]):not([forge-ignore])",IGNORE:"[forge-ignore],[data-forge-ignore]"},F={SELECT:`${S}-select`},i={elementName:S,observedAttributes:D,attributes:P,classes:R,selectors:M,events:F};var g=class extends y{constructor(t){super(t);this._rootElement=p(t,i.selectors.ROOT),this._focusIndicatorElement=p(t,x.elementName),this._stateLayerElement=p(t,T.elementName)}initialize(){let t=this._getParentList();t&&this._inheritParentListProps(t),this._rootElement.tabIndex=this._component.nonInteractive||this._component.disabled?-1:0,this._component.hasAttribute("role")||this._setRole(t)}setHref(t){if(t){if(this._rootElement.tagName!=="A"){let s=this._createAnchorRootElement();this._rootElement=v(this._rootElement,s)}this._rootElement.href=t}else if(this._rootElement.tagName==="A"){let s=this._createDefaultRootElement();this._rootElement=v(this._rootElement,s)}}setAnchorTarget(t){this._rootElement.tagName==="A"&&(this._rootElement.target=t)}setAnchorDownload(t){this._rootElement.tagName==="A"&&(this._rootElement.download=t)}setAnchorRel(t){this._rootElement.tagName==="A"&&(this._rootElement.rel=t)}setNonInteractive(t){this._rootElement.tabIndex=t?-1:0,t?(this._focusIndicatorElement.remove(),this._stateLayerElement.remove()):this._rootElement.append(this._focusIndicatorElement,this._stateLayerElement)}setDisabled(t){this._rootElement.tabIndex=t?-1:0,E(this._component,t,"aria-disabled","true"),t?(this._focusIndicatorElement.remove(),this._stateLayerElement.remove()):this._rootElement.append(this._focusIndicatorElement,this._stateLayerElement)}setActive(t){this._focusIndicatorElement.active=t}trySelect(t){let s=this._getParentList();if((s==null?void 0:s.selectedValue)===void 0)return null;let c=(Array.isArray(s.selectedValue)?s.selectedValue:[s.selectedValue]).some(_=>u(_,t));return this.tryToggleSelectionControl(c),c}tryToggleSelectionControl(t){let s=this._component.querySelector(i.selectors.CHECKBOX_RADIO_SELECTOR);if(s){let o=typeof t=="boolean",c=s.checked;s.checked=o?t:!s.checked,(!o||c!==t)&&s.dispatchEvent(new Event("change",{bubbles:!0}))}else{let o=this._component.querySelector(i.selectors.SWITCH_SELECTOR);if(!o)return;let c=typeof t=="boolean",_=o.on;o.on=c?t:!o.on,(!c||_!==t)&&o.dispatchEvent(new CustomEvent("forge-switch-change",{bubbles:!0,detail:o.on}))}}isFocused(){return this._component.matches(":focus")}setFocus(){this._rootElement.focus({preventScroll:!0})}animateStateLayer(){this._stateLayerElement.playAnimation()}clickAnchor(){this._rootElement.tagName==="A"&&this._rootElement.click()}clickHost(){HTMLElement.prototype.click.call(this._component)}_createAnchorRootElement(){let t=document.createElement("a");return t.classList.add(i.classes.ROOT),t.setAttribute("part","root"),this._component.href&&(t.href=this._component.href),this._component.target&&(t.target=this._component.target),this._component.download&&(t.download=this._component.download),this._component.rel&&(t.rel=this._component.rel),t}_createDefaultRootElement(){let t=document.createElement("div");return t.classList.add(i.classes.ROOT),t.setAttribute("part","root"),t.tabIndex=this._component.nonInteractive||this._component.disabled?-1:0,t}_getParentList(){return this._component.closest(d.elementName)}_inheritParentListProps(t){(t.hasAttribute(d.attributes.NON_INTERACTIVE)||t.hasAttribute(d.attributes.STATIC))&&(this._component.nonInteractive=!0),t.hasAttribute(d.attributes.DISABLED)&&(this._component.disabled=!0),t.hasAttribute(d.attributes.DENSE)&&(this._component.dense=!0),t.getAttribute(d.attributes.PROPAGATE_CLICK)==="false"&&(this._component.propagateClick=!1),t.hasAttribute(d.attributes.INDENTED)&&(this._component.indented=!0),t.hasAttribute(d.attributes.TWO_LINE)&&(this._component.twoLine=!0),t.hasAttribute(d.attributes.THREE_LINE)&&(this._component.threeLine=!0)}_setRole(t){var c;let s=t==null?void 0:t.getAttribute("role"),o=(c=N[s])!=null?c:"listitem";this._component.setAttribute("role",o)}};var b=class{constructor(e){this._adapter=e;this._target="";this._download="";this._rel="";this._nonInteractive=!1;this._disabled=!1;this._selected=!1;this._active=!1;this._dense=!1;this._propagateClick=!0;this._indented=!1;this._twoLine=!1;this._threeLine=!1;this._wrap=!1;this._clickListener=this._onClick.bind(this),this._pointerDownListener=this._onPointerDown.bind(this),this._keydownListener=this._onKeydown.bind(this)}initialize(){this._adapter.initialize(),!this._nonInteractive&&!this._disabled&&(this._adapter.addHostListener("click",this._clickListener),this._adapter.addHostListener("keydown",this._keydownListener),this._propagateClick||this._adapter.addHostListener("pointerdown",this._pointerDownListener))}disconnect(){this._adapter.removeHostListener("click",this._clickListener),this._adapter.removeHostListener("pointerdown",this._pointerDownListener),this._adapter.removeHostListener("keydown",this._keydownListener)}setFocus(){this._adapter.setFocus()}click(){this._href?this._adapter.clickAnchor():this._adapter.clickHost()}_onPointerDown(e){this._adapter.isFocused()&&e.preventDefault()}_onKeydown(e){(e.key==="Enter"||e.key===" ")&&(!this._href&&e.key===" "&&e.preventDefault(),this._adapter.animateStateLayer(),this._select(e.target))}_onClick(e){this._select(e.target)}_select(e){let t=e==null?void 0:e.matches(i.selectors.IGNORE);if(this._nonInteractive||this._disabled||t)return;!this._adapter.isFocused()&&this._propagateClick&&this.setFocus(),e.matches(i.selectors.CHECKBOX_RADIO_SELECTOR)||this._adapter.tryToggleSelectionControl();let s={value:this._value,listItem:this._adapter.hostElement};this._adapter.emitHostEvent(i.events.SELECT,s)}get href(){return this._href}set href(e){this._href!==e&&(this._href=e,this._adapter.setHref(this._href),this._adapter.toggleHostAttribute(i.attributes.HREF,!!this._href,this._href))}get target(){return this._target}set target(e){this._target!==e&&(this._target=e,this._href&&this._adapter.setAnchorTarget(this._target),this._adapter.toggleHostAttribute(i.attributes.TARGET,!!this._target,this._target))}get download(){return this._download}set download(e){this._download!==e&&(this._download=e,this._adapter.setAnchorDownload(this._download),this._adapter.toggleHostAttribute(i.attributes.DOWNLOAD,!!this._download,this._download))}get rel(){return this._rel}set rel(e){this._rel!==e&&(this._rel=e,this._adapter.setAnchorRel(this._rel),this._adapter.toggleHostAttribute(i.attributes.REL,!!this._rel,this._rel))}get static(){return this.nonInteractive}set static(e){this.nonInteractive=e}get nonInteractive(){return this._nonInteractive}set nonInteractive(e){this._nonInteractive!==e&&(this._nonInteractive=e,this._nonInteractive?this._adapter.removeHostListener("click",this._clickListener):this._adapter.addHostListener("click",this._clickListener),this._adapter.setNonInteractive(this._nonInteractive),this._adapter.toggleHostAttribute(i.attributes.STATIC,this._nonInteractive),this._adapter.toggleHostAttribute(i.attributes.NON_INTERACTIVE,this._nonInteractive))}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._disabled?this._adapter.removeHostListener("click",this._clickListener):this._adapter.addHostListener("click",this._clickListener),this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled))}get selected(){return this._selected}set selected(e){this._selected!==e&&(this._selected=e,this._adapter.tryToggleSelectionControl(this._selected),this._adapter.toggleHostAttribute(i.attributes.SELECTED,this._selected))}get active(){return this._active}set active(e){this._active!==e&&(this._active=e,this._adapter.setActive(this._active),this._adapter.toggleHostAttribute(i.attributes.ACTIVE,this._active))}get value(){return this._value}set value(e){this._value=e;let t=this._adapter.trySelect(this._value);t!==null&&t!==this._selected&&(this.selected=t)}get dense(){return this._dense}set dense(e){this._dense!==e&&(this._dense=e,this._adapter.toggleHostAttribute(i.attributes.DENSE,this._dense))}get propagateClick(){return this._propagateClick}set propagateClick(e){this._propagateClick!==e&&(this._propagateClick=e,this._propagateClick?this._adapter.removeHostListener("pointerdown",this._pointerDownListener):this._adapter.addHostListener("pointerdown",this._pointerDownListener),this._adapter.setHostAttribute(i.attributes.PROPAGATE_CLICK,this._propagateClick?"true":"false"))}get indented(){return this._indented}set indented(e){this._indented!==e&&(this._indented=e,this._adapter.toggleHostAttribute(i.attributes.INDENTED,this._indented))}get twoLine(){return this._twoLine}set twoLine(e){this._twoLine!==e&&(this._twoLine=e,this._adapter.toggleHostAttribute(i.attributes.TWO_LINE,this._twoLine))}get threeLine(){return this._threeLine}set threeLine(e){this._threeLine!==e&&(this._threeLine=e,this._adapter.toggleHostAttribute(i.attributes.THREE_LINE,this._threeLine))}get wrap(){return this._wrap}set wrap(e){this._wrap!==e&&(this._wrap=e,this._adapter.toggleHostAttribute(i.attributes.WRAP,this._wrap))}};var W='<template><div class="forge-list-item" tabindex="0" part="root"><slot name="leading"></slot><slot name="avatar"></slot><div class="text-container" part="text-container"><slot></slot><slot name="title"></slot><slot name="primary-text"></slot><slot name="subtitle"></slot><slot name="secondary-text"></slot><slot name="tertiary-text"></slot><slot name="tertiary-title"></slot></div><slot name="trailing"></slot><forge-state-layer exportparts="surface:state-layer"></forge-state-layer><forge-focus-indicator part="focus-indicator" inward></forge-focus-indicator></div></template>',B=':host{--_list-item-indent:var(--forge-list-item-indent, 56px);--_list-item-dense-indent:var(--forge-list-item-dense-indent, var(--forge-spacing-xxlarge, 48px))}:host{display:block;outline:0}:host([hidden]){display:none}.forge-list-item{--_list-item-background-color:var(--forge-list-item-background-color, transparent);--_list-item-shape:var(--forge-list-item-shape, 0);--_list-item-padding:var(--forge-list-item-padding, 0 var(--forge-spacing-medium, 16px));--_list-item-margin:var(--forge-list-item-margin, 0);--_list-item-height:var(--forge-list-item-height, 48px);--_list-item-dense-height:var(--forge-list-item-dense-height, 32px);--_list-item-cursor:var(--forge-list-item-cursor, pointer);--_list-item-gap:var(--forge-list-item-gap, var(--forge-spacing-xlarge, 32px));--_list-item-supporting-text-color:var(--forge-list-item-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-supporting-text-font-size:var(--forge-list-item-supporting-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));--_list-item-supporting-text-font-weight:var(--forge-list-item-supporting-text-font-weight, var(--forge-typography-body2-font-weight, 400));--_list-item-supporting-text-line-height:var(--forge-list-item-supporting-text-line-height, 1.5rem);--_list-item-selected-color:var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));--_list-item-selected-opacity:var(--forge-list-item-selected-opacity, 0.08);--_list-item-selected-leading-color:var(--forge-list-item-selected-leading-color, var(--_list-item-selected-color));--_list-item-selected-trailing-color:var(--forge-list-item-selected-trailing-color, var(--_list-item-selected-color));--_list-item-selected-supporting-text-color:var(--forge-list-item-selected-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-disabled-opacity:var(--forge-list-item-disabled-opacity, 0.38);--_list-item-disabled-cursor:var(--forge-list-item-disabled-cursor, not-allowed);--_list-item-one-line-height:var(--forge-list-item-one-line-height, var(--_list-item-height));--_list-item-two-line-height:var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));--_list-item-three-line-height:var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));--_list-item-dense-one-line-height:var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));--_list-item-dense-two-line-height:var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));--_list-item-dense-three-line-height:var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));--_list-item-dense-font-size:var(--forge-list-item-dense-font-size, 0.875rem);--_list-item-dense-gap:var(--forge-list-item-dense-gap, var(--forge-spacing-xsmall, 8px));--_list-item-leading-selected-color:var(--forge-list-item-leading-selected-color, var(--_list-item-selected-color));--_list-item-trailing-selected-color:var(--forge-list-item-trailing-selected-color, var(--_list-item-selected-color));--_list-item-avatar-background-color:var(--forge-list-item-avatar-background-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-avatar-color:var(--forge-list-item-avatar-color, var(--forge-theme-on-primary, #ffffff));--_list-item-avatar-shape:var(--forge-list-item-avatar-shape, var(--forge-shape-round, 50%));--_list-item-avatar-size:var(--forge-list-item-avatar-size, 40px);--_list-item-wrap-padding:var(--forge-list-item-wrap-padding, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px))}.forge-list-item{position:relative;display:-webkit-box;display:flex;gap:var(--_list-item-gap);-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;text-decoration:none;background-color:var(--_list-item-background-color);border-radius:var(--_list-item-shape);-webkit-tap-highlight-color:transparent;height:var(--_list-item-height);min-height:var(--_list-item-height);padding:var(--_list-item-padding);margin:var(--_list-item-margin);cursor:var(--_list-item-cursor)}:host([non-interactive]) .forge-list-item{cursor:initial}:host([disabled]) .forge-list-item{cursor:var(--_list-item-disabled-cursor);opacity:var(--_list-item-disabled-opacity)}:host([two-line]) .forge-list-item{height:var(--_list-item-two-line-height);min-height:var(--_list-item-two-line-height)}:host([three-line]) .forge-list-item{height:var(--_list-item-three-line-height);min-height:var(--_list-item-three-line-height)}:host([dense]) .forge-list-item{--_list-item-gap:var(--_list-item-dense-gap);height:var(--_list-item-dense-one-line-height);min-height:var(--_list-item-dense-one-line-height)}:host([dense]) .text-container{font-size:var(--_list-item-dense-font-size)}:host([dense][indented]){-webkit-margin-start:var(--_list-item-dense-indent);margin-inline-start:var(--_list-item-dense-indent)}:host([dense][two-line]) .forge-list-item{height:var(--_list-item-dense-two-line-height);min-height:var(--_list-item-dense-two-line-height)}:host([dense][three-line]) .forge-list-item{height:var(--_list-item-dense-three-line-height);min-height:var(--_list-item-dense-three-line-height)}:host([selected]) .forge-list-item{color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:var(--_list-item-selected-opacity);background-color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]),:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([selected]) .text-container{color:var(--_list-item-selected-color)}:host([selected]) forge-state-layer{--forge-state-layer-color:var(--_list-item-selected-color)}:host([indented]){-webkit-margin-start:var(--_list-item-indent);margin-inline-start:var(--_list-item-indent)}a.forge-list-item{color:inherit}.text-container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--_list-item-supporting-text-font-size);font-weight:var(--_list-item-supporting-text-font-weight);line-height:var(--_list-item-supporting-text-line-height);-webkit-box-flex:1;flex:1}slot[name=secondary-text]::slotted(*),slot[name=subtitle]::slotted(*),slot[name=tertiary-text]::slotted(*),slot[name=tertiary-title]::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_list-item-supporting-text-color);display:block}:host([selected]) slot[name=secondary-text]::slotted(*),:host([selected]) slot[name=subtitle]::slotted(*),:host([selected]) slot[name=tertiary-text]::slotted(*),:host([selected]) slot[name=tertiary-title]::slotted(*){color:var(--_list-item-selected-supporting-text-color)}::slotted([slot=avatar]){background-color:var(--_list-item-avatar-background-color);color:var(--_list-item-avatar-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor;-webkit-margin-end:calc((var(--_list-item-gap)/ 2) * -1);margin-inline-end:calc((var(--_list-item-gap)/ 2) * -1);min-width:var(--_list-item-avatar-size);min-height:var(--_list-item-avatar-size);border-radius:var(--_list-item-avatar-shape)}::slotted([slot=leading]),::slotted([slot=trailing]){color:var(--_list-item-supporting-text-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor}:host([selected]) ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([selected]) ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([wrap]) .forge-list-item{--_list-item-padding:var(--_list-item-wrap-padding);height:auto}:host([wrap]) .text-container{white-space:normal;overflow:visible;text-overflow:clip;line-height:normal}:host([wrap]) slot[name=secondary-text]::slotted(*),:host([wrap]) slot[name=subtitle]::slotted(*),:host([wrap]) slot[name=tertiary-text]::slotted(*),:host([wrap]) slot[name=tertiary-title]::slotted(*){white-space:normal;overflow:visible;text-overflow:clip;line-height:normal}forge-focus-indicator{z-index:1;--forge-focus-indicator-shape:var(--forge-shape-medium, 4px)}forge-state-layer{border-radius:inherit}',r=class extends HTMLElement{constructor(){super();L(this,W,B),this._foundation=new b(new g(this))}static get observedAttributes(){return[i.observedAttributes.HREF,i.observedAttributes.TARGET,i.observedAttributes.DOWNLOAD,i.observedAttributes.REL,i.observedAttributes.STATIC,i.observedAttributes.NON_INTERACTIVE,i.observedAttributes.DISABLED,i.observedAttributes.SELECTED,i.observedAttributes.ACTIVE,i.observedAttributes.VALUE,i.observedAttributes.DENSE,i.observedAttributes.PROPAGATE_CLICK,i.observedAttributes.INDENTED,i.observedAttributes.TWO_LINE,i.observedAttributes.THREE_LINE,i.observedAttributes.WRAP]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,s,o){switch(t){case i.observedAttributes.HREF:this.href=o;break;case i.observedAttributes.TARGET:this.target=o;break;case i.observedAttributes.DOWNLOAD:this.download=o;break;case i.observedAttributes.REL:this.rel=o;break;case i.observedAttributes.NON_INTERACTIVE:case i.observedAttributes.STATIC:this.nonInteractive=l(o);break;case i.observedAttributes.DISABLED:this.disabled=l(o);break;case i.observedAttributes.SELECTED:this.selected=l(o);break;case i.observedAttributes.ACTIVE:this.active=l(o);break;case i.observedAttributes.VALUE:this.value=o;break;case i.observedAttributes.DENSE:this.dense=l(o);break;case i.observedAttributes.PROPAGATE_CLICK:this.propagateClick=l(o);break;case i.observedAttributes.INDENTED:this.indented=l(o);break;case i.observedAttributes.TWO_LINE:this.twoLine=l(o);break;case i.observedAttributes.THREE_LINE:this.threeLine=l(o);break;case i.observedAttributes.WRAP:this.wrap=l(o);break}}focus(){this._foundation.setFocus()}click(){this._foundation.click()}};a([n()],r.prototype,"href",2),a([n()],r.prototype,"target",2),a([n()],r.prototype,"download",2),a([n()],r.prototype,"rel",2),a([n()],r.prototype,"static",2),a([n()],r.prototype,"nonInteractive",2),a([n()],r.prototype,"disabled",2),a([n()],r.prototype,"selected",2),a([n()],r.prototype,"active",2),a([n()],r.prototype,"value",2),a([n()],r.prototype,"dense",2),a([n()],r.prototype,"propagateClick",2),a([n()],r.prototype,"indented",2),a([n()],r.prototype,"twoLine",2),a([n()],r.prototype,"threeLine",2),a([n()],r.prototype,"wrap",2),r=a([I({name:i.elementName,dependencies:[w,k]})],r);function Et(){A(r)}export{i as a,d as b,N as c,g as d,b as e,r as f,Et as g};
|
|
7
|
+
//# sourceMappingURL=chunk.O5WAQQNR.js.map
|