@esri/calcite-components 5.0.0-next.28 → 5.0.0-next.29
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/dist/cdn/{TTJX2KFC.js → 25JZ3YTI.js} +2 -2
- package/dist/cdn/{SV3XQU5A.js → 277ICKJM.js} +1 -1
- package/dist/cdn/{JZSRHSJY.js → 27GCPJSN.js} +2 -2
- package/dist/cdn/{4HYFSWQK.js → 2CZRJQNV.js} +1 -1
- package/dist/cdn/{PHIYXNE2.js → 2OKDOLJO.js} +2 -2
- package/dist/cdn/{4DX6AFI7.js → 2SA54RJJ.js} +2 -2
- package/dist/cdn/{KKR37WY4.js → 2V5TUMWG.js} +2 -2
- package/dist/cdn/{KUCB7AAR.js → 33HPICYG.js} +2 -2
- package/dist/cdn/{RU6R2G5Y.js → 3VJJRF3X.js} +2 -2
- package/dist/cdn/{X2P4SGUR.js → 3XAGGLU5.js} +2 -2
- package/dist/cdn/{U7YS2SMS.js → 47WVWOQ2.js} +1 -1
- package/dist/cdn/{SOZ5RY73.js → 4AG3SL27.js} +2 -2
- package/dist/cdn/{SV6DIEEI.js → 4LFBUFFD.js} +2 -2
- package/dist/cdn/{IDILHLJF.js → 4PHESZJJ.js} +2 -2
- package/dist/cdn/{K2PWBMJT.js → 4WYTKDLC.js} +2 -2
- package/dist/cdn/{UWOTAU32.js → 4XLIEI7Y.js} +2 -2
- package/dist/cdn/{7NEVPJQK.js → 4XYE75BI.js} +2 -2
- package/dist/cdn/{XGQOOBLT.js → 55Y63X3V.js} +2 -2
- package/dist/cdn/{WYB5UKU7.js → 5BGF56PA.js} +2 -2
- package/dist/cdn/{AZL3A475.js → 5JJXPBIJ.js} +1 -1
- package/dist/cdn/{MOK6KL7H.js → 5MIXLUGH.js} +2 -2
- package/dist/cdn/{QYGH3IIO.js → 5UOWQ3MA.js} +2 -2
- package/dist/cdn/{3RYPPDCF.js → 6ANTF4YC.js} +2 -2
- package/dist/cdn/{3WMX2H3N.js → 6EN26KIO.js} +1 -1
- package/dist/cdn/{ASQJLRWH.js → 6OV65WYK.js} +2 -2
- package/dist/cdn/{A2AZZATN.js → 6PT6UEGK.js} +2 -2
- package/dist/cdn/{W672JU5G.js → 6YZ5EOSJ.js} +1 -1
- package/dist/cdn/{MVCPUUT7.js → 7A2MAXIN.js} +2 -2
- package/dist/cdn/{MXHQJDVJ.js → 7AYJZLOQ.js} +2 -2
- package/dist/cdn/{IKZF6TKF.js → 7L4Y43EW.js} +2 -2
- package/dist/cdn/{QMZABX7P.js → 7MTTZK3M.js} +1 -1
- package/dist/cdn/{2J6IGAJW.js → 7TGEK277.js} +2 -2
- package/dist/cdn/{Y7JKWXU3.js → 7U4XWBXC.js} +2 -2
- package/dist/cdn/{DWKM734D.js → 7USPQXWN.js} +2 -2
- package/dist/cdn/{ZGMLXO4B.js → A2LLBD2P.js} +2 -2
- package/dist/cdn/{KLNZB56I.js → A6CPJPGC.js} +2 -2
- package/dist/cdn/{WCYK7MUQ.js → A7KG5HYT.js} +2 -2
- package/dist/cdn/{MMXI2D6G.js → AC4BUAGR.js} +1 -1
- package/dist/cdn/{4RO44BNC.js → ACDMJCF5.js} +2 -2
- package/dist/cdn/{NNZ43CPZ.js → AWVMXFFK.js} +2 -2
- package/dist/cdn/AYEDQ6CB.js +4 -0
- package/dist/cdn/{XSN6FWMH.js → BAFAZY6G.js} +2 -2
- package/dist/cdn/{S2VACO7E.js → BFKS2APY.js} +2 -2
- package/dist/cdn/{USFXGR5W.js → BJ735KCY.js} +2 -2
- package/dist/cdn/{WUPPIKDG.js → BO2O5KMG.js} +1 -1
- package/dist/cdn/{2EIDZAWM.js → BYZ4HRCA.js} +2 -2
- package/dist/cdn/{7SVTDM3O.js → C3GDPA43.js} +1 -1
- package/dist/cdn/{UNLRDVUQ.js → C6ZEJUMW.js} +2 -2
- package/dist/cdn/{6ZGA5MOX.js → CBFN6NKG.js} +2 -2
- package/dist/cdn/{6BMVHGKU.js → CI5KSS4M.js} +2 -2
- package/dist/cdn/{HLOPOVBH.js → CNATC7F3.js} +1 -1
- package/dist/cdn/{EJBQRGLZ.js → CUZIPESL.js} +1 -1
- package/dist/cdn/{TQU7Q3EV.js → CWUPXHV6.js} +2 -2
- package/dist/cdn/{NUDIM2KL.js → CZY6CEPK.js} +2 -2
- package/dist/cdn/{QERW4UQO.js → D4HJNF2Q.js} +2 -2
- package/dist/cdn/{UD3HTL7I.js → D62LBBTT.js} +2 -2
- package/dist/cdn/{L2YNL67H.js → DEAY3RDF.js} +2 -2
- package/dist/cdn/{G6WKLXCA.js → DMITJVKV.js} +2 -2
- package/dist/cdn/{UW45WQTS.js → DNQRE56I.js} +2 -2
- package/dist/cdn/{GGDDKWJF.js → DUJ5FY3I.js} +1 -1
- package/dist/cdn/{F4IDAPEQ.js → DXXAUIZ7.js} +2 -2
- package/dist/cdn/{CU3NAWYI.js → DZJTVCEX.js} +2 -2
- package/dist/cdn/{VBTWHDTJ.js → ECECL2DW.js} +1 -1
- package/dist/cdn/{G2NYSDPG.js → EICRC6AV.js} +2 -2
- package/dist/cdn/{SN26BSQX.js → EK6CG5NP.js} +2 -2
- package/dist/cdn/{HZOORBJ3.js → EXXKS3DR.js} +2 -2
- package/dist/cdn/{DBNHA57P.js → FDALNLGU.js} +2 -2
- package/dist/cdn/{ESYCDUKF.js → FFN4FTMP.js} +1 -1
- package/dist/cdn/{RFMQHFRV.js → FTUGXDMB.js} +2 -2
- package/dist/cdn/{ZOAOP2LU.js → G4G4WSEC.js} +2 -2
- package/dist/cdn/{3PRYRSPU.js → GEWQT527.js} +2 -2
- package/dist/cdn/{3V4Y4R3R.js → GSQ5NFM4.js} +2 -2
- package/dist/cdn/{FJHKFLZA.js → H3U7K4XE.js} +2 -2
- package/dist/cdn/{U2E34VFR.js → HWJGOUZN.js} +2 -2
- package/dist/cdn/{ZA3IWUHI.js → HZWR6JJA.js} +2 -2
- package/dist/cdn/{N5HK5HEI.js → I3EUB4MY.js} +2 -2
- package/dist/cdn/{J7KS3TRU.js → I4RUADNS.js} +2 -2
- package/dist/cdn/{NZSUCBWV.js → IIOHMBNT.js} +2 -2
- package/dist/cdn/{C3I4G4TE.js → ILTTTIC6.js} +2 -2
- package/dist/cdn/{YB2JZFAL.js → J2NPUTRA.js} +2 -2
- package/dist/cdn/{4ZTJWZEL.js → J2Y2H6JJ.js} +2 -2
- package/dist/cdn/{G55KDLFK.js → J3HUB43I.js} +2 -2
- package/dist/cdn/{5JVOYY5Q.js → J5XZA4IQ.js} +2 -2
- package/dist/cdn/{26QSFR7F.js → J6AFOGBB.js} +2 -2
- package/dist/cdn/{QX4LMLHF.js → JEGF5Y4K.js} +2 -2
- package/dist/cdn/{JSBPVJXR.js → JEHLKHEX.js} +2 -2
- package/dist/cdn/{H27TXWXX.js → JKWY4UWP.js} +2 -2
- package/dist/cdn/{3NUNHJUT.js → JO5ZIZTO.js} +1 -1
- package/dist/cdn/{ZWT36WSD.js → JVHHPG6A.js} +2 -2
- package/dist/cdn/{USLAZ674.js → K2M3CT66.js} +2 -2
- package/dist/cdn/{C4X7YP5A.js → K6N2RQCJ.js} +2 -2
- package/dist/cdn/{YXCASTIP.js → KDSS2U25.js} +2 -2
- package/dist/cdn/{DCL3I2DT.js → KJ6NAOJF.js} +1 -1
- package/dist/cdn/{KOUATFD2.js → KW4HHU64.js} +2 -2
- package/dist/cdn/{OF4NOCZU.js → L27SNWNL.js} +2 -2
- package/dist/cdn/{YA3Q555R.js → LAECLRG7.js} +2 -2
- package/dist/cdn/{PZFUJGU2.js → LB4SDSJ7.js} +2 -2
- package/dist/cdn/{ROYB4S4X.js → LDXRWCDF.js} +2 -2
- package/dist/cdn/{KR6644B5.js → LK3EEDKG.js} +2 -2
- package/dist/cdn/{5UCLHM7V.js → LWKINY4W.js} +2 -2
- package/dist/cdn/{UQLN223W.js → LYB5QXNI.js} +2 -2
- package/dist/cdn/{MYAPFTJH.js → M3VELZF6.js} +2 -2
- package/dist/cdn/{7VF5LHA7.js → MCE3G66K.js} +2 -2
- package/dist/cdn/{EBJF2Z5D.js → MFS4GE3M.js} +2 -2
- package/dist/cdn/{ISQHYPZ4.js → MMCDSD7O.js} +2 -2
- package/dist/cdn/{G6JHTOAV.js → MPCI6IOI.js} +2 -2
- package/dist/cdn/{OVQX33E2.js → MPS5OKRH.js} +1 -1
- package/dist/cdn/{DAGZ3SWT.js → MWESE2DA.js} +2 -2
- package/dist/cdn/{FBLHNFXG.js → MX5X5KZZ.js} +2 -2
- package/dist/cdn/{VPOPLMYG.js → N25EV5EL.js} +2 -2
- package/dist/cdn/{3JFO4MUC.js → NDVMK3QT.js} +2 -2
- package/dist/cdn/{LI5Z7CE2.js → NE6LBTQP.js} +2 -2
- package/dist/cdn/{FST7R3GB.js → NE6OGDXV.js} +2 -2
- package/dist/cdn/{IBPV7BT4.js → NPRKRGDN.js} +2 -2
- package/dist/cdn/{TSO7S7PW.js → OAMLQCJB.js} +1 -1
- package/dist/cdn/{OU7I6WEY.js → OG5AKB6Y.js} +2 -2
- package/dist/cdn/{6ZMZXXUS.js → OI6BB7LK.js} +2 -2
- package/dist/cdn/{EMU2AT4J.js → OSEKWZS7.js} +2 -2
- package/dist/cdn/{6MBPE7MP.js → PKNYA57N.js} +2 -2
- package/dist/cdn/{ZHK6KUIW.js → PTIXMKY6.js} +2 -2
- package/dist/cdn/{YMYZDMBM.js → PXY3HNQF.js} +2 -2
- package/dist/cdn/{W5MUU35Y.js → QZLABTBM.js} +2 -2
- package/dist/cdn/{BW4MDK5S.js → R3B6AKJF.js} +2 -2
- package/dist/cdn/{7VTI2NCJ.js → R4RONK4S.js} +2 -2
- package/dist/cdn/{DCOOWEHP.js → RCIGK244.js} +2 -2
- package/dist/cdn/{WRLB6XFZ.js → RXARSOBL.js} +2 -2
- package/dist/cdn/{JMKIESON.js → SLJGPV23.js} +2 -2
- package/dist/cdn/{K3BDA6T2.js → SNQONRHE.js} +2 -2
- package/dist/cdn/{AEE6OVYK.js → SSJITHKG.js} +2 -2
- package/dist/cdn/{D7CVTX7H.js → ST24R33P.js} +2 -2
- package/dist/cdn/{P3FHGL5F.js → SU6WVJKK.js} +2 -2
- package/dist/cdn/{BXMZ7UKN.js → SVZ6IYSM.js} +2 -2
- package/dist/cdn/{H2E2EHFM.js → TDCZPLCA.js} +1 -1
- package/dist/cdn/{KQIT3G2O.js → TDM6M5OT.js} +2 -2
- package/dist/cdn/{SWLBZTLD.js → TT7RWLOX.js} +1 -1
- package/dist/cdn/{KXPGI7RX.js → TTRR5YHU.js} +2 -2
- package/dist/cdn/{JNHQTFV5.js → UAQRPQQO.js} +2 -2
- package/dist/cdn/{YBDW7FW6.js → UH5WV7SY.js} +2 -2
- package/dist/cdn/{LHU3B37P.js → UPAG5QG2.js} +2 -2
- package/dist/cdn/{CBV3TPAG.js → UPOS5B24.js} +2 -2
- package/dist/cdn/{VAX5Y6UB.js → URAO4XAC.js} +2 -2
- package/dist/cdn/{NL2O53BU.js → UVWKBEYW.js} +2 -2
- package/dist/cdn/{HFYC6UTK.js → UVX4LBTX.js} +2 -2
- package/dist/cdn/{FIY2DX6P.js → UWIFRPS4.js} +2 -2
- package/dist/cdn/{LUNNRUAX.js → V2D6XVBY.js} +1 -1
- package/dist/cdn/{H4TALTI2.js → VIBCKZ2H.js} +2 -2
- package/dist/cdn/{MF7X7UFW.js → VSGL6B3Y.js} +2 -2
- package/dist/cdn/{5TYE2OST.js → VTZU2CYV.js} +2 -2
- package/dist/cdn/{6N6F7HUE.js → W2SKMPA2.js} +2 -2
- package/dist/cdn/{H6MITS4O.js → W4NYL6UG.js} +2 -2
- package/dist/cdn/{2Y7LGAAQ.js → W6D2KEDW.js} +2 -2
- package/dist/cdn/{KNAMOTPE.js → WQCXV2Q2.js} +1 -1
- package/dist/cdn/{2H7VF4HP.js → WVAXIW7W.js} +2 -2
- package/dist/cdn/{55MNV4SX.js → WWP6FN6R.js} +2 -2
- package/dist/cdn/{5DSNOPU4.js → XMUH2F2N.js} +1 -1
- package/dist/cdn/{QJJ7H6I6.js → Y5TLK7MV.js} +2 -2
- package/dist/cdn/{4ZEIXRNV.js → Y7AGH5IH.js} +2 -2
- package/dist/cdn/{WUWLWWQ6.js → YBNXEQNP.js} +2 -2
- package/dist/cdn/{55ZUNINC.js → YEUMBOEM.js} +2 -2
- package/dist/cdn/{VCMJECUB.js → YGOISYJT.js} +2 -2
- package/dist/cdn/{QOM7U4UZ.js → YIUA5Q6S.js} +2 -2
- package/dist/cdn/{YROQ3D7Z.js → YUM5RMRS.js} +2 -2
- package/dist/cdn/{CPBV7Y2T.js → YXXBIHZK.js} +2 -2
- package/dist/cdn/{OEJG46EH.js → Z4PZS7AI.js} +2 -2
- package/dist/cdn/{HXAV5GMB.js → Z4VIZ6SY.js} +2 -2
- package/dist/cdn/{EAM77PTJ.js → Z65TKVEY.js} +2 -2
- package/dist/cdn/{KHQANRU5.js → ZC363ZWF.js} +1 -1
- package/dist/cdn/{R4RP6VRQ.js → ZHA5RLLO.js} +2 -2
- package/dist/cdn/{IC5U3US4.js → ZHRSTUYW.js} +2 -2
- package/dist/cdn/{NHVMWL3A.js → ZMMIFM5P.js} +2 -2
- package/dist/cdn/{VGQB4AHH.js → ZS6J2AM5.js} +2 -2
- package/dist/cdn/{G3JDC5B3.js → ZWCOX6WU.js} +2 -2
- package/dist/cdn/index.js +2 -2
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/InternalLabel.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +1 -1
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/header.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +1 -1
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/resources8.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +5 -5
- package/dist/chunks/sortable.js +1 -1
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/useCancelable.js +1 -1
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/useInteractive.js +1 -1
- package/dist/chunks/usePreventDocumentScroll.js +1 -1
- package/dist/chunks/useSetFocus.js +1 -1
- package/dist/chunks/useT9n.js +1 -1
- package/dist/chunks/useTime.js +1 -1
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +1 -1
- package/dist/components/calcite-accordion/customElement.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.js +1 -1
- package/dist/components/calcite-action/customElement.js +1 -1
- package/dist/components/calcite-action-bar/customElement.js +1 -1
- package/dist/components/calcite-action-group/customElement.js +1 -1
- package/dist/components/calcite-action-menu/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.js +1 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +1 -1
- package/dist/components/calcite-block-group/customElement.js +1 -1
- package/dist/components/calcite-block-section/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-carousel-item/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +3 -3
- package/dist/components/calcite-chip/index.d.ts +1 -0
- package/dist/components/calcite-chip/index.js +1 -0
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +1 -1
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-loader/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-navigation/customElement.js +1 -1
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +1 -1
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-radio-button-group/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.js +1 -1
- package/dist/components/calcite-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.js +1 -1
- package/dist/components/calcite-sortable-list/customElement.js +1 -1
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-stack/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-swatch/customElement.js +1 -1
- package/dist/components/calcite-swatch-group/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.js +1 -1
- package/dist/components/calcite-table-cell/customElement.js +1 -1
- package/dist/components/calcite-table-header/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +2 -2
- package/dist/cdn/H4CGEEPI.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as $}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as $}from"./PTIXMKY6.js";import{a as y}from"./BO2O5KMG.js";import{a as E}from"./SLJGPV23.js";import{a as w}from"./3VJJRF3X.js";import{a as S}from"./OSEKWZS7.js";import{a as g}from"./TT7RWLOX.js";import"./CZY6CEPK.js";import{t as k}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{D as f,E as c,G as m,P as b,g as x,h as l,o as d}from"./2SA54RJJ.js";var i={content:"content",toggle:"toggle"},t={chevronIcon:"chevron-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"},p={menuExpanded:"chevron-up",menuCollapsed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},I=x`:host{box-sizing:border-box;display:block;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2))}:host([expanded]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-block-section-border-color, var(--calcite-color-border-3))}:host([expanded]) .toggle{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .chevron-icon{color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}:host([expanded]) .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host(:last-child){border-block-end-width:0px}:host([scale=s]) .toggle{padding-block:var(--calcite-spacing-xxs);gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-sm)}:host([scale=s]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-xxs))}:host([scale=m]) .toggle{padding-block:var(--calcite-spacing-sm);gap:var(--calcite-spacing-md);font-size:var(--calcite-font-size)}:host([scale=m]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-sm))}:host([scale=l]) .toggle{padding-block:var(--calcite-spacing-md);gap:var(--calcite-spacing-lg);font-size:var(--calcite-font-size-md)}:host([scale=l]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-md))}.toggle{display:flex;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;border-width:0px;outline-color:transparent;font-family:inherit;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2));background-color:var(--calcite-block-section-background-color, var(--calcite-color-foreground-1));font-weight:var(--calcite-font-weight-regular);padding-inline:0;line-height:var(--calcite-font-line-height-relative-snug)}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));z-index:var(--calcite-z-index)}.toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover,.toggle-container .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends f{constructor(){super(...arguments),this.messages=w(),this.focusSetter=S()(this),this.defaultSlotHasElements=!1,this.expanded=!1,this.scale="m",this.toggleDisplay="button",this.calciteBlockSectionCollapse=d({cancelable:!1}),this.calciteBlockSectionExpand=d({cancelable:!1}),this.calciteBlockSectionToggle=d({cancelable:!1})}static{this.properties={defaultSlotHasElements:[16,{},{state:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],text:1,toggleDisplay:[3,{},{reflect:!0}]}}static{this.styles=I}get open(){return this.expanded}set open(e){E.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockSectionExpand.emit():this.calciteBlockSectionCollapse.emit())}handleHeaderKeyDown(e){y(e.key)&&(this.toggleSection(),e.preventDefault(),e.stopPropagation())}toggleSection(){this.expanded=!this.expanded,this.calciteBlockSectionToggle.emit()}handleDefaultSlot(e){this.defaultSlotHasElements=k(e)}renderStatusIcon(){let{status:e}=this,o=p[e]??!1,a={[t.statusIcon]:!0,[t.valid]:e=="valid",[t.invalid]:e=="invalid"};return o?l`<calcite-icon class=${c(a)} .icon=${o} .scale=${g(this.scale)}></calcite-icon>`:null}renderIcon(e){let{iconFlipRtl:o,iconStart:a,iconEnd:n}=this;if((e==="start"?a:n)===void 0)return null;let s=o==="both"||o==="start",h=o==="both"||o==="end",r=e==="start";return $(r?a:n,l`<calcite-icon class=${c(r?t.iconStart:t.iconEnd)} .flipRtl=${r?s:h} .icon=${r?a:n} .scale=${g(this.scale)}></calcite-icon>`)}render(){let{messages:e,expanded:o,text:a,toggleDisplay:n}=this,u=o?p.menuExpanded:p.menuCollapsed,s=o?e.collapse:e.expand,h=n==="switch"?l`<div class=${c({[t.toggleContainer]:!0})}><div aria-controls=${i.content} .ariaExpanded=${o} class=${c({[t.toggle]:!0})} id=${i.toggle} @click=${this.toggleSection} @keydown=${this.handleHeaderKeyDown} role=button tabindex=0 title=${s??m}>${this.renderIcon("start")}<div class=${c(t.toggleSwitchContent)}><span class=${c(t.toggleSwitchText)}>${a}</span></div>${this.renderIcon("end")}${this.renderStatusIcon()}<calcite-switch .checked=${o} class=${c(t.switch)} inert .label=${s} .scale=${this.scale}></calcite-switch></div></div>`:l`<div class=${c({[t.toggleContainer]:!0})}><button aria-controls=${i.content} .ariaExpanded=${o} class=${c({[t.toggle]:!0})} id=${i.toggle} @click=${this.toggleSection}>${this.renderIcon("start")}<span class=${c(t.sectionHeaderText)}>${a}</span>${this.renderIcon("end")}${this.renderStatusIcon()}<calcite-icon class=${c(t.chevronIcon)} .icon=${u} .scale=${g(this.scale)}></calcite-icon></button></div>`;return l`${h}<section aria-labelledby=${i.toggle} class=${c({[t.content]:this.defaultSlotHasElements})} .hidden=${!o} id=${i.content}><slot @slotchange=${this.handleDefaultSlot}></slot></section>`}};b("calcite-block-section",v);export{v as BlockSection};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as Y}from"./YBDW7FW6.js";import{a as X}from"./VBTWHDTJ.js";import{b as m}from"./DCL3I2DT.js";import{e as u}from"./4ZEIXRNV.js";import{a as W}from"./QYGH3IIO.js";import{a as Q}from"./55ZUNINC.js";import{c as _,d as G,e as J}from"./VAX5Y6UB.js";import"./H6MITS4O.js";import{a as q,c as U,e as N,h as K}from"./WRLB6XFZ.js";import{a as j}from"./FST7R3GB.js";import"./WUPPIKDG.js";import{a as A}from"./RU6R2G5Y.js";import{a as V}from"./EMU2AT4J.js";import{a as L}from"./SWLBZTLD.js";import"./NUDIM2KL.js";import{e as B}from"./CU3NAWYI.js";import"./4HYFSWQK.js";import{B as d,C as l,D as T,E as s,I as M,P as D,g as R,h as o,l as t,o as p}from"./4DX6AFI7.js";var le=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",meridiemStart:"meridiem--start",meridiemEnd:"meridiem--end",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},w={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends T{constructor(){super(),this.messages=A(),this.containerRef=d(),this.focusSetter=V()(this),this.fractionalSecondRef=d(),this.hourRef=d(),this.meridiemRef=d(),this.minuteRef=d(),this.secondRef=d(),this.time=Y(this),this.interactiveContainer=j(this),this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputTimePickerBeforeClose=p({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=p({cancelable:!1}),this.calciteInputTimePickerChange=p(),this.calciteInputTimePickerClose=p({cancelable:!1}),this.calciteInputTimePickerOpen=p({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:M,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=le}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),_(this),U(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value)):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),G(this),N(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:n}=this;e!==n&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=n)}keyDownHandler(e){let{defaultPrevented:n,key:a}=e,{hourFormat:r,meridiemOrder:c}=this.time;if(!n)if(a==="Enter")q(this)&&e.preventDefault(),this.changeEventHandler();else if(this.open&&a==="Escape")this.open=!1,e.preventDefault();else{let v=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:a==="ArrowRight"?this.setFocusPart("minute"):a==="ArrowLeft"&&r==="12"&&c===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(a){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":r==="12"&&c!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:a==="ArrowLeft"&&c!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):a==="ArrowRight"&&c===0&&this.setFocusPart("hour");break}}}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}syncHiddenFormInput(e){X("time",this,e)}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let n=e.detail;n!==this.value&&(this.value=n)}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:n,scale:a}=this,{fractionalSecond:r,handleHourKeyDownEvent:c,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Z,hour:b,hourFormat:ee,localizedDecimalSeparator:ie,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:te,localizedMinute:C,localizedMinuteSuffix:ae,localizedSecond:F,localizedSecondSuffix:H,meridiemOrder:se,minute:$,second:y}=this.time,x="--",ne=u(r),re=u(b),oe=u($),ce=u(y),I=m(this.step)>0,E=ee==="12",z=this.step<60,O=se===0||B(this.el)==="rtl",h=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:o`${this.labelText&&Q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${s({[i.container]:!0,[i.readOnly]:n})} role=combobox ${l(this.containerRef)}><calcite-icon class=${s(i.clockIcon)} .icon=${w.clock} .scale=${a==="l"?"m":"s"}></calcite-icon><div aria-label=${J(this)??t} .ariaRequired=${this.required} class=${s(i.inputContainer)} dir=ltr id=${f.inputContainer} role=group>${E&&O&&this.renderMeridiem("start")||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(re&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${s({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?c:void 0} role=spinbutton tabindex=0 ${l(this.hourRef)}>${S||x}</span><span class=${s(i.hourSuffix)}>${te}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(oe&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${s({[i.empty]:!C,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?v:void 0} role=spinbutton tabindex=0 ${l(this.minuteRef)}>${C||x}</span>${z&&o`<span class=${s(i.minuteSuffix)}>${ae}</span>`||""}${z&&o`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(y)||"0")??t} aria-valuetext=${y??t} class=${s({[i.empty]:!F,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?g:void 0} role=spinbutton tabindex=0 ${l(this.secondRef)}>${F||x}</span>`||""}${I&&o`<span class=${s(i.decimalSeparator)}>${ie}</span>`||""}${I&&o`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ne&&parseInt(r)||"0")??t} aria-valuetext=${k??t} class=${s({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?Z:void 0} role=spinbutton tabindex=0 ${l(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${H&&o`<span class=${s(i.secondSuffix)}>${H}</span>`||""}${E&&!O&&this.renderMeridiem("end")||""}</div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${l(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value}></calcite-time-picker></calcite-popover>${K({component:this})}${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(e){let{handleMeridiemKeyDownEvent:n,localizedMeridiem:a,meridiem:r}=this.time,c=!this.disabled&&!this.readOnly;return o`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${r==="PM"&&"2"||"1"} aria-valuetext=${r??t} class=${s({[i.empty]:!a,[i.input]:!0,[i.meridiem]:!0,[i.meridiemStart]:e==="start",[i.meridiemEnd]:e==="end"})} @focus=${this.timePartFocusHandler} @keydown=${c?n:void 0} role=spinbutton tabindex=0 ${l(this.meridiemRef)}>${a||"--"}</span>`}renderToggleIcon(e){return o`<span class=${s(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?w.chevronUp:w.chevronDown} .scale=${L(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as Y}from"./UH5WV7SY.js";import{a as X}from"./ECECL2DW.js";import{b as m}from"./KJ6NAOJF.js";import{e as u}from"./Y7AGH5IH.js";import{a as W}from"./5UOWQ3MA.js";import{a as Q}from"./YEUMBOEM.js";import{c as _,d as G,e as J}from"./URAO4XAC.js";import"./W4NYL6UG.js";import{a as q,c as U,e as N,h as K}from"./RXARSOBL.js";import{a as j}from"./NE6OGDXV.js";import"./BO2O5KMG.js";import{a as A}from"./3VJJRF3X.js";import{a as V}from"./OSEKWZS7.js";import{a as L}from"./TT7RWLOX.js";import"./CZY6CEPK.js";import{e as B}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{B as d,C as l,D as T,E as s,I as M,P as D,g as R,h as o,l as t,o as p}from"./2SA54RJJ.js";var le=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",meridiemStart:"meridiem--start",meridiemEnd:"meridiem--end",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},w={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends T{constructor(){super(),this.messages=A(),this.containerRef=d(),this.focusSetter=V()(this),this.fractionalSecondRef=d(),this.hourRef=d(),this.meridiemRef=d(),this.minuteRef=d(),this.secondRef=d(),this.time=Y(this),this.interactiveContainer=j(this),this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputTimePickerBeforeClose=p({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=p({cancelable:!1}),this.calciteInputTimePickerChange=p(),this.calciteInputTimePickerClose=p({cancelable:!1}),this.calciteInputTimePickerOpen=p({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:M,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=le}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),_(this),U(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value)):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),G(this),N(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:n}=this;e!==n&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=n)}keyDownHandler(e){let{defaultPrevented:n,key:a}=e,{hourFormat:r,meridiemOrder:c}=this.time;if(!n)if(a==="Enter")q(this)&&e.preventDefault(),this.changeEventHandler();else if(this.open&&a==="Escape")this.open=!1,e.preventDefault();else{let v=m(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:a==="ArrowRight"?this.setFocusPart("minute"):a==="ArrowLeft"&&r==="12"&&c===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(a){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":m(this.step)>0?this.setFocusPart("fractionalSecond"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":r==="12"&&c!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:a==="ArrowLeft"&&c!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):a==="ArrowRight"&&c===0&&this.setFocusPart("hour");break}}}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}syncHiddenFormInput(e){X("time",this,e)}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let n=e.detail;n!==this.value&&(this.value=n)}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:n,scale:a}=this,{fractionalSecond:r,handleHourKeyDownEvent:c,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:Z,hour:b,hourFormat:ee,localizedDecimalSeparator:ie,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:te,localizedMinute:C,localizedMinuteSuffix:ae,localizedSecond:F,localizedSecondSuffix:H,meridiemOrder:se,minute:$,second:y}=this.time,x="--",ne=u(r),re=u(b),oe=u($),ce=u(y),I=m(this.step)>0,E=ee==="12",z=this.step<60,O=se===0||B(this.el)==="rtl",h=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:o`${this.labelText&&Q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${s({[i.container]:!0,[i.readOnly]:n})} role=combobox ${l(this.containerRef)}><calcite-icon class=${s(i.clockIcon)} .icon=${w.clock} .scale=${a==="l"?"m":"s"}></calcite-icon><div aria-label=${J(this)??t} .ariaRequired=${this.required} class=${s(i.inputContainer)} dir=ltr id=${f.inputContainer} role=group>${E&&O&&this.renderMeridiem("start")||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(re&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${s({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?c:void 0} role=spinbutton tabindex=0 ${l(this.hourRef)}>${S||x}</span><span class=${s(i.hourSuffix)}>${te}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(oe&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${s({[i.empty]:!C,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?v:void 0} role=spinbutton tabindex=0 ${l(this.minuteRef)}>${C||x}</span>${z&&o`<span class=${s(i.minuteSuffix)}>${ae}</span>`||""}${z&&o`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ce&&parseInt(y)||"0")??t} aria-valuetext=${y??t} class=${s({[i.empty]:!F,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?g:void 0} role=spinbutton tabindex=0 ${l(this.secondRef)}>${F||x}</span>`||""}${I&&o`<span class=${s(i.decimalSeparator)}>${ie}</span>`||""}${I&&o`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ne&&parseInt(r)||"0")??t} aria-valuetext=${k??t} class=${s({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${h?Z:void 0} role=spinbutton tabindex=0 ${l(this.fractionalSecondRef)}>${k||"".padStart(m(this.step),"-")}</span>`||""}${H&&o`<span class=${s(i.secondSuffix)}>${H}</span>`||""}${E&&!O&&this.renderMeridiem("end")||""}</div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${l(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value}></calcite-time-picker></calcite-popover>${K({component:this})}${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(e){let{handleMeridiemKeyDownEvent:n,localizedMeridiem:a,meridiem:r}=this.time,c=!this.disabled&&!this.readOnly;return o`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${r==="PM"&&"2"||"1"} aria-valuetext=${r??t} class=${s({[i.empty]:!a,[i.input]:!0,[i.meridiem]:!0,[i.meridiemStart]:e==="start",[i.meridiemEnd]:e==="end"})} @focus=${this.timePartFocusHandler} @keydown=${c?n:void 0} role=spinbutton tabindex=0 ${l(this.meridiemRef)}>${a||"--"}</span>`}renderToggleIcon(e){return o`<span class=${s(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?w.chevronUp:w.chevronDown} .scale=${L(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as m}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as m}from"./NE6OGDXV.js";import{a as p}from"./JO5ZIZTO.js";import"./CZY6CEPK.js";import{y as i}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{C as r,D as n,E as d,P as h,g as l,h as c,o}from"./2SA54RJJ.js";var u={container:"container"},f=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto,1fr);grid-auto-flow:column}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends n{constructor(){super(),this.items=[],this.mutationObserver=p("mutation",()=>this.updateTiles()),this.interactiveContainer=m(this),this.alignment="start",this.disabled=!1,this.layout="horizontal",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.calciteTileGroupSelect=o({cancelable:!1}),this.listen("calciteInternalTileKeyEvent",this.calciteInternalTileKeyEventListener),this.listen("calciteTileSelect",this.calciteTileSelectHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=f}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateTiles()}willUpdate(e){(e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon"))&&this.updateTiles()}loaded(){this.updateSelectedItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getSlottedTiles(){return this.slotEl?.assignedElements({flatten:!0}).filter(e=>e?.matches("calcite-tile"))}selectItem(e){e&&(this.items?.forEach(t=>{let s=e===t;switch(this.selectionMode){case"multiple":s&&(t.selected=!t.selected);break;case"single":t.selected=s&&!t.selected;break;case"single-persist":t.selected=!!s;break}}),this.updateSelectedItems(),this.calciteTileGroupSelect.emit())}setSlotEl(e){this.slotEl=e}updateSelectedItems(){let e=this.items?.filter(t=>t.selected);(this.selectionMode==="single"||this.selectionMode==="single-persist")&&e?.length>1?(this.selectedItems=[e.pop()],this.items?.forEach(t=>{this.selectedItems.indexOf(t)===-1&&(t.selected=!1)})):this.selectedItems=e??[]}updateTiles(){this.items=this.getSlottedTiles(),this.items?.forEach(e=>{e.alignment=this.alignment,e.interactive=!0,e.layout=this.layout,e.scale=this.scale,e.selectionAppearance=this.selectionAppearance,e.selectionMode=this.selectionMode}),this.updateSelectedItems()}calciteInternalTileKeyEventListener(e){if(e.composedPath().includes(this.el)){e.preventDefault(),e.stopPropagation();let t=this.items?.filter(s=>!s.disabled);switch(e.detail.key){case"ArrowDown":case"ArrowRight":i(t,e.detail.target,"next",!0,!1);break;case"ArrowUp":case"ArrowLeft":i(t,e.detail.target,"previous",!0,!1);break;case"Home":i(t,e.detail.target,"first",!0,!1);break;case"End":i(t,e.detail.target,"last",!0,!1);break}}}calciteTileSelectHandler(e){e.composedPath().includes(this.el)&&this.selectItem(e.target)}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return this.interactiveContainer({disabled:this.disabled,children:c`<div .ariaLabel=${this.label} class=${d(u.container)} .role=${e}><slot @slotchange=${this.updateTiles} ${r(this.setSlotEl)}></slot></div>`})}};h("calcite-tile-group",a);export{a as TileGroup};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
4
|
var i="CALCITE-COMBOBOX-ITEM",l="CALCITE-COMBOBOX-ITEM-GROUP",t=`${i}, ${l}`,o={allSelected:"all-selected",chip:"chip",chipInvisible:"chip--invisible",icon:"icon",input:"input",inputHidden:"input--hidden",label:"label",labelIcon:"label--icon",listContainer:"list-container",noMatches:"no-matches",noMatchesPlaceholder:"no-matches-placeholder",placeholderIcon:"placeholder-icon",selectAll:"select-all",selectionDisplayFit:"selection-display--fit",selectionDisplaySingle:"selection-display--single",selectedIcon:"selected-icon",floatingUIContainer:"floating-ui-container",screenReadersOnly:"screen-readers-only",wrapper:"wrapper",wrapperSingle:"wrapper--single",wrapperActive:"wrapper--active",gridInput:"grid-input",inputSingle:"input--single",inputIcon:"input--icon",inputWrap:"input-wrap",inputWrapSingle:"input-wrap--single",iconEnd:"icon-end",iconStart:"icon-start",list:"list",listHide:"list--hide"},n="combobox",c={validationMessage:"comboboxValidationMessage",item:e=>`${n}-item-${e}`,chip:e=>`${n}-chip-${e}`,label:e=>`${n}-label-${e}`,listbox:e=>`${n}-listbox-${e}`,input:e=>`${n}-input-${e}`},a={chevronUp:"chevron-up",chevronDown:"chevron-down"},s={labelContent:"label-content"};export{i as a,l as b,t as c,o as d,c as e,a as f,s as g};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{c as p}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{c as p}from"./DZJTVCEX.js";import{a as h}from"./2CZRJQNV.js";import{D as d,E as i,H as c,P as b,g as o,h as r}from"./2SA54RJJ.js";var l={container:"container",content:"content",scale:t=>`scale-${t}`},m={tabTitleId:t=>`calcite-tab-title-${t}`},f=o`:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: .625rem;font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends d{constructor(){super(),this.guid=m.tabTitleId(h()),this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=f}async getTabIndex(){return Array.prototype.indexOf.call(p(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],s=[]){this.labeledBy=s[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(a=>a.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(a=>{this.selected=a===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return c(this.el,"aria-labelledby",this.labeledBy),c(this.el,"id",e),r`<div class=${i({[l.container]:!0,[l.scale(this.scale)]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${i(l.content)}><slot></slot></section></div>`}};b("calcite-tab",n);export{n as Tab};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
4
|
function t(n){return n==="l"?"m":"s"}function a(n){return n.hidden||n.itemHidden}async function i(n){await n.componentOnReady(),await n.updateComplete}export{t as a,a as b,i as c};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{p as m,w as z}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{p as m,w as z}from"./J3HUB43I.js";import"./CUZIPESL.js";import{d as k}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{D as g,E as c,F as p,G as h,P as v,g as b,h as o}from"./2SA54RJJ.js";var u={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function x(a){a=$(a);let e=0;for(let i=0;i<a.length;i++)e=a.charCodeAt(i)+((e<<5)-e);let t="#";for(let i=0;i<3;i++){let r=e>>i*8&255;t+=("00"+r.toString(16)).substr(-2)}return t}function $(a){let e=Math.floor(a.length/2),t=a.split("").reverse().join("");return t.substring(e)+t.slice(0,e)}function y(a){let{r:e,g:t,b:i}=a;e/=255,t/=255,i/=255;let r=Math.max(e,t,i),l=Math.min(e,t,i),s=r-l;if(r===l)return 0;let n=(r+l)/2;switch(r){case e:n=(t-i)/s+(t<i?6:0);break;case t:n=(i-e)/s+2;break;case i:n=(e-t)/s+4;break}return Math.round(n*60)}function C(a){return y(z(a))}var T=b`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends g{constructor(){super(...arguments),this.thumbnailFailedToLoad=!1,this.scale="m"}static{this.properties={thumbnailFailedToLoad:[16,{},{state:!0}],fullName:[3,{},{reflect:!0}],label:1,scale:[3,{},{reflect:!0}],thumbnail:[3,{},{reflect:!0}],userId:[3,{},{reflect:!0}],username:[3,{},{reflect:!0}]}}static{this.styles=T}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad)return o`<img alt=${(this.label||"")??h} class=${c(u.thumbnail)} @error=${()=>this.thumbnailFailedToLoad=!0} src=${this.thumbnail??h}>`;let e=this.generateInitials(),t=this.generateFillColor();return o`<span .ariaLabel=${this.label||this.fullName} class=${c(u.background)} role=figure style=${p({backgroundColor:t})}>${e?o`<span aria-hidden=true class=${c(u.initials)}>${e}</span>`:o`<calcite-icon class=${c(u.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`}generateFillColor(){let{userId:e,username:t,fullName:i,el:r}=this,l=k(r),s=e&&`#${e.substr(e.length-6)}`,n=t||i||"",f=s&&m(s)?s:x(n);return!e&&!n||!m(f)?"var(--calcite-avatar-background-color, var(--calcite-color-foreground-2))":`var(--calcite-avatar-background-color, hsl(${C(f)}, 60%, ${l==="dark"?20:90}%))`}generateInitials(){let{fullName:e,username:t}=this;return e?e.trim().split(" ").map(i=>i.substring(0,1)).join(""):t?t.substring(0,2):!1}render(){return this.determineContent()}};v("calcite-avatar",d);export{d as Avatar};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{d as t}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{d as t}from"./6YZ5EOSJ.js";import{a as y}from"./NE6OGDXV.js";import{a as v}from"./PTIXMKY6.js";import{a as B}from"./3VJJRF3X.js";import{a as k}from"./OSEKWZS7.js";import"./TT7RWLOX.js";import"./CZY6CEPK.js";import{e as w}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{B as h,C as f,D as m,E as g,P as $,g as u,h as d,l as b,o as a}from"./2SA54RJJ.js";var L={backButton:"back-button"},C={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerEnd:"footer-end",footerStart:"footer-start"},O=u`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space)}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends m{constructor(){super(...arguments),this.backButtonRef=h(),this.containerRef=h(),this.messages=B(),this.focusSetter=k()(this),this.interactiveContainer=y(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.calciteFlowItemBack=a(),this.calciteFlowItemClose=a({cancelable:!1}),this.calciteFlowItemCollapse=a({cancelable:!1}),this.calciteFlowItemExpand=a({cancelable:!1}),this.calciteFlowItemScroll=a({cancelable:!1}),this.calciteFlowItemToggle=a({cancelable:!1}),this.calciteInternalFlowItemChange=a({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}]}}static{this.styles=O}async scrollContentTo(e){await this.containerRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.backButtonRef.value||this.containerRef.value,e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}handleInternalPanelScroll(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}renderBackButton(){let{el:e}=this,i=w(e)==="rtl",{showBackButton:n,backButtonClick:s,messages:r}=this,l=r.back,c=i?C.backRight:C.backLeft;return n?v("flow-back-button",d`<calcite-action .ariaLabel=${l} class=${g(L.backButton)} .icon=${c} @click=${s} scale=s slot=${o.headerActionsStart} .text=${l} title=${l??b} ${f(this.backButtonRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:i,collapsible:n,closable:s,closed:r,description:l,disabled:c,heading:S,headingLevel:I,loading:x,menuOpen:F,messages:R,overlayPositioning:P,beforeClose:T,icon:E,iconFlipRtl:A}=this;return this.interactiveContainer({disabled:c,children:d`<calcite-panel .beforeClose=${T} .closable=${s} .closed=${r} .collapseDirection=${i} .collapsed=${e} .collapsible=${n} .description=${l} .disabled=${c} .heading=${S} .headingLevel=${I} .icon=${E} .iconFlipRtl=${A} .loading=${x} .menuOpen=${F} .messageOverrides=${R} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${P} .scale=${this.scale} ${f(this.containerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot></slot></calcite-panel>`})}};$("calcite-flow-item",p);export{p as FlowItem};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{b as S,c as F}from"./DCL3I2DT.js";import{e as f,i as z,j as N,m as w,n as U}from"./4ZEIXRNV.js";import{a as C}from"./H6MITS4O.js";import{b as P}from"./WUPPIKDG.js";import{d as $}from"./NUDIM2KL.js";import{o as y,q as O}from"./4DX6AFI7.js";var B=5;function x({locale:r,numberingSystem:e,includeSeconds:t=!0,fractionalSecondDigits:i,hour12:n}){let o={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:N(e)};return typeof n=="boolean"&&(o.hour12=n),t&&(o.second="2-digit",i&&(o.fractionalSecondDigits=i)),U(r,o)}function W(r,e){return parseFloat(`0.${r}`).toFixed(S(e)).replace("0.","")}function g(r,e){if(r==null)return;let t=r.toString(),i=S(r);if(r<1&&i>0&&i<4){let n=t.replace("0.","");return!e||n.length===e?n:n.length<e?n.padEnd(e,"0"):n}if(r>=0&&r<10)return t.padStart(2,"0");if(r>=10)return t}function J(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3))}function Q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),x(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:n})=>n==="dayPeriod")?.value?"12":"24"}function K({locale:r,meridiem:e,parts:t}){let i=["he","bs","mk"],n;if(t){if(n=t.find(({type:o})=>o==="dayPeriod")?.value||null,r&&i.includes(r)){let o=z.get(r);n==="PM"&&(n=o.pm),n==="AM"&&(n=o.am)}}else if(e)if(i.includes(r)){let o=z.get(r);n=e==="PM"?o.pm:o.am}else{let o=x({locale:r,hour12:!0}),s=6,a=18,l=new Date(Date.UTC(0,0,0,e==="AM"?s:a,0));n=o.formatToParts(l).find(({type:d})=>d==="dayPeriod")?.value||null}return n}function k(r,e){return w.numberFormatOptions={locale:r,numberingSystem:e},w.localize("1.1").split("")[1]}function I(r,e,t="latn"){let n=x({locale:e,numberingSystem:t}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return h(`${r}Suffix`,n,e)}function h(r,e,t="en"){if(!r||!e)return null;if(r==="hourSuffix"){let i=e.indexOf(e.find(({type:s})=>s==="hour")),n=e.indexOf(e.find(({type:s})=>s==="minute")),o=e[i+1];return o&&o.type==="literal"&&n-i===2&&o.value||null}if(r==="minuteSuffix"){let i=e.indexOf(e.find(({type:s})=>s==="minute")),n=e.indexOf(e.find(({type:s})=>s==="second")),o=e[i+1];return o&&o.type==="literal"&&n-i===2&&o.value||null}if(r==="secondSuffix"){let i,n=e.indexOf(e.find(({type:o})=>o==="fractionalSecond"));if(n!==-1)i=e[n+1];else{let o=e.indexOf(e.find(({type:s})=>s==="second"));i=e[o+1]}return i?.type==="literal"&&i.value||null}return r==="meridiem"&&(e.find(({type:n})=>n==="dayPeriod")?.value||null)?K({locale:t,parts:e}):e.find(({type:i})=>i===r)?.value||null}function E(r){if(!f(r))return null;let e=parseInt(r);return e>=0&&e<=11?"AM":"PM"}function X(r){return new Intl.DateTimeFormat(r,{hour:"2-digit",hour12:!0,minute:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(0,0,0,0,0))).findIndex(i=>i.type==="dayPeriod")}function V(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let t,i,n;if(e?[t,i,n]=r.split(":"):{hour:t,minute:i,second:n}=r,!t||!i)return!1;let o=parseInt(t),s=parseInt(i),a=parseInt(n),l=f(t)&&o>=0&&o<24,u=f(i)&&s>=0&&s<60,d=f(n)&&a>=0&&a<60;return!!(l&&u&&!n||l&&u&&d)}function Y(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!f(r))return!1;let t=Number(r),i=t>=0,n=t<24,o=t<60,s=t<=999;return e==="hour"?i&&n:e==="fractionalSecond"?i&&s:i&&o}function A({value:r,part:e,locale:t,numberingSystem:i="latn",hour12:n}){if(!Y(r,e))return;if(e==="fractionalSecond"){let u=k(t,i),d=null;if(r){w.numberFormatOptions={locale:t,numberingSystem:i};let m=w.localize("0");parseInt(r)===0?d="".padStart(r.length,m):(d=w.localize(`0.${r}`).replace(`${m}${u}`,""),d.length<r.length&&(d=d.padEnd(r.length,m)))}return d}let o=parseInt(r),s=new Date(Date.UTC(0,0,0,e==="hour"?o:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?o:0,e==="second"?o:0));if(!s)return;let l=x({hour12:n,locale:t,numberingSystem:i}).formatToParts(s);return h(e,l,t)}function v({hour12:r,includeSeconds:e=!0,locale:t,numberingSystem:i="latn",parts:n=!1,step:o,value:s}){if(!V(s))return null;let{hour:a,minute:l,second:u="0",fractionalSecond:d}=_(s,o),m=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(l),parseInt(u),d&&J(d))),b=x({fractionalSecondDigits:S(o),hour12:r,includeSeconds:e,locale:t,numberingSystem:i});if(n){let c=b.formatToParts(m);return{hour:h("hour",c),hourSuffix:h("hourSuffix",c),minute:h("minute",c),minuteSuffix:h("minuteSuffix",c),second:h("second",c),decimalSeparator:k(t,i),fractionalSecond:h("fractionalSecond",c),secondSuffix:t!=="bg"&&h("secondSuffix",c),meridiem:h("meridiem",c,t)}}else{let c=b.format(m)||null;if(!n&&typeof c=="string"&&t==="bg"&&c&&c.includes(" \u0447.")&&(c=c.replaceAll(" \u0447.","")),["he","bs","mk"].includes(t)){let M=z.get(t);c.includes("AM")?c=c.replaceAll("AM",M.am):c.includes("PM")&&(c=c.replaceAll("PM",M.pm)),t!=="he"&&c.indexOf(".")!==c.length-1&&(c=c.replace(".",","))}return c}}function _(r,e){if(V(r)){let[t,i,n]=r.split(":"),o=n,s=null;return n?.includes(".")&&([o,s]=n.split(".")),e&&(s=W(s,e)),{fractionalSecond:s,hour:t,minute:i,second:o}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function L(r,e=60){if(!V(r))return null;let t,i,n,o,s,a=null;return typeof r=="string"?([t,i,o]=r.split(":"),[n,s]=o?.split(".")||["0"]):(t=r.hour,i=r.minute,n=r.second,s=r.fractionalSecond),t&&i&&(a=`${g(parseInt(t))}:${g(parseInt(i))}`,e<60&&(a+=`:${g(parseInt(n||"0"))}`,e<1&&(a+=`.${W(s||"0",e)}`))),a}var T=class extends O{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.hour))switch(this.hourFormat){case"12":n=this.hour==="01"&&i>=0&&i<=2?`1${i}`:i;break;case"24":this.hour==="01"?n=`1${i}`:this.hour==="02"&&i>=0&&i<=3?n=`2${i}`:n=i;break}else n=i;this.setValuePart("hour",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.minute)&&this.minute.startsWith("0")){let o=parseInt(this.minute);n=o>B?i:`${o}${i}`}else n=i;this.setValuePart("minute",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.second)&&this.second.startsWith("0")){let o=parseInt(this.second);n=o>B?i:`${o}${i}`}else n=i;this.setValuePart("second",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:t}=e;if(P.includes(t)){let i=S(this.component.step),n=parseInt(this.fractionalSecond),o=n.toString().length,s;o>=i?s=t.padStart(i,"0"):o<i&&(s=`${n}${t}`.padStart(i,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${s}`))}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":e.preventDefault(),this.toggleMeridiem("up");break;case"ArrowDown":e.preventDefault(),this.toggleMeridiem("down");break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=y()}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=f(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let t=F(this.component.step),i=S(this.component.step),n=parseInt(this.fractionalSecond),o=parseFloat(`0.${this.fractionalSecond}`),s,a,l,u;e==="up"&&(s=isNaN(n)?0:o+t,a=parseFloat(s.toFixed(i)),l=F(a),u=a<1&&S(l)>0?g(l,i):"".padStart(i,"0")),e==="down"&&(s=isNaN(n)||n===0?1-t:o-t,a=parseFloat(s.toFixed(i)),l=F(a),u=a<1&&S(l)>0&&Math.sign(l)===1?g(l,i):"".padStart(i,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let t;this.meridiem?t=this.meridiem==="AM"?"PM":"AM":t=e==="down"?"PM":"AM",this.setValuePart("meridiem",t)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let t=!1,i=!1,n=!1;if(e.has("hourFormat")&&(t=!0,n=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(t=!0,i=!0,n=!0),e.has("numberingSystem")&&(n=!0),e.has("step")){let o=this.component.step,s=e.get("step");(o>=60&&s>0&&s<60||s>=60&&o>0&&o<60)&&(n=!0)}t&&this.setHourFormat(),i&&this.setMeridiemOrder(),n&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let t;if(f(this[e])){let i=parseInt(this[e]);t=i===0?59:i-1}else t=59;this.setValuePart(e,t)}incrementMinuteOrSecond(e){let t=f(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,t)}setHourFormat(){let{hourFormat:e,messages:t}=this.component;this.hourFormat=e==="user"?Q(t._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=X(e._lang)}setValue(e,t=!1){let{messages:i,numberingSystem:n,step:o,value:s}=this.component,a=i._lang,l=this.hourFormat==="12",u=L(e,o);if(V(e)){let{hour:d,minute:m,second:b,fractionalSecond:c}=_(u,o),{hour:M,hourSuffix:D,minute:p,minuteSuffix:q,second:Z,secondSuffix:G,decimalSeparator:R,fractionalSecond:j,meridiem:H}=v({hour12:l,locale:a,numberingSystem:n,parts:!0,step:o,value:u});this.hour=d,this.minute=m,this.second=b,this.fractionalSecond=c,this.localizedHour=M,this.localizedHourSuffix=D,this.localizedMinute=p,this.localizedMinuteSuffix=q,this.localizedSecond=Z,this.localizedDecimalSeparator=R,this.localizedFractionalSecond=j,this.localizedSecondSuffix=G,H&&(this.meridiem=E(this.hour),this.localizedMeridiem=H)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I("hour",a,n),this.localizedMinute=null,this.localizedMinuteSuffix=I("minute",a,n),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,n),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I("second",a,n),this.localizedMeridiem=null;u!==s?(this.userChangedValue=t,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,t){let{hourFormat:i}=this,{messages:n,numberingSystem:o,step:s}=this.component,a=n._lang,l=i==="12",u=this.component.value;if(e==="meridiem"){let D=this.meridiem;if(this.meridiem=t,this.localizedMeridiem=A({hour12:l,locale:a,numberingSystem:o,part:"meridiem",value:this.meridiem}),f(this.hour)){let p=parseInt(this.hour);switch(t){case"AM":p>=12&&(this.hour=g(p-12));break;case"PM":p<12&&(this.hour=g(p+12));break;default:this.component.value="";break}this.localizedHour=A({hour12:l,locale:a,numberingSystem:o,part:"hour",value:this.hour})}D!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let D=this.fractionalSecond,p=S(s);typeof t=="number"?this.fractionalSecond=t===0?"".padStart(p,"0"):g(t,p):this.fractionalSecond=t,this.localizedFractionalSecond=A({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:o,hour12:l}),D!==this.fractionalSecond&&this.component.requestUpdate()}else{let D=this[e];this[e]=typeof t=="number"?g(t):t,this[`localized${C(e)}`]=A({value:this[e],part:e,locale:a,numberingSystem:o,hour12:l}),D!==this[e]&&this.component.requestUpdate()}let{hour:d,minute:m,second:b,fractionalSecond:c}=this,M=L({hour:d,minute:m,second:b,fractionalSecond:c},s);u!==M&&(e==="hour"&&i==="12"&&(this.meridiem=E(d),this.localizedMeridiem=K({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(M??""))}},se=$(T);export{se as a};
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{b as S,c as F}from"./KJ6NAOJF.js";import{e as f,i as z,j as N,m as w,n as U}from"./Y7AGH5IH.js";import{a as C}from"./W4NYL6UG.js";import{b as P}from"./BO2O5KMG.js";import{d as $}from"./CZY6CEPK.js";import{o as y,q as O}from"./2SA54RJJ.js";var B=5;function x({locale:r,numberingSystem:e,includeSeconds:t=!0,fractionalSecondDigits:i,hour12:n}){let o={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:N(e)};return typeof n=="boolean"&&(o.hour12=n),t&&(o.second="2-digit",i&&(o.fractionalSecondDigits=i)),U(r,o)}function W(r,e){return parseFloat(`0.${r}`).toFixed(S(e)).replace("0.","")}function g(r,e){if(r==null)return;let t=r.toString(),i=S(r);if(r<1&&i>0&&i<4){let n=t.replace("0.","");return!e||n.length===e?n:n.length<e?n.padEnd(e,"0"):n}if(r>=0&&r<10)return t.padStart(2,"0");if(r>=10)return t}function J(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3))}function Q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),x(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:n})=>n==="dayPeriod")?.value?"12":"24"}function K({locale:r,meridiem:e,parts:t}){let i=["he","bs","mk"],n;if(t){if(n=t.find(({type:o})=>o==="dayPeriod")?.value||null,r&&i.includes(r)){let o=z.get(r);n==="PM"&&(n=o.pm),n==="AM"&&(n=o.am)}}else if(e)if(i.includes(r)){let o=z.get(r);n=e==="PM"?o.pm:o.am}else{let o=x({locale:r,hour12:!0}),s=6,a=18,l=new Date(Date.UTC(0,0,0,e==="AM"?s:a,0));n=o.formatToParts(l).find(({type:d})=>d==="dayPeriod")?.value||null}return n}function k(r,e){return w.numberFormatOptions={locale:r,numberingSystem:e},w.localize("1.1").split("")[1]}function I(r,e,t="latn"){let n=x({locale:e,numberingSystem:t}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return h(`${r}Suffix`,n,e)}function h(r,e,t="en"){if(!r||!e)return null;if(r==="hourSuffix"){let i=e.indexOf(e.find(({type:s})=>s==="hour")),n=e.indexOf(e.find(({type:s})=>s==="minute")),o=e[i+1];return o&&o.type==="literal"&&n-i===2&&o.value||null}if(r==="minuteSuffix"){let i=e.indexOf(e.find(({type:s})=>s==="minute")),n=e.indexOf(e.find(({type:s})=>s==="second")),o=e[i+1];return o&&o.type==="literal"&&n-i===2&&o.value||null}if(r==="secondSuffix"){let i,n=e.indexOf(e.find(({type:o})=>o==="fractionalSecond"));if(n!==-1)i=e[n+1];else{let o=e.indexOf(e.find(({type:s})=>s==="second"));i=e[o+1]}return i?.type==="literal"&&i.value||null}return r==="meridiem"&&(e.find(({type:n})=>n==="dayPeriod")?.value||null)?K({locale:t,parts:e}):e.find(({type:i})=>i===r)?.value||null}function E(r){if(!f(r))return null;let e=parseInt(r);return e>=0&&e<=11?"AM":"PM"}function X(r){return new Intl.DateTimeFormat(r,{hour:"2-digit",hour12:!0,minute:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(0,0,0,0,0))).findIndex(i=>i.type==="dayPeriod")}function V(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let t,i,n;if(e?[t,i,n]=r.split(":"):{hour:t,minute:i,second:n}=r,!t||!i)return!1;let o=parseInt(t),s=parseInt(i),a=parseInt(n),l=f(t)&&o>=0&&o<24,u=f(i)&&s>=0&&s<60,d=f(n)&&a>=0&&a<60;return!!(l&&u&&!n||l&&u&&d)}function Y(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!f(r))return!1;let t=Number(r),i=t>=0,n=t<24,o=t<60,s=t<=999;return e==="hour"?i&&n:e==="fractionalSecond"?i&&s:i&&o}function A({value:r,part:e,locale:t,numberingSystem:i="latn",hour12:n}){if(!Y(r,e))return;if(e==="fractionalSecond"){let u=k(t,i),d=null;if(r){w.numberFormatOptions={locale:t,numberingSystem:i};let m=w.localize("0");parseInt(r)===0?d="".padStart(r.length,m):(d=w.localize(`0.${r}`).replace(`${m}${u}`,""),d.length<r.length&&(d=d.padEnd(r.length,m)))}return d}let o=parseInt(r),s=new Date(Date.UTC(0,0,0,e==="hour"?o:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?o:0,e==="second"?o:0));if(!s)return;let l=x({hour12:n,locale:t,numberingSystem:i}).formatToParts(s);return h(e,l,t)}function v({hour12:r,includeSeconds:e=!0,locale:t,numberingSystem:i="latn",parts:n=!1,step:o,value:s}){if(!V(s))return null;let{hour:a,minute:l,second:u="0",fractionalSecond:d}=_(s,o),m=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(l),parseInt(u),d&&J(d))),b=x({fractionalSecondDigits:S(o),hour12:r,includeSeconds:e,locale:t,numberingSystem:i});if(n){let c=b.formatToParts(m);return{hour:h("hour",c),hourSuffix:h("hourSuffix",c),minute:h("minute",c),minuteSuffix:h("minuteSuffix",c),second:h("second",c),decimalSeparator:k(t,i),fractionalSecond:h("fractionalSecond",c),secondSuffix:t!=="bg"&&h("secondSuffix",c),meridiem:h("meridiem",c,t)}}else{let c=b.format(m)||null;if(!n&&typeof c=="string"&&t==="bg"&&c&&c.includes(" \u0447.")&&(c=c.replaceAll(" \u0447.","")),["he","bs","mk"].includes(t)){let M=z.get(t);c.includes("AM")?c=c.replaceAll("AM",M.am):c.includes("PM")&&(c=c.replaceAll("PM",M.pm)),t!=="he"&&c.indexOf(".")!==c.length-1&&(c=c.replace(".",","))}return c}}function _(r,e){if(V(r)){let[t,i,n]=r.split(":"),o=n,s=null;return n?.includes(".")&&([o,s]=n.split(".")),e&&(s=W(s,e)),{fractionalSecond:s,hour:t,minute:i,second:o}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function L(r,e=60){if(!V(r))return null;let t,i,n,o,s,a=null;return typeof r=="string"?([t,i,o]=r.split(":"),[n,s]=o?.split(".")||["0"]):(t=r.hour,i=r.minute,n=r.second,s=r.fractionalSecond),t&&i&&(a=`${g(parseInt(t))}:${g(parseInt(i))}`,e<60&&(a+=`:${g(parseInt(n||"0"))}`,e<1&&(a+=`.${W(s||"0",e)}`))),a}var T=class extends O{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.hour))switch(this.hourFormat){case"12":n=this.hour==="01"&&i>=0&&i<=2?`1${i}`:i;break;case"24":this.hour==="01"?n=`1${i}`:this.hour==="02"&&i>=0&&i<=3?n=`2${i}`:n=i;break}else n=i;this.setValuePart("hour",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.minute)&&this.minute.startsWith("0")){let o=parseInt(this.minute);n=o>B?i:`${o}${i}`}else n=i;this.setValuePart("minute",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let t=e.key;if(P.includes(t)){let i=parseInt(t),n;if(f(this.second)&&this.second.startsWith("0")){let o=parseInt(this.second);n=o>B?i:`${o}${i}`}else n=i;this.setValuePart("second",n)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:t}=e;if(P.includes(t)){let i=S(this.component.step),n=parseInt(this.fractionalSecond),o=n.toString().length,s;o>=i?s=t.padStart(i,"0"):o<i&&(s=`${n}${t}`.padStart(i,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${s}`))}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":e.preventDefault(),this.toggleMeridiem("up");break;case"ArrowDown":e.preventDefault(),this.toggleMeridiem("down");break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=y()}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=f(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let t=F(this.component.step),i=S(this.component.step),n=parseInt(this.fractionalSecond),o=parseFloat(`0.${this.fractionalSecond}`),s,a,l,u;e==="up"&&(s=isNaN(n)?0:o+t,a=parseFloat(s.toFixed(i)),l=F(a),u=a<1&&S(l)>0?g(l,i):"".padStart(i,"0")),e==="down"&&(s=isNaN(n)||n===0?1-t:o-t,a=parseFloat(s.toFixed(i)),l=F(a),u=a<1&&S(l)>0&&Math.sign(l)===1?g(l,i):"".padStart(i,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let t;this.meridiem?t=this.meridiem==="AM"?"PM":"AM":t=e==="down"?"PM":"AM",this.setValuePart("meridiem",t)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let t=!1,i=!1,n=!1;if(e.has("hourFormat")&&(t=!0,n=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(t=!0,i=!0,n=!0),e.has("numberingSystem")&&(n=!0),e.has("step")){let o=this.component.step,s=e.get("step");(o>=60&&s>0&&s<60||s>=60&&o>0&&o<60)&&(n=!0)}t&&this.setHourFormat(),i&&this.setMeridiemOrder(),n&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let t;if(f(this[e])){let i=parseInt(this[e]);t=i===0?59:i-1}else t=59;this.setValuePart(e,t)}incrementMinuteOrSecond(e){let t=f(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,t)}setHourFormat(){let{hourFormat:e,messages:t}=this.component;this.hourFormat=e==="user"?Q(t._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=X(e._lang)}setValue(e,t=!1){let{messages:i,numberingSystem:n,step:o,value:s}=this.component,a=i._lang,l=this.hourFormat==="12",u=L(e,o);if(V(e)){let{hour:d,minute:m,second:b,fractionalSecond:c}=_(u,o),{hour:M,hourSuffix:D,minute:p,minuteSuffix:q,second:Z,secondSuffix:G,decimalSeparator:R,fractionalSecond:j,meridiem:H}=v({hour12:l,locale:a,numberingSystem:n,parts:!0,step:o,value:u});this.hour=d,this.minute=m,this.second=b,this.fractionalSecond=c,this.localizedHour=M,this.localizedHourSuffix=D,this.localizedMinute=p,this.localizedMinuteSuffix=q,this.localizedSecond=Z,this.localizedDecimalSeparator=R,this.localizedFractionalSecond=j,this.localizedSecondSuffix=G,H&&(this.meridiem=E(this.hour),this.localizedMeridiem=H)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I("hour",a,n),this.localizedMinute=null,this.localizedMinuteSuffix=I("minute",a,n),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,n),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I("second",a,n),this.localizedMeridiem=null;u!==s?(this.userChangedValue=t,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,t){let{hourFormat:i}=this,{messages:n,numberingSystem:o,step:s}=this.component,a=n._lang,l=i==="12",u=this.component.value;if(e==="meridiem"){let D=this.meridiem;if(this.meridiem=t,this.localizedMeridiem=A({hour12:l,locale:a,numberingSystem:o,part:"meridiem",value:this.meridiem}),f(this.hour)){let p=parseInt(this.hour);switch(t){case"AM":p>=12&&(this.hour=g(p-12));break;case"PM":p<12&&(this.hour=g(p+12));break;default:this.component.value="";break}this.localizedHour=A({hour12:l,locale:a,numberingSystem:o,part:"hour",value:this.hour})}D!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let D=this.fractionalSecond,p=S(s);typeof t=="number"?this.fractionalSecond=t===0?"".padStart(p,"0"):g(t,p):this.fractionalSecond=t,this.localizedFractionalSecond=A({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:o,hour12:l}),D!==this.fractionalSecond&&this.component.requestUpdate()}else{let D=this[e];this[e]=typeof t=="number"?g(t):t,this[`localized${C(e)}`]=A({value:this[e],part:e,locale:a,numberingSystem:o,hour12:l}),D!==this[e]&&this.component.requestUpdate()}let{hour:d,minute:m,second:b,fractionalSecond:c}=this,M=L({hour:d,minute:m,second:b,fractionalSecond:c},s);u!==M&&(e==="hour"&&i==="12"&&(this.meridiem=E(d),this.localizedMeridiem=K({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(M??""))}},se=$(T);export{se as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as w}from"./FST7R3GB.js";import{a as y}from"./EMU2AT4J.js";import"./SWLBZTLD.js";import"./NUDIM2KL.js";import{t as z}from"./CU3NAWYI.js";import"./4HYFSWQK.js";import{C as g,D as m,E as i,G as x,P as k,g as b,h as n,o as h}from"./4DX6AFI7.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},C={contentBottom:"content-bottom",contentTop:"content-top"},T=b`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,p=class extends m{constructor(){super(),this.focusSetter=y()(this),this.interactiveContainer=w(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=h({cancelable:!1}),this.calciteTileSelect=h(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=T}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let c=e.target.dataset.name;this[`has${c}`]=z(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:c,selectionMode:a}=this;if(c==="icon"&&a!=="none")return n`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:c,hasContentBottom:a,hasContentTop:$,heading:l,icon:r,iconFlipRtl:S,interactive:o,selectionMode:d}=this,B=l&&r&&!e,v=!!this.href||!o,u=d==="multiple"&&o?"checkbox":d!=="none"&&o?"radio":o?"button":void 0,f=!!(e||l||r),E=!f&&$&&a;return n`<div .ariaChecked=${d!=="none"&&o?this.selected:void 0} .ariaDisabled=${v?c:void 0} .ariaLabel=${u&&this.label} class=${i({[t.container]:!0,[t.interactive]:o,[t.largeVisualDeprecated]:B,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(v?void 0:0)??x} ${g(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:E})}><slot name=${C.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&n`<calcite-icon class=${i(t.icon)} .flipRtl=${S} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${i(t.textContent)}>${l&&n`<div class=${i(t.heading)}>${l}</div>`||""}${e&&n`<div class=${i(t.description)}>${e}</div>`||""}</div></div><slot name=${C.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?n`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",p);export{p as Tile};
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as w}from"./NE6OGDXV.js";import{a as y}from"./OSEKWZS7.js";import"./TT7RWLOX.js";import"./CZY6CEPK.js";import{t as z}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{C as g,D as m,E as i,G as x,P as k,g as b,h as n,o as h}from"./2SA54RJJ.js";var t={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"},s={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"},C={contentBottom:"content-bottom",contentTop:"content-top"},T=b`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`,p=class extends m{constructor(){super(),this.focusSetter=y()(this),this.interactiveContainer=w(this),this.hasContentBottom=!1,this.hasContentTop=!1,this.active=!1,this.alignment="start",this.disabled=!1,this.embed=!1,this.iconFlipRtl=!1,this.interactive=!1,this.layout="horizontal",this.scale="m",this.selected=!1,this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalTileKeyEvent=h({cancelable:!1}),this.calciteTileSelect=h(),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],description:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],embed:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],href:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=T}async setFocus(e){return this.focusSetter(()=>this.interactive?this.containerEl:void 0,e)}clickHandler(){this.interactive&&(this.setFocus(),this.handleSelectEvent())}handleSelectEvent(){this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===!0||this.calciteTileSelect.emit()}handleSlotChange(e){let c=e.target.dataset.name;this[`has${c}`]=z(e)}setContainerEl(e){this.containerEl=e}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleSelectEvent(),e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e),e.preventDefault();break}}renderSelectionIcon(){let{selected:e,selectionAppearance:c,selectionMode:a}=this;if(c==="icon"&&a!=="none")return n`<calcite-icon class=${i(t.selectionIcon)} .icon=${e?a==="multiple"?s.selectedMultiple:s.selectedSingle:a==="multiple"?s.unselectedMultiple:s.unselectedSingle} scale=s></calcite-icon>`}renderTile(){let{description:e,disabled:c,hasContentBottom:a,hasContentTop:$,heading:l,icon:r,iconFlipRtl:S,interactive:o,selectionMode:d}=this,B=l&&r&&!e,v=!!this.href||!o,u=d==="multiple"&&o?"checkbox":d!=="none"&&o?"radio":o?"button":void 0,f=!!(e||l||r),E=!f&&$&&a;return n`<div .ariaChecked=${d!=="none"&&o?this.selected:void 0} .ariaDisabled=${v?c:void 0} .ariaLabel=${u&&this.label} class=${i({[t.container]:!0,[t.interactive]:o,[t.largeVisualDeprecated]:B,[t.row]:!0,[t.selected]:this.selected})} @click=${this.clickHandler} .role=${u} tabindex=${(v?void 0:0)??x} ${g(this.setContainerEl)}>${this.renderSelectionIcon()}<div class=${i({[t.contentContainer]:!0,[t.contentContainerHasContent]:f,[t.contentContainerHasOnlyContentTopAndBottom]:E})}><slot name=${C.contentTop} @slotchange=${this.handleSlotChange}></slot>${r&&n`<calcite-icon class=${i(t.icon)} .flipRtl=${S} .icon=${r} scale=l></calcite-icon>`||""}<div class=${i({[t.textContentContainer]:!0,[t.row]:!0})}><div class=${i(t.textContent)}>${l&&n`<div class=${i(t.heading)}>${l}</div>`||""}${e&&n`<div class=${i(t.description)}>${e}</div>`||""}</div></div><slot name=${C.contentBottom} @slotchange=${this.handleSlotChange}></slot></div></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:this.href?n`<calcite-link .disabled=${e} .href=${this.href}>${this.renderTile()}</calcite-link>`:this.renderTile()})}};k("calcite-tile",p);export{p as Tile};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as O}from"./QYGH3IIO.js";import{a as S}from"./55ZUNINC.js";import{c as N,d as k,e as T}from"./VAX5Y6UB.js";import{c as E,e as C,f as y,h as I}from"./WRLB6XFZ.js";import{a as z}from"./FST7R3GB.js";import{a as b}from"./3NUNHJUT.js";import{a as x}from"./RU6R2G5Y.js";import{a as w}from"./EMU2AT4J.js";import{a as g}from"./SWLBZTLD.js";import"./NUDIM2KL.js";import"./CU3NAWYI.js";import"./4HYFSWQK.js";import{B as p,C as u,D as v,E as l,I as m,P as f,g as d,h as r,o as h}from"./4DX6AFI7.js";var L=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size--2);--calcite-select-spacing-inline: .5rem 2rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size--1);--calcite-select-spacing-inline: .75rem 2.5rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-0);--calcite-select-spacing-inline: 1rem 3rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-lg);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:solid;font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal);background-color:var(--calcite-select-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-select-shadow, var(--calcite-shadow-small))}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-start-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-start-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-end-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-end-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0 var(--calcite-select-internal-icon-border-inline-end-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,c={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},$={validationMessage:"selectValidationMessage"};function s(n){return n.tagName==="CALCITE-OPTION"}function A(n){return n.tagName==="CALCITE-OPTION-GROUP"}var o=class extends v{constructor(){super(),this.componentToNativeEl=new Map,this.mutationObserver=b("mutation",()=>this.populateInternalSelect()),this.selectRef=p(),this.messages=x(),this.focusSetter=w()(this),this.interactiveContainer=z(this),this.disabled=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedOption:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:m,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,width:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.selectRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{subtree:!0,childList:!0}),N(this),E(this)}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}loaded(){typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectRef.value?.selectedOptions[0];this.selectFromNativeOption(e),y(this,this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),k(this),C(this)}handleInternalSelectChange(){let e=this.selectRef.value.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectRef.value?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(A(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return r`<div class=${l(c.iconContainer)}><calcite-icon class=${l(c.icon)} icon=chevron-down .scale=${g(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:r`${this.labelText&&S({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l(c.wrapper)}><select aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} class=${l(c.select)} .disabled=${e} @change=${this.handleInternalSelectChange} .required=${this.required} ${u(this.selectRef)}><slot></slot></select>${this.renderChevron()}${I({component:this})}</div>${this.validationMessage&&this.status==="invalid"?O({icon:this.validationIcon,id:$.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};f("calcite-select",o);export{o as Select};
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as O}from"./5UOWQ3MA.js";import{a as S}from"./YEUMBOEM.js";import{c as N,d as k,e as T}from"./URAO4XAC.js";import{c as E,e as C,f as y,h as I}from"./RXARSOBL.js";import{a as z}from"./NE6OGDXV.js";import{a as b}from"./JO5ZIZTO.js";import{a as x}from"./3VJJRF3X.js";import{a as w}from"./OSEKWZS7.js";import{a as g}from"./TT7RWLOX.js";import"./CZY6CEPK.js";import"./DZJTVCEX.js";import"./2CZRJQNV.js";import{B as p,C as u,D as v,E as l,I as m,P as f,g as d,h as r,o as h}from"./2SA54RJJ.js";var L=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size--2);--calcite-select-spacing-inline: .5rem 2rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size--1);--calcite-select-spacing-inline: .75rem 2.5rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-0);--calcite-select-spacing-inline: 1rem 3rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-lg);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:solid;font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal);background-color:var(--calcite-select-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-select-shadow, var(--calcite-shadow-small))}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-start-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-start-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-end-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-end-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius-none));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0 var(--calcite-select-internal-icon-border-inline-end-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,c={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},$={validationMessage:"selectValidationMessage"};function s(n){return n.tagName==="CALCITE-OPTION"}function A(n){return n.tagName==="CALCITE-OPTION-GROUP"}var o=class extends v{constructor(){super(),this.componentToNativeEl=new Map,this.mutationObserver=b("mutation",()=>this.populateInternalSelect()),this.selectRef=p(),this.messages=x(),this.focusSetter=w()(this),this.interactiveContainer=z(this),this.disabled=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelText:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedOption:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:m,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,width:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=L}async setFocus(e){return this.focusSetter(()=>this.selectRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{subtree:!0,childList:!0}),N(this),E(this)}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}loaded(){typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectRef.value?.selectedOptions[0];this.selectFromNativeOption(e),y(this,this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),k(this),C(this)}handleInternalSelectChange(){let e=this.selectRef.value.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectRef.value?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(A(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return r`<div class=${l(c.iconContainer)}><calcite-icon class=${l(c.icon)} icon=chevron-down .scale=${g(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return this.interactiveContainer({disabled:e,children:r`${this.labelText&&S({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l(c.wrapper)}><select aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} class=${l(c.select)} .disabled=${e} @change=${this.handleInternalSelectChange} .required=${this.required} ${u(this.selectRef)}><slot></slot></select>${this.renderChevron()}${I({component:this})}</div>${this.validationMessage&&this.status==="invalid"?O({icon:this.validationIcon,id:$.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};f("calcite-select",o);export{o as Select};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{j as L,k as C,z as h}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{j as L,k as C,z as h}from"./DZJTVCEX.js";var k="calciteInternalLabelClick",E="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",v="calcite-label",r=new WeakMap,i=new WeakMap,c=new WeakMap,d=new WeakMap,s=new Set,y=e=>{let{id:t}=e,l=t&&L(e,{selector:`${v}[for="${t}"]`});if(l)return l;let a=C(e,v);return!a||M(a,e)?null:a};function M(e,t){let l,a="custom-element-ancestor-check",b=n=>{n.stopImmediatePropagation();let u=n.composedPath();l=u.slice(u.indexOf(t),u.indexOf(e))};return e.addEventListener(a,b,{once:!0}),t.dispatchEvent(new CustomEvent(a,{composed:!0,bubbles:!0})),e.removeEventListener(a,b),l.filter(n=>n!==t&&n!==e).filter(n=>n.tagName?.includes("-")).length>0}function m(e){if(!e)return;let t=y(e.el);if(i.has(t)&&t===e.labelEl||!t&&s.has(e))return;let l=O.bind(e);if(t){e.labelEl=t;let a=r.get(t)||[];a.push(e),r.set(t,a.sort(w)),i.has(e.labelEl)||(i.set(e.labelEl,g),e.labelEl.addEventListener(k,g)),s.delete(e),document.removeEventListener(E,c.get(e)),d.set(e,l),document.addEventListener(f,l)}else s.has(e)||(l(),document.removeEventListener(f,d.get(e)))}function T(e){if(!e||(s.delete(e),document.removeEventListener(E,c.get(e)),document.removeEventListener(f,d.get(e)),c.delete(e),d.delete(e),!e.labelEl))return;let t=r.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(k,i.get(e.labelEl)),i.delete(e.labelEl)),r.set(e.labelEl,t.filter(l=>l!==e).sort(w)),e.labelEl=null}function w(e,t){return h(e.el,t.el)?-1:1}function I(e){return e.label||e.labelEl?.textContent?.trim()||""}function g(e){let t=e.detail.sourceEvent.target,l=r.get(this),a=l.find(n=>n.el===t);if(l.includes(a))return;let o=l[0];o.disabled||o.onLabelClick(e)}function D(){s.has(this)&&m(this)}function O(){s.add(this);let e=c.get(this)||D.bind(this);c.set(this,e),document.addEventListener(E,e)}async function B(e){if(await e.componentOnReady(),r.has(e))return;let l=e.ownerDocument?.getElementById(e.for);l&&requestAnimationFrame(()=>{for(let a of s)if(a.el===l){m(a);break}})}export{E as a,f as b,m as c,T as d,I as e,B as f};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v5.0.0-next.
|
|
4
|
-
import{a as E}from"./
|
|
3
|
+
v5.0.0-next.29 */
|
|
4
|
+
import{a as E}from"./5UOWQ3MA.js";import{a as M}from"./YEUMBOEM.js";import{c as D,d as z,e as L}from"./URAO4XAC.js";import{c as I,e as C,f as k,h as S}from"./RXARSOBL.js";import{a as A}from"./NE6OGDXV.js";import{a as x}from"./3VJJRF3X.js";import{a as w}from"./OSEKWZS7.js";import"./TT7RWLOX.js";import"./CZY6CEPK.js";import{e as v,u as y}from"./DZJTVCEX.js";import"./2CZRJQNV.js";import{D as u,E as f,I as g,P as b,g as h,h as c,l as m,o as p}from"./2SA54RJJ.js";var T={itemWrapper:"item-wrapper"},$={validationMessage:"segmentedControlValidationMessage"},F=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.items=[],this.messages=x(),this.focusSetter=w()(this),this.interactiveContainer=A(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g,type:String},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.styles=F}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}connectedCallback(){super.connectedCallback(),D(this),I(this)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){k(this,this.value)}disconnectedCallback(){super.disconnectedCallback(),z(this),C(this)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,s=a.filter(i=>i===e).pop();s?this.selectItem(s):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||e.target.localName==="calcite-segmented-control-item"&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{el:s,selectedItem:i}=this;if(t.indexOf(a)===-1)return;let l=a;v(s)==="rtl"&&(a==="ArrowRight"&&(l="ArrowLeft"),a==="ArrowLeft"&&(l="ArrowRight"));let{items:n}=this,r=-1;switch(n.forEach((o,q)=>{o===i&&(r=q)}),l){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let o=r<1?n[n.length-1]:n[r-1];this.selectItem(o,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let o=r===-1?n[1]:n[r+1]||n[0];this.selectItem(o,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(a=>a.matches("calcite-segmented-control-item"));await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,s=null;a.forEach(i=>{let l=i===e;(l&&!i.checked||!l&&i.checked)&&(i.checked=l),i.tabIndex=l?0:-1,l&&(s=i)}),this.selectedItem=s,s&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),s.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&M({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${$.validationMessage} aria-label=${L(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f(T.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>${S({component:this})}`})}</div>${this.validationMessage&&this.status==="invalid"?E({icon:this.validationIcon,id:$.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};b("calcite-segmented-control",d);export{d as SegmentedControl};
|