@tylertech/forge 3.0.0-next.16 → 3.0.0-next.18
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 +1152 -1491
- 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.74HZVSDM.js → chunk.253H47GA.js} +2 -2
- package/dist/esm/chunks/{chunk.BKQSLDMK.js → chunk.2K3T63I2.js} +2 -2
- package/dist/esm/chunks/{chunk.WQHKUNR7.js → chunk.2NGPMBVU.js} +2 -2
- package/dist/esm/chunks/{chunk.4O6OEUGY.js → chunk.2UVBQKJI.js} +2 -2
- package/dist/esm/chunks/{chunk.5XLCY232.js → chunk.3PHNRX5D.js} +2 -2
- package/dist/esm/chunks/{chunk.EPRRK33O.js → chunk.3QUIEBYX.js} +2 -2
- package/dist/esm/chunks/chunk.42VNZ74O.js +7 -0
- package/dist/esm/chunks/chunk.42VNZ74O.js.map +7 -0
- package/dist/esm/chunks/{chunk.QZ57WM3D.js → chunk.4JEBLMI3.js} +2 -2
- package/dist/esm/chunks/chunk.4MEXAG3E.js +7 -0
- package/dist/esm/chunks/chunk.4MEXAG3E.js.map +7 -0
- package/dist/esm/chunks/{chunk.5T7TT3AB.js → chunk.4X4SSZQU.js} +2 -2
- package/dist/esm/chunks/chunk.53HPDCFR.js +7 -0
- package/dist/esm/chunks/chunk.53HPDCFR.js.map +7 -0
- package/dist/esm/chunks/{chunk.X7YTDVNT.js → chunk.5BQT3E7Y.js} +2 -2
- package/dist/esm/chunks/{chunk.EWFNM4WO.js → chunk.5YTYVHYR.js} +2 -2
- package/dist/esm/chunks/{chunk.YWDYBX3G.js → chunk.6J27XSTE.js} +2 -2
- package/dist/esm/chunks/{chunk.65WE722H.js → chunk.6P4G73VL.js} +2 -2
- package/dist/esm/chunks/{chunk.ZPVRRFT7.js → chunk.6RZCV4ZV.js} +2 -2
- package/dist/esm/chunks/{chunk.WNH7EHZP.js → chunk.6YDMW2GO.js} +2 -2
- package/dist/esm/chunks/{chunk.XBFH6M72.js → chunk.7QO5JEOC.js} +2 -2
- package/dist/esm/chunks/{chunk.BZG47SA5.js → chunk.A6N7ZGN5.js} +2 -2
- package/dist/esm/chunks/{chunk.BZG47SA5.js.map → chunk.A6N7ZGN5.js.map} +1 -1
- package/dist/esm/chunks/{chunk.2YE556AM.js → chunk.AQOLBID6.js} +2 -2
- package/dist/esm/chunks/{chunk.OXVCCHM5.js → chunk.AWEDY45N.js} +2 -2
- package/dist/esm/chunks/{chunk.P5XHGSJY.js → chunk.BRLXEKLE.js} +2 -2
- package/dist/esm/chunks/chunk.CLODJYSW.js +7 -0
- package/dist/esm/chunks/chunk.CLODJYSW.js.map +7 -0
- package/dist/esm/chunks/{chunk.KPC6IS3C.js → chunk.CPD4RUF2.js} +2 -2
- package/dist/esm/chunks/{chunk.YBPAGWVG.js → chunk.D7L2IMHJ.js} +2 -2
- package/dist/esm/chunks/{chunk.C72LM2AL.js → chunk.DOAQODLZ.js} +2 -2
- package/dist/esm/chunks/{chunk.EN2HVFJ4.js → chunk.EPVNVBZI.js} +2 -2
- package/dist/esm/chunks/chunk.F2327OUE.js +7 -0
- package/dist/esm/chunks/chunk.F2327OUE.js.map +7 -0
- package/dist/esm/chunks/chunk.FTADCSFT.js +7 -0
- package/dist/esm/chunks/{chunk.HJUFU2PV.js.map → chunk.FTADCSFT.js.map} +2 -2
- package/dist/esm/chunks/{chunk.FQVR2QNF.js → chunk.GAHE4QVB.js} +2 -2
- package/dist/esm/chunks/chunk.GDKJ4RZX.js +7 -0
- package/dist/esm/chunks/chunk.GDKJ4RZX.js.map +7 -0
- package/dist/esm/chunks/{chunk.N75VD4S4.js → chunk.GFKYBECY.js} +2 -2
- package/dist/esm/chunks/{chunk.IA27LU2O.js → chunk.GYGIU62J.js} +2 -2
- package/dist/esm/chunks/{chunk.OT3JZ6JO.js → chunk.H6AG3EFX.js} +2 -2
- package/dist/esm/chunks/{chunk.5WVOPPBY.js → chunk.HBFU4EGB.js} +2 -2
- package/dist/esm/chunks/{chunk.RFKKHN7V.js → chunk.HP4333ZN.js} +2 -2
- package/dist/esm/chunks/{chunk.TNEUDWZU.js → chunk.IC4DLKE3.js} +2 -2
- package/dist/esm/chunks/{chunk.QKTNCOVX.js → chunk.IDB4KFSQ.js} +2 -2
- package/dist/esm/chunks/{chunk.B53Q676I.js → chunk.IQ3JWZ2P.js} +2 -2
- package/dist/esm/chunks/{chunk.K3STAW42.js → chunk.JBQXD3FJ.js} +2 -2
- package/dist/esm/chunks/{chunk.FPRBYGET.js → chunk.JLDKNU5Q.js} +2 -2
- package/dist/esm/chunks/{chunk.74JHE77R.js → chunk.JMIUB3S3.js} +2 -2
- package/dist/esm/chunks/{chunk.JXJVPJRO.js → chunk.JPOTN7LL.js} +2 -2
- package/dist/esm/chunks/{chunk.T4N7KZHZ.js → chunk.JRROGJ2G.js} +2 -2
- package/dist/esm/chunks/{chunk.H6MMHAQI.js → chunk.KD4DVSJR.js} +2 -2
- package/dist/esm/chunks/{chunk.OJGPKHHC.js → chunk.KOGQOU27.js} +2 -2
- package/dist/esm/chunks/{chunk.DPIWAXEW.js → chunk.KVPKVWCZ.js} +2 -2
- package/dist/esm/chunks/{chunk.TE6ZNUAM.js → chunk.KWP42KR7.js} +2 -2
- package/dist/esm/chunks/{chunk.ZUTQPJ2B.js → chunk.KYACLC66.js} +2 -2
- package/dist/esm/chunks/{chunk.GHMAI3SM.js → chunk.KZMXTOLO.js} +2 -2
- package/dist/esm/chunks/{chunk.W5TDBDVY.js → chunk.L5OB7WM2.js} +2 -2
- package/dist/esm/chunks/{chunk.4JB3SESQ.js → chunk.L7BSLZCB.js} +2 -2
- package/dist/esm/chunks/{chunk.FZELFLPE.js → chunk.LDHY3O6H.js} +2 -2
- package/dist/esm/chunks/{chunk.NW54VA4E.js → chunk.LEN33O6V.js} +2 -2
- package/dist/esm/chunks/{chunk.V564JB6A.js → chunk.LFLIYBAB.js} +2 -2
- package/dist/esm/chunks/{chunk.RDQ3QGWS.js → chunk.LXFL2C62.js} +2 -2
- package/dist/esm/chunks/{chunk.ETDUW5K2.js → chunk.ME7ICFCZ.js} +2 -2
- package/dist/esm/chunks/{chunk.ZWIEYVZC.js → chunk.MTZOQQXR.js} +2 -2
- package/dist/esm/chunks/{chunk.6PB5OWMP.js → chunk.NBYCIDFC.js} +2 -2
- package/dist/esm/chunks/chunk.ND2X5OQ4.js +7 -0
- package/dist/esm/chunks/chunk.ND2X5OQ4.js.map +7 -0
- package/dist/esm/chunks/chunk.NES5KNAU.js +12 -0
- package/dist/esm/chunks/{chunk.R53VHVKB.js.map → chunk.NES5KNAU.js.map} +3 -3
- package/dist/esm/chunks/{chunk.GTGXHY4A.js → chunk.NPCUVYWP.js} +2 -2
- package/dist/esm/chunks/{chunk.TZ67MC2N.js → chunk.O5HBMTSZ.js} +2 -2
- package/dist/esm/chunks/{chunk.4JL5LW5J.js → chunk.O7DID7GP.js} +2 -2
- package/dist/esm/chunks/{chunk.V3IHX6B2.js → chunk.OAZXY4Q5.js} +2 -2
- package/dist/esm/chunks/{chunk.55D2BMXX.js → chunk.OD54UG2G.js} +2 -2
- package/dist/esm/chunks/{chunk.X57DRPFB.js → chunk.OJFSECZE.js} +2 -2
- package/dist/esm/chunks/{chunk.5LCWC3A7.js → chunk.OJHNLDNM.js} +2 -2
- package/dist/esm/chunks/{chunk.VGIZJ32U.js → chunk.OR5GB6X3.js} +2 -2
- package/dist/esm/chunks/{chunk.KM5XYTE3.js → chunk.OVDO5RVX.js} +2 -2
- package/dist/esm/chunks/{chunk.4GMGQZOW.js → chunk.PGSL6NFZ.js} +2 -2
- package/dist/esm/chunks/{chunk.NKEAMFO4.js → chunk.PR76A5VF.js} +2 -2
- package/dist/esm/chunks/{chunk.XOH2JCRS.js → chunk.PZAL7VQF.js} +2 -2
- package/dist/esm/chunks/{chunk.FWWBFNQA.js → chunk.QQUSMJIM.js} +2 -2
- package/dist/esm/chunks/{chunk.ZYCKD6K5.js → chunk.RCYIHHYO.js} +2 -2
- package/dist/esm/chunks/{chunk.HRGTAVNA.js → chunk.RKIJTSSL.js} +1 -1
- package/dist/esm/chunks/{chunk.R2QENXIL.js → chunk.RLOZYTNN.js} +2 -2
- package/dist/esm/chunks/{chunk.DGG5ABL3.js → chunk.S3KKICL3.js} +2 -2
- package/dist/esm/chunks/{chunk.E62ZPQSM.js → chunk.SN3VXOWN.js} +2 -2
- package/dist/esm/chunks/{chunk.M4KCRUKW.js → chunk.STIZCKQA.js} +2 -2
- package/dist/esm/chunks/{chunk.6IPX5C4B.js → chunk.SUR46MJG.js} +2 -2
- package/dist/esm/chunks/{chunk.WA2YP4NC.js → chunk.SZETPZGY.js} +2 -2
- package/dist/esm/chunks/{chunk.FZZUNYH5.js → chunk.TGGC2THA.js} +2 -2
- package/dist/esm/chunks/{chunk.Y6D5Z56X.js → chunk.TRSICKKS.js} +2 -2
- package/dist/esm/chunks/{chunk.FGHSNC2V.js → chunk.U7S4DJTU.js} +2 -2
- package/dist/esm/chunks/{chunk.GTBCTNMI.js → chunk.UCIVBX64.js} +2 -2
- package/dist/esm/chunks/{chunk.RRNSZCVJ.js → chunk.UVXKHQQZ.js} +2 -2
- package/dist/esm/chunks/{chunk.3U6A353B.js → chunk.UYAP5GFT.js} +2 -2
- package/dist/esm/chunks/{chunk.ZLACSRD4.js → chunk.V7HN24VV.js} +2 -2
- package/dist/esm/chunks/{chunk.4QOXI2GM.js → chunk.VLADAZRB.js} +2 -2
- package/dist/esm/chunks/{chunk.ECJBVX3D.js → chunk.VN7JOJVU.js} +2 -2
- package/dist/esm/chunks/{chunk.GLUKTMQU.js → chunk.VNFATHAQ.js} +2 -2
- package/dist/esm/chunks/{chunk.IO3TM653.js → chunk.VNH44AGF.js} +2 -2
- package/dist/esm/chunks/{chunk.M5JGYRH4.js → chunk.VOL4DT5F.js} +2 -2
- package/dist/esm/chunks/{chunk.4OG3OGVO.js → chunk.VX7H6YHF.js} +2 -2
- package/dist/esm/chunks/{chunk.OSCODMUG.js → chunk.W7CM652O.js} +2 -2
- package/dist/esm/chunks/chunk.WINWKU4K.js +7 -0
- package/dist/esm/chunks/chunk.WINWKU4K.js.map +7 -0
- package/dist/esm/chunks/{chunk.BZVLSWZR.js → chunk.WJ26N3FC.js} +2 -2
- package/dist/esm/chunks/{chunk.ZHMV5SR4.js → chunk.WJLHVUHN.js} +2 -2
- package/dist/esm/chunks/{chunk.GURV4TDZ.js → chunk.WXFJYCGO.js} +2 -2
- package/dist/esm/chunks/{chunk.VZTV4GXC.js → chunk.YCG7OVYF.js} +2 -2
- package/dist/esm/chunks/{chunk.7SYU6KRU.js → chunk.YLJTJKN4.js} +2 -2
- package/dist/esm/chunks/{chunk.2OZ2HVBZ.js → chunk.Z7JF5PPO.js} +2 -2
- package/dist/esm/chunks/{chunk.WYSUQK6Z.js → chunk.Z7SLVU2O.js} +2 -2
- package/dist/esm/chunks/{chunk.Q5YXX4DU.js → chunk.ZJQLVAJY.js} +2 -2
- package/dist/esm/chunks/{chunk.S32JKL3M.js → chunk.ZSHN7Z45.js} +2 -2
- package/dist/esm/chunks/{chunk.KV7PGQJ7.js → chunk.ZTBOQMRE.js} +2 -2
- package/dist/esm/chunks/{chunk.WFQYTXCB.js → chunk.ZZRAZZ3N.js} +2 -2
- package/dist/esm/chunks/{chunk.SJQPD3CO.js → chunk.ZZV7P3FR.js} +2 -2
- package/dist/esm/circular-progress/index.js +1 -1
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/deprecated/button/index.js +7 -0
- package/dist/esm/deprecated/index.js +7 -0
- package/dist/esm/deprecated/index.js.map +7 -0
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/divider/index.js +1 -1
- package/dist/esm/drawer/drawer/index.js +1 -1
- package/dist/esm/drawer/index.js +1 -1
- package/dist/esm/drawer/mini-drawer/index.js +1 -1
- package/dist/esm/drawer/modal-drawer/index.js +1 -1
- package/dist/esm/expansion-panel/index.js +1 -1
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-action-button/index.js +1 -1
- package/dist/esm/floating-label/index.js +1 -1
- package/dist/esm/focus-indicator/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inline-message/index.js +1 -1
- package/dist/esm/keyboard-shortcut/index.js +1 -1
- package/dist/esm/label/index.js +1 -1
- package/dist/esm/label-value/index.js +1 -1
- package/dist/esm/linear-progress/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/overlay/index.js +1 -1
- package/dist/esm/page-state/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/popover/index.js +1 -1
- package/dist/esm/popup/index.js +1 -1
- package/dist/esm/product-icon/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/radio/index.js +1 -1
- package/dist/esm/radio/radio-group/index.js +1 -1
- package/dist/esm/ripple/index.js +1 -1
- package/dist/esm/scaffold/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/option-group/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/skeleton/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-button/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stack/index.js +1 -1
- package/dist/esm/state-layer/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/dist/esm/tooltip/index.js +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/view-switcher/index.js +1 -1
- package/dist/esm/view-switcher/view/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/dist/forge.css +1 -1
- package/dist/theme/forge-theme.css +1 -1
- package/dist/typography/forge-typography.css +1 -1
- package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js +1 -1
- package/esm/avatar/avatar-adapter.d.ts +0 -6
- package/esm/avatar/avatar-adapter.js +6 -14
- package/esm/avatar/avatar-constants.d.ts +0 -1
- package/esm/avatar/avatar-constants.js +2 -3
- package/esm/avatar/avatar-foundation.d.ts +0 -5
- package/esm/avatar/avatar-foundation.js +0 -15
- package/esm/avatar/avatar.d.ts +28 -7
- package/esm/avatar/avatar.js +29 -12
- package/esm/avatar/index.d.ts +0 -1
- package/esm/avatar/index.js +0 -1
- package/esm/badge/badge-constants.d.ts +8 -4
- package/esm/badge/badge-constants.js +7 -4
- package/esm/badge/badge.d.ts +38 -11
- package/esm/badge/badge.js +55 -32
- package/esm/badge/index.d.ts +0 -3
- package/esm/badge/index.js +0 -3
- package/esm/banner/banner-adapter.d.ts +14 -18
- package/esm/banner/banner-adapter.js +17 -25
- package/esm/banner/banner-constants.d.ts +17 -16
- package/esm/banner/banner-constants.js +16 -21
- package/esm/banner/banner-foundation.d.ts +15 -14
- package/esm/banner/banner-foundation.js +49 -44
- package/esm/banner/banner.d.ts +33 -7
- package/esm/banner/banner.js +49 -18
- package/esm/circular-progress/circular-progress-foundation.js +3 -0
- package/esm/deprecated/button/deprecated-button-component-delegate.d.ts +24 -0
- package/esm/deprecated/button/deprecated-button-component-delegate.js +39 -0
- package/esm/deprecated/button/deprecated-button-constants.d.ts +17 -0
- package/esm/deprecated/button/deprecated-button-constants.js +20 -0
- package/esm/deprecated/button/deprecated-button.d.ts +54 -0
- package/esm/deprecated/button/deprecated-button.js +149 -0
- package/esm/deprecated/button/index.d.ts +12 -0
- package/esm/deprecated/button/index.js +16 -0
- package/{dist/esm/chunks/chunk.WINL2C7Q.js → esm/deprecated/index.d.ts} +1 -1
- package/esm/deprecated/index.js +6 -0
- package/esm/index.d.ts +5 -0
- package/esm/index.js +17 -0
- package/esm/inline-message/inline-message-constants.d.ts +9 -2
- package/esm/inline-message/inline-message-constants.js +7 -3
- package/esm/inline-message/inline-message.d.ts +31 -2
- package/esm/inline-message/inline-message.js +37 -5
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/state-layer/state-layer-foundation.js +3 -0
- package/package.json +2 -2
- package/styles/avatar/_core.scss +43 -0
- package/styles/avatar/_token-utils.scss +30 -0
- package/styles/avatar/avatar.scss +21 -3
- package/styles/badge/_core.scss +58 -0
- package/styles/badge/_token-utils.scss +30 -0
- package/styles/badge/badge.scss +101 -15
- package/styles/badge/index.scss +6 -0
- package/styles/banner/_core.scss +53 -0
- package/styles/banner/_token-utils.scss +30 -0
- package/styles/banner/banner.scss +109 -9
- package/styles/banner/index.scss +6 -0
- package/styles/core/styles/tokens/avatar/_tokens.scss +23 -0
- package/styles/core/styles/tokens/badge/_tokens.scss +42 -0
- package/styles/core/styles/tokens/banner/_tokens.scss +25 -0
- package/styles/core/styles/tokens/inline-message/_tokens.scss +31 -0
- package/styles/core/styles/tokens/theme/_token-utils.scss +22 -1
- package/styles/core/styles/typography/index.scss +1 -1
- package/styles/deprecated/button/deprecated-button.scss +133 -0
- package/styles/inline-message/_core.scss +45 -0
- package/styles/inline-message/_token-utils.scss +30 -0
- package/styles/inline-message/index.scss +6 -0
- package/styles/inline-message/inline-message.scss +75 -9
- package/styles/theme/_theme-dark.scss +5 -11
- package/dist/esm/chunks/chunk.24NQGTNU.js +0 -7
- package/dist/esm/chunks/chunk.24NQGTNU.js.map +0 -7
- package/dist/esm/chunks/chunk.2JCTFKCR.js +0 -7
- package/dist/esm/chunks/chunk.2JCTFKCR.js.map +0 -7
- package/dist/esm/chunks/chunk.3VHQPHQP.js +0 -7
- package/dist/esm/chunks/chunk.3VHQPHQP.js.map +0 -7
- package/dist/esm/chunks/chunk.436USWLL.js +0 -7
- package/dist/esm/chunks/chunk.436USWLL.js.map +0 -7
- package/dist/esm/chunks/chunk.HJUFU2PV.js +0 -7
- package/dist/esm/chunks/chunk.LCS2O4Y7.js +0 -7
- package/dist/esm/chunks/chunk.LCS2O4Y7.js.map +0 -7
- package/dist/esm/chunks/chunk.R53VHVKB.js +0 -12
- package/dist/esm/chunks/chunk.T235SNYZ.js +0 -7
- package/dist/esm/chunks/chunk.T235SNYZ.js.map +0 -7
- package/dist/esm/chunks/chunk.ZS3T6MJS.js +0 -7
- package/dist/esm/chunks/chunk.ZS3T6MJS.js.map +0 -7
- package/esm/avatar/avatar-component-delegate.d.ts +0 -16
- package/esm/avatar/avatar-component-delegate.js +0 -15
- package/esm/badge/badge-adapter.d.ts +0 -17
- package/esm/badge/badge-adapter.js +0 -20
- package/esm/badge/badge-component-delegate.d.ts +0 -16
- package/esm/badge/badge-component-delegate.js +0 -15
- package/esm/badge/badge-foundation.d.ts +0 -24
- package/esm/badge/badge-foundation.js +0 -55
- package/styles/avatar/_mixins.scss +0 -46
- package/styles/avatar/_variables.scss +0 -16
- package/styles/badge/_mixins.scss +0 -125
- package/styles/badge/_variables.scss +0 -87
- package/styles/banner/_mixins.scss +0 -219
- package/styles/banner/_variables.scss +0 -88
- package/styles/inline-message/_mixins.scss +0 -82
- package/styles/inline-message/_variables.scss +0 -67
- /package/dist/esm/chunks/{chunk.74HZVSDM.js.map → chunk.253H47GA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BKQSLDMK.js.map → chunk.2K3T63I2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WQHKUNR7.js.map → chunk.2NGPMBVU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4O6OEUGY.js.map → chunk.2UVBQKJI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5XLCY232.js.map → chunk.3PHNRX5D.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EPRRK33O.js.map → chunk.3QUIEBYX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QZ57WM3D.js.map → chunk.4JEBLMI3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5T7TT3AB.js.map → chunk.4X4SSZQU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.X7YTDVNT.js.map → chunk.5BQT3E7Y.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EWFNM4WO.js.map → chunk.5YTYVHYR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YWDYBX3G.js.map → chunk.6J27XSTE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.65WE722H.js.map → chunk.6P4G73VL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZPVRRFT7.js.map → chunk.6RZCV4ZV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WNH7EHZP.js.map → chunk.6YDMW2GO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XBFH6M72.js.map → chunk.7QO5JEOC.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2YE556AM.js.map → chunk.AQOLBID6.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OXVCCHM5.js.map → chunk.AWEDY45N.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.P5XHGSJY.js.map → chunk.BRLXEKLE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KPC6IS3C.js.map → chunk.CPD4RUF2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YBPAGWVG.js.map → chunk.D7L2IMHJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.C72LM2AL.js.map → chunk.DOAQODLZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EN2HVFJ4.js.map → chunk.EPVNVBZI.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FQVR2QNF.js.map → chunk.GAHE4QVB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.N75VD4S4.js.map → chunk.GFKYBECY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IA27LU2O.js.map → chunk.GYGIU62J.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OT3JZ6JO.js.map → chunk.H6AG3EFX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5WVOPPBY.js.map → chunk.HBFU4EGB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RFKKHN7V.js.map → chunk.HP4333ZN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TNEUDWZU.js.map → chunk.IC4DLKE3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QKTNCOVX.js.map → chunk.IDB4KFSQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.B53Q676I.js.map → chunk.IQ3JWZ2P.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.K3STAW42.js.map → chunk.JBQXD3FJ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FPRBYGET.js.map → chunk.JLDKNU5Q.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.74JHE77R.js.map → chunk.JMIUB3S3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.JXJVPJRO.js.map → chunk.JPOTN7LL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.T4N7KZHZ.js.map → chunk.JRROGJ2G.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.H6MMHAQI.js.map → chunk.KD4DVSJR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OJGPKHHC.js.map → chunk.KOGQOU27.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DPIWAXEW.js.map → chunk.KVPKVWCZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TE6ZNUAM.js.map → chunk.KWP42KR7.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZUTQPJ2B.js.map → chunk.KYACLC66.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GHMAI3SM.js.map → chunk.KZMXTOLO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.W5TDBDVY.js.map → chunk.L5OB7WM2.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4JB3SESQ.js.map → chunk.L7BSLZCB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FZELFLPE.js.map → chunk.LDHY3O6H.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NW54VA4E.js.map → chunk.LEN33O6V.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.V564JB6A.js.map → chunk.LFLIYBAB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RDQ3QGWS.js.map → chunk.LXFL2C62.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ETDUW5K2.js.map → chunk.ME7ICFCZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZWIEYVZC.js.map → chunk.MTZOQQXR.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.6PB5OWMP.js.map → chunk.NBYCIDFC.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GTGXHY4A.js.map → chunk.NPCUVYWP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TZ67MC2N.js.map → chunk.O5HBMTSZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4JL5LW5J.js.map → chunk.O7DID7GP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.V3IHX6B2.js.map → chunk.OAZXY4Q5.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.55D2BMXX.js.map → chunk.OD54UG2G.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.X57DRPFB.js.map → chunk.OJFSECZE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5LCWC3A7.js.map → chunk.OJHNLDNM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VGIZJ32U.js.map → chunk.OR5GB6X3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KM5XYTE3.js.map → chunk.OVDO5RVX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4GMGQZOW.js.map → chunk.PGSL6NFZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NKEAMFO4.js.map → chunk.PR76A5VF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XOH2JCRS.js.map → chunk.PZAL7VQF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FWWBFNQA.js.map → chunk.QQUSMJIM.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZYCKD6K5.js.map → chunk.RCYIHHYO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HRGTAVNA.js.map → chunk.RKIJTSSL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.R2QENXIL.js.map → chunk.RLOZYTNN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DGG5ABL3.js.map → chunk.S3KKICL3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.E62ZPQSM.js.map → chunk.SN3VXOWN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.M4KCRUKW.js.map → chunk.STIZCKQA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.6IPX5C4B.js.map → chunk.SUR46MJG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WA2YP4NC.js.map → chunk.SZETPZGY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FZZUNYH5.js.map → chunk.TGGC2THA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Y6D5Z56X.js.map → chunk.TRSICKKS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.FGHSNC2V.js.map → chunk.U7S4DJTU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GTBCTNMI.js.map → chunk.UCIVBX64.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.RRNSZCVJ.js.map → chunk.UVXKHQQZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3U6A353B.js.map → chunk.UYAP5GFT.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZLACSRD4.js.map → chunk.V7HN24VV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4QOXI2GM.js.map → chunk.VLADAZRB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ECJBVX3D.js.map → chunk.VN7JOJVU.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GLUKTMQU.js.map → chunk.VNFATHAQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IO3TM653.js.map → chunk.VNH44AGF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.M5JGYRH4.js.map → chunk.VOL4DT5F.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4OG3OGVO.js.map → chunk.VX7H6YHF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OSCODMUG.js.map → chunk.W7CM652O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BZVLSWZR.js.map → chunk.WJ26N3FC.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZHMV5SR4.js.map → chunk.WJLHVUHN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GURV4TDZ.js.map → chunk.WXFJYCGO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.VZTV4GXC.js.map → chunk.YCG7OVYF.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7SYU6KRU.js.map → chunk.YLJTJKN4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2OZ2HVBZ.js.map → chunk.Z7JF5PPO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WYSUQK6Z.js.map → chunk.Z7SLVU2O.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Q5YXX4DU.js.map → chunk.ZJQLVAJY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.S32JKL3M.js.map → chunk.ZSHN7Z45.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KV7PGQJ7.js.map → chunk.ZTBOQMRE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WFQYTXCB.js.map → chunk.ZZRAZZ3N.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.SJQPD3CO.js.map → chunk.ZZV7P3FR.js.map} +0 -0
- /package/dist/esm/{chunks/chunk.WINL2C7Q.js.map → deprecated/button/index.js.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/inline-message/inline-message-constants.ts", "../../src/inline-message/inline-message.ts", "../../src/inline-message/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}inline-message`;\n\nconst selectors = {\n ROOT: '.forge-inline-message'\n};\n\nexport const INLINE_MESSAGE_CONSTANTS = {\n elementName,\n selectors\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';\n\nconst template = '<template><div class=\\\"forge-inline-message\\\" part=\\\"root\\\"><slot name=\\\"icon\\\"></slot><div class=\\\"forge-inline-message__container\\\" part=\\\"container\\\"><slot name=\\\"title\\\"></slot><slot></slot></div></div></template>';\nconst styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IInlineMessageComponent extends IBaseComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-inline-message': IInlineMessageComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-inline-message>` custom element.\n * \n * @tag forge-inline-message\n */\n@CustomElement({\n name: INLINE_MESSAGE_CONSTANTS.elementName\n})\nexport class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { InlineMessageComponent } from './inline-message';\n\nexport * from './inline-message-constants';\nexport * from './inline-message';\n\nexport function defineInlineMessageComponent(): void {\n defineCustomElement(InlineMessageComponent);\n}\n"],
|
|
5
|
-
"mappings": "wIAEA,IAAMA,EAA2C,GAAGC,kBAE9CC,EAAY,CAChB,KAAM,uBACR,EAEaC,EAA2B,CACtC,YAAAH,EACA,UAAAE,CACF,ECPA,IAAME,EAAW,gNACXC,EAAS,owKAkBFC,EAAN,cAAqCC,CAAiD,CAC3F,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,CAC7C,CACF,EALaC,EAANG,EAAA,CAHNC,EAAc,CACb,KAAMC,EAAyB,WACjC,CAAC,GACYL,GChBN,SAASM,GAAqC,CACnDC,EAAoBC,CAAsB,CAC5C",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "selectors", "INLINE_MESSAGE_CONSTANTS", "template", "styles", "InlineMessageComponent", "BaseComponent", "attachShadowTemplate", "__decorateClass", "CustomElement", "INLINE_MESSAGE_CONSTANTS", "defineInlineMessageComponent", "defineCustomElement", "InlineMessageComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as w,b as E}from"./chunk.H6MMHAQI.js";import{a as _}from"./chunk.ZY3ETQ3D.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as b,b as v,m as n}from"./chunk.RRNSZCVJ.js";import{a as f,e as h,f as d,k}from"./chunk.TPXXHX5J.js";import{k as m,l as u}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var T=`${v}circular-progress`,C={DETERMINATE:"determinate",PROGRESS:"progress",THEME:"theme",TRACK:"track"},R={INDETERMINATE:"forge-circular-progress--indeterminate"},x={ROOT:".forge-circular-progress",DETERMINATE_PROGRESS_CIRCLE:".progress",TEMPLATES:"svg, .spinner"},r={elementName:T,attributes:C,classes:R,selectors:x};var A='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle></svg><div class="spinner"><div class="left"><div class="circle"></div></div><div class="right"><div class="circle"></div></div></div>',P='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle><circle class="track" pathLength="100"></circle><circle class="progress" pathLength="100" stroke-dashoffset="100"></circle></svg>',l=class extends _{constructor(t){super(t);this._rootElement=d(this._component,r.selectors.ROOT)}initialize(){this._component[n]({role:"progressbar",ariaValueMin:"0",ariaValueMax:"1"})}setDeterminate(t){this._tryResetTemplate(),this._rootElement.classList.toggle(r.classes.INDETERMINATE,!t),t?(this._rootElement.insertAdjacentHTML("beforeend",P),this._determinateProgressCircleElement=d(this._component,r.selectors.DETERMINATE_PROGRESS_CIRCLE)):(this._rootElement.insertAdjacentHTML("beforeend",A),this._component[n]({ariaValueNow:null}),this._determinateProgressCircleElement=void 0)}setProgress(t){var o;this._component[n]({ariaValueNow:`${t}`}),(o=this._determinateProgressCircleElement)==null||o.setAttribute("stroke-dashoffset",`${(1-t)*100}`)}_tryResetTemplate(){var o;let t=(o=this._component.shadowRoot)==null?void 0:o.querySelectorAll(r.selectors.TEMPLATES);t==null||t.forEach(i=>i.remove())}};var g=class{constructor(e){this._adapter=e;this._determinate=!1;this._progress=0;this._theme="primary";this._track=!1}initialize(){this._adapter.initialize(),this._applyDeterminate()}_applyDeterminate(){this._adapter.setDeterminate(this._determinate),this._determinate&&this._adapter.setProgress(this._progress)}get determinate(){return this._determinate}set determinate(e){e=!!e,this._determinate!==e&&(this._determinate=e,this._applyDeterminate(),this._adapter.toggleHostAttribute(r.attributes.DETERMINATE,this._determinate))}get progress(){return this._progress}set progress(e){this._progress!==e&&(this._progress=e,this._determinate&&this._adapter.setProgress(this._progress),this._adapter.setHostAttribute(r.attributes.PROGRESS,`${this._progress}`))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._adapter.toggleHostAttribute(r.attributes.THEME,!!this._theme,this._theme))}get track(){return this._track}set track(e){e=!!e,this._track!==e&&(this._track=e,this._adapter.toggleHostAttribute(r.attributes.TRACK,this._track))}};var y='<template><div class="forge-circular-progress" part="progressbar"><slot class="center-content"></slot></div></template>',I=":host{--_circular-progress-size:var(--forge-circular-progress-size, 48px)}:host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--_circular-progress-size);min-inline-size:var(--_circular-progress-size);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_circular-progress-padding:var(--forge-circular-progress-padding, 0);--_circular-progress-track-width:var(--forge-circular-progress-track-width, 12);--_circular-progress-track-color:var(--forge-circular-progress-track-color, transparent);--_circular-progress-track-fill-color:var(--forge-circular-progress-track-fill-color, var(--forge-theme-tertiary-container, #d0d7ff));--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-tertiary, #3d5afe));--_circular-progress-arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_circular-progress-theme-transition-duration:var(--forge-circular-progress-theme-transition-duration, var(--forge-animation-duration-short3, 150ms));--_circular-progress-theme-transition-timing:var(--forge-circular-progress-theme-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-circular-progress{-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_circular-progress-padding)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306);animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s;animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_circular-progress-size) * var(--_circular-progress-track-width)/ 100);border-color:var(--_circular-progress-indicator-color) var(--_circular-progress-indicator-color) transparent transparent;-webkit-transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_circular-progress-track-width)/ 100));stroke-width:calc(var(--_circular-progress-track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-indicator-color)}.track{stroke:transparent}.track-background{-webkit-transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-track-color)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:calc(4 * var(--_circular-progress-arc-duration));animation-duration:calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}:host(:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--_circular-progress-track-fill-color)}:host([theme=primary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-secondary-container, #fff0c3))}:host([theme=success]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=error]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=warning]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-warning-container, #f4d3c2))}:host([theme=info]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-info-container, #c7daf0))}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",a=class extends E(w(k)){constructor(){super();h(this,y,I),this._foundation=new g(new l(this))}static get observedAttributes(){return[r.attributes.DETERMINATE,r.attributes.PROGRESS,r.attributes.THEME,r.attributes.TRACK]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,o,i){switch(t){case r.attributes.DETERMINATE:this.determinate=m(i);break;case r.attributes.PROGRESS:this.progress=u(i);break;case r.attributes.THEME:this.theme=i;break;case r.attributes.TRACK:this.track=m(i);break}}};s([c()],a.prototype,"determinate",2),s([c()],a.prototype,"progress",2),s([c()],a.prototype,"theme",2),s([c()],a.prototype,"track",2),a=s([b({name:r.elementName})],a);function ar(){f(a)}export{r as a,l as b,g as c,a as d,ar as e};
|
|
7
|
-
//# sourceMappingURL=chunk.3VHQPHQP.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/circular-progress/circular-progress-constants.ts", "../../src/circular-progress/circular-progress-adapter.ts", "../../src/circular-progress/circular-progress-foundation.ts", "../../src/circular-progress/circular-progress.ts", "../../src/circular-progress/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX, Theme } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}circular-progress`;\n\nconst attributes = {\n DETERMINATE: 'determinate',\n PROGRESS: 'progress',\n THEME: 'theme',\n TRACK: 'track'\n};\n\nconst classes = {\n INDETERMINATE: 'forge-circular-progress--indeterminate'\n};\n\nconst selectors = {\n ROOT: '.forge-circular-progress',\n DETERMINATE_PROGRESS_CIRCLE: '.progress',\n TEMPLATES: 'svg, .spinner'\n};\n\nexport const CIRCULAR_PROGRESS_CONSTANTS = {\n elementName,\n attributes,\n classes,\n selectors\n};\n\nexport type CircularProgressTheme = Theme;\n", "import { getShadowElement } from '@tylertech/forge-core';\n\nimport { ICircularProgressComponent } from './circular-progress';\nimport { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\n\nconst indeterminateTemplate = '<svg viewBox=\\\"0 0 4800 4800\\\"><circle class=\\\"track-background\\\" pathLength=\\\"100\\\"></circle></svg><div class=\\\"spinner\\\"><div class=\\\"left\\\"><div class=\\\"circle\\\"></div></div><div class=\\\"right\\\"><div class=\\\"circle\\\"></div></div></div>';\nconst determinateTemplate = '<svg viewBox=\\\"0 0 4800 4800\\\"><circle class=\\\"track-background\\\" pathLength=\\\"100\\\"></circle><circle class=\\\"track\\\" pathLength=\\\"100\\\"></circle><circle class=\\\"progress\\\" pathLength=\\\"100\\\" stroke-dashoffset=\\\"100\\\"></circle></svg>';\nimport { setDefaultAria } from '../constants';\n\nexport interface ICircularProgressAdapter extends IBaseAdapter {\n initialize(): void;\n setDeterminate(value: boolean): void;\n setProgress(value: number): void;\n}\n\nexport class CircularProgressAdapter extends BaseAdapter<ICircularProgressComponent> implements ICircularProgressAdapter {\n private readonly _rootElement: HTMLElement;\n private _determinateProgressCircleElement: HTMLElement | undefined;\n\n constructor(component: ICircularProgressComponent) {\n super(component);\n this._rootElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.ROOT);\n }\n\n public initialize(): void {\n this._component[setDefaultAria]({\n role: 'progressbar',\n ariaValueMin: '0',\n ariaValueMax: '1'\n });\n }\n\n public setDeterminate(value: boolean): void {\n this._tryResetTemplate();\n this._rootElement.classList.toggle(CIRCULAR_PROGRESS_CONSTANTS.classes.INDETERMINATE, !value);\n \n if (value) {\n this._rootElement.insertAdjacentHTML('beforeend', determinateTemplate);\n this._determinateProgressCircleElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.DETERMINATE_PROGRESS_CIRCLE);\n } else {\n this._rootElement.insertAdjacentHTML('beforeend', indeterminateTemplate);\n this._component[setDefaultAria]({ ariaValueNow: null });\n this._determinateProgressCircleElement = undefined;\n }\n }\n\n public setProgress(value: number): void {\n this._component[setDefaultAria]({ ariaValueNow: `${value}` });\n this._determinateProgressCircleElement?.setAttribute('stroke-dashoffset', `${(1 - value) * 100}`);\n }\n\n private _tryResetTemplate(): void {\n const elements = this._component.shadowRoot?.querySelectorAll(CIRCULAR_PROGRESS_CONSTANTS.selectors.TEMPLATES);\n elements?.forEach(el => el.remove());\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { ICircularProgressAdapter } from './circular-progress-adapter';\nimport { CircularProgressTheme, CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\n\nexport interface ICircularProgressFoundation extends ICustomElementFoundation {\n determinate: boolean;\n progress: number;\n theme: CircularProgressTheme;\n track: boolean;\n}\n\nexport class CircularProgressFoundation implements ICircularProgressFoundation {\n private _determinate = false;\n private _progress = 0;\n private _theme: CircularProgressTheme = 'primary';\n private _track = false;\n\n constructor(private _adapter: ICircularProgressAdapter) {}\n\n public initialize(): void {\n this._adapter.initialize();\n this._applyDeterminate();\n }\n\n private _applyDeterminate(): void {\n this._adapter.setDeterminate(this._determinate);\n\n if (this._determinate) {\n this._adapter.setProgress(this._progress);\n }\n }\n\n public get determinate(): boolean {\n return this._determinate;\n }\n public set determinate(value: boolean) {\n value = Boolean(value);\n if (this._determinate !== value) {\n this._determinate = value;\n this._applyDeterminate();\n this._adapter.toggleHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE, this._determinate);\n }\n }\n\n public get progress(): number {\n return this._progress;\n }\n public set progress(value: number) {\n if (this._progress !== value) {\n this._progress = value;\n if (this._determinate) {\n this._adapter.setProgress(this._progress);\n }\n this._adapter.setHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS, `${this._progress}`);\n }\n }\n\n public get theme(): CircularProgressTheme {\n return this._theme;\n }\n public set theme(value: CircularProgressTheme) {\n if (this._theme !== value) {\n this._theme = value;\n this._adapter.toggleHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.THEME, !!this._theme, this._theme);\n }\n }\n\n public get track(): boolean {\n return this._track;\n }\n public set track(value: boolean) {\n value = Boolean(value);\n if (this._track !== value) {\n this._track = value;\n this._adapter.toggleHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.TRACK, this._track);\n }\n }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\n\nimport { CircularProgressAdapter } from './circular-progress-adapter';\nimport { CircularProgressFoundation } from './circular-progress-foundation';\nimport { CircularProgressTheme, CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\nimport { BaseComponent } from '../core/base/base-component';\nimport { IWithElementInternals, WithElementInternals } from '../core/mixins/internals/with-element-internals';\nimport { IWithDefaultAria, WithDefaultAria } from '../core/mixins/internals/with-default-aria';\n\nconst template = '<template><div class=\\\"forge-circular-progress\\\" part=\\\"progressbar\\\"><slot class=\\\"center-content\\\"></slot></div></template>';\nconst styles = ':host{--_circular-progress-size:var(--forge-circular-progress-size, 48px)}:host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--_circular-progress-size);min-inline-size:var(--_circular-progress-size);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_circular-progress-padding:var(--forge-circular-progress-padding, 0);--_circular-progress-track-width:var(--forge-circular-progress-track-width, 12);--_circular-progress-track-color:var(--forge-circular-progress-track-color, transparent);--_circular-progress-track-fill-color:var(--forge-circular-progress-track-fill-color, var(--forge-theme-tertiary-container, #d0d7ff));--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-tertiary, #3d5afe));--_circular-progress-arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_circular-progress-theme-transition-duration:var(--forge-circular-progress-theme-transition-duration, var(--forge-animation-duration-short3, 150ms));--_circular-progress-theme-transition-timing:var(--forge-circular-progress-theme-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-circular-progress{-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_circular-progress-padding)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306);animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s;animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_circular-progress-size) * var(--_circular-progress-track-width)/ 100);border-color:var(--_circular-progress-indicator-color) var(--_circular-progress-indicator-color) transparent transparent;-webkit-transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_circular-progress-track-width)/ 100));stroke-width:calc(var(--_circular-progress-track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-indicator-color)}.track{stroke:transparent}.track-background{-webkit-transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-track-color)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:calc(4 * var(--_circular-progress-arc-duration));animation-duration:calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}:host(:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--_circular-progress-track-fill-color)}:host([theme=primary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-secondary-container, #fff0c3))}:host([theme=success]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=error]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=warning]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-warning-container, #f4d3c2))}:host([theme=info]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-info-container, #c7daf0))}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}';\n\nexport interface ICircularProgressComponent extends IWithElementInternals, IWithDefaultAria {\n determinate: boolean;\n progress: number;\n theme: CircularProgressTheme;\n track: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-circular-progress': ICircularProgressComponent;\n }\n}\n\n/**\n * @tag forge-circular-progress\n * \n * @summary\n * Circular progress indicators display progress by animating along a circular track in a clockwise direction.\n * \n * @description\n * Progress indicators inform users about the status of ongoing processes.\n * - Determinate indicators display how long a process will take.\n * - Indeterminate indicators express an unspecified amount of wait time.\n *\n * @property {boolean} determinate - Controls the determinate state.\n * @property {boolean} progress - Controls the progress while in a determinate state. Accepts values from `0` to `1`.\n * @property {CircularProgressTheme} theme - Controls the theme of the progress indicator.\n * @property {boolean} track - Controls the visibility of the track background.\n * \n * @attribute {boolean} determinate - Controls the determinate state.\n * @attribute {boolean} progress - Controls the progress while in a determinate state. Accepts values from `0` to `1`.\n * @attribute {CircularProgressTheme} theme - Controls the theme of the progress indicator.\n * @attribute {boolean} track - Controls the visibility of the track background.\n * \n * @slot - The is the default/unnamed slot. Renders content at the center of the progress indicator.\n * \n * @cssproperty --forge-circular-progress-size - The height and width of the indicator container.\n * @cssproperty --forge-circular-progress-padding - The padding inside the bounding box of the container.\n * @cssproperty --forge-circular-progress-track-width - The track indicator width.\n * @cssproperty --forge-circular-progress-track-color - The track background color.\n * @cssproperty --forge-circular-progress-indicator-color - The track indicator color.\n * @cssproperty --forge-circular-progress-arc-duration - The duration of the arc animation.\n * @cssproperty --forge-circular-progress-theme-transition-duration - The duration of the theme transition.\n * @cssproperty --forge-circular-progress-theme-transition-timing - The easing function to use for the theme transition.\n * \n * @csspart progressbar - Styles the progress bar container element\n */\n@CustomElement({\n name: CIRCULAR_PROGRESS_CONSTANTS.elementName\n})\nexport class CircularProgressComponent extends WithDefaultAria(WithElementInternals(BaseComponent)) implements ICircularProgressComponent {\n public static get observedAttributes(): string[] {\n return [\n CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE,\n CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS,\n CIRCULAR_PROGRESS_CONSTANTS.attributes.THEME,\n CIRCULAR_PROGRESS_CONSTANTS.attributes.TRACK\n ];\n }\n\n private _foundation: CircularProgressFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new CircularProgressFoundation(new CircularProgressAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE:\n this.determinate = coerceBoolean(newValue);\n break;\n case CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS:\n this.progress = coerceNumber(newValue);\n break;\n case CIRCULAR_PROGRESS_CONSTANTS.attributes.THEME:\n this.theme = newValue as CircularProgressTheme;\n break;\n case CIRCULAR_PROGRESS_CONSTANTS.attributes.TRACK:\n this.track = coerceBoolean(newValue);\n break;\n }\n }\n \n @FoundationProperty()\n public declare determinate: boolean;\n\n @FoundationProperty()\n public declare progress: number;\n\n @FoundationProperty()\n public declare theme: CircularProgressTheme;\n\n @FoundationProperty()\n public declare track: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { CircularProgressComponent } from './circular-progress';\n\nexport * from './circular-progress-adapter';\nexport * from './circular-progress-constants';\nexport * from './circular-progress-foundation';\nexport * from './circular-progress';\n\nexport function defineCircularProgressComponent(): void {\n defineCustomElement(CircularProgressComponent);\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CIRCULAR_PROGRESS_CONSTANTS", "indeterminateTemplate", "determinateTemplate", "CircularProgressAdapter", "BaseAdapter", "component", "getShadowElement", "CIRCULAR_PROGRESS_CONSTANTS", "setDefaultAria", "value", "_a", "elements", "el", "CircularProgressFoundation", "_adapter", "value", "CIRCULAR_PROGRESS_CONSTANTS", "template", "styles", "CircularProgressComponent", "WithDefaultAria", "WithElementInternals", "BaseComponent", "attachShadowTemplate", "CircularProgressFoundation", "CircularProgressAdapter", "CIRCULAR_PROGRESS_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "__decorateClass", "FoundationProperty", "CustomElement", "defineCircularProgressComponent", "defineCustomElement", "CircularProgressComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{b as E}from"./chunk.HRGTAVNA.js";import{a as k}from"./chunk.3CTKWBV2.js";import{a as O}from"./chunk.OUIWXKO2.js";import{a as A}from"./chunk.ZY3ETQ3D.js";import{a as l}from"./chunk.NVUMRW44.js";import{a as T,b as I}from"./chunk.RRNSZCVJ.js";import{a as C,e as v,f as u,k as x}from"./chunk.TPXXHX5J.js";import{d as _}from"./chunk.HZUQXCOQ.js";import{b as d,c as h,k as f,l as b}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var y=`${I}avatar`,N={IMAGE_URL:"image-url",TEXT:"text",LETTER_COUNT:"letter-count",AUTO_COLOR:"auto-color"},R={DEFAULT_LETTER_COUNT:2},L={ROOT:".forge-avatar",DEFAULT_SLOT:".forge-avatar > slot:not([name])"},S={DEFAULT_COLOR:k.themeColors.tertiary,BACKGROUND_VARNAME:"--forge-avatar-theme-background"},e={elementName:y,attributes:N,numbers:R,selectors:L,strings:S};var m=class extends A{constructor(r){super(r);this._root=u(this._component,e.selectors.ROOT),this._defaultSlot=u(this._component,e.selectors.DEFAULT_SLOT)}setBackgroundColor(r){this._root.style.backgroundColor=`var(${e.strings.BACKGROUND_VARNAME}, ${r})`}setBackgroundImageUrl(r){let i=this._root.style.backgroundColor;return this._root.style.backgroundColor="inherit",new Promise(p=>{let n=new Image;n.onload=()=>{this._root.style.backgroundImage=`url(${n.src})`,p(!0)},n.onerror=()=>{this._root.style.backgroundColor=i,p(!1)},n.src=r})}removeBackgroundImage(){this._root.style.removeProperty("background-image")}setText(r){this._defaultSlot.textContent=r}clearText(){_(this._defaultSlot)}};var c=class{constructor(t){this._adapter=t;this._text="";this._letterCount=e.numbers.DEFAULT_LETTER_COUNT;this._autoColor=!1;this._initialized=!1}initialize(){this._render(),this._initialized=!0}disconnect(){this._initialized=!1}_render(){this._setText(),this._setBackgroundImageUrl()}async _setBackgroundImageUrl(){this._imageUrl?await this._adapter.setBackgroundImageUrl(this._imageUrl)&&this._adapter.clearText():this._adapter.removeBackgroundImage()}_setText(){let t=this._getTextContent(this._text,this._letterCount);t?this._adapter.setText(t):this._adapter.clearText();let r=this._autoColor?E(t):e.strings.DEFAULT_COLOR;this._adapter.setBackgroundColor(r)}_getTextContent(t,r){if(!t||!h(t)||r<=0)return"";let i;return r===1?i=t[0].toUpperCase():i=(t.match(/\S+/g)||[]).slice(0,r).reduce((p,n)=>p+=n[0].toUpperCase(),""),i}get text(){return this._text}set text(t){this._text!==t&&(this._text=t||"",this._adapter.setHostAttribute(e.attributes.TEXT,this._text),this._initialized&&this._render())}get letterCount(){return this._letterCount}set letterCount(t){this._letterCount!==t&&(this._letterCount=t,this._adapter.setHostAttribute(e.attributes.LETTER_COUNT,d(this._letterCount)?this._letterCount.toString():""),this._initialized&&this._render())}get imageUrl(){return this._imageUrl}set imageUrl(t){this._imageUrl!==t&&(this._imageUrl=t,this._initialized&&this._render())}get autoColor(){return this._autoColor}set autoColor(t){this._autoColor!==t&&(this._autoColor=t,this._setText(),this._adapter.setHostAttribute(e.attributes.AUTO_COLOR,d(this._autoColor)?this._autoColor.toString():""))}};var w='<template><div class="forge-avatar" aria-hidden="true" part="root"><slot></slot></div></template>',B=":host{display:inline-block;contain:content}:host([hidden]){display:none}.forge-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);font-size:1rem;font-size:var(--forge-avatar-font-size, 1rem);font-weight:400;font-weight:var(--forge-avatar-font-weight,400);background-color:none;background-color:var(--forge-avatar-theme-background,none);height:40px;height:var(--forge-avatar-size,40px);width:40px;width:var(--forge-avatar-size,40px);color:#fff;color:var(--forge-avatar-theme-on-background,#fff);border-radius:50%;border-radius:var(--forge-avatar-radius,50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-webkit-transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1);transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1)}",o=class extends x{constructor(){super();v(this,w,B),this._foundation=new c(new m(this))}static get observedAttributes(){return[e.attributes.TEXT,e.attributes.LETTER_COUNT,e.attributes.IMAGE_URL,e.attributes.AUTO_COLOR]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(r,i,a){switch(r){case e.attributes.TEXT:this.text=a;break;case e.attributes.LETTER_COUNT:this.letterCount=b(a);break;case e.attributes.IMAGE_URL:this.imageUrl=a;break;case e.attributes.AUTO_COLOR:this.autoColor=f(a);break}}};s([l()],o.prototype,"text",2),s([l()],o.prototype,"letterCount",2),s([l()],o.prototype,"imageUrl",2),s([l()],o.prototype,"autoColor",2),o=s([T({name:e.elementName})],o);var U=class extends O{constructor(t){super(t)}_build(){return document.createElement(e.elementName)}};function mt(){C(o)}export{e as a,m as b,c,o as d,U as e,mt as f};
|
|
7
|
-
//# sourceMappingURL=chunk.436USWLL.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/avatar/avatar-constants.ts", "../../src/avatar/avatar-adapter.ts", "../../src/avatar/avatar-foundation.ts", "../../src/avatar/avatar.ts", "../../src/avatar/avatar-component-delegate.ts", "../../src/avatar/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { COLOR_CONSTANTS } from '../theme';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}avatar`;\n\nconst attributes = {\n IMAGE_URL: 'image-url',\n TEXT: 'text',\n LETTER_COUNT: 'letter-count',\n AUTO_COLOR: 'auto-color'\n};\n\nconst numbers = {\n DEFAULT_LETTER_COUNT: 2\n};\n\nconst selectors = {\n ROOT: '.forge-avatar',\n DEFAULT_SLOT: '.forge-avatar > slot:not([name])'\n};\n\nconst strings = {\n DEFAULT_COLOR: COLOR_CONSTANTS.themeColors.tertiary,\n BACKGROUND_VARNAME: '--forge-avatar-theme-background'\n};\n\nexport const AVATAR_CONSTANTS = {\n elementName,\n attributes,\n numbers,\n selectors,\n strings\n};\n", "import { getShadowElement, removeAllChildren } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IAvatarComponent } from './avatar';\nimport { AVATAR_CONSTANTS } from './avatar-constants';\n\nexport interface IAvatarAdapter extends IBaseAdapter {\n setBackgroundColor(color: string): void;\n setBackgroundImageUrl(url: string): Promise<boolean>;\n removeBackgroundImage(): void;\n setText(value: string): void;\n clearText(): void;\n}\n\n/**\n * The DOM adapter behind the `<forge-avatar>` element.\n */\nexport class AvatarAdapter extends BaseAdapter<IAvatarComponent> implements IAvatarAdapter {\n private _root: HTMLElement;\n private _defaultSlot: HTMLSlotElement;\n\n constructor(component: IAvatarComponent) {\n super(component);\n this._root = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.ROOT);\n this._defaultSlot = getShadowElement(this._component, AVATAR_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n }\n\n /**\n * Sets the `backgroundColor` style on the content element.\n * @param {string} value The background color.\n */\n public setBackgroundColor(value: string): void {\n this._root.style.backgroundColor = `var(${AVATAR_CONSTANTS.strings.BACKGROUND_VARNAME}, ${value})`;\n }\n\n /**\n * Sets the background image URL.\n * @param url The URL.\n */\n public setBackgroundImageUrl(url: string): Promise<boolean> {\n const backgroundColor = this._root.style.backgroundColor;\n // doing his before the promise so it doesn't flash a color before loading\n this._root.style.backgroundColor = 'inherit';\n\n const loadResult = new Promise<boolean>(resolve => {\n const image = new Image();\n image.onload = () => {\n this._root.style.backgroundImage = `url(${image.src})`;\n resolve(true);\n };\n\n image.onerror = () => {\n this._root.style.backgroundColor = backgroundColor;\n resolve(false);\n };\n\n image.src = url;\n });\n\n return loadResult;\n }\n\n /**\n * Removes the background image URL.\n */\n public removeBackgroundImage(): void {\n this._root.style.removeProperty('background-image');\n }\n\n /**\n * Sets the avatar text content.\n * @param value The text value.\n */\n public setText(value: string): void {\n this._defaultSlot.textContent = value;\n }\n\n public clearText(): void {\n removeAllChildren(this._defaultSlot);\n }\n}\n", "import { ICustomElementFoundation, isDefined, isString } from '@tylertech/forge-core';\nimport { getTextColor } from '../utils/color-utils';\nimport { IAvatarAdapter } from './avatar-adapter';\nimport { AVATAR_CONSTANTS } from './avatar-constants';\n\n\n\nexport interface IAvatarFoundation extends ICustomElementFoundation {\n imageUrl: string;\n text: string;\n letterCount: number;\n autoColor: boolean;\n}\n\n/**\n * The custom element class behind the `<forge-avatar>` class.\n */\nexport class AvatarFoundation implements IAvatarFoundation {\n private _imageUrl: string;\n private _text = '';\n private _letterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;\n private _autoColor = false;\n private _initialized = false;\n\n constructor(private _adapter: IAvatarAdapter) {}\n\n public initialize(): void {\n this._render();\n this._initialized = true;\n }\n\n public disconnect(): void {\n this._initialized = false;\n }\n\n private _render(): void {\n this._setText();\n this._setBackgroundImageUrl();\n }\n\n private async _setBackgroundImageUrl(): Promise<void> {\n if (this._imageUrl) {\n if (await this._adapter.setBackgroundImageUrl(this._imageUrl)) {\n this._adapter.clearText();\n }\n } else {\n this._adapter.removeBackgroundImage();\n }\n }\n\n private _setText(): void {\n const data = this._getTextContent(this._text, this._letterCount);\n\n if (data) {\n this._adapter.setText(data);\n } else {\n this._adapter.clearText();\n }\n\n const color = this._autoColor ? getTextColor(data) : AVATAR_CONSTANTS.strings.DEFAULT_COLOR;\n this._adapter.setBackgroundColor(color);\n }\n\n /**\n * Gets the text content to display in the avatar.\n * @param {string} value The text to parse.\n */\n private _getTextContent(value: string, count: number): string {\n if (!value || !isString(value) || count <= 0) {\n return '';\n }\n\n let text: string;\n\n if (count === 1) {\n text = value[0].toUpperCase();\n } else {\n const words = value.match(/\\S+/g) || [];\n text = words.slice(0, count).reduce((prev, curr) => prev += curr[0].toUpperCase(), '');\n }\n\n return text;\n }\n\n /** Gets/sets the text to display. */\n public get text(): string {\n return this._text;\n }\n public set text(value: string) {\n if (this._text !== value) {\n this._text = value || '';\n this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.TEXT, this._text);\n if (this._initialized) {\n this._render();\n }\n }\n }\n\n /** Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used. */\n public get letterCount(): number {\n return this._letterCount;\n }\n public set letterCount(value: number) {\n if (this._letterCount !== value) {\n this._letterCount = value;\n this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.LETTER_COUNT, isDefined(this._letterCount) ? this._letterCount.toString() : '');\n if (this._initialized) {\n this._render();\n }\n }\n }\n\n /** Sets the background image URL to use. */\n public get imageUrl(): string {\n return this._imageUrl;\n }\n public set imageUrl(value: string) {\n if (this._imageUrl !== value) {\n this._imageUrl = value;\n if (this._initialized) {\n this._render();\n }\n }\n }\n\n /** Controls whether the background color set automatically based on the text value. Does not have any effect when an image URL is specified. */\n public get autoColor(): boolean {\n return this._autoColor;\n }\n public set autoColor(value: boolean) {\n if (this._autoColor !== value) {\n this._autoColor = value;\n this._setText();\n this._adapter.setHostAttribute(AVATAR_CONSTANTS.attributes.AUTO_COLOR, isDefined(this._autoColor) ? this._autoColor.toString() : '');\n }\n }\n}\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\n\nimport { AvatarAdapter } from './avatar-adapter';\nimport { AvatarFoundation } from './avatar-foundation';\nimport { AVATAR_CONSTANTS } from './avatar-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-avatar\\\" aria-hidden=\\\"true\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = ':host{display:inline-block;contain:content}:host([hidden]){display:none}.forge-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);font-size:1rem;font-size:var(--forge-avatar-font-size, 1rem);font-weight:400;font-weight:var(--forge-avatar-font-weight,400);background-color:none;background-color:var(--forge-avatar-theme-background,none);height:40px;height:var(--forge-avatar-size,40px);width:40px;width:var(--forge-avatar-size,40px);color:#fff;color:var(--forge-avatar-theme-on-background,#fff);border-radius:50%;border-radius:var(--forge-avatar-radius,50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-webkit-transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1);transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1)}';\n\nexport interface IAvatarComponent extends IBaseComponent {\n imageUrl: string;\n text: string;\n letterCount: number;\n autoColor: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-avatar': IAvatarComponent;\n }\n}\n\n/**\n * The custom element class behind the `<forge-avatar>` element.\n * \n * @tag forge-avatar\n */\n@CustomElement({\n name: AVATAR_CONSTANTS.elementName\n})\nexport class AvatarComponent extends BaseComponent implements IAvatarComponent {\n public static get observedAttributes(): string[] {\n return [\n AVATAR_CONSTANTS.attributes.TEXT,\n AVATAR_CONSTANTS.attributes.LETTER_COUNT,\n AVATAR_CONSTANTS.attributes.IMAGE_URL,\n AVATAR_CONSTANTS.attributes.AUTO_COLOR\n ];\n }\n\n private _foundation: AvatarFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new AvatarFoundation(new AvatarAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case AVATAR_CONSTANTS.attributes.TEXT:\n this.text = newValue;\n break;\n case AVATAR_CONSTANTS.attributes.LETTER_COUNT:\n this.letterCount = coerceNumber(newValue);\n break;\n case AVATAR_CONSTANTS.attributes.IMAGE_URL:\n this.imageUrl = newValue;\n break;\n case AVATAR_CONSTANTS.attributes.AUTO_COLOR:\n this.autoColor = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Gets/sets the text to display. */\n @FoundationProperty()\n public declare text: string;\n\n /** Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used. */\n @FoundationProperty()\n public declare letterCount: number;\n\n /** Sets the background image URL to use. */\n @FoundationProperty()\n public declare imageUrl: string;\n\n /** Controls whether the background color is set automatically based on the text value. Does not have any effect when an image URL is specified. */\n @FoundationProperty()\n public declare autoColor: boolean;\n}\n", "import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IAvatarComponent } from './avatar';\nimport { AVATAR_CONSTANTS } from './avatar-constants';\n\nexport type AvatarComponentDelegateProps = Partial<IAvatarComponent>;\nexport interface IAvatarComponentDelegateOptions extends IBaseComponentDelegateOptions {}\nexport interface IAvatarComponentDelegateConfig extends IBaseComponentDelegateConfig<IAvatarComponent, IAvatarComponentDelegateOptions> {}\n\nexport class AvatarComponentDelegate extends BaseComponentDelegate<IAvatarComponent, IAvatarComponentDelegateOptions> {\n constructor(config?: IAvatarComponentDelegateConfig) {\n super(config);\n }\n\n protected _build(): IAvatarComponent {\n return document.createElement(AVATAR_CONSTANTS.elementName);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AvatarComponent } from './avatar';\n\nexport * from './avatar-adapter';\nexport * from './avatar-constants';\nexport * from './avatar-foundation';\nexport * from './avatar';\nexport * from './avatar-component-delegate';\n\nexport function defineAvatarComponent(): void {\n defineCustomElement(AvatarComponent);\n}\n"],
|
|
5
|
-
"mappings": "icAGA,IAAMA,EAA2C,GAAGC,UAE9CC,EAAa,CACjB,UAAW,YACX,KAAM,OACN,aAAc,eACd,WAAY,YACd,EAEMC,EAAU,CACd,qBAAsB,CACxB,EAEMC,EAAY,CAChB,KAAM,gBACN,aAAc,kCAChB,EAEMC,EAAU,CACd,cAAeC,EAAgB,YAAY,SAC3C,mBAAoB,iCACtB,EAEaC,EAAmB,CAC9B,YAAAP,EACA,WAAAE,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,CACF,EChBO,IAAMG,EAAN,cAA4BC,CAAwD,CAIzF,YAAYC,EAA6B,CACvC,MAAMA,CAAS,EACf,KAAK,MAAQC,EAAiB,KAAK,WAAYC,EAAiB,UAAU,IAAI,EAC9E,KAAK,aAAeD,EAAiB,KAAK,WAAYC,EAAiB,UAAU,YAAY,CAC/F,CAMO,mBAAmBC,EAAqB,CAC7C,KAAK,MAAM,MAAM,gBAAkB,OAAOD,EAAiB,QAAQ,uBAAuBC,IAC5F,CAMO,sBAAsBC,EAA+B,CAC1D,IAAMC,EAAkB,KAAK,MAAM,MAAM,gBAEzC,YAAK,MAAM,MAAM,gBAAkB,UAEhB,IAAI,QAAiBC,GAAW,CACjD,IAAMC,EAAQ,IAAI,MAClBA,EAAM,OAAS,IAAM,CACnB,KAAK,MAAM,MAAM,gBAAkB,OAAOA,EAAM,OAChDD,EAAQ,EAAI,CACd,EAEAC,EAAM,QAAU,IAAM,CACpB,KAAK,MAAM,MAAM,gBAAkBF,EACnCC,EAAQ,EAAK,CACf,EAEAC,EAAM,IAAMH,CACd,CAAC,CAGH,CAKO,uBAA8B,CACnC,KAAK,MAAM,MAAM,eAAe,kBAAkB,CACpD,CAMO,QAAQD,EAAqB,CAClC,KAAK,aAAa,YAAcA,CAClC,CAEO,WAAkB,CACvBK,EAAkB,KAAK,YAAY,CACrC,CACF,EC9DO,IAAMC,EAAN,KAAoD,CAOzD,YAAoBC,EAA0B,CAA1B,cAAAA,EALpB,KAAQ,MAAQ,GAChB,KAAQ,aAAeC,EAAiB,QAAQ,qBAChD,KAAQ,WAAa,GACrB,KAAQ,aAAe,EAEwB,CAExC,YAAmB,CACxB,KAAK,QAAQ,EACb,KAAK,aAAe,EACtB,CAEO,YAAmB,CACxB,KAAK,aAAe,EACtB,CAEQ,SAAgB,CACtB,KAAK,SAAS,EACd,KAAK,uBAAuB,CAC9B,CAEA,MAAc,wBAAwC,CAChD,KAAK,UACH,MAAM,KAAK,SAAS,sBAAsB,KAAK,SAAS,GAC1D,KAAK,SAAS,UAAU,EAG1B,KAAK,SAAS,sBAAsB,CAExC,CAEQ,UAAiB,CACvB,IAAMC,EAAO,KAAK,gBAAgB,KAAK,MAAO,KAAK,YAAY,EAE3DA,EACF,KAAK,SAAS,QAAQA,CAAI,EAE1B,KAAK,SAAS,UAAU,EAG1B,IAAMC,EAAQ,KAAK,WAAaC,EAAaF,CAAI,EAAID,EAAiB,QAAQ,cAC9E,KAAK,SAAS,mBAAmBE,CAAK,CACxC,CAMQ,gBAAgBE,EAAeC,EAAuB,CAC5D,GAAI,CAACD,GAAS,CAACE,EAASF,CAAK,GAAKC,GAAS,EACzC,MAAO,GAGT,IAAIE,EAEJ,OAAIF,IAAU,EACZE,EAAOH,EAAM,CAAC,EAAE,YAAY,EAG5BG,GADcH,EAAM,MAAM,MAAM,GAAK,CAAC,GACzB,MAAM,EAAGC,CAAK,EAAE,OAAO,CAACG,EAAMC,IAASD,GAAQC,EAAK,CAAC,EAAE,YAAY,EAAG,EAAE,EAGhFF,CACT,CAGA,IAAW,MAAe,CACxB,OAAO,KAAK,KACd,CACA,IAAW,KAAKH,EAAe,CACzB,KAAK,QAAUA,IACjB,KAAK,MAAQA,GAAS,GACtB,KAAK,SAAS,iBAAiBJ,EAAiB,WAAW,KAAM,KAAK,KAAK,EACvE,KAAK,cACP,KAAK,QAAQ,EAGnB,CAGA,IAAW,aAAsB,CAC/B,OAAO,KAAK,YACd,CACA,IAAW,YAAYI,EAAe,CAChC,KAAK,eAAiBA,IACxB,KAAK,aAAeA,EACpB,KAAK,SAAS,iBAAiBJ,EAAiB,WAAW,aAAcU,EAAU,KAAK,YAAY,EAAI,KAAK,aAAa,SAAS,EAAI,EAAE,EACrI,KAAK,cACP,KAAK,QAAQ,EAGnB,CAGA,IAAW,UAAmB,CAC5B,OAAO,KAAK,SACd,CACA,IAAW,SAASN,EAAe,CAC7B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACb,KAAK,cACP,KAAK,QAAQ,EAGnB,CAGA,IAAW,WAAqB,CAC9B,OAAO,KAAK,UACd,CACA,IAAW,UAAUA,EAAgB,CAC/B,KAAK,aAAeA,IACtB,KAAK,WAAaA,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,iBAAiBJ,EAAiB,WAAW,WAAYU,EAAU,KAAK,UAAU,EAAI,KAAK,WAAW,SAAS,EAAI,EAAE,EAEvI,CACF,ECjIA,IAAMC,EAAW,oGACXC,EAAS,ilDAuBFC,EAAN,cAA8BC,CAA0C,CAY7E,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAiB,IAAIC,EAAc,IAAI,CAAC,CACjE,CAfA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAiB,WAAW,KAC5BA,EAAiB,WAAW,aAC5BA,EAAiB,WAAW,UAC5BA,EAAiB,WAAW,UAC9B,CACF,CAUO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,sBAA6B,CAClC,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAiB,WAAW,KAC/B,KAAK,KAAOG,EACZ,MACF,KAAKH,EAAiB,WAAW,aAC/B,KAAK,YAAcI,EAAaD,CAAQ,EACxC,MACF,KAAKH,EAAiB,WAAW,UAC/B,KAAK,SAAWG,EAChB,MACF,KAAKH,EAAiB,WAAW,WAC/B,KAAK,UAAYK,EAAcF,CAAQ,EACvC,KACJ,CACF,CAiBF,EAbiBG,EAAA,CADdC,EAAmB,GA5CTZ,EA6CI,oBAIAW,EAAA,CADdC,EAAmB,GAhDTZ,EAiDI,2BAIAW,EAAA,CADdC,EAAmB,GApDTZ,EAqDI,wBAIAW,EAAA,CADdC,EAAmB,GAxDTZ,EAyDI,yBAzDJA,EAANW,EAAA,CAHNE,EAAc,CACb,KAAMR,EAAiB,WACzB,CAAC,GACYL,GCvBN,IAAMc,EAAN,cAAsCC,CAAyE,CACpH,YAAYC,EAAyC,CACnD,MAAMA,CAAM,CACd,CAEU,QAA2B,CACnC,OAAO,SAAS,cAAcC,EAAiB,WAAW,CAC5D,CACF,ECNO,SAASC,IAA8B,CAC5CC,EAAoBC,CAAe,CACrC",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "numbers", "selectors", "strings", "COLOR_CONSTANTS", "AVATAR_CONSTANTS", "AvatarAdapter", "BaseAdapter", "component", "getShadowElement", "AVATAR_CONSTANTS", "value", "url", "backgroundColor", "resolve", "image", "removeAllChildren", "AvatarFoundation", "_adapter", "AVATAR_CONSTANTS", "data", "color", "getTextColor", "value", "count", "isString", "text", "prev", "curr", "isDefined", "template", "styles", "AvatarComponent", "BaseComponent", "attachShadowTemplate", "AvatarFoundation", "AvatarAdapter", "AVATAR_CONSTANTS", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "AvatarComponentDelegate", "BaseComponentDelegate", "config", "AVATAR_CONSTANTS", "defineAvatarComponent", "defineCustomElement", "AvatarComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{b as C,j as x}from"./chunk.HPCXVNG6.js";import{a as S}from"./chunk.ZY3ETQ3D.js";import{a as u}from"./chunk.NVUMRW44.js";import{a as T,b as I}from"./chunk.RRNSZCVJ.js";import{e as y,f as b,k as A}from"./chunk.TPXXHX5J.js";import{k as L}from"./chunk.J2M2MXP2.js";import{a as g,d as h}from"./chunk.M3QDAYD2.js";var F=`${I}state-layer`,Y={TARGET:"target",DISABLED:"disabled"},$=g({},Y),V={SURFACE:".forge-state-layer"},W={HOVERED:"forge-state-layer--hovered",PRESSED:"forge-state-layer--pressed"},s={elementName:F,attributes:$,selectors:V,classes:W},d=class n{constructor(e,t){this.x=e;this.y=t}static fromPointerEvent(e){return new n(e.pageX,e.pageY)}},P=150,N=450,f=225,M=.2,D=10,R=75,H=.35,O="::after",w="forwards",k="cubic-bezier(0.2, 0, 0, 1)",B=(r=>(r[r.INACTIVE=0]="INACTIVE",r[r.TOUCH_DELAY=1]="TOUCH_DELAY",r[r.HOLDING=2]="HOLDING",r[r.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK",r))(B||{});function G(n){let{height:e,width:t}=n.getBoundingClientRect(),i=Math.max(e,t),r=Math.max(H*i,R),a=Math.floor(i*M),_=`${(Math.sqrt(t**2+e**2)+D+r)/a}`,c=`${a}px`;return{rippleScale:_,rippleSize:c,initialSize:a}}function U(n,e,t){let{height:i,width:r}=n.getBoundingClientRect(),a={x:(r-e)/2,y:(i-e)/2},o;return X(t)?o=K(n,t):o={x:r/2,y:i/2},o={x:o.x-e/2,y:o.y-e/2},{startPoint:o,endPoint:a}}function K(n,e){let{scrollX:t,scrollY:i}=window,{left:r,top:a}=n.getBoundingClientRect(),o=t+r,p=i+a,{x:_,y:c}=e;return{x:_-o,y:c-p}}function z(n,e,t){let{height:i,width:r}=n.getBoundingClientRect();return e>=0&&e<=r&&t>=0&&t<=i}function X(n){return n&&(n instanceof d||["x","y"].every(e=>e in n))}var m=class extends S{constructor(t){super(t);this._targetElement=null;this._surfaceElement=b(t,s.selectors.SURFACE)}destroy(){typeof this._destroyDeferListener=="function"&&(this._destroyDeferListener(),this._destroyDeferListener=void 0),this._targetElement=null}async deferInitialization(t){if(!this._targetElement)return;let{userInteraction:i,destroy:r}=C(this._targetElement);this._destroyDeferListener=r;let a=await i;t(a.type==="pointerenter"?a:void 0)}addTargetListener(t,i){var r;(r=this._targetElement)==null||r.addEventListener(t,i)}removeTargetListener(t,i){var r;(r=this._targetElement)==null||r.removeEventListener(t,i)}setHovered(t){this._surfaceElement.classList.toggle(s.classes.HOVERED,t)}setPressed(t){this._surfaceElement.classList.toggle(s.classes.PRESSED,t)}getTargetElement(){return this._targetElement}setTargetElement(t){this._targetElement=t}trySetTarget(t){this._targetElement=x(this._component,t)}startAnimation(t){var E;if(!this._surfaceElement)return;this.setPressed(!0),(E=this._rippleAnimation)==null||E.cancel();let{rippleSize:i,rippleScale:r,initialSize:a}=G(this._component),{startPoint:o,endPoint:p}=U(this._component,a,t),_=`${o.x}px, ${o.y}px`,c=`${p.x}px, ${p.y}px`;this._rippleAnimation=this._surfaceElement.animate({top:[0,0],left:[0,0],height:[i,i],width:[i,i],transform:[`translate(${_}) scale(1)`,`translate(${c}) scale(${r})`]},{pseudoElement:O,duration:N,easing:k,fill:w})}async endAnimation(){var r;let t=this._rippleAnimation,i=(r=t==null?void 0:t.currentTime)!=null?r:1/0;if(i>=f){this.setPressed(!1);return}await new Promise(a=>{setTimeout(a,f-i)}),this._rippleAnimation===t&&this.setPressed(!1)}inBounds(t,i){return z(this._component,t,i)}};var v=class{constructor(e){this._adapter=e;this._target=null;this._disabled=!1;this._attached=!1;this._deferred=!0;this._pointerState=0;this._checkBoundsAfterContextMenu=!1;this._pointerEnterListener=t=>this._onPointerEnter(t),this._pointerLeaveListener=t=>this._onPointerLeave(t),this._pointerDownListener=t=>this._onPointerDown(t),this._pointerUpListener=t=>this._onPointerUp(t),this._pointerCancelListener=t=>this._onPointerCancel(t),this._clickListener=()=>this._onClick(),this._contextmenuListener=()=>this._onContextmenu()}initialize(){this._adapter.trySetTarget(this._target),this._adapter.addTargetListener("click",this._clickListener),this._deferInitialization()}disconnect(){this._pointerStartEvent=void 0,this._pointerState=0,this._adapter.setHovered(!1),this._adapter.setPressed(!1),this._removeListeners(),this._adapter.destroy()}playAnimation(e){this._adapter.startAnimation(e),this._endAnimation()}_deferInitialization(){this._adapter.deferInitialization(this._onDeferredInitialize.bind(this))}_applyListeners(){this._disabled||(this._adapter.addTargetListener("pointerenter",this._pointerEnterListener),this._adapter.addTargetListener("pointerleave",this._pointerLeaveListener),this._adapter.addTargetListener("pointerdown",this._pointerDownListener),this._adapter.addTargetListener("pointerup",this._pointerUpListener),this._adapter.addTargetListener("pointercancel",this._pointerCancelListener),this._adapter.addTargetListener("contextmenu",this._contextmenuListener),this._attached=!0)}_removeListeners(){this._adapter.removeTargetListener("pointerenter",this._pointerEnterListener),this._adapter.removeTargetListener("pointerleave",this._pointerLeaveListener),this._adapter.removeTargetListener("pointerdown",this._pointerDownListener),this._adapter.removeTargetListener("pointerup",this._pointerUpListener),this._adapter.removeTargetListener("pointercancel",this._pointerCancelListener),this._adapter.removeTargetListener("click",this._clickListener),this._adapter.removeTargetListener("contextmenu",this._contextmenuListener),this._attached=!1}_onDeferredInitialize(e){this._applyListeners(),(e==null?void 0:e.type)==="pointerenter"&&this._pointerEnterListener(e),this._deferred=!1}_onPointerEnter(e){this._canHandleEvent(e)&&this._adapter.setHovered(!0)}_onPointerLeave(e){this._canHandleEvent(e)&&(this._adapter.setHovered(!1),this._pointerState!==0&&this._adapter.endAnimation())}async _onPointerDown(e){if(this._pointerStartEvent=e,!!this._canHandleEvent(e)){if(!this._isTouch(e.pointerType)){this._pointerState=3,this._startAnimation(e);return}this._checkBoundsAfterContextMenu&&!this._adapter.inBounds(e.x,e.y)||(this._checkBoundsAfterContextMenu=!1,this._pointerState=1,await new Promise(t=>setTimeout(t,P)),this._pointerState===1&&(this._pointerState=2,this._startAnimation(e)))}}_onPointerUp(e){if(this._canHandleEvent(e)){if(this._pointerState===2){this._pointerState=3;return}if(this._pointerState===1){this._pointerState=3,this._startAnimation(this._pointerStartEvent);return}}}_onClick(){if(!this._disabled){if(this._pointerState===3){this._endAnimation();return}this._pointerState===0&&(this._startAnimation(this._pointerStartEvent),this._endAnimation())}}_onPointerCancel(e){this._canHandleEvent(e)&&this._endAnimation()}_onContextmenu(){this._disabled||(this._checkBoundsAfterContextMenu=!0,this._adapter.endAnimation())}_startAnimation(e){let t=e?d.fromPointerEvent(e):void 0;this._adapter.startAnimation(t)}_endAnimation(){this._pointerState=0,this._adapter.endAnimation(),this._pointerStartEvent=void 0}_canHandleEvent({type:e,isPrimary:t,buttons:i,pointerType:r,pointerId:a}){if(this._disabled||!t||this._pointerStartEvent&&this._pointerStartEvent.pointerId!==a)return!1;if(e==="pointerenter"||e==="pointerleave")return!this._isTouch(r);let o=i===1;return this._isTouch(r)||o}_isTouch(e){return e==="touch"}get isAttached(){return this._attached}get targetElement(){return this._adapter.getTargetElement()}set targetElement(e){this._removeListeners(),this._attached||(this._adapter.destroy(),this._deferred=!1),this._adapter.setTargetElement(e),this._deferred||this._deferInitialization()}get target(){return this._adapter.getHostAttribute(s.attributes.TARGET)}set target(e){this._target!==e&&(this._target=e,this._adapter.isConnected&&(this._removeListeners(),this._attached||(this._adapter.destroy(),this._deferred=!1),this._adapter.trySetTarget(e),this._deferred||this._deferInitialization()),this._adapter.toggleHostAttribute(s.attributes.TARGET,!!this._target,this._target))}get disabled(){return this._disabled}set disabled(e){e=!!e,this._disabled!==e&&(this._disabled=e,this._adapter.isConnected&&(this._disabled?this._removeListeners():this._deferred||this._deferInitialization()),this._adapter.toggleHostAttribute(s.attributes.DISABLED,this._disabled))}};var Z='<template><div class="forge-state-layer" part="surface"></div></template>',q=':host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:-webkit-box;display:flex;margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));--_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);--_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));--_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);--_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);--_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);--_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms)}.forge-state-layer::after,.forge-state-layer::before{content:"";opacity:0;position:absolute}.forge-state-layer::before{background-color:var(--_state-layer-hover-color);inset:0;-webkit-transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear;transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side,var(--_state-layer-pressed-color) max(100% - 70px,65%),transparent 100%);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity var(--_state-layer-animation-duration) linear;transition:opacity var(--_state-layer-animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_state-layer-hover-color);opacity:var(--_state-layer-hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_state-layer-pressed-opacity);-webkit-transition-duration:var(--_state-layer-pressed-duration);transition-duration:var(--_state-layer-pressed-duration)}@media screen and (forced-colors:active){:host{display:none}}',l=class extends A{constructor(){super();y(this,Z,q),this._foundation=new v(new m(this))}static get observedAttributes(){return[s.attributes.TARGET,s.attributes.DISABLED]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,r){switch(t){case s.attributes.TARGET:this.target=r;break;case s.attributes.DISABLED:this.disabled=L(r);break}}playAnimation(t){this._foundation.playAnimation(t)}};h([u()],l.prototype,"targetElement",2),h([u()],l.prototype,"target",2),h([u()],l.prototype,"disabled",2),l=h([T({name:s.elementName})],l);export{s as a,d as b,P as c,N as d,f as e,M as f,D as g,R as h,H as i,O as j,w as k,k as l,B as m,m as n,v as o,l as p};
|
|
7
|
-
//# sourceMappingURL=chunk.HJUFU2PV.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as l,d as y}from"./chunk.T235SNYZ.js";import{c as w}from"./chunk.ZWIEYVZC.js";import{a as E,d as v}from"./chunk.GTGXHY4A.js";import{y as T}from"./chunk.EWT2PBEP.js";import{a as C,d as A,l as O}from"./chunk.4JB3SESQ.js";import{m as N}from"./chunk.QG5EYBS3.js";import{a as B}from"./chunk.ZY3ETQ3D.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as g,b as I}from"./chunk.RRNSZCVJ.js";import{a as u,d as _,g as a,k as f}from"./chunk.TPXXHX5J.js";import{v as b}from"./chunk.HZUQXCOQ.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.open=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.LCS2O4Y7.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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
|
-
"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.open = 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": "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",
|
|
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
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{d as O}from"./chunk.ZS3T6MJS.js";import{d as j}from"./chunk.V3IHX6B2.js";import{d as U}from"./chunk.5T7TT3AB.js";import{i as y}from"./chunk.WYSUQK6Z.js";import{d as i}from"./chunk.Q5YXX4DU.js";import{d as b}from"./chunk.SJQPD3CO.js";import{d as u}from"./chunk.LCS2O4Y7.js";import{b as l}from"./chunk.EWFNM4WO.js";import{d as T}from"./chunk.OSCODMUG.js";import{e as f}from"./chunk.W5TDBDVY.js";import{d as c}from"./chunk.T235SNYZ.js";import{d as p}from"./chunk.ZHMV5SR4.js";import{d as v}from"./chunk.K3STAW42.js";import{c as F}from"./chunk.X7YTDVNT.js";import{e as M}from"./chunk.ZYCKD6K5.js";import{b as J}from"./chunk.R2QENXIL.js";import{d as q}from"./chunk.4GMGQZOW.js";import{d as oo}from"./chunk.2YE556AM.js";import{b as ro}from"./chunk.TE6ZNUAM.js";import{b as $}from"./chunk.BKQSLDMK.js";import{b as D}from"./chunk.XOH2JCRS.js";import{e as Y}from"./chunk.EPRRK33O.js";import{d as X}from"./chunk.P5XHGSJY.js";import{E as z}from"./chunk.OJGPKHHC.js";import{f as W}from"./chunk.Y6D5Z56X.js";import{b as po}from"./chunk.2JCTFKCR.js";import{d as to}from"./chunk.VZTV4GXC.js";import{d as mo}from"./chunk.4JL5LW5J.js";import{d as g}from"./chunk.OT3JZ6JO.js";import{d as no}from"./chunk.ZLACSRD4.js";import{j as eo}from"./chunk.BZVLSWZR.js";import{d as So}from"./chunk.KV7PGQJ7.js";import{d as w}from"./chunk.6PB5OWMP.js";import{d as h}from"./chunk.436USWLL.js";import{d as Bo}from"./chunk.GURV4TDZ.js";import{e as uo}from"./chunk.4QOXI2GM.js";import{d as co}from"./chunk.XBFH6M72.js";import{b as fo}from"./chunk.GTBCTNMI.js";import{c as Po}from"./chunk.B53Q676I.js";import{b as so}from"./chunk.ZPVRRFT7.js";import{d as ao}from"./chunk.DPIWAXEW.js";import{d as lo}from"./chunk.ETDUW5K2.js";import{b as Co}from"./chunk.FWWBFNQA.js";import{d as io}from"./chunk.WA2YP4NC.js";import{d as _}from"./chunk.3VHQPHQP.js";import{b as xo}from"./chunk.QZ57WM3D.js";import{g as K,j as Q}from"./chunk.YWDYBX3G.js";import{e as V}from"./chunk.6IPX5C4B.js";import{d as N}from"./chunk.KM5XYTE3.js";import{d as G}from"./chunk.5XLCY232.js";import{c as wo}from"./chunk.EN2HVFJ4.js";import{f as ko}from"./chunk.T4N7KZHZ.js";import{h as ho}from"./chunk.IO3TM653.js";import{d as R}from"./chunk.WNH7EHZP.js";import{d as H}from"./chunk.E62ZPQSM.js";import{d as Ao}from"./chunk.FQVR2QNF.js";import{d as To}from"./chunk.ECJBVX3D.js";import{f as L}from"./chunk.JXJVPJRO.js";import{d as t}from"./chunk.V564JB6A.js";import{d as m}from"./chunk.2OZ2HVBZ.js";import{e as go}from"./chunk.IA27LU2O.js";import{f as Lo}from"./chunk.ZUTQPJ2B.js";import{b as Io}from"./chunk.RFKKHN7V.js";import{c as a}from"./chunk.ZWIEYVZC.js";import{g as x}from"./chunk.24NQGTNU.js";import{b as k}from"./chunk.4O6OEUGY.js";import{d as Do}from"./chunk.NKEAMFO4.js";import{d as A}from"./chunk.4OG3OGVO.js";import{q as bo}from"./chunk.FZZUNYH5.js";import{d as Z}from"./chunk.65WE722H.js";import{d as E}from"./chunk.KPC6IS3C.js";import{c as B}from"./chunk.5WVOPPBY.js";import{f as d}from"./chunk.74JHE77R.js";import{b as s}from"./chunk.M4KCRUKW.js";import{e as S}from"./chunk.74HZVSDM.js";import{b as P}from"./chunk.FPRBYGET.js";import{c as I}from"./chunk.TZ67MC2N.js";import{d as C}from"./chunk.GTGXHY4A.js";import{d as n}from"./chunk.5LCWC3A7.js";import{l as r}from"./chunk.4JB3SESQ.js";import{p as e}from"./chunk.HJUFU2PV.js";import{b as o}from"./chunk.TPXXHX5J.js";var Mo=[p,f,T,l,u,b,i,y,h,E,c,O,U,j,q,A,G,N,z,J,R,M,v,F,_,W,X,Y,Z,D,$,t,mo,to,n,C,r,po,eo,K,no,s,B,d,g,ro,oo,m,io,Co,x,fo,co,uo,S,Bo,w,So,V,Q,L,xo,lo,ao,P,so,Po,go,e,To,Ao,H,wo,ko,ho,I,bo,Do,k,a,Io,Lo];function _r(){o(Mo)}export{_r as a};
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
* Copyright (c) Tyler Technologies, Inc.
|
|
10
|
-
* License: Apache-2.0
|
|
11
|
-
*/
|
|
12
|
-
//# sourceMappingURL=chunk.R53VHVKB.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{a as k}from"./chunk.OUIWXKO2.js";import{a as v}from"./chunk.ZY3ETQ3D.js";import{a as g}from"./chunk.NVUMRW44.js";import{a as h,b as x}from"./chunk.RRNSZCVJ.js";import{a as p,e as b,f as l,k as u}from"./chunk.TPXXHX5J.js";import{f as m,g as c}from"./chunk.HZUQXCOQ.js";import{k as d}from"./chunk.J2M2MXP2.js";import{d as a}from"./chunk.M3QDAYD2.js";var C=`${x}badge`,w={DOT:"dot",OPEN:"open",THEME:"theme",STRONG:"strong"},_={DOT:"forge-badge--dot",OPEN:"forge-badge--open"},B={ROOT:".forge-badge"},e={elementName:C,attributes:w,classes:_,selectors:B};var n=class extends v{constructor(t){super(t);this._rootElement=l(t,e.selectors.ROOT)}setRootClass(t){m(t,this._rootElement)}removeRootClass(t){c(t,this._rootElement)}};var s=class{constructor(o){this._adapter=o;this._dot=!1;this._open=!0}initialize(){this._applyDot(),this._setOpen()}_applyDot(){this._dot?(this._adapter.setRootClass(e.classes.DOT),this._adapter.setHostAttribute(e.attributes.DOT)):(this._adapter.removeRootClass(e.classes.DOT),this._adapter.removeHostAttribute(e.attributes.DOT))}_setOpen(){this._open?(this._adapter.setRootClass(e.classes.OPEN),this._adapter.setHostAttribute(e.attributes.OPEN)):(this._adapter.removeRootClass(e.classes.OPEN),this._adapter.removeHostAttribute(e.attributes.OPEN))}get dot(){return this._dot}set dot(o){this._dot!==o&&(this._dot=o,this._applyDot())}get open(){return this._open}set open(o){this._open!==o&&(this._open=o,this._setOpen())}};var O='<template><div class="forge-badge forge-badge--open" part="root"><slot name="leading"></slot><slot></slot><slot name="trailing"></slot></div></template>',I='.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1.25rem;height:var(--forge-badge-height,1.25rem);line-height:1.25rem;line-height:var(--forge-badge-line-height, 1.25rem);min-width:0;min-width:var(--forge-badge-min-width,0);max-width:auto;max-width:var(--forge-badge-max-width,auto);border:none;border:var(--forge-badge-border,none);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;padding:0 8px;font-weight:700}.forge-badge--elevated{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.forge-badge--open{-webkit-transform:scale(1);transform:scale(1)}.forge-badge--dot{height:.5rem;width:.5rem;min-width:auto;padding:0}:host{--forge-icon-font-size:14px;display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([positioned]){position:absolute;top:0;left:100%;-webkit-transform:translateX(-1.25rem);transform:translateX(-1.25rem)}:host([dot]){top:.5rem}:host([dot]) .forge-badge>slot{display:none}:host([static]){position:static}:host(:not([theme])) .forge-badge,:host([theme=""]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host(:not([theme])[strong]) .forge-badge,:host([theme=""][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=default]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host([theme=default][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=danger]) .forge-badge{background:#ffcdd2;background:var(--forge-badge-theme-danger-muted-background,#ffcdd2);color:#a22d0e;color:var(--forge-badge-theme-danger-muted-color,#a22d0e)}:host([theme=danger][strong]) .forge-badge{background:#b00020;background:var(--forge-badge-theme-danger-strong-background,#b00020);color:#fff;color:var(--forge-badge-theme-danger-strong-color,#fff)}:host([theme=warning]) .forge-badge{background:#ffdba6;background:var(--forge-badge-theme-warning-muted-background,#ffdba6);color:#a03a03;color:var(--forge-badge-theme-warning-muted-color,#a03a03)}:host([theme=warning][strong]) .forge-badge{background:#d14900;background:var(--forge-badge-theme-warning-strong-background,#d14900);color:#fff;color:var(--forge-badge-theme-warning-strong-color,#fff)}:host([theme=success]) .forge-badge{background:#a5d6a7;background:var(--forge-badge-theme-success-muted-background,#a5d6a7);color:#1b5e20;color:var(--forge-badge-theme-success-muted-color,#1b5e20)}:host([theme=success][strong]) .forge-badge{background:#2e7d32;background:var(--forge-badge-theme-success-strong-background,#2e7d32);color:#fff;color:var(--forge-badge-theme-success-strong-color,#fff)}:host([theme=info-primary]) .forge-badge{background:#bbdefb;background:var(--forge-badge-theme-info-primary-muted-background,#bbdefb);color:#1a237e;color:var(--forge-badge-theme-info-primary-muted-color,#1a237e)}:host([theme=info-primary][strong]) .forge-badge{background:#1a237e;background:var(--forge-badge-theme-info-primary-strong-background,#1a237e);color:#fff;color:var(--forge-badge-theme-info-primary-strong-color,#fff)}:host([theme=info-secondary]) .forge-badge{background:#e0e0e0;background:var(--forge-badge-theme-info-secondary-muted-background,#e0e0e0);color:#000;color:var(--forge-badge-theme-info-secondary-muted-color,#000)}:host([theme=info-secondary][strong]) .forge-badge{background:#000;background:var(--forge-badge-theme-info-secondary-strong-background,#000);color:#fff;color:var(--forge-badge-theme-info-secondary-strong-color,#fff)}',r=class extends u{constructor(){super();b(this,O,I),this._foundation=new s(new n(this))}static get observedAttributes(){return[e.attributes.DOT,e.attributes.OPEN]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,E,f){switch(t){case e.attributes.DOT:this.dot=d(f);break;case e.attributes.OPEN:this.open=d(f);break}}};a([g()],r.prototype,"dot",2),a([g()],r.prototype,"open",2),r=a([h({name:e.elementName})],r);var y=class extends k{constructor(o){super(o)}_build(){return document.createElement(e.elementName)}};function Z(){p(r)}export{e as a,n as b,s as c,r as d,y as e,Z as f};
|
|
7
|
-
//# sourceMappingURL=chunk.T235SNYZ.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/badge/badge-constants.ts", "../../src/badge/badge-adapter.ts", "../../src/badge/badge-foundation.ts", "../../src/badge/badge.ts", "../../src/badge/badge-component-delegate.ts", "../../src/badge/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}badge`;\r\n\r\nconst attributes = {\r\n DOT: 'dot',\r\n OPEN: 'open',\r\n THEME: 'theme',\r\n STRONG: 'strong'\r\n};\r\n\r\nconst classes = {\r\n DOT: 'forge-badge--dot',\r\n OPEN: 'forge-badge--open'\r\n};\r\n\r\nconst selectors = {\r\n ROOT: '.forge-badge'\r\n};\r\n\r\nexport const BADGE_CONSTANTS = {\r\n elementName,\r\n attributes,\r\n classes,\r\n selectors\r\n};\r\n", "import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IBadgeComponent } from './badge';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport interface IBadgeAdapter extends IBaseAdapter {\n setRootClass(classes: string | string[]): void;\n removeRootClass(classes: string | string[]): void;\n}\n\nexport class BadgeAdapter extends BaseAdapter<IBadgeComponent> implements IBadgeAdapter {\n private _rootElement: HTMLElement;\n\n constructor(component: IBadgeComponent) {\n super(component);\n this._rootElement = getShadowElement(component, BADGE_CONSTANTS.selectors.ROOT);\n }\n\n public setRootClass(classes: string | string[]): void {\n addClass(classes, this._rootElement);\n }\n\n public removeRootClass(classes: string | string[]): void {\n removeClass(classes, this._rootElement);\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IBadgeAdapter } from './badge-adapter';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport interface IBadgeFoundation extends ICustomElementFoundation {\n dot: boolean;\n open: boolean;\n}\n\nexport class BadgeFoundation implements IBadgeFoundation {\n private _dot = false;\n private _open = true;\n\n constructor(private _adapter: IBadgeAdapter) {}\n\n public initialize(): void {\n this._applyDot();\n this._setOpen();\n }\n\n private _applyDot(): void {\n if (this._dot) {\n this._adapter.setRootClass(BADGE_CONSTANTS.classes.DOT);\n this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.DOT);\n } else {\n this._adapter.removeRootClass(BADGE_CONSTANTS.classes.DOT);\n this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.DOT);\n }\n }\n\n private _setOpen(): void {\n if (this._open) {\n this._adapter.setRootClass(BADGE_CONSTANTS.classes.OPEN);\n this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.OPEN);\n } else {\n this._adapter.removeRootClass(BADGE_CONSTANTS.classes.OPEN);\n this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.OPEN);\n }\n }\n\n public get dot(): boolean {\n return this._dot;\n }\n public set dot(value: boolean) {\n if (this._dot !== value) {\n this._dot = value;\n this._applyDot();\n }\n }\n\n public get open(): boolean {\n return this._open;\n }\n public set open(value: boolean) {\n if (this._open !== value) {\n this._open = value;\n this._setOpen();\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\nimport { BadgeAdapter } from './badge-adapter';\r\nimport { BADGE_CONSTANTS } from './badge-constants';\r\nimport { BadgeFoundation } from './badge-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-badge forge-badge--open\\\" part=\\\"root\\\"><slot name=\\\"leading\\\"></slot><slot></slot><slot name=\\\"trailing\\\"></slot></div></template>';\r\nconst styles = '.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1.25rem;height:var(--forge-badge-height,1.25rem);line-height:1.25rem;line-height:var(--forge-badge-line-height, 1.25rem);min-width:0;min-width:var(--forge-badge-min-width,0);max-width:auto;max-width:var(--forge-badge-max-width,auto);border:none;border:var(--forge-badge-border,none);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;padding:0 8px;font-weight:700}.forge-badge--elevated{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.forge-badge--open{-webkit-transform:scale(1);transform:scale(1)}.forge-badge--dot{height:.5rem;width:.5rem;min-width:auto;padding:0}:host{--forge-icon-font-size:14px;display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([positioned]){position:absolute;top:0;left:100%;-webkit-transform:translateX(-1.25rem);transform:translateX(-1.25rem)}:host([dot]){top:.5rem}:host([dot]) .forge-badge>slot{display:none}:host([static]){position:static}:host(:not([theme])) .forge-badge,:host([theme=\\\"\\\"]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host(:not([theme])[strong]) .forge-badge,:host([theme=\\\"\\\"][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=default]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host([theme=default][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=danger]) .forge-badge{background:#ffcdd2;background:var(--forge-badge-theme-danger-muted-background,#ffcdd2);color:#a22d0e;color:var(--forge-badge-theme-danger-muted-color,#a22d0e)}:host([theme=danger][strong]) .forge-badge{background:#b00020;background:var(--forge-badge-theme-danger-strong-background,#b00020);color:#fff;color:var(--forge-badge-theme-danger-strong-color,#fff)}:host([theme=warning]) .forge-badge{background:#ffdba6;background:var(--forge-badge-theme-warning-muted-background,#ffdba6);color:#a03a03;color:var(--forge-badge-theme-warning-muted-color,#a03a03)}:host([theme=warning][strong]) .forge-badge{background:#d14900;background:var(--forge-badge-theme-warning-strong-background,#d14900);color:#fff;color:var(--forge-badge-theme-warning-strong-color,#fff)}:host([theme=success]) .forge-badge{background:#a5d6a7;background:var(--forge-badge-theme-success-muted-background,#a5d6a7);color:#1b5e20;color:var(--forge-badge-theme-success-muted-color,#1b5e20)}:host([theme=success][strong]) .forge-badge{background:#2e7d32;background:var(--forge-badge-theme-success-strong-background,#2e7d32);color:#fff;color:var(--forge-badge-theme-success-strong-color,#fff)}:host([theme=info-primary]) .forge-badge{background:#bbdefb;background:var(--forge-badge-theme-info-primary-muted-background,#bbdefb);color:#1a237e;color:var(--forge-badge-theme-info-primary-muted-color,#1a237e)}:host([theme=info-primary][strong]) .forge-badge{background:#1a237e;background:var(--forge-badge-theme-info-primary-strong-background,#1a237e);color:#fff;color:var(--forge-badge-theme-info-primary-strong-color,#fff)}:host([theme=info-secondary]) .forge-badge{background:#e0e0e0;background:var(--forge-badge-theme-info-secondary-muted-background,#e0e0e0);color:#000;color:var(--forge-badge-theme-info-secondary-muted-color,#000)}:host([theme=info-secondary][strong]) .forge-badge{background:#000;background:var(--forge-badge-theme-info-secondary-strong-background,#000);color:#fff;color:var(--forge-badge-theme-info-secondary-strong-color,#fff)}';\r\n\r\nexport interface IBadgeComponent extends IBaseComponent {\r\n dot: boolean;\r\n open: boolean;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n 'forge-badge': IBadgeComponent;\r\n }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-badge>` custom element.\r\n * \r\n * @tag forge-badge\r\n */\r\n@CustomElement({\r\n name: BADGE_CONSTANTS.elementName\r\n})\r\nexport class BadgeComponent extends BaseComponent implements IBadgeComponent {\r\n public static get observedAttributes(): string[] {\r\n return [\r\n BADGE_CONSTANTS.attributes.DOT,\r\n BADGE_CONSTANTS.attributes.OPEN\r\n ];\r\n }\r\n\r\n private _foundation: BadgeFoundation;\r\n\r\n constructor() {\r\n super();\r\n attachShadowTemplate(this, template, styles);\r\n this._foundation = new BadgeFoundation(new BadgeAdapter(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 BADGE_CONSTANTS.attributes.DOT:\r\n this.dot = coerceBoolean(newValue);\r\n break;\r\n case BADGE_CONSTANTS.attributes.OPEN:\r\n this.open = coerceBoolean(newValue);\r\n break;\r\n }\r\n }\r\n\r\n /** Controls whether the component renders a simple dot/circle, or allows for content. */\r\n @FoundationProperty()\r\n public declare dot: boolean;\r\n\r\n /** Controls the visibility state. */\r\n @FoundationProperty()\r\n public declare open: boolean;\r\n}\r\n", "import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IBadgeComponent } from './badge';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport type BadgeComponentDelegateProps = Partial<IBadgeComponent>;\nexport interface IBadgeComponentDelegateOptions extends IBaseComponentDelegateOptions {}\nexport interface IBadgeComponentDelegateConfig extends IBaseComponentDelegateConfig<IBadgeComponent, IBadgeComponentDelegateOptions> {}\n\nexport class BadgeComponentDelegate extends BaseComponentDelegate<IBadgeComponent, IBadgeComponentDelegateOptions> {\n constructor(config?: IBadgeComponentDelegateConfig) {\n super(config);\n }\n\n protected _build(): IBadgeComponent {\n return document.createElement(BADGE_CONSTANTS.elementName);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { BadgeComponent } from './badge';\r\n\r\nexport * from './badge-adapter';\r\nexport * from './badge-constants';\r\nexport * from './badge-foundation';\r\nexport * from './badge';\r\nexport * from './badge-component-delegate';\r\n\r\nexport function defineBadgeComponent(): void {\r\n defineCustomElement(BadgeComponent);\r\n}\r\n"],
|
|
5
|
-
"mappings": "mWAEA,IAAMA,EAA2C,GAAGC,SAE9CC,EAAa,CACjB,IAAK,MACL,KAAM,OACN,MAAO,QACP,OAAQ,QACV,EAEMC,EAAU,CACd,IAAK,mBACL,KAAM,mBACR,EAEMC,EAAY,CAChB,KAAM,cACR,EAEaC,EAAkB,CAC7B,YAAAL,EACA,WAAAE,EACA,QAAAC,EACA,UAAAC,CACF,ECfO,IAAME,EAAN,cAA2BC,CAAsD,CAGtF,YAAYC,EAA4B,CACtC,MAAMA,CAAS,EACf,KAAK,aAAeC,EAAiBD,EAAWE,EAAgB,UAAU,IAAI,CAChF,CAEO,aAAaC,EAAkC,CACpDC,EAASD,EAAS,KAAK,YAAY,CACrC,CAEO,gBAAgBA,EAAkC,CACvDE,EAAYF,EAAS,KAAK,YAAY,CACxC,CACF,ECfO,IAAMG,EAAN,KAAkD,CAIvD,YAAoBC,EAAyB,CAAzB,cAAAA,EAHpB,KAAQ,KAAO,GACf,KAAQ,MAAQ,EAE8B,CAEvC,YAAmB,CACxB,KAAK,UAAU,EACf,KAAK,SAAS,CAChB,CAEQ,WAAkB,CACpB,KAAK,MACP,KAAK,SAAS,aAAaC,EAAgB,QAAQ,GAAG,EACtD,KAAK,SAAS,iBAAiBA,EAAgB,WAAW,GAAG,IAE7D,KAAK,SAAS,gBAAgBA,EAAgB,QAAQ,GAAG,EACzD,KAAK,SAAS,oBAAoBA,EAAgB,WAAW,GAAG,EAEpE,CAEQ,UAAiB,CACnB,KAAK,OACP,KAAK,SAAS,aAAaA,EAAgB,QAAQ,IAAI,EACvD,KAAK,SAAS,iBAAiBA,EAAgB,WAAW,IAAI,IAE9D,KAAK,SAAS,gBAAgBA,EAAgB,QAAQ,IAAI,EAC1D,KAAK,SAAS,oBAAoBA,EAAgB,WAAW,IAAI,EAErE,CAEA,IAAW,KAAe,CACxB,OAAO,KAAK,IACd,CACA,IAAW,IAAIC,EAAgB,CACzB,KAAK,OAASA,IAChB,KAAK,KAAOA,EACZ,KAAK,UAAU,EAEnB,CAEA,IAAW,MAAgB,CACzB,OAAO,KAAK,KACd,CACA,IAAW,KAAKA,EAAgB,CAC1B,KAAK,QAAUA,IACjB,KAAK,MAAQA,EACb,KAAK,SAAS,EAElB,CACF,ECtDA,IAAMC,EAAW,2JACXC,EAAS,0oKAqBFC,EAAN,cAA6BC,CAAyC,CAU3E,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAgB,IAAIC,EAAa,IAAI,CAAC,CAC/D,CAbA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAgB,WAAW,IAC3BA,EAAgB,WAAW,IAC7B,CACF,CAUO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAgB,WAAW,IAC9B,KAAK,IAAMI,EAAcD,CAAQ,EACjC,MACF,KAAKH,EAAgB,WAAW,KAC9B,KAAK,KAAOI,EAAcD,CAAQ,EAClC,KACJ,CACF,CASF,EALiBE,EAAA,CADdC,EAAmB,GAhCTX,EAiCI,mBAIAU,EAAA,CADdC,EAAmB,GApCTX,EAqCI,oBArCJA,EAANU,EAAA,CAHNE,EAAc,CACb,KAAMP,EAAgB,WACxB,CAAC,GACYL,GCpBN,IAAMa,EAAN,cAAqCC,CAAuE,CACjH,YAAYC,EAAwC,CAClD,MAAMA,CAAM,CACd,CAEU,QAA0B,CAClC,OAAO,SAAS,cAAcC,EAAgB,WAAW,CAC3D,CACF,ECNO,SAASC,GAA6B,CAC3CC,EAAoBC,CAAc,CACpC",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "BADGE_CONSTANTS", "BadgeAdapter", "BaseAdapter", "component", "getShadowElement", "BADGE_CONSTANTS", "classes", "addClass", "removeClass", "BadgeFoundation", "_adapter", "BADGE_CONSTANTS", "value", "template", "styles", "BadgeComponent", "BaseComponent", "attachShadowTemplate", "BadgeFoundation", "BadgeAdapter", "BADGE_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "BadgeComponentDelegate", "BaseComponentDelegate", "config", "BADGE_CONSTANTS", "defineBadgeComponent", "defineCustomElement", "BadgeComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import{c as k}from"./chunk.ZWIEYVZC.js";import{d as I}from"./chunk.GTGXHY4A.js";import{f as x}from"./chunk.EWT2PBEP.js";import{d as D,l as w}from"./chunk.4JB3SESQ.js";import{a as v}from"./chunk.ZY3ETQ3D.js";import{a as m}from"./chunk.NVUMRW44.js";import{a as h,b as _}from"./chunk.RRNSZCVJ.js";import{a as f,e as p,f as a,k as u}from"./chunk.TPXXHX5J.js";import{k as b}from"./chunk.J2M2MXP2.js";import{d as i}from"./chunk.M3QDAYD2.js";var d=`${_}banner`,S={BANNER:"forge-banner",DISMISSED:"forge-banner--dismissed"},E={BANNER:".forge-banner",FORGE_DISMISS_BUTTON:"forge-icon-button.forge-banner__container-dismiss",DISMISS_BUTTON:".forge-banner__container-dismiss",ICON:"i",FORGE_BUTTON:"forge-button"},B={SLOT:"slot",DISMISSED:"dismissed",CAN_DISMISS:"can-dismiss",HIDDEN:"hidden"},y={ICON:"icon",TEXT:"text",BUTTON:"button"},N={DISMISSED:`${d}-dismissed`,UNDISMISSED:`${d}-undismissed`},e={elementName:d,classes:S,selectors:E,attributes:B,slots:y,events:N};var s=class extends v{constructor(o){super(o);this._rootElement=a(o,e.selectors.BANNER)}addRootClass(o){this._rootElement.classList.add(o)}removeRootClass(o){this._rootElement.classList.remove(o)}addDismissButtonAttribute(o,t=""){this.forgeIconButtonDismiss.setAttribute(o,t)}removeDismissButtonAttribute(o){this.forgeIconButtonDismiss.removeAttribute(o)}addDismissEventListener(o,t){this.buttonDismiss.addEventListener(o,t)}removeDismissEventListener(o,t){this.buttonDismiss.removeEventListener(o,t)}get forgeIconButtonDismiss(){return this._forgeIconButtonDismiss||(this._forgeIconButtonDismiss=a(this._component,e.selectors.FORGE_DISMISS_BUTTON)),this._forgeIconButtonDismiss}get buttonDismiss(){return this._buttonDismiss||(this._buttonDismiss=a(this._component,e.selectors.DISMISS_BUTTON)),this._buttonDismiss}};var c=class{constructor(n){this._adapter=n;this._dismissed=!1;this._canDismiss=!0;this._dismissBanner=()=>this._dismiss()}connect(){this._addDismissEventListener()}disconnect(){this._removeDismissEventListener()}_dismiss(){this.dismissed=!0}_syncDismissedState(){this.dismissed?(this._setDismissedClass(),this._adapter.emitHostEvent(e.events.DISMISSED)):(this._setUndissmissedClass(),this._adapter.emitHostEvent(e.events.UNDISMISSED))}_setUndissmissedClass(){this._adapter.removeRootClass(e.classes.DISMISSED)}_setDismissedClass(){this._adapter.addRootClass(e.classes.DISMISSED)}_syncCanDismissState(){this.canDismiss?this._adapter.removeDismissButtonAttribute(e.attributes.HIDDEN):this._adapter.addDismissButtonAttribute(e.attributes.HIDDEN)}_addDismissEventListener(){this._adapter.addDismissEventListener("click",this._dismissBanner)}_removeDismissEventListener(){this._adapter.removeDismissEventListener("click",this._dismissBanner)}get dismissed(){return!!this._dismissed}set dismissed(n){this.dismissed!==!!n&&(this._dismissed=!!n,this._syncDismissedState())}get canDismiss(){return!!this._canDismiss}set canDismiss(n){this._canDismiss!==!!n&&(this._canDismiss=!!n,this._syncCanDismissState())}};var C='<template><div class="forge-banner" part="root"><div class="forge-banner__container" part="container"><div class="forge-banner__container-wrapper" part="wrapper"><div class="forge-banner__container-wrapper-icon" part="icon-container"><slot name="icon"></slot></div><div class="forge-banner__container-wrapper-subsection" part="subsection-wrapper"><div class="forge-banner__container-wrapper-subsection-text forge-typography--body2" part="subsection-text"><slot></slot></div><div class="forge-banner__container-wrapper-subsection-action" part="action-subsection"><slot name="button"></slot></div></div></div><forge-icon-button class="forge-banner__container-dismiss" part="dismiss-icon-button" part="dismiss-button"><forge-icon name="cancel" part="dismiss-button-icon"></forge-icon></forge-icon-button><forge-tooltip type="label">Dismiss</forge-tooltip></div></div></template>',T='@media (min-width:600px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;-webkit-box-align:center;align-items:center;padding:0 24px 0 24px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-subsection-text{padding:14px 0 14px 0;margin-right:24px}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-right:16px}.forge-banner__container-dismiss[hidden]{display:none}}@media (max-width:599px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;padding:16px 12px 16px 12px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-top:12px}.forge-banner__container-dismiss{margin-top:-12px;margin-right:-12px}.forge-banner__container-dismiss[hidden]{display:none}}:host{display:block}:host([hidden]){display:none}:host(:not([theme])) .forge-banner,:host([theme=""]) .forge-banner,:host([theme=default]) .forge-banner{background:#e8eaf6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-default-background,#e8eaf6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-default-font-color,rgba(0,0,0,.87)))}:host(:not([theme])) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=""]) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=default]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host(:not([theme])) .forge-banner .forge-banner__container-dismiss,:host([theme=""]) .forge-banner .forge-banner__container-dismiss,:host([theme=default]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner{background:#ffcdd2;background:var(--forge-banner-theme-background,var(--forge-banner-theme-danger-background,#ffcdd2));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner{background:#ffdba6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-warning-background,#ffdba6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner{background:#a5d6a7;background:var(--forge-banner-theme-background,var(--forge-banner-theme-success-background,#a5d6a7));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner{background:#bbdefb;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-primary-background,#bbdefb));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner{background:#e0e0e0;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-secondary-background,#e0e0e0));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}',r=class extends u{constructor(){super();D.define(x),p(this,C,T),this._foundation=new c(new s(this))}static get observedAttributes(){return[e.attributes.DISMISSED,e.attributes.CAN_DISMISS]}connectedCallback(){this._foundation.connect()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(o,t,l){switch(o){case e.attributes.DISMISSED:this.dismissed=b(l);break;case e.attributes.CAN_DISMISS:this.canDismiss=b(l);break}}};i([m()],r.prototype,"dismissed",2),i([m()],r.prototype,"canDismiss",2),r=i([h({name:e.elementName,dependencies:[I,w,k]})],r);function oe(){f(r)}export{e as a,s as b,c,r as d,oe as e};
|
|
7
|
-
//# sourceMappingURL=chunk.ZS3T6MJS.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/banner/banner-constants.ts", "../../src/banner/banner-adapter.ts", "../../src/banner/banner-foundation.ts", "../../src/banner/banner.ts", "../../src/banner/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}banner`;\n\nconst classes = {\n BANNER: 'forge-banner',\n DISMISSED: 'forge-banner--dismissed'\n};\n\nconst selectors = {\n BANNER: '.forge-banner',\n FORGE_DISMISS_BUTTON: 'forge-icon-button.forge-banner__container-dismiss',\n DISMISS_BUTTON: '.forge-banner__container-dismiss',\n ICON: 'i',\n FORGE_BUTTON: 'forge-button'\n};\n\nconst attributes = {\n SLOT: 'slot',\n DISMISSED: 'dismissed',\n CAN_DISMISS: 'can-dismiss',\n HIDDEN: 'hidden'\n};\n\nconst slots = {\n ICON: 'icon',\n TEXT: 'text',\n BUTTON: 'button'\n};\n\nconst events = {\n DISMISSED: `${elementName}-dismissed`,\n UNDISMISSED: `${elementName}-undismissed`\n};\n\nexport const BANNER_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n slots,\n events\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IIconButtonComponent } from '../icon-button';\nimport { IBannerComponent } from './banner';\nimport { BANNER_CONSTANTS } from './banner-constants';\n\nexport interface IBannerAdapter extends IBaseAdapter {\n addRootClass(className: string): void;\n removeRootClass(className: string): void;\n addDismissButtonAttribute(name: string, value?: string): void;\n removeDismissButtonAttribute(name: string): void;\n addDismissEventListener(event: string, callback: (event: Event) => void): void;\n removeDismissEventListener(event: string, callback: (event: Event) => void): void;\n}\n\nexport class BannerAdapter extends BaseAdapter<IBannerComponent> implements IBannerAdapter {\n private _rootElement: HTMLElement;\n private _forgeIconButtonDismiss: IIconButtonComponent;\n private _buttonDismiss: HTMLButtonElement;\n\n constructor(component: IBannerComponent) {\n super(component);\n this._rootElement = getShadowElement(component, BANNER_CONSTANTS.selectors.BANNER);\n }\n\n public addRootClass(name: string): void {\n this._rootElement.classList.add(name);\n }\n\n public removeRootClass(name: string): void {\n this._rootElement.classList.remove(name);\n }\n\n public addDismissButtonAttribute(name: string, value = ''): void {\n this.forgeIconButtonDismiss.setAttribute(name, value);\n }\n\n public removeDismissButtonAttribute(name: string): void {\n this.forgeIconButtonDismiss.removeAttribute(name);\n }\n\n public addDismissEventListener(event: string, callback: (event: Event) => void): void {\n this.buttonDismiss.addEventListener(event, callback);\n }\n\n public removeDismissEventListener(event: string, callback: (event: Event) => void): void {\n this.buttonDismiss.removeEventListener(event, callback);\n }\n\n public get forgeIconButtonDismiss(): IIconButtonComponent {\n if (!this._forgeIconButtonDismiss) {\n this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON) as IIconButtonComponent;\n }\n\n return this._forgeIconButtonDismiss;\n }\n\n public get buttonDismiss(): HTMLButtonElement {\n if (!this._buttonDismiss) {\n this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON) as HTMLButtonElement;\n }\n\n return this._buttonDismiss;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IBannerAdapter } from './banner-adapter';\nimport { BANNER_CONSTANTS } from './banner-constants';\n\nexport interface IBannerFoundation extends ICustomElementFoundation {\n dismissed: boolean;\n canDismiss: boolean;\n}\n\nexport class BannerFoundation implements IBannerFoundation {\n private _dismissed = false;\n private _canDismiss = true;\n private _dismissBanner: () => void;\n\n constructor(private _adapter: IBannerAdapter) {\n this._dismissBanner = () => this._dismiss();\n }\n\n public connect(): void {\n this._addDismissEventListener();\n }\n\n public disconnect(): void {\n this._removeDismissEventListener();\n }\n\n private _dismiss(): void {\n this.dismissed = true;\n }\n\n private _syncDismissedState(): void {\n if (this.dismissed) {\n this._setDismissedClass();\n this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);\n } else {\n this._setUndissmissedClass();\n this._adapter.emitHostEvent(BANNER_CONSTANTS.events.UNDISMISSED);\n }\n }\n\n private _setUndissmissedClass(): void {\n this._adapter.removeRootClass(BANNER_CONSTANTS.classes.DISMISSED);\n }\n\n private _setDismissedClass(): void {\n this._adapter.addRootClass(BANNER_CONSTANTS.classes.DISMISSED);\n }\n\n private _syncCanDismissState(): void {\n if (this.canDismiss) {\n this._adapter.removeDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);\n } else {\n this._adapter.addDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);\n }\n }\n\n private _addDismissEventListener(): void {\n this._adapter.addDismissEventListener('click', this._dismissBanner);\n }\n\n private _removeDismissEventListener(): void {\n this._adapter.removeDismissEventListener('click', this._dismissBanner);\n }\n\n public get dismissed(): boolean {\n return !!this._dismissed;\n }\n public set dismissed(val: boolean) {\n if (this.dismissed === !!val) {\n return;\n }\n\n this._dismissed = !!val;\n this._syncDismissedState();\n }\n\n public get canDismiss(): boolean {\n return !!this._canDismiss;\n }\n public set canDismiss(val: boolean) {\n if (this._canDismiss === !!val) {\n return;\n }\n\n this._canDismiss = !!val;\n this._syncCanDismissState();\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { TooltipComponent } from '../tooltip';\nimport { BannerAdapter } from './banner-adapter';\nimport { BANNER_CONSTANTS } from './banner-constants';\nimport { BannerFoundation } from './banner-foundation';\n\nconst template = '<template><div class=\\\"forge-banner\\\" part=\\\"root\\\"><div class=\\\"forge-banner__container\\\" part=\\\"container\\\"><div class=\\\"forge-banner__container-wrapper\\\" part=\\\"wrapper\\\"><div class=\\\"forge-banner__container-wrapper-icon\\\" part=\\\"icon-container\\\"><slot name=\\\"icon\\\"></slot></div><div class=\\\"forge-banner__container-wrapper-subsection\\\" part=\\\"subsection-wrapper\\\"><div class=\\\"forge-banner__container-wrapper-subsection-text forge-typography--body2\\\" part=\\\"subsection-text\\\"><slot></slot></div><div class=\\\"forge-banner__container-wrapper-subsection-action\\\" part=\\\"action-subsection\\\"><slot name=\\\"button\\\"></slot></div></div></div><forge-icon-button class=\\\"forge-banner__container-dismiss\\\" part=\\\"dismiss-icon-button\\\" part=\\\"dismiss-button\\\"><forge-icon name=\\\"cancel\\\" part=\\\"dismiss-button-icon\\\"></forge-icon></forge-icon-button><forge-tooltip type=\\\"label\\\">Dismiss</forge-tooltip></div></div></template>';\nconst styles = '@media (min-width:600px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;-webkit-box-align:center;align-items:center;padding:0 24px 0 24px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-subsection-text{padding:14px 0 14px 0;margin-right:24px}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-right:16px}.forge-banner__container-dismiss[hidden]{display:none}}@media (max-width:599px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;padding:16px 12px 16px 12px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-top:12px}.forge-banner__container-dismiss{margin-top:-12px;margin-right:-12px}.forge-banner__container-dismiss[hidden]{display:none}}:host{display:block}:host([hidden]){display:none}:host(:not([theme])) .forge-banner,:host([theme=\\\"\\\"]) .forge-banner,:host([theme=default]) .forge-banner{background:#e8eaf6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-default-background,#e8eaf6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-default-font-color,rgba(0,0,0,.87)))}:host(:not([theme])) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=\\\"\\\"]) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=default]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host(:not([theme])) .forge-banner .forge-banner__container-dismiss,:host([theme=\\\"\\\"]) .forge-banner .forge-banner__container-dismiss,:host([theme=default]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner{background:#ffcdd2;background:var(--forge-banner-theme-background,var(--forge-banner-theme-danger-background,#ffcdd2));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner{background:#ffdba6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-warning-background,#ffdba6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner{background:#a5d6a7;background:var(--forge-banner-theme-background,var(--forge-banner-theme-success-background,#a5d6a7));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner{background:#bbdefb;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-primary-background,#bbdefb));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner{background:#e0e0e0;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-secondary-background,#e0e0e0));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}';\n\nexport interface IBannerComponent extends IBaseComponent {\n dismissed: boolean;\n canDismiss: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-banner': IBannerComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-banner-dismissed': CustomEvent<void>;\n 'forge-banner-undismissed': CustomEvent<void>;\n }\n}\n\n/**\n * The custom element class behind the `<forge-banner>` element.\n * \n * @tag forge-banner\n */\n@CustomElement({\n name: BANNER_CONSTANTS.elementName,\n dependencies: [\n IconButtonComponent,\n IconComponent,\n TooltipComponent\n ]\n})\nexport class BannerComponent extends BaseComponent implements IBannerComponent {\n public static get observedAttributes(): string[] {\n return [\n BANNER_CONSTANTS.attributes.DISMISSED,\n BANNER_CONSTANTS.attributes.CAN_DISMISS\n ];\n }\n\n protected _foundation: BannerFoundation;\n\n constructor() {\n super();\n IconRegistry.define(tylIconCancel);\n attachShadowTemplate(this, template, styles);\n this._foundation = new BannerFoundation(new BannerAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.connect();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case BANNER_CONSTANTS.attributes.DISMISSED:\n this.dismissed = coerceBoolean(newValue);\n break;\n case BANNER_CONSTANTS.attributes.CAN_DISMISS:\n this.canDismiss = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Controls whether the component is dismissed (hidden) or not. */\n @FoundationProperty()\n public declare dismissed: boolean;\n\n /** Controls the visibility of the dismiss button. */\n @FoundationProperty()\n public declare canDismiss: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BannerComponent } from './banner';\n\nexport * from './banner-adapter';\nexport * from './banner-constants';\nexport * from './banner-foundation';\nexport * from './banner';\n\nexport function defineBannerComponent(): void {\n defineCustomElement(BannerComponent);\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "slots", "events", "BANNER_CONSTANTS", "BannerAdapter", "BaseAdapter", "component", "getShadowElement", "BANNER_CONSTANTS", "name", "value", "event", "callback", "BannerFoundation", "_adapter", "BANNER_CONSTANTS", "val", "template", "styles", "BannerComponent", "BaseComponent", "IconRegistry", "tylIconCancel", "attachShadowTemplate", "BannerFoundation", "BannerAdapter", "BANNER_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconButtonComponent", "IconComponent", "TooltipComponent", "defineBannerComponent", "defineCustomElement", "BannerComponent"]
|
|
7
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
|
|
7
|
-
import { IAvatarComponent } from './avatar';
|
|
8
|
-
export type AvatarComponentDelegateProps = Partial<IAvatarComponent>;
|
|
9
|
-
export interface IAvatarComponentDelegateOptions extends IBaseComponentDelegateOptions {
|
|
10
|
-
}
|
|
11
|
-
export interface IAvatarComponentDelegateConfig extends IBaseComponentDelegateConfig<IAvatarComponent, IAvatarComponentDelegateOptions> {
|
|
12
|
-
}
|
|
13
|
-
export declare class AvatarComponentDelegate extends BaseComponentDelegate<IAvatarComponent, IAvatarComponentDelegateOptions> {
|
|
14
|
-
constructor(config?: IAvatarComponentDelegateConfig);
|
|
15
|
-
protected _build(): IAvatarComponent;
|
|
16
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseComponentDelegate } from '../core/delegates/base-component-delegate';
|
|
7
|
-
import { AVATAR_CONSTANTS } from './avatar-constants';
|
|
8
|
-
export class AvatarComponentDelegate extends BaseComponentDelegate {
|
|
9
|
-
constructor(config) {
|
|
10
|
-
super(config);
|
|
11
|
-
}
|
|
12
|
-
_build() {
|
|
13
|
-
return document.createElement(AVATAR_CONSTANTS.elementName);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
|
|
7
|
-
import { IBadgeComponent } from './badge';
|
|
8
|
-
export interface IBadgeAdapter extends IBaseAdapter {
|
|
9
|
-
setRootClass(classes: string | string[]): void;
|
|
10
|
-
removeRootClass(classes: string | string[]): void;
|
|
11
|
-
}
|
|
12
|
-
export declare class BadgeAdapter extends BaseAdapter<IBadgeComponent> implements IBadgeAdapter {
|
|
13
|
-
private _rootElement;
|
|
14
|
-
constructor(component: IBadgeComponent);
|
|
15
|
-
setRootClass(classes: string | string[]): void;
|
|
16
|
-
removeRootClass(classes: string | string[]): void;
|
|
17
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';
|
|
7
|
-
import { BaseAdapter } from '../core/base/base-adapter';
|
|
8
|
-
import { BADGE_CONSTANTS } from './badge-constants';
|
|
9
|
-
export class BadgeAdapter extends BaseAdapter {
|
|
10
|
-
constructor(component) {
|
|
11
|
-
super(component);
|
|
12
|
-
this._rootElement = getShadowElement(component, BADGE_CONSTANTS.selectors.ROOT);
|
|
13
|
-
}
|
|
14
|
-
setRootClass(classes) {
|
|
15
|
-
addClass(classes, this._rootElement);
|
|
16
|
-
}
|
|
17
|
-
removeRootClass(classes) {
|
|
18
|
-
removeClass(classes, this._rootElement);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
|
|
7
|
-
import { IBadgeComponent } from './badge';
|
|
8
|
-
export type BadgeComponentDelegateProps = Partial<IBadgeComponent>;
|
|
9
|
-
export interface IBadgeComponentDelegateOptions extends IBaseComponentDelegateOptions {
|
|
10
|
-
}
|
|
11
|
-
export interface IBadgeComponentDelegateConfig extends IBaseComponentDelegateConfig<IBadgeComponent, IBadgeComponentDelegateOptions> {
|
|
12
|
-
}
|
|
13
|
-
export declare class BadgeComponentDelegate extends BaseComponentDelegate<IBadgeComponent, IBadgeComponentDelegateOptions> {
|
|
14
|
-
constructor(config?: IBadgeComponentDelegateConfig);
|
|
15
|
-
protected _build(): IBadgeComponent;
|
|
16
|
-
}
|