@esri/calcite-components 3.0.0 → 3.0.2
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/calcite/{ATHBUWBY.js → 26HCN763.js} +2 -2
- package/dist/calcite/{OHOS32IT.js → 2D346WWC.js} +2 -2
- package/dist/calcite/{FNM4DZZH.js → 2FISXH45.js} +1 -1
- package/dist/calcite/{QAYSDI3M.js → 2J535H74.js} +1 -1
- package/dist/calcite/{DT67ZFPX.js → 2JYAKUAI.js} +2 -2
- package/dist/calcite/{WPAMFFBY.js → 2MRVC7VA.js} +2 -2
- package/dist/calcite/{N55N67N5.js → 2PENUS6W.js} +2 -2
- package/dist/calcite/{D2HDFE7S.js → 2Q43JR4R.js} +2 -2
- package/dist/calcite/{YA5A7PJR.js → 2QHD4PJ3.js} +2 -2
- package/dist/calcite/{KBDXI6DJ.js → 2XQRDBOF.js} +2 -2
- package/dist/calcite/{GYQTRH4V.js → 2YAKETFF.js} +2 -2
- package/dist/calcite/{RJLKHCRB.js → 36RFUWOV.js} +2 -2
- package/dist/calcite/{GE63ETFI.js → 3BBEWJXF.js} +2 -2
- package/dist/calcite/{RAQWKUOJ.js → 3IDVHKGJ.js} +2 -2
- package/dist/calcite/{WKTGTKRJ.js → 3INVFQIX.js} +2 -2
- package/dist/calcite/{YTRT5XZT.js → 3LLV2AEE.js} +2 -2
- package/dist/calcite/3MDXQNOS.js +4 -0
- package/dist/calcite/{Y6VF7HSM.js → 3RVGBVFJ.js} +2 -2
- package/dist/calcite/{R6GNPMSV.js → 3TLSGE35.js} +2 -2
- package/dist/calcite/{46U4MKUU.js → 3ZXS7UKF.js} +2 -2
- package/dist/calcite/{NWVCPRVB.js → 42EYBCUV.js} +1 -1
- package/dist/calcite/{HMVKZP47.js → 44T76NU4.js} +2 -2
- package/dist/calcite/{KW57BHXD.js → 4BJW4WBP.js} +2 -2
- package/dist/calcite/{G3ZJ2KQT.js → 4FEHFKFZ.js} +2 -2
- package/dist/calcite/{C54C5E23.js → 4GA4WC4S.js} +2 -2
- package/dist/calcite/{345Q4UHX.js → 4JFNYHYI.js} +2 -2
- package/dist/calcite/{4Z7JRTON.js → 4PUNUHJG.js} +2 -2
- package/dist/calcite/{EHZCT5YZ.js → 4S7WQOEH.js} +2 -2
- package/dist/calcite/{OGED6PPP.js → 4V2CYZGJ.js} +2 -2
- package/dist/calcite/{LHSAAMYQ.js → 4ZGOTZVH.js} +2 -2
- package/dist/calcite/{MQYH4ONZ.js → 4ZU47CQ3.js} +1 -1
- package/dist/calcite/{XXZIOSXQ.js → 532AODLB.js} +2 -2
- package/dist/calcite/{5AVZLE2Q.js → 57I55JUX.js} +2 -2
- package/dist/calcite/{X2UHFJHG.js → 5COCTVTL.js} +2 -2
- package/dist/calcite/{LH7KSBQC.js → 5K7VN4KA.js} +2 -2
- package/dist/calcite/{TSJJLMPA.js → 5LT4TL2A.js} +1 -1
- package/dist/calcite/{XT32TCZG.js → 5V5PZFPV.js} +1 -1
- package/dist/calcite/{FNFWOOMR.js → 5VWHRVSC.js} +1 -1
- package/dist/calcite/{KVSCG5E3.js → 63TOND25.js} +2 -2
- package/dist/calcite/{E3R5SMVW.js → 6CCGJZNF.js} +2 -2
- package/dist/calcite/{CBSMKHOY.js → 6EPLB3BH.js} +2 -2
- package/dist/calcite/{Z7VNUC77.js → 6LEJ3UPZ.js} +2 -2
- package/dist/calcite/{3TOVZEQB.js → 6MF5C5ST.js} +2 -2
- package/dist/calcite/{ESBOJTBS.js → 6VYYMBFV.js} +2 -2
- package/dist/calcite/{A5GGYTUQ.js → 762X4JRQ.js} +2 -2
- package/dist/calcite/{CNO6NFH5.js → 77BUHP3U.js} +2 -2
- package/dist/calcite/{6X2SD2PW.js → 7BNRX2TA.js} +2 -2
- package/dist/calcite/{CK6HQQX6.js → 7D6PTDQC.js} +1 -1
- package/dist/calcite/{6ZTWHW63.js → ADQG5III.js} +2 -2
- package/dist/calcite/{O4O3TSE5.js → AFAENHVJ.js} +2 -2
- package/dist/calcite/{VJD4CRQ3.js → AG3OBGY5.js} +2 -2
- package/dist/calcite/{FDIM6DYL.js → AGSPOKJL.js} +2 -2
- package/dist/calcite/{7WG5I3MP.js → ALESK5G3.js} +2 -2
- package/dist/calcite/{VCSXFNPO.js → AQIH4QSU.js} +2 -2
- package/dist/calcite/{AI3R3SU6.js → AR5Q6UVU.js} +2 -2
- package/dist/calcite/{VST65PDC.js → ARIDWTR6.js} +1 -1
- package/dist/calcite/{45GA6INB.js → AW6AIWFX.js} +2 -2
- package/dist/calcite/{6XTYGXNG.js → AWUASB3T.js} +2 -2
- package/dist/calcite/{R4RMVIKH.js → B3PECEJL.js} +2 -2
- package/dist/calcite/{YYJSHQR3.js → B4RFHTW2.js} +1 -1
- package/dist/calcite/{RLSQLIV6.js → BFYE5CCU.js} +2 -2
- package/dist/calcite/{GNUSLZWJ.js → BNGQWGBI.js} +2 -2
- package/dist/calcite/{QK2H5T7J.js → BPAXWMOU.js} +2 -2
- package/dist/calcite/{F6EGRKXW.js → BPPH3LON.js} +2 -2
- package/dist/calcite/{MCSX2S5T.js → BS4H6VSM.js} +2 -2
- package/dist/calcite/{RAFCSOOQ.js → BYC3WNCO.js} +2 -2
- package/dist/calcite/{KWOOGTG2.js → BYLYAZTZ.js} +2 -2
- package/dist/calcite/{PNHR5K2L.js → BYPR2JSH.js} +2 -2
- package/dist/calcite/{RMGYRZXR.js → BZD7GFVI.js} +2 -2
- package/dist/calcite/{HFIRIAQA.js → C4UTTCWS.js} +2 -2
- package/dist/calcite/{QCGLMLKW.js → CFI5FI64.js} +2 -2
- package/dist/calcite/{XOVG6UH3.js → CHIM52AT.js} +2 -2
- package/dist/calcite/{Z6GA347Y.js → CI3KGKPX.js} +2 -2
- package/dist/calcite/{GSXEMGSW.js → CUGMAH5O.js} +2 -2
- package/dist/calcite/{QLKHJI4P.js → CVRPAZHG.js} +1 -1
- package/dist/calcite/{RUTUU2EH.js → D3M3HCEU.js} +2 -2
- package/dist/calcite/{36DMRAV2.js → D5BK72IU.js} +2 -2
- package/dist/calcite/{7D3VEEUX.js → DABOIYSX.js} +2 -2
- package/dist/calcite/{WSGL37LB.js → DF4DAIZE.js} +2 -2
- package/dist/calcite/{OTHVFLNW.js → DP7DCTHA.js} +2 -2
- package/dist/calcite/{DDJ75RTI.js → DUIF4UOJ.js} +2 -2
- package/dist/calcite/{BSRMWMHQ.js → DXHVTM3H.js} +2 -2
- package/dist/calcite/{MBQZPRQ5.js → E3LQGBTP.js} +2 -2
- package/dist/calcite/{SYEQSDHG.js → E3P6UTBX.js} +2 -2
- package/dist/calcite/{7KSGVDSR.js → E4L6NZNF.js} +2 -2
- package/dist/calcite/{I32TMNTO.js → E77UFCG7.js} +1 -1
- package/dist/calcite/{7SX3RD7P.js → EPC6PV3A.js} +2 -2
- package/dist/calcite/{ZA76CHET.js → ERSVI3SQ.js} +2 -2
- package/dist/calcite/{GAAXSGWK.js → EUZ5QYKG.js} +2 -2
- package/dist/calcite/{E4NMFIKN.js → EZG5QKN6.js} +2 -2
- package/dist/calcite/{IYDN67SF.js → FBT37OEB.js} +2 -2
- package/dist/calcite/{QU33PBBI.js → FC7N6LLB.js} +2 -2
- package/dist/calcite/{G2KHDAZD.js → FPK4FZB7.js} +2 -2
- package/dist/calcite/{D36VWSDW.js → FTW2LAIW.js} +2 -2
- package/dist/calcite/{6OZRZ36X.js → FXELZL3D.js} +2 -2
- package/dist/calcite/{KBNS3CCT.js → G44GIY32.js} +2 -2
- package/dist/calcite/{L5FDXQMT.js → G57AKIT2.js} +1 -1
- package/dist/calcite/{JCWM5Z43.js → GE7AW6D3.js} +2 -2
- package/dist/calcite/{CWPRBG3T.js → GMSVWV3D.js} +2 -2
- package/dist/calcite/{CMO3X257.js → GO4QOK2G.js} +2 -2
- package/dist/calcite/{AXXJNFKZ.js → GRW4JOP4.js} +2 -2
- package/dist/calcite/{SKDMJE3X.js → GUGZXV6L.js} +1 -1
- package/dist/calcite/{ZGXTLCGJ.js → GYGPER4P.js} +2 -2
- package/dist/calcite/{V4JZRN7T.js → H7Q3GS6I.js} +2 -2
- package/dist/calcite/{2YAXZHP2.js → HAWP5JEV.js} +2 -2
- package/dist/calcite/{DBVNMM6Q.js → HHGO6V2F.js} +2 -2
- package/dist/calcite/{DH4ISGHV.js → HPIVWV3W.js} +2 -2
- package/dist/calcite/{R3HMG2D6.js → HVSGKI4U.js} +2 -2
- package/dist/calcite/{SMUXJLDL.js → HYAVXYZ2.js} +2 -2
- package/dist/calcite/HZD74WIH.js +4 -0
- package/dist/calcite/{YXLQFMOA.js → IF2VTG4O.js} +2 -2
- package/dist/calcite/{GKKCWEZX.js → IFPCUCS6.js} +2 -2
- package/dist/calcite/{4YZ27QWL.js → IIZHIWV2.js} +2 -2
- package/dist/calcite/{3DGJ6ZQI.js → IMPJNHBW.js} +2 -2
- package/dist/calcite/{NVBNX55L.js → IUEFQJD6.js} +2 -2
- package/dist/calcite/{LLSB73WA.js → IVQXEPWH.js} +2 -2
- package/dist/calcite/{ECEZ4R6E.js → IZ4UM67D.js} +2 -2
- package/dist/calcite/{CFRBQXK4.js → J67XRVOQ.js} +2 -2
- package/dist/calcite/{LB5ATL5Q.js → JAS5LR3V.js} +2 -2
- package/dist/calcite/{N2BVYYYP.js → JD225EOA.js} +2 -2
- package/dist/calcite/{KI2NOBMU.js → JIYWCS5W.js} +2 -2
- package/dist/calcite/{TNR5VZG2.js → JNT67J3Z.js} +2 -2
- package/dist/calcite/{XBZLGRRI.js → JORKWQP7.js} +2 -2
- package/dist/calcite/{AYZ73RWQ.js → K5VIMCTR.js} +2 -2
- package/dist/calcite/{RESHLE2Y.js → KBLPZCLN.js} +2 -2
- package/dist/calcite/{SJKTCGW6.js → KDOZHNH6.js} +2 -2
- package/dist/calcite/{24SER2VV.js → KEZYP6US.js} +2 -2
- package/dist/calcite/{U725E4ID.js → KFCQM5TQ.js} +2 -2
- package/dist/calcite/{DNYBIAUI.js → KJOYBAI5.js} +2 -2
- package/dist/calcite/{SBZ6VJ75.js → KKGMEX34.js} +1 -1
- package/dist/calcite/{FCN5RMLA.js → KN2DHQQX.js} +2 -2
- package/dist/calcite/{URM3R65T.js → KP54C3JZ.js} +2 -2
- package/dist/calcite/{MPX2M2VX.js → KTIU4AW5.js} +2 -2
- package/dist/calcite/{C46JYVUP.js → KUKMISYB.js} +2 -2
- package/dist/calcite/{BRTESQOJ.js → KXMBACE6.js} +2 -2
- package/dist/calcite/{66B2H27W.js → KYF26PQD.js} +2 -2
- package/dist/calcite/{VG7BJBFG.js → LALBDZYZ.js} +2 -2
- package/dist/calcite/{22RQB3WE.js → LEM2HQED.js} +1 -1
- package/dist/calcite/{IH4RXHJJ.js → LQPVMOYJ.js} +2 -2
- package/dist/calcite/{RVQMJBNS.js → LVN6GKGM.js} +2 -2
- package/dist/calcite/{5EPP4MG3.js → LVPZFTT7.js} +2 -2
- package/dist/calcite/{VNQNKQ2J.js → LX6AOLTA.js} +2 -2
- package/dist/calcite/{WWUBU6N5.js → M7C4BL3W.js} +2 -2
- package/dist/calcite/{RSAEDAEX.js → MBDY7HC3.js} +2 -2
- package/dist/calcite/{3IV6JSC2.js → MBW4RJGP.js} +2 -2
- package/dist/calcite/{FHBFGCTR.js → ME6Z2YOO.js} +2 -2
- package/dist/calcite/{7QHUEK5R.js → METSX5PL.js} +2 -2
- package/dist/calcite/{IXRMDUEL.js → MFSJ7P6E.js} +2 -2
- package/dist/calcite/{7U7FF3Y4.js → MKITX7PO.js} +2 -2
- package/dist/calcite/{HGTV36FX.js → MKVVU5LK.js} +2 -2
- package/dist/calcite/{4SEPDFCP.js → MMMDZXO3.js} +2 -2
- package/dist/calcite/{G7WFYVUC.js → MNEWDDI2.js} +2 -2
- package/dist/calcite/{T6HODD4B.js → N7VBZNZD.js} +2 -2
- package/dist/calcite/{JLZYAYOL.js → NMX7JENH.js} +2 -2
- package/dist/calcite/{OPBQNK7J.js → NQ2LK6DD.js} +2 -2
- package/dist/calcite/{2BGMAPSV.js → NUOSJ2QU.js} +2 -2
- package/dist/calcite/{CIV3PH3Z.js → NWMFN6P5.js} +2 -2
- package/dist/calcite/{LILDCWFX.js → NXAQ3ZNZ.js} +2 -2
- package/dist/calcite/{IJCTXZQB.js → O4ROBHBS.js} +2 -2
- package/dist/calcite/{T3NRBBZP.js → O6S6VY32.js} +2 -2
- package/dist/calcite/{4TQLSUKH.js → OPD7D4JP.js} +1 -1
- package/dist/calcite/{2JKKAEPM.js → ORNJ2SHJ.js} +2 -2
- package/dist/calcite/{K3ZBW4GY.js → OSDCA5Z5.js} +2 -2
- package/dist/calcite/{RVMVJW6K.js → OTFP3MJD.js} +2 -2
- package/dist/calcite/{EOHVH6PN.js → OYFIV5DV.js} +2 -2
- package/dist/calcite/{EFI2G5WL.js → P7NGK5HU.js} +2 -2
- package/dist/calcite/{I2OIH73C.js → P7S34RN4.js} +1 -1
- package/dist/calcite/{GN5CPLSJ.js → PBIOUIAG.js} +2 -2
- package/dist/calcite/{ZQO6E4FO.js → PDYG4KDD.js} +2 -2
- package/dist/calcite/{US3PQV6O.js → PGMKTKRG.js} +2 -2
- package/dist/calcite/{JEX42CPR.js → PXNVLWHJ.js} +2 -2
- package/dist/calcite/{EAML4EDI.js → PXWJSYPX.js} +2 -2
- package/dist/calcite/{QQ67AVDV.js → PYX2DOAY.js} +2 -2
- package/dist/calcite/{7E342YOK.js → Q66CF4W3.js} +2 -2
- package/dist/calcite/{HKHPJJ34.js → QCYLDKPD.js} +2 -2
- package/dist/calcite/{I62DUDHI.js → QNMIJ4WK.js} +2 -2
- package/dist/calcite/{NODC2JA6.js → QTFP7OUN.js} +2 -2
- package/dist/calcite/{KULDQOV2.js → QVCY4WGU.js} +2 -2
- package/dist/calcite/{MIKGJ3NM.js → R4SFKVAB.js} +2 -2
- package/dist/calcite/{UELGJSYH.js → R4WJ47LZ.js} +1 -1
- package/dist/calcite/{DTL2LM6T.js → R4XN3TM5.js} +2 -2
- package/dist/calcite/{CJYTY62F.js → R7DNUMFW.js} +2 -2
- package/dist/calcite/{OTUG3NVT.js → RBZYH2DB.js} +2 -2
- package/dist/calcite/{UJL3BWDH.js → RJ2QSN7Y.js} +2 -2
- package/dist/calcite/{TVDZM7WT.js → S2LJOUMB.js} +2 -2
- package/dist/calcite/{OOSULFCY.js → S5F5TPCL.js} +2 -2
- package/dist/calcite/{MUWK32IE.js → SGGVWBUG.js} +2 -2
- package/dist/calcite/{ARHYATTG.js → SMJSXUYT.js} +2 -2
- package/dist/calcite/{KSVYAIHK.js → SPUWEZWR.js} +2 -2
- package/dist/calcite/{BRTDMTZ3.js → SSS44B5K.js} +2 -2
- package/dist/calcite/{JFYDLHH7.js → SXNM7HTI.js} +2 -2
- package/dist/calcite/{OLMX7G3J.js → T2NQWILT.js} +1 -1
- package/dist/calcite/{7PWETOIU.js → T4ULXMD7.js} +2 -2
- package/dist/calcite/{4BSCJ722.js → T64NHTR5.js} +2 -2
- package/dist/calcite/{U3WK4DZT.js → TNF7E2RJ.js} +2 -2
- package/dist/calcite/{CY6C2FDZ.js → TY7PAOH3.js} +2 -2
- package/dist/calcite/{GPUFLCIT.js → TYHCHYHH.js} +2 -2
- package/dist/calcite/{BZKF5ZXQ.js → U52CBUNR.js} +2 -2
- package/dist/calcite/{S76CXQTI.js → UD7QUO4R.js} +2 -2
- package/dist/calcite/{3GICXOBQ.js → UEYGVMY4.js} +2 -2
- package/dist/calcite/{GOOHYN3D.js → UG4VX2WO.js} +2 -2
- package/dist/calcite/{TQIVV2F7.js → UIY3ZOUS.js} +2 -2
- package/dist/calcite/{6LW27BEV.js → URZNSXZT.js} +2 -2
- package/dist/calcite/{MPAVJ7UH.js → VANSKT7E.js} +2 -2
- package/dist/calcite/{PT2XMADA.js → VI3KXLGC.js} +1 -1
- package/dist/calcite/{2M4WCGKG.js → VPBKQWRV.js} +2 -2
- package/dist/calcite/{JVNEJ36Z.js → VRXSW66C.js} +2 -2
- package/dist/calcite/{GGO5TMB4.js → VTO75NHN.js} +2 -2
- package/dist/calcite/{BAHIPAHM.js → WK6BSIWL.js} +2 -2
- package/dist/calcite/{LOZEGKG2.js → WRT5VFG2.js} +2 -2
- package/dist/calcite/{T5UPGHU3.js → XCHOTUWL.js} +2 -2
- package/dist/calcite/{VMRLYKNI.js → XIWNJBFP.js} +1 -1
- package/dist/calcite/{KSNEQFZX.js → XJFKL6PV.js} +2 -2
- package/dist/calcite/{TQTAM3XB.js → XLECMXIQ.js} +2 -2
- package/dist/calcite/{YMRTHS5X.js → XMMC32IR.js} +2 -2
- package/dist/calcite/{GFC7NS6P.js → XNX35ZFQ.js} +2 -2
- package/dist/calcite/{N4MN6VQ7.js → YJATTLI4.js} +2 -2
- package/dist/calcite/{MZRO54UT.js → YJBOOAYG.js} +2 -2
- package/dist/calcite/{QYGED6CL.js → YX5TRVRY.js} +2 -2
- package/dist/calcite/{QHASLHZN.js → YYW4OM7V.js} +2 -2
- package/dist/calcite/{ZV442E6X.js → Z4EVTJCF.js} +2 -2
- package/dist/calcite/{FE3A3YUN.js → Z6VFYDJB.js} +2 -2
- package/dist/calcite/{JUNCR7R2.js → ZDGZDBPE.js} +2 -2
- package/dist/calcite/{G3LH75CQ.js → ZYEB6OOM.js} +2 -2
- package/dist/calcite/calcite.esm.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/Validation.js +1 -1
- package/dist/chunks/_commonjsHelpers.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/focusTrapComponent.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/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/interactive.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/loadable.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/responsive.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/time.js +1 -1
- package/dist/chunks/useFocusTrap.js +23 -25
- package/dist/chunks/useT9n.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 +24 -24
- 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 +2 -2
- 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 +1 -1
- 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 +11 -11
- 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 +2 -2
- 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.d.ts +2 -2
- 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-modal/customElement.js +9 -9
- 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 +2 -2
- 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 +5 -5
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-center-row/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-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-tile-select/customElement.js +1 -1
- package/dist/components/calcite-tile-select-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tip/customElement.js +1 -1
- package/dist/components/calcite-tip-group/customElement.js +1 -1
- package/dist/components/calcite-tip-manager/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/controllers/useFocusTrap.d.ts +6 -2
- package/dist/docs/api.json +12 -12
- package/dist/docs/docs.json +10 -10
- package/dist/docs/supported-browsers.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +7 -7
- package/dist/docs/vscode.html-custom-data.json +3 -3
- package/dist/docs/web-types.json +13 -13
- package/dist/extras/vscode-data.json +3 -3
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +2 -2
- package/readme.md +2 -2
- package/dist/calcite/OE2AH2NC.js +0 -4
- package/dist/calcite/PZLVQQMT.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
|
-
v3.0.
|
|
4
|
-
import{a as v,b as f}from"./LOZEGKG2.js";import{a as k}from"./UELGJSYH.js";import{a as x}from"./ARHYATTG.js";import{a as g,b as u}from"./QU33PBBI.js";import{u as o}from"./CMO3X257.js";import{b as m}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{J as b,e as h,f as i,v as s,w as p,x as t}from"./KVSCG5E3.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},c={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end",title:"title",subtitle:"subtitle"},r={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=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:block;max-inline-size:100%}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:.75rem;padding-block:.5rem}.header-text-container:not(:only-child){padding-inline-end:.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:.75rem;padding-block:.25rem .75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0;margin-block-start:.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0;margin-block-start:.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:.5rem;cursor:pointer;padding:.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,d=class extends p{constructor(){super(...arguments),this.containerEl=g(),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasSubtitle=!1,this.hasThumbnail=!1,this.hasTitle=!1,this.disabled=!1,this.loading=!1,this.messages=x(),this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=s({cancelable:!1}),this.calciteInternalCardKeyEvent=s({cancelable:!1})}static{this.properties={hasContent:16,hasDescription:16,hasFooterEnd:16,hasFooterStart:16,hasHeading:16,hasSubtitle:16,hasThumbnail:16,hasTitle:16,disabled:7,label:1,loading:7,messageOverrides:0,selectable:7,selected:7,selectionMode:1,thumbnailPosition:3}}static{this.styles=w}async setFocus(){await m(this),this.disabled||this.containerEl.value?.focus()}async load(){}updated(){v(this)}loaded(){}handleThumbnailSlotChange(e){this.hasThumbnail=o(e)}handleHeadingSlotChange(e){this.hasHeading=o(e)}handleDescriptionSlotChange(e){this.hasDescription=o(e)}handleTitleSlotChange(e){this.hasTitle=o(e)}handleSubtitleSlotChange(e){this.hasSubtitle=o(e)}handleFooterStartSlotChange(e){this.hasFooterStart=o(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=o(e)}handleDefaultSlotChange(e){this.hasContent=o(e)}keyDownHandler(e){if(e.target===this.containerEl.value&&!this.selectable&&!this.disabled)if(k(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerEl.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return i`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return i`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${c.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?r.selected:this.selectionMode==="multiple"?r.unselected:this.selected?r.selectedSingle:r.unselectedSingle;return i`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} scale=s></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription,n=this.hasSubtitle||this.hasTitle,l=e||n;return i`<header class=${t(a.header)} .hidden=${!l}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${c.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${c.description} @slotchange=${this.handleDescriptionSlotChange}></slot><slot name=${c.title} @slotchange=${this.handleTitleSlotChange}></slot><slot name=${c.subtitle} @slotchange=${this.handleSubtitleSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return i`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${c.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${c.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),n=this.thumbnailPosition.endsWith("start"),l=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return f({disabled:this.disabled,children:i`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${l} .tabIndex=${!this.selectable||this.disabled?0:-1} ${u(this.containerEl)}>${this.loading?i`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${n&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!n&&this.renderThumbnail()||""}</div>`})}};b("calcite-card",d);export{d as Card};
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{a as v,b as f}from"./WRT5VFG2.js";import{a as k}from"./R4WJ47LZ.js";import{a as x}from"./SMJSXUYT.js";import{a as g,b as u}from"./FC7N6LLB.js";import{u as o}from"./GO4QOK2G.js";import{b as m}from"./PBIOUIAG.js";import"./P7S34RN4.js";import{J as b,e as h,f as i,v as s,w as p,x as t}from"./63TOND25.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},c={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end",title:"title",subtitle:"subtitle"},r={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=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:block;max-inline-size:100%}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:.75rem;padding-block:.5rem}.header-text-container:not(:only-child){padding-inline-end:.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:.75rem;padding-block:.25rem .75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0;margin-block-start:.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0;margin-block-start:.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:.5rem;cursor:pointer;padding:.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,d=class extends p{constructor(){super(...arguments),this.containerEl=g(),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasSubtitle=!1,this.hasThumbnail=!1,this.hasTitle=!1,this.disabled=!1,this.loading=!1,this.messages=x(),this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=s({cancelable:!1}),this.calciteInternalCardKeyEvent=s({cancelable:!1})}static{this.properties={hasContent:16,hasDescription:16,hasFooterEnd:16,hasFooterStart:16,hasHeading:16,hasSubtitle:16,hasThumbnail:16,hasTitle:16,disabled:7,label:1,loading:7,messageOverrides:0,selectable:7,selected:7,selectionMode:1,thumbnailPosition:3}}static{this.styles=w}async setFocus(){await m(this),this.disabled||this.containerEl.value?.focus()}async load(){}updated(){v(this)}loaded(){}handleThumbnailSlotChange(e){this.hasThumbnail=o(e)}handleHeadingSlotChange(e){this.hasHeading=o(e)}handleDescriptionSlotChange(e){this.hasDescription=o(e)}handleTitleSlotChange(e){this.hasTitle=o(e)}handleSubtitleSlotChange(e){this.hasSubtitle=o(e)}handleFooterStartSlotChange(e){this.hasFooterStart=o(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=o(e)}handleDefaultSlotChange(e){this.hasContent=o(e)}keyDownHandler(e){if(e.target===this.containerEl.value&&!this.selectable&&!this.disabled)if(k(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerEl.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return i`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return i`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${c.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?r.selected:this.selectionMode==="multiple"?r.unselected:this.selected?r.selectedSingle:r.unselectedSingle;return i`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} scale=s></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription,n=this.hasSubtitle||this.hasTitle,l=e||n;return i`<header class=${t(a.header)} .hidden=${!l}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${c.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${c.description} @slotchange=${this.handleDescriptionSlotChange}></slot><slot name=${c.title} @slotchange=${this.handleTitleSlotChange}></slot><slot name=${c.subtitle} @slotchange=${this.handleSubtitleSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return i`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${c.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${c.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),n=this.thumbnailPosition.endsWith("start"),l=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return f({disabled:this.disabled,children:i`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${l} .tabIndex=${!this.selectable||this.disabled?0:-1} ${u(this.containerEl)}>${this.loading?i`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${n&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!n&&this.renderThumbnail()||""}</div>`})}};b("calcite-card",d);export{d as Card};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{K as r,d as o}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{K as r,d as o}from"./63TOND25.js";var s=o(r);export{s 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
|
-
v3.0.
|
|
4
|
-
import{r as g,s as b}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{r as g,s as b}from"./GO4QOK2G.js";import"./P7S34RN4.js";import{J as m,e as s,f as t,v as d,w as h,x as c}from"./63TOND25.js";var p={input:"input"},o={label:"label",labelScale:i=>`label--scale-${i}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"},v=s`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-animation-timing) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-color:var(--calcite-segmented-control-border-color);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));border-color:var(--calcite-segmented-control-border-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-segmented-control-border-color, var(--calcite-color-brand));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends h{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=d({cancelable:!1})}static{this.properties={hasSlottedContent:16,appearance:1,checked:7,iconEnd:3,iconFlipRtl:7,iconStart:3,layout:1,scale:1,value:1}}static{this.styles=v}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=b(e)}renderIcon(e,l=!1){return e?t`<calcite-icon class=${c({[o.icon]:!0,[o.iconSolo]:l})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:l,layout:n,scale:a,value:u}=this;return this.el.ariaChecked=g(l),this.el.ariaLabel=u,this.el.role="radio",t`<label class=${c({[o.label]:!0,[o.labelScale(a)]:!0,[o.labelHorizontal]:n==="horizontal",[o.labelOutline]:e==="outline",[o.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:l,iconStart:n}=this,a=n||l;return!e&&a?[this.renderIcon(a,!0),t`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(n),t`<slot @slotchange=${this.handleSlotChange}></slot>`,t`<slot name=${p.input}></slot>`,this.renderIcon(l)]}};m("calcite-segmented-control-item",r);export{r as SegmentedControlItem};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{b as F}from"./MQYH4ONZ.js";import{a as I,b as v,c as u,d as z,f as q,h as E}from"./46U4MKUU.js";import{k as L}from"./KBDXI6DJ.js";import{a as N,b as H}from"./4TQLSUKH.js";import{a as T,b as R}from"./LOZEGKG2.js";import{a as g}from"./CIV3PH3Z.js";import{a as G}from"./NWVCPRVB.js";import"./UELGJSYH.js";import{a as w}from"./CNO6NFH5.js";import{a as U}from"./ARHYATTG.js";import{b as k}from"./QU33PBBI.js";import{g as M,u as b}from"./CMO3X257.js";import{b as O}from"./GN5CPLSJ.js";import{a as D}from"./I2OIH73C.js";import{D as $,J as P,e as x,f as d,v as p,w as y,x as h}from"./KVSCG5E3.js";var m={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"},S={filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},B=x`: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:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,K=`${v}, ${u}`,C=class extends y{constructor(){super(),this.dragSelector=u,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=w("mutation",()=>{this.willPerformFilter=!0,this.updateListItems()}),this.updateListItems=G(()=>{this.updateGroupItems();let{selectionAppearance:e,selectionMode:t,interactionMode:i,dragEnabled:l,el:s,filterEl:a,moveToItems:o,displayMode:r,scale:c}=this,f=Array.from(this.el.querySelectorAll(u));if(f.forEach(n=>{n.scale=c,n.selectionAppearance=e,n.selectionMode=t,n.interactionMode=i,n.closest(I)===s&&(n.moveToItems=o.filter(A=>A.element!==s&&!n.contains(A.element)),n.dragHandle=l,n.displayMode=r)}),this.parentListEl){this.setUpSorting();return}this.listItems=f,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),a&&(a.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(n=>!n.closed&&!n.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(n=>!n.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()},$.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.moveToItems=[],this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.messages=U({blocking:!0}),this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange)}static{this.properties={assistiveText:16,dataForFilter:16,hasFilterActionsEnd:16,hasFilterActionsStart:16,hasFilterNoResults:16,moveToItems:16,hasActiveFilter:16,showNoResultsContainer:16,canPull:0,canPut:0,disabled:7,dragEnabled:7,filterEnabled:7,filterPredicate:0,filterLabel:3,filterPlaceholder:3,filterProps:0,filterText:3,filteredData:0,filteredItems:0,group:3,interactionMode:3,label:1,loading:7,messageOverrides:0,displayMode:3,numberingSystem:1,scale:3,selectedItems:0,selectionAppearance:3,selectionMode:3}}static{this.styles=B}get hasActiveFilter(){return this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length}get showNoResultsContainer(){return this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length}async setFocus(){return await O(this),this.filterEnabled?this.filterEl?.setFocus():this.focusableItems.find(e=>e.active)?.setFocus()}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItems(),this.setUpSorting(),this.setParentList(),this.setListItemGroups()}async load(){this.handleInteractionModeWarning()}willUpdate(e){(e.has("filterText")||e.has("filterProps")||e.has("filterPredicate"))&&this.performFilter(),(e.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||e.has("group")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||e.has("displayMode")&&this.hasUpdated||e.has("scale")&&this.hasUpdated||e.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}updated(){T(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),H(this)}handleListItemChange(){this.willPerformFilter=!0,this.updateListItems()}handleCalciteListItemToggle(e){this.parentListEl||(e.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(e){if(this.parentListEl)return;e.stopPropagation();let{focusableItems:t}=this,i=t.findIndex(l=>l.active)-1;t[i]&&this.focusRow(t[i])}handleCalciteInternalListItemActive(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i}=this;i.forEach(l=>{l.active=l===t})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentListEl||this.handleReorder(e)}handleSortMove(e){this.parentListEl||this.handleMove(e)}handleCalciteInternalListItemSelect(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i,selectionMode:l}=this;t.selected&&(l==="single"||l==="single-persist")&&i.forEach(s=>s.selected=s===t),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(e){if(this.parentListEl)return;e.stopPropagation();let{target:t,detail:i}=e,{focusableItems:l,lastSelectedInfo:s}=this,a=t;if(i.selectMultiple&&s){let o=l.indexOf(a),r=l.indexOf(s.selectedItem),c=Math.min(r,o),f=Math.max(r,o);l.slice(c,f+1).forEach(n=>n.selected=s.selected)}else this.lastSelectedInfo={selectedItem:a,selected:a.selected}}handleCalciteInternalListItemChange(e){this.parentListEl||(e.stopPropagation(),this.updateListItems())}handleCalciteInternalListItemGroupDefaultSlotChange(e){e.stopPropagation()}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:e}=this;e&&N(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteListDragEnd.emit(e)}onDragMove({relatedEl:e}){e.open=!0}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(e)}onDragSort(e){this.setParentList(),this.updateListItems(),this.calciteListOrderChange.emit(e)}setParentList(){this.parentListEl=this.el.parentElement?.closest(I)}handleDefaultSlotChange(e){q(e.target),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(v))}handleFilterActionsStartSlotChange(e){this.hasFilterActionsStart=b(e)}handleFilterActionsEndSlotChange(e){this.hasFilterActionsEnd=b(e)}handleFilterNoResultsSlotChange(e){this.hasFilterNoResults=b(e)}setActiveListItem(){let{focusableItems:e}=this;e.some(t=>t.active)||e[0]&&(e[0].active=!0)}async updateSelectedItems(e=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(t=>t.selected),e&&this.calciteListChange.emit()}filterElements({el:e,filteredItems:t,visibleParents:i}){let l=!i.has(e)&&!t.includes(e);e.filterHidden=l;let s=e.parentElement.closest(K);s&&(l||i.add(s),this.filterElements({el:s,filteredItems:t,visibleParents:i}))}allParentListItemsOpen(e){let t=e.parentElement?.closest(u);if(t){if(!t.open)return!1}else return!0;return this.allParentListItemsOpen(t)}borderItems(){let e=this.visibleItems.filter(t=>!t.filterHidden&&this.allParentListItemsOpen(t));e.forEach(t=>t.bordered=t!==e[e.length-1])}updateFilteredItems(){let{visibleItems:e,filteredData:t,filterText:i,filterPredicate:l}=this,s=e?.filter(r=>e.every(c=>c===r||!r.contains(c))),a=l?e.filter(l):i?t.map(r=>r.el):e||[],o=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:a,visibleParents:o})),this.filteredItems=a,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems())}async filterAndUpdateData(){await this.filterEl?.filter(this.filterText),this.updateFilteredData()}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","heading"]}performFilter(){let{filterEl:e,filterText:t,effectiveFilterProps:i}=this;e&&(e.value=t,e.filterProps=i,this.filterAndUpdateData())}setFilterEl(e){this.filterEl=e,this.performFilter()}handleFilterChange(e){e.stopPropagation();let{value:t}=e.currentTarget;this.filterText=t,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(e=>({label:e.label,description:e.description,metadata:e.metadata,heading:this.getGroupHeading(e),el:e}))}getGroupHeading(e){return this.listItemGroups.filter(t=>t.contains(e)).map(t=>t.heading)}updateGroupItems(){let{el:e,group:t,scale:i}=this,l=M(e),s=t?Array.from(l.querySelectorAll(`${I}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.moveToItems=s.map(a=>({element:a,label:a.label??a.id,id:e.id||D()})),Array.from(this.el.querySelectorAll(v)).forEach(a=>{a.scale=i})}focusRow(e){let{focusableItems:t}=this;e&&(t.forEach(i=>i.active=i===e),e.setFocus())}isNavigable(e){let t=e.parentElement?.closest(u);return t?t.open&&this.isNavigable(t):!0}handleListKeydown(e){if(e.defaultPrevented||this.parentListEl)return;let{key:t}=e,i=this.focusableItems.filter(s=>this.isNavigable(s)),l=i.findIndex(s=>s.active);if(t==="ArrowDown"){e.preventDefault();let s=e.target===this.filterEl?0:l+1;i[s]&&this.focusRow(i[s])}else if(t==="ArrowUp"){if(e.preventDefault(),l===0&&this.filterEnabled){this.filterEl?.setFocus();return}let s=l-1;i[s]&&this.focusRow(i[s])}else if(t==="Home"){e.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(t==="End"){e.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}handleMove(e){let{moveTo:t}=e.detail,i=e.target,l=i?.parentElement,s=t.element,a=Array.from(l.children).filter(E).indexOf(i);if(!l)return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),z(i);let o=Array.from(s.children).filter(E).indexOf(i);this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:l,toEl:s,newIndex:o,oldIndex:a})}handleReorder(e){let{reorder:t}=e.detail,i=e.target,l=i?.parentElement;if(!l)return;i.sortHandleOpen=!1;let s=Array.from(l.children).filter(E),a=s.length-1,o=s.indexOf(i),r=o;switch(t){case"top":r=0;break;case"bottom":r=a;break;case"up":r=o===0?0:o-1;break;case"down":r=o===a?a:o+1;break}this.disconnectObserver();let c=t==="up"||t==="top"?s[r]:s[r].nextSibling;l.insertBefore(i,c),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:l,toEl:l,newIndex:r,oldIndex:o})}render(){let{loading:e,label:t,disabled:i,dataForFilter:l,filterEnabled:s,filterPlaceholder:a,filterText:o,filterLabel:r,hasFilterActionsStart:c,hasFilterActionsEnd:f,effectiveFilterProps:n}=this;return R({disabled:this.disabled,children:d`<div class=${h(m.container)}>${this.dragEnabled?d`<span aria-live=assertive class=${h(m.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${e?d`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${e} .ariaLabel=${t||""} class=${h(m.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||c||f?d`<div class=${h(m.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${h(m.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${F.actionsStart}></slot><calcite-filter .ariaLabel=${a} .disabled=${i} .filterProps=${n} .items=${l} .label=${r} @calciteFilterChange=${this.handleFilterChange} .placeholder=${a} .scale=${this.scale} .value=${o} ${k(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${F.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(m.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:e,filteredItems:t,parentListEl:i,messages:{_lang:l},numberingSystem:s}=this;return L.numberFormatOptions={locale:l,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(m.assistiveText)}>${this.hasActiveFilter?g("aria-filter-enabled",d`<div>${e.filterEnabled}</div>`):null}${g("aria-item-count",d`<div>${e.total.replace("{count}",L.localize(t.length.toString()))}</div>`)}${t.length?g("aria-item-list",d`<ol>${t.map(a=>d`<li>${a.label}</li>`)}</ol>`):null}</div>`}};P("calcite-list",C);export{C as List};
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{b as F}from"./4ZU47CQ3.js";import{a as I,b as v,c as u,d as z,f as q,h as E}from"./3ZXS7UKF.js";import{k as L}from"./2XQRDBOF.js";import{a as N,b as H}from"./OPD7D4JP.js";import{a as T,b as R}from"./WRT5VFG2.js";import{a as g}from"./NWMFN6P5.js";import{a as G}from"./42EYBCUV.js";import"./R4WJ47LZ.js";import{a as w}from"./77BUHP3U.js";import{a as U}from"./SMJSXUYT.js";import{b as k}from"./FC7N6LLB.js";import{g as M,u as b}from"./GO4QOK2G.js";import{b as O}from"./PBIOUIAG.js";import{a as D}from"./P7S34RN4.js";import{D as $,J as P,e as x,f as d,v as p,w as y,x as h}from"./63TOND25.js";var m={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"},S={filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},B=x`: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:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,K=`${v}, ${u}`,C=class extends y{constructor(){super(),this.dragSelector=u,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=w("mutation",()=>{this.willPerformFilter=!0,this.updateListItems()}),this.updateListItems=G(()=>{this.updateGroupItems();let{selectionAppearance:e,selectionMode:t,interactionMode:i,dragEnabled:l,el:s,filterEl:a,moveToItems:o,displayMode:r,scale:c}=this,f=Array.from(this.el.querySelectorAll(u));if(f.forEach(n=>{n.scale=c,n.selectionAppearance=e,n.selectionMode=t,n.interactionMode=i,n.closest(I)===s&&(n.moveToItems=o.filter(A=>A.element!==s&&!n.contains(A.element)),n.dragHandle=l,n.displayMode=r)}),this.parentListEl){this.setUpSorting();return}this.listItems=f,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),a&&(a.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(n=>!n.closed&&!n.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(n=>!n.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()},$.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.moveToItems=[],this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.messages=U({blocking:!0}),this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange)}static{this.properties={assistiveText:16,dataForFilter:16,hasFilterActionsEnd:16,hasFilterActionsStart:16,hasFilterNoResults:16,moveToItems:16,hasActiveFilter:16,showNoResultsContainer:16,canPull:0,canPut:0,disabled:7,dragEnabled:7,filterEnabled:7,filterPredicate:0,filterLabel:3,filterPlaceholder:3,filterProps:0,filterText:3,filteredData:0,filteredItems:0,group:3,interactionMode:3,label:1,loading:7,messageOverrides:0,displayMode:3,numberingSystem:1,scale:3,selectedItems:0,selectionAppearance:3,selectionMode:3}}static{this.styles=B}get hasActiveFilter(){return this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length}get showNoResultsContainer(){return this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length}async setFocus(){return await O(this),this.filterEnabled?this.filterEl?.setFocus():this.focusableItems.find(e=>e.active)?.setFocus()}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItems(),this.setUpSorting(),this.setParentList(),this.setListItemGroups()}async load(){this.handleInteractionModeWarning()}willUpdate(e){(e.has("filterText")||e.has("filterProps")||e.has("filterPredicate"))&&this.performFilter(),(e.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||e.has("group")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||e.has("displayMode")&&this.hasUpdated||e.has("scale")&&this.hasUpdated||e.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}updated(){T(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),H(this)}handleListItemChange(){this.willPerformFilter=!0,this.updateListItems()}handleCalciteListItemToggle(e){this.parentListEl||(e.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(e){if(this.parentListEl)return;e.stopPropagation();let{focusableItems:t}=this,i=t.findIndex(l=>l.active)-1;t[i]&&this.focusRow(t[i])}handleCalciteInternalListItemActive(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i}=this;i.forEach(l=>{l.active=l===t})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentListEl||this.handleReorder(e)}handleSortMove(e){this.parentListEl||this.handleMove(e)}handleCalciteInternalListItemSelect(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i,selectionMode:l}=this;t.selected&&(l==="single"||l==="single-persist")&&i.forEach(s=>s.selected=s===t),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(e){if(this.parentListEl)return;e.stopPropagation();let{target:t,detail:i}=e,{focusableItems:l,lastSelectedInfo:s}=this,a=t;if(i.selectMultiple&&s){let o=l.indexOf(a),r=l.indexOf(s.selectedItem),c=Math.min(r,o),f=Math.max(r,o);l.slice(c,f+1).forEach(n=>n.selected=s.selected)}else this.lastSelectedInfo={selectedItem:a,selected:a.selected}}handleCalciteInternalListItemChange(e){this.parentListEl||(e.stopPropagation(),this.updateListItems())}handleCalciteInternalListItemGroupDefaultSlotChange(e){e.stopPropagation()}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:e}=this;e&&N(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteListDragEnd.emit(e)}onDragMove({relatedEl:e}){e.open=!0}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(e)}onDragSort(e){this.setParentList(),this.updateListItems(),this.calciteListOrderChange.emit(e)}setParentList(){this.parentListEl=this.el.parentElement?.closest(I)}handleDefaultSlotChange(e){q(e.target),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(v))}handleFilterActionsStartSlotChange(e){this.hasFilterActionsStart=b(e)}handleFilterActionsEndSlotChange(e){this.hasFilterActionsEnd=b(e)}handleFilterNoResultsSlotChange(e){this.hasFilterNoResults=b(e)}setActiveListItem(){let{focusableItems:e}=this;e.some(t=>t.active)||e[0]&&(e[0].active=!0)}async updateSelectedItems(e=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(t=>t.selected),e&&this.calciteListChange.emit()}filterElements({el:e,filteredItems:t,visibleParents:i}){let l=!i.has(e)&&!t.includes(e);e.filterHidden=l;let s=e.parentElement.closest(K);s&&(l||i.add(s),this.filterElements({el:s,filteredItems:t,visibleParents:i}))}allParentListItemsOpen(e){let t=e.parentElement?.closest(u);if(t){if(!t.open)return!1}else return!0;return this.allParentListItemsOpen(t)}borderItems(){let e=this.visibleItems.filter(t=>!t.filterHidden&&this.allParentListItemsOpen(t));e.forEach(t=>t.bordered=t!==e[e.length-1])}updateFilteredItems(){let{visibleItems:e,filteredData:t,filterText:i,filterPredicate:l}=this,s=e?.filter(r=>e.every(c=>c===r||!r.contains(c))),a=l?e.filter(l):i?t.map(r=>r.el):e||[],o=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:a,visibleParents:o})),this.filteredItems=a,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems())}async filterAndUpdateData(){await this.filterEl?.filter(this.filterText),this.updateFilteredData()}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","heading"]}performFilter(){let{filterEl:e,filterText:t,effectiveFilterProps:i}=this;e&&(e.value=t,e.filterProps=i,this.filterAndUpdateData())}setFilterEl(e){this.filterEl=e,this.performFilter()}handleFilterChange(e){e.stopPropagation();let{value:t}=e.currentTarget;this.filterText=t,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(e=>({label:e.label,description:e.description,metadata:e.metadata,heading:this.getGroupHeading(e),el:e}))}getGroupHeading(e){return this.listItemGroups.filter(t=>t.contains(e)).map(t=>t.heading)}updateGroupItems(){let{el:e,group:t,scale:i}=this,l=M(e),s=t?Array.from(l.querySelectorAll(`${I}[group="${t}"]`)).filter(a=>!a.disabled&&a.dragEnabled):[];this.moveToItems=s.map(a=>({element:a,label:a.label??a.id,id:D()})),Array.from(this.el.querySelectorAll(v)).forEach(a=>{a.scale=i})}focusRow(e){let{focusableItems:t}=this;e&&(t.forEach(i=>i.active=i===e),e.setFocus())}isNavigable(e){let t=e.parentElement?.closest(u);return t?t.open&&this.isNavigable(t):!0}handleListKeydown(e){if(e.defaultPrevented||this.parentListEl)return;let{key:t}=e,i=this.focusableItems.filter(s=>this.isNavigable(s)),l=i.findIndex(s=>s.active);if(t==="ArrowDown"){e.preventDefault();let s=e.target===this.filterEl?0:l+1;i[s]&&this.focusRow(i[s])}else if(t==="ArrowUp"){if(e.preventDefault(),l===0&&this.filterEnabled){this.filterEl?.setFocus();return}let s=l-1;i[s]&&this.focusRow(i[s])}else if(t==="Home"){e.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(t==="End"){e.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}handleMove(e){let{moveTo:t}=e.detail,i=e.target,l=i?.parentElement,s=t.element,a=Array.from(l.children).filter(E).indexOf(i);if(!l)return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),z(i);let o=Array.from(s.children).filter(E).indexOf(i);this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:l,toEl:s,newIndex:o,oldIndex:a})}handleReorder(e){let{reorder:t}=e.detail,i=e.target,l=i?.parentElement;if(!l)return;i.sortHandleOpen=!1;let s=Array.from(l.children).filter(E),a=s.length-1,o=s.indexOf(i),r=o;switch(t){case"top":r=0;break;case"bottom":r=a;break;case"up":r=o===0?0:o-1;break;case"down":r=o===a?a:o+1;break}this.disconnectObserver();let c=t==="up"||t==="top"?s[r]:s[r].nextSibling;l.insertBefore(i,c),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:l,toEl:l,newIndex:r,oldIndex:o})}render(){let{loading:e,label:t,disabled:i,dataForFilter:l,filterEnabled:s,filterPlaceholder:a,filterText:o,filterLabel:r,hasFilterActionsStart:c,hasFilterActionsEnd:f,effectiveFilterProps:n}=this;return R({disabled:this.disabled,children:d`<div class=${h(m.container)}>${this.dragEnabled?d`<span aria-live=assertive class=${h(m.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${e?d`<calcite-scrim class=${h(m.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${e} .ariaLabel=${t||""} class=${h(m.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||c||f?d`<div class=${h(m.sticky)} role=rowgroup><div role=row><div role=columnheader><calcite-stack class=${h(m.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${F.actionsStart}></slot><calcite-filter .ariaLabel=${a} .disabled=${i} .filterProps=${n} .items=${l} .label=${r} @calciteFilterChange=${this.handleFilterChange} .placeholder=${a} .scale=${this.scale} .value=${o} ${k(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${F.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(m.tableContainer)} role=rowgroup><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></div><div aria-live=polite data-test-id=no-results-container .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:e,filteredItems:t,parentListEl:i,messages:{_lang:l},numberingSystem:s}=this;return L.numberFormatOptions={locale:l,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(m.assistiveText)}>${this.hasActiveFilter?g("aria-filter-enabled",d`<div>${e.filterEnabled}</div>`):null}${g("aria-item-count",d`<div>${e.total.replace("{count}",L.localize(t.length.toString()))}</div>`)}${t.length?g("aria-item-list",d`<ol>${t.map(a=>d`<li>${a.label}</li>`)}</ol>`):null}</div>`}};P("calcite-list",C);export{C as List};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{d as t}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{d as t}from"./LEM2HQED.js";import{a as v,b as B}from"./WRT5VFG2.js";import{a as $}from"./NWMFN6P5.js";import{a as x}from"./SMJSXUYT.js";import{b as h}from"./FC7N6LLB.js";import{e as k}from"./GO4QOK2G.js";import{b as w}from"./PBIOUIAG.js";import"./P7S34RN4.js";import{J as u,e as b,f as d,j as f,v as l,w as m,x as g}from"./63TOND25.js";var T={backButton:"back-button"},y={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",footerActions:"footer-actions",footerEnd:"footer-end",footerStart:"footer-start"},L=b`: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}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-flow-border-color, var(--calcite-color-border-3))}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-space: var(--calcite-flow-space)}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends m{constructor(){super(...arguments),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.messages=x(),this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.calciteFlowItemBack=l(),this.calciteFlowItemClose=l({cancelable:!1}),this.calciteFlowItemScroll=l({cancelable:!1}),this.calciteFlowItemToggle=l({cancelable:!1}),this.calciteInternalFlowItemChange=l({cancelable:!1})}static{this.properties={beforeBack:0,beforeClose:0,closable:7,closed:7,collapseDirection:1,collapsed:7,collapsible:7,description:1,disabled:7,heading:1,headingLevel:11,loading:7,menuOpen:7,messageOverrides:0,overlayPositioning:3,scale:3,selected:7,showBackButton:5}}static{this.styles=L}async scrollContentTo(e){await this.containerEl?.scrollContentTo(e)}async setFocus(){await w(this);let{backButtonEl:e,containerEl:a}=this;if(e)return e.setFocus();if(a)return a.setFocus()}async load(){}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit()}updated(){v(this)}loaded(){}handleInternalPanelScroll(e){e.target===this.containerEl&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerEl&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerEl&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}setBackRef(e){this.backButtonEl=e}setContainerRef(e){this.containerEl=e}renderBackButton(){let{el:e}=this,a=k(e)==="rtl",{showBackButton:n,backButtonClick:i,messages:r}=this,c=r.back,s=a?y.backRight:y.backLeft;return n?$("flow-back-button",d`<calcite-action .ariaLabel=${c} class=${g(T.backButton)} .icon=${s} @click=${i} scale=s slot=header-actions-start .text=${c} title=${c??f} ${h(this.setBackRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:a,collapsible:n,closable:i,closed:r,description:c,disabled:s,heading:C,headingLevel:I,loading:E,menuOpen:P,messages:F,overlayPositioning:A,beforeClose:S}=this;return B({disabled:s,children:d`<calcite-panel .beforeClose=${S} .closable=${i} .closed=${r} .collapseDirection=${a} .collapsed=${e} .collapsible=${n} .description=${c} .disabled=${s} .heading=${C} .headingLevel=${I} .loading=${E} .menuOpen=${P} .messageOverrides=${F} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${A} .scale=${this.scale} ${h(this.setContainerRef)}>${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 name=${o.footerActions} slot=${t.footerActions}></slot><slot></slot></calcite-panel>`})}};u("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
|
-
v3.0.
|
|
3
|
+
v3.0.2 */
|
|
4
4
|
var l=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function t(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}export{l as a,t as b};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{b as T}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{b as T}from"./DP7DCTHA.js";import"./MNEWDDI2.js";import{a as y}from"./4BJW4WBP.js";import{a as x}from"./NWMFN6P5.js";import{a as v}from"./77BUHP3U.js";import{a as $}from"./SMJSXUYT.js";import{b}from"./FC7N6LLB.js";import{e as k}from"./GO4QOK2G.js";import"./P7S34RN4.js";import{J as u,e as g,f as c,v as m,w as f,x as a}from"./63TOND25.js";var t={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},s={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},w=g`:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height: 19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:.75rem .5rem}.page-position{margin-block:0px;margin-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends f{constructor(){super(...arguments),this.messages=$(),this.mutationObserver=v("mutation",()=>this.setUpTips()),this.closed=!1,this.calciteTipManagerClose=m({cancelable:!1})}static{this.properties={direction:16,groupTitle:16,selectedIndex:16,tips:16,total:16,closed:7,headingLevel:11,messageOverrides:0}}static{this.styles=w}async nextTip(){this.direction="advancing";let e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";let e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}connectedCallback(){super.connectedCallback(),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){y.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"})}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.direction=null),e.has("selectedIndex")&&this.selectedChangeHandler(),e.has("messages")&&this.updateGroupTitle()}loaded(){this.updateGroupTitle()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}setUpTips(){let e=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=e.length,this.total===0)return;let i=this.el.querySelector("calcite-tip[selected]");this.tips=e,this.selectedIndex=i?e.indexOf(i):0,e.forEach(n=>{n.closeDisabled=!0}),this.showSelectedTip()}hideTipManager(){this.closed=!0,this.calciteTipManagerClose.emit()}showSelectedTip(){this.tips.forEach((e,i)=>{let n=this.selectedIndex===i;e.selected=n,e.hidden=!n})}updateGroupTitle(){if(this.tips){let e=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=e?.groupTitle||this.messages?.defaultGroupTitle}}previousClicked(){this.previousTip()}nextClicked(){this.nextTip()}tipManagerKeyDownHandler(e){if(e.target===this.container)switch(e.key){case"ArrowRight":e.preventDefault(),this.nextTip();break;case"ArrowLeft":e.preventDefault(),this.previousTip();break;case"Home":e.preventDefault(),this.selectedIndex=0;break;case"End":e.preventDefault(),this.selectedIndex=this.total-1;break}}storeContainerRef(e){this.container=e}renderPagination(){let e=k(this.el),{selectedIndex:i,tips:n,total:r,messages:o}=this,l=o.next,d=o.previous,p=o.defaultPaginationLabel;return n.length>1?c`<footer class=${a(t.pagination)}><calcite-action class=${a(t.pagePrevious)} .icon=${e==="ltr"?s.chevronLeft:s.chevronRight} @click=${this.previousClicked} scale=m .text=${d}></calcite-action><span class=${a(t.pagePosition)}>${`${p} ${i+1}/${r}`}</span><calcite-action class=${a(t.pageNext)} .icon=${e==="ltr"?s.chevronRight:s.chevronLeft} @click=${this.nextClicked} scale=m .text=${l}></calcite-action></footer>`:null}render(){let{closed:e,direction:i,headingLevel:n,groupTitle:r,selectedIndex:o,messages:l,total:d}=this,p=l.close;return d===0?null:c`<section .ariaHidden=${e} class=${a(t.container)} .hidden=${e} @keydown=${this.tipManagerKeyDownHandler} tabindex=0 ${b(this.storeContainerRef)}><header class=${a(t.header)}>${T({class:t.heading,level:n,children:r})}<calcite-action class=${a(t.close)} @click=${this.hideTipManager} scale=m .text=${p}><calcite-icon .icon=${s.close} scale=m></calcite-icon></calcite-action></header>${x(o,c`<div class=${a({[t.tipContainer]:!0,[t.tipContainerAdvancing]:!e&&i==="advancing",[t.tipContainerRetreating]:!e&&i==="retreating"})} tabindex=0><slot></slot></div>`)}${this.renderPagination()}</section>`}};u("calcite-tip-manager",h);export{h as TipManager};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{a as b,b as f}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{a as b,b as f}from"./WRT5VFG2.js";import{a as h,b as p}from"./FC7N6LLB.js";import{l as m,z as a}from"./GO4QOK2G.js";import{a as u}from"./PBIOUIAG.js";import"./P7S34RN4.js";import{J as n,e as d,f as c,v as o,w as r}from"./63TOND25.js";var g=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:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-space, var(--calcite-card-group-gap, var(--calcite-spacing-base)))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends r{constructor(){super(),this.items=[],this.slotRefEl=h(),this.disabled=!1,this.selectedItems=[],this.selectionMode="none",this.calciteCardGroupSelect=o({cancelable:!1}),this.listen("calciteInternalCardKeyEvent",this.calciteInternalCardKeyEventListener),this.listen("calciteCardSelect",this.calciteCardSelectListener)}static{this.properties={disabled:7,label:1,selectedItems:0,selectionMode:3}}static{this.styles=g}async setFocus(){await u(this),this.disabled||m(this.items[0])}load(){}willUpdate(e){e.has("selectionMode")&&this.hasUpdated&&this.updateItemsOnSelectionModeChange()}updated(){b(this)}loaded(){this.updateSelectedItems()}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){let s=this.items.filter(t=>!t.disabled);switch(e.detail.key){case"ArrowRight":a(s,e.target,"next");break;case"ArrowLeft":a(s,e.target,"previous");break;case"Home":a(s,e.target,"first");break;case"End":a(s,e.target,"last");break}}}calciteCardSelectListener(e){e.composedPath().includes(this.el)&&!e.target.selectable&&this.setSelectedItems(!0,e.target)}updateItemsOnSelectionModeChange(){this.updateSlottedItems(this.slotRefEl.value),this.updateSelectedItems()}updateItemsOnSlotChange(e){this.updateSlottedItems(e.target),this.updateSelectedItems()}updateSlottedItems(e){this.items=e.assignedElements({flatten:!0}).filter(s=>s?.matches("calcite-card"))}updateSelectedItems(){this.items.forEach(e=>{e.selectionMode=this.selectionMode}),this.setSelectedItems(!1)}setSelectedItems(e,s){s&&this.items.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.selectedItems=this.items.filter(t=>t.selected),e&&this.selectionMode!=="none"&&!this.disabled&&this.calciteCardGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return f({disabled:this.disabled,children:c`<div .ariaLabel=${this.label} class="container" .role=${e}><slot @slotchange=${this.updateItemsOnSlotChange} ${p(this.slotRefEl)}></slot></div>`})}};n("calcite-card-group",l);export{l as CardGroup};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{a as ot}from"./I32TMNTO.js";import{b as rt,d as P,e as x}from"./4SEPDFCP.js";import{a as nt,b as D}from"./DDJ75RTI.js";import{a as it,b as I,c as l,d as C,g as st,h as c,i as F}from"./7SX3RD7P.js";import{g as L,i as U,k as v}from"./KBDXI6DJ.js";import{a as at}from"./N2BVYYYP.js";import{a as Q,c as X,e as tt,h as et}from"./DTL2LM6T.js";import{c as J,d as K}from"./G3LH75CQ.js";import{a as q,c as k,d as Y,e as G,f as j,g as y,h as Z}from"./V4JZRN7T.js";import"./PT2XMADA.js";import{a as _}from"./SMUXJLDL.js";import{a as M,b as N}from"./LOZEGKG2.js";import{a as $}from"./3IV6JSC2.js";import"./KW57BHXD.js";import"./NWVCPRVB.js";import{b as A}from"./UELGJSYH.js";import{a as H}from"./ARHYATTG.js";import{b as d}from"./QU33PBBI.js";import{n as B}from"./CMO3X257.js";import{b as W}from"./GN5CPLSJ.js";import{a as w}from"./I2OIH73C.js";import{B as S,G as z,J as R,e as E,f as u,j as m,v as g,w as V,x as o}from"./KVSCG5E3.js";var ct=E`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}:host([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateZ(0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.input-wrapper:focus-within~.input-wrapper .chevron-icon,.input-wrapper:active~.input-wrapper .chevron-icon,.input-wrapper:hover~.input-wrapper .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}:host([layout=horizontal]) .divider-container{width:1px}.divider{display:inline-block;width:1px;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-2)}:host([layout=vertical]) .divider-container{height:1px;width:100%;border-top-width:0px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;padding-inline:var(--calcite-spacing-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.input .calcite-input__wrapper{margin-top:0}.vertical-chevron-container{display:flex;align-items:center;border-width:1px;border-left-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}.vertical-chevron-container calcite-icon{color:var(--calcite-color-text-3)}.vertical-chevron-container calcite-icon:hover{color:var(--calcite-color-text-1)}:host([range][layout=vertical][scale=s]) .vertical-chevron-container,:host([range][layout=vertical][scale=s]) .divider-container{padding-inline:var(--calcite-spacing-sm)}:host([range][layout=vertical][scale=l]) .vertical-chevron-container,:host([range][layout=vertical][scale=l]) .divider-container{padding-inline:var(--calcite-spacing-lg)}.container:focus-within .vertical-chevron-container calcite-icon,.container:active .vertical-chevron-container calcite-icon,.container:hover .vertical-chevron-container calcite-icon{color:var(--calcite-color-text-1)}.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}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",container:"container",dividerContainer:"divider-container",divider:"divider",inputContainer:"input-container",inputNoBottomBorder:"input--no-bottom-border",inputNoRightBorder:"input--no-right-border",inputNoTopBorder:"input--no-top-border",inputNoLeftBorder:"input--no-left-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",verticalChevronContainer:"vertical-chevron-container",chevronIcon:"chevron-icon"},lt={validationMessage:"inputDatePickerValidationMessage"};function ht(f){if(!f)return!1;let{year:t}=F(f);return Number(t)<100}function dt(f){let t=new Date().getFullYear();return Math.floor(t/100)*100+f}var O=class extends V{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=`date-picker-dialog--${w()}`,this.focusOnOpen=!1,this.focusTrapDeactivates=()=>{this.open=!1},this.transitionProp="opacity",this.placeholderTextId=`calcite-input-date-picker-placeholder-${w()}`,this.rangeStartValueChangedByUser=!1,this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.focusedInput="start",this.disabled=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.messages=H({blocking:!0}),this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=q,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!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.calciteInputDatePickerBeforeClose=g({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=g({cancelable:!1}),this.calciteInputDatePickerChange=g({cancelable:!1}),this.calciteInputDatePickerClose=g({cancelable:!1}),this.calciteInputDatePickerOpen=g({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:16,focusedInput:16,localeData:16,disabled:7,flipPlacements:0,focusTrapDisabled:7,form:3,headingLevel:11,layout:3,max:3,maxAsDate:0,messageOverrides:0,min:3,minAsDate:0,monthStyle:1,name:3,numberingSystem:3,open:7,overlayPositioning:3,placement:3,proximitySelectionDisabled:5,range:7,readOnly:7,required:7,scale:3,status:3,validationIcon:[3,{converter:S}],validationMessage:1,validity:0,value:1,valueAsDate:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ct}get value(){return this._value}set value(t){let e=this._value;t!==e&&(this._value=t,this.valueWatcher(t))}async reposition(t=!1){let{floatingEl:e,referenceEl:a,placement:i,overlayPositioning:s,filteredFlipPlacements:r}=this;return G(this,{floatingEl:e,referenceEl:a,overlayPositioning:s,placement:i,flipPlacements:r,type:"menu"},t)}async setFocus(){await W(this),B(this.el)}connectedCallback(){super.connectedCallback();let{open:t}=this;if(t&&this.openHandler(),this.min&&(this.minAsDate=l(this.min)),this.max&&(this.maxAsDate=l(this.max)),Array.isArray(this.value))this.valueAsDate=D(this.value);else if(this.value)try{let e=l(this.value),a=I(e,this.minAsDate,this.maxAsDate);this.valueAsDate=a}catch{this.warnAboutInvalidValue(this.value),this.value=""}else this.valueAsDate&&(this.range&&Array.isArray(this.valueAsDate)?this.value=[c(this.valueAsDate[0]),c(this.valueAsDate[1])]:!this.range&&!Array.isArray(this.valueAsDate)&&(this.value=c(this.valueAsDate)));J(this),X(this),this.setFilteredPlacements(),v.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.messages._lang,useGrouping:!1},y(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max)}willUpdate(t){t.has("focusTrapDisabled")&&(this.hasUpdated||this.focusTrapDisabled!==!1)&&this.handleFocusTrapDisabled(this.focusTrapDisabled),t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),t.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),t.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),t.has("flipPlacements")&&this.flipPlacementsHandler(),t.has("min")&&this.onMinChanged(this.min),t.has("max")&&this.onMaxChanged(this.max),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(t.has("numberingSystem")||t.has("messages"))&&this.handleDateTimeFormatChange(),t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),t.has("messages")&&this.loadLocaleData()}updated(){M(this)}loaded(){this.localizeInputValues(),y(this)}disconnectedCallback(){super.disconnectedCallback(),x(this),K(this),tt(this),Z(this)}handleFocusTrapDisabled(t){this.open&&(t?x(this):P(this))}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}valueWatcher(t){if(!this.userChangedValue){let e;Array.isArray(t)?e=D(t):t?e=l(t):e=void 0,!this.valueAsDateChangedExternally&&e!==this.valueAsDate&&(this.valueAsDate=e),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(t){let e=Array.isArray(t)?[c(t[0]),c(t[1])]:c(t);this.datePickerActiveDate=Array.isArray(t)?t[0]:t,this.value!==e&&(this.valueAsDateChangedExternally=!0,this.value=e,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMinChanged(t){this.minAsDate=l(t)}onMaxChanged(t){this.maxAsDate=l(t)}openHandler(){_(this),!(this.disabled||this.readOnly)&&this.reposition(!0)}calciteInternalInputInputHandler(t){let e=t.target,a=e.value,i=this.parseNumerals(a),s=this.formatNumerals(i);e.value=s;let{year:r}=st(a,this.localeData);if(r&&r.length<4)return;let h=C(a,this.localeData);it(h,this.min,this.max)&&(this.datePickerActiveDate=h)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let t={numberingSystem:L(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(U(this.messages._lang),t)}setReferenceEl(){let{focusedInput:t,layout:e,endWrapper:a,startWrapper:i}=this;this.referenceEl=t==="end"||e==="vertical"?a||i:i||a,requestAnimationFrame(()=>y(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(t){let{range:e,endInput:a,startInput:i,currentOpenInput:s}=this,r=t.currentTarget.getAttribute("data-position");t.composedPath().find(h=>h.classList?.contains(n.toggleIcon))&&(r==="start"?i:a).setFocus(),(!e||!this.open||s===r)&&(this.open=!this.open)}setFilteredPlacements(){let{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?Y(e,t):null}setTransitionEl(t){this.transitionEl=t}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){P(this,{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)}}),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),j(this),x(this),this.focusOnOpen=!1,this.datePickerEl?.reset()}syncHiddenFormInput(t){ot("date",this,t)}setStartInput(t){this.startInput=t}setEndInput(t){this.endInput=t}blurHandler(){this.open=!1}commitValue(){let{focusedInput:t,value:e}=this,a=`${t}Input`,i=this[a].value,s=C(i,this.localeData),r=c(s),h=Array.isArray(e);if(this.range){let p=t==="start"?0:1;if(h){if(r===e[p])return;s?(this.setRangeValue([t==="start"?s:l(e[0]),t==="end"?s:l(e[1])]),this.localizeInputValues()):this.setRangeValue([t==="end"&&l(e[0]),t==="start"&&l(e[1])])}else s&&(this.setRangeValue([t==="start"?s:l(e[0]),t==="end"?s:l(e[1])]),this.localizeInputValues())}else{if(r===e)return;this.setValue(s),this.localizeInputValues()}}keyDownHandler(t){let{defaultPrevented:e,key:a}=t;if(e)return;let i=t.composedPath().some(s=>s.tagName==="CALCITE-SELECT");a==="Enter"?(t.preventDefault(),this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),Q(this)&&this.restoreInputFocus(!0)):(a==="ArrowDown"||a==="ArrowUp")&&!i?(this.open=!0,this.focusOnOpen=!0,t.preventDefault()):this.open&&a==="Escape"&&(this.open=!1,t.preventDefault(),this.restoreInputFocus(!0))}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(t){this.floatingEl=t,y(this)}setStartWrapper(t){this.startWrapper=t,this.setReferenceEl()}setEndWrapper(t){this.endWrapper=t,this.setReferenceEl()}setDatePickerRef(t){this.datePickerEl=t,rt(this,{focusTrapEl:t,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:this.focusTrapDeactivates}})}async loadLocaleData(){z()&&(v.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.messages._lang,useGrouping:!1},this.localeData=await nt(this.messages._lang),this.localizeInputValues())}handleDateChange(t){this.range||(t.stopPropagation(),this.setValue(t.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let t=this.value[0];return!!(this.value[1]&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){let t=this.value[0],e=this.value[1];return!!(t&&!e&&this.focusedInput==="start"&&this.endInput)}handleDateRangeChange(t){if(!this.range)return;t.stopPropagation();let e=t.target.valueAsDate;this.setRangeValue(e),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(t=!1){if(!this.range){this.startInput.setFocus(),this.open=!1;return}if(t){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.open=!1,this.focusInput())}localizeInputValues(){let t=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0:this.valueAsDate,this.minAsDate,this.maxAsDate),e=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0,this.minAsDate,this.maxAsDate):null;this.setInputValue((t&&this.dateTimeFormat.format(t))??"","start"),this.setInputValue((this.range&&e&&this.dateTimeFormat.format(e))??"","end")}setInputValue(t,e="start"){let a=this[`${e}Input`];a&&(a.value=t)}setRangeValue(t){if(!this.range)return;let{value:e}=this,a=Array.isArray(e),i=Array.isArray(t),s=i?t[0]:null,r=i?c(s):"";r&&(r=this.getNormalizedDate(r));let h=i?t[1]:null,p=i?c(h):"";p&&(p=this.getNormalizedDate(p));let b=r||p?[r,p]:"";if(b===e)return;this.userChangedValue=!0,this.value=b,this.valueAsDate=b?D(b):void 0;let T=this.calciteInputDatePickerChange.emit();T&&T.defaultPrevented&&(this.value=e,a?(this.setInputValue(e[0],"start"),this.setInputValue(e[1],"end")):(this.value=e,this.setInputValue(e)))}setValue(t){if(this.range)return;let e=this.value,a=c(t);a=this.getNormalizedDate(a),a!==e&&(this.userChangedValue=!0,this.valueAsDate=a?l(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=e,this.setInputValue(e)))}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(t){return t?t.split("").map(e=>this.commonDateSeparators?.includes(e)?this.localeData?.separator:A?.includes(e)?v?.numberFormatter?.format(Number(e)):e).join(""):""}parseNumerals(t){return t?t.split("").map(e=>A.includes(e)?v.delocalize(e):e).join(""):""}getNormalizedDate(t){if(!t)return"";if(!ht(t))return t;let{day:e,month:a,year:i}=F(t);return`${dt(Number(i))}-${a}-${e}`}focusInput(){(this.focusedInput==="start"?this.startInput:this.endInput).setFocus()}render(){let{disabled:t,messages:{_lang:e},messages:a,numberingSystem:i,readOnly:s}=this;return v.numberFormatOptions={numberingSystem:i,locale:e,useGrouping:!1},N({disabled:this.disabled,children:u`${this.localeData&&u`<div class=${o(n.container)}><div class=${o(n.inputContainer)}><div class=${o(n.inputWrapper)} data-position=start @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??m} aria-describedby=${this.placeholderTextId??m} aria-errormessage=${lt.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${o({[n.input]:!0,[n.inputNoBottomBorder]:this.layout==="vertical"&&this.range,[n.inputNoRightBorder]:this.range})} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setStartInput)}></calcite-input-text>${!this.readOnly&&!this.range&&this.renderToggleIcon(this.open&&this.focusedInput==="start")||""}<span aria-hidden=true class=${o(n.assistiveText)} id=${this.placeholderTextId??m}>${a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span></div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite aria-modal=true class=${o(n.menu)} id=${this.dialogId??m} role=dialog ${d(this.setFloatingEl)}><div class=${o({[n.calendarWrapper]:!0,[k.animation]:!0,[k.animationActive]:this.open})} ${d(this.setTransitionEl)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??m} .valueAsDate=${this.valueAsDate} ${d(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&u`<div class=${o(n.dividerContainer)}><div class=${o(n.divider)}></div></div>`||""}${this.range&&u`<div class=${o(n.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??m} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${o({[n.input]:!0,[n.inputNoTopBorder]:this.layout==="vertical"&&this.range,[n.inputNoLeftBorder]:this.layout==="horizontal"&&this.range,[n.inputNoRightBorder]:this.layout==="vertical"&&this.range})} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setEndInput)}></calcite-input-text>${!this.readOnly&&this.layout==="horizontal"&&this.renderToggleIcon(this.open)||""}</div>`||""}</div>${this.range&&this.layout==="vertical"&&u`<div class=${o(n.verticalChevronContainer)}><calcite-icon .icon=${this.open?"chevron-up":"chevron-down"} .scale=${$(this.scale)}></calcite-icon></div>`||""}</div>`||""}${et({component:this})}${this.validationMessage&&this.status==="invalid"?at({icon:this.validationIcon,id:lt.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(t){return u`<span class=${o(n.toggleIcon)} tabindex=-1><calcite-icon class=${o(n.chevronIcon)} .icon=${t?"chevron-up":"chevron-down"} .scale=${$(this.scale)}></calcite-icon></span>`}};R("calcite-input-date-picker",O);export{O as InputDatePicker};
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{a as ot}from"./E77UFCG7.js";import{b as rt,d as P,e as x}from"./MMMDZXO3.js";import{a as nt,b as D}from"./DUIF4UOJ.js";import{a as it,b as I,c as l,d as C,g as st,h as c,i as F}from"./EPC6PV3A.js";import{g as L,i as U,k as v}from"./2XQRDBOF.js";import{a as at}from"./JD225EOA.js";import{a as Q,c as X,e as tt,h as et}from"./R4XN3TM5.js";import{c as J,d as K}from"./ZYEB6OOM.js";import{a as q,c as k,d as Y,e as G,f as j,g as y,h as Z}from"./H7Q3GS6I.js";import"./VI3KXLGC.js";import{a as _}from"./HYAVXYZ2.js";import{a as M,b as N}from"./WRT5VFG2.js";import{a as $}from"./MBW4RJGP.js";import"./4BJW4WBP.js";import"./42EYBCUV.js";import{b as A}from"./R4WJ47LZ.js";import{a as H}from"./SMJSXUYT.js";import{b as d}from"./FC7N6LLB.js";import{n as B}from"./GO4QOK2G.js";import{b as W}from"./PBIOUIAG.js";import{a as w}from"./P7S34RN4.js";import{B as S,G as z,J as R,e as E,f as u,j as m,v as g,w as V,x as o}from"./63TOND25.js";var ct=E`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}:host([scale=s]){--calcite-toggle-spacing: .5rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing: .75rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing: 1rem;--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateZ(0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.input-wrapper:focus-within~.input-wrapper .chevron-icon,.input-wrapper:active~.input-wrapper .chevron-icon,.input-wrapper:hover~.input-wrapper .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}:host([layout=horizontal]) .divider-container{width:1px}.divider{display:inline-block;width:1px;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-2)}:host([layout=vertical]) .divider-container{height:1px;width:100%;border-top-width:0px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;padding-inline:var(--calcite-spacing-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.input .calcite-input__wrapper{margin-top:0}.vertical-chevron-container{display:flex;align-items:center;border-width:1px;border-left-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);padding-inline:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}.vertical-chevron-container calcite-icon{color:var(--calcite-color-text-3)}.vertical-chevron-container calcite-icon:hover{color:var(--calcite-color-text-1)}:host([range][layout=vertical][scale=s]) .vertical-chevron-container,:host([range][layout=vertical][scale=s]) .divider-container{padding-inline:var(--calcite-spacing-sm)}:host([range][layout=vertical][scale=l]) .vertical-chevron-container,:host([range][layout=vertical][scale=l]) .divider-container{padding-inline:var(--calcite-spacing-lg)}.container:focus-within .vertical-chevron-container calcite-icon,.container:active .vertical-chevron-container calcite-icon,.container:hover .vertical-chevron-container calcite-icon{color:var(--calcite-color-text-1)}.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}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",container:"container",dividerContainer:"divider-container",divider:"divider",inputContainer:"input-container",inputNoBottomBorder:"input--no-bottom-border",inputNoRightBorder:"input--no-right-border",inputNoTopBorder:"input--no-top-border",inputNoLeftBorder:"input--no-left-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",verticalChevronContainer:"vertical-chevron-container",chevronIcon:"chevron-icon"},lt={validationMessage:"inputDatePickerValidationMessage"};function ht(f){if(!f)return!1;let{year:t}=F(f);return Number(t)<100}function dt(f){let t=new Date().getFullYear();return Math.floor(t/100)*100+f}var O=class extends V{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=`date-picker-dialog--${w()}`,this.focusOnOpen=!1,this.focusTrapDeactivates=()=>{this.open=!1},this.transitionProp="opacity",this.placeholderTextId=`calcite-input-date-picker-placeholder-${w()}`,this.rangeStartValueChangedByUser=!1,this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.focusedInput="start",this.disabled=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.messages=H({blocking:!0}),this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=q,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!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.calciteInputDatePickerBeforeClose=g({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=g({cancelable:!1}),this.calciteInputDatePickerChange=g({cancelable:!1}),this.calciteInputDatePickerClose=g({cancelable:!1}),this.calciteInputDatePickerOpen=g({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:16,focusedInput:16,localeData:16,disabled:7,flipPlacements:0,focusTrapDisabled:7,form:3,headingLevel:11,layout:3,max:3,maxAsDate:0,messageOverrides:0,min:3,minAsDate:0,monthStyle:1,name:3,numberingSystem:3,open:7,overlayPositioning:3,placement:3,proximitySelectionDisabled:5,range:7,readOnly:7,required:7,scale:3,status:3,validationIcon:[3,{converter:S}],validationMessage:1,validity:0,value:1,valueAsDate:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ct}get value(){return this._value}set value(t){let e=this._value;t!==e&&(this._value=t,this.valueWatcher(t))}async reposition(t=!1){let{floatingEl:e,referenceEl:a,placement:i,overlayPositioning:s,filteredFlipPlacements:r}=this;return G(this,{floatingEl:e,referenceEl:a,overlayPositioning:s,placement:i,flipPlacements:r,type:"menu"},t)}async setFocus(){await W(this),B(this.el)}connectedCallback(){super.connectedCallback();let{open:t}=this;if(t&&this.openHandler(),this.min&&(this.minAsDate=l(this.min)),this.max&&(this.maxAsDate=l(this.max)),Array.isArray(this.value))this.valueAsDate=D(this.value);else if(this.value)try{let e=l(this.value),a=I(e,this.minAsDate,this.maxAsDate);this.valueAsDate=a}catch{this.warnAboutInvalidValue(this.value),this.value=""}else this.valueAsDate&&(this.range&&Array.isArray(this.valueAsDate)?this.value=[c(this.valueAsDate[0]),c(this.valueAsDate[1])]:!this.range&&!Array.isArray(this.valueAsDate)&&(this.value=c(this.valueAsDate)));J(this),X(this),this.setFilteredPlacements(),v.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.messages._lang,useGrouping:!1},y(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max)}willUpdate(t){t.has("focusTrapDisabled")&&(this.hasUpdated||this.focusTrapDisabled!==!1)&&this.handleFocusTrapDisabled(this.focusTrapDisabled),t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),t.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),t.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),t.has("flipPlacements")&&this.flipPlacementsHandler(),t.has("min")&&this.onMinChanged(this.min),t.has("max")&&this.onMaxChanged(this.max),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(t.has("numberingSystem")||t.has("messages"))&&this.handleDateTimeFormatChange(),t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),t.has("messages")&&this.loadLocaleData()}updated(){M(this)}loaded(){this.localizeInputValues(),y(this)}disconnectedCallback(){super.disconnectedCallback(),x(this),K(this),tt(this),Z(this)}handleFocusTrapDisabled(t){this.open&&(t?x(this):P(this))}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}valueWatcher(t){if(!this.userChangedValue){let e;Array.isArray(t)?e=D(t):t?e=l(t):e=void 0,!this.valueAsDateChangedExternally&&e!==this.valueAsDate&&(this.valueAsDate=e),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(t){let e=Array.isArray(t)?[c(t[0]),c(t[1])]:c(t);this.datePickerActiveDate=Array.isArray(t)?t[0]:t,this.value!==e&&(this.valueAsDateChangedExternally=!0,this.value=e,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMinChanged(t){this.minAsDate=l(t)}onMaxChanged(t){this.maxAsDate=l(t)}openHandler(){_(this),!(this.disabled||this.readOnly)&&this.reposition(!0)}calciteInternalInputInputHandler(t){let e=t.target,a=e.value,i=this.parseNumerals(a),s=this.formatNumerals(i);e.value=s;let{year:r}=st(a,this.localeData);if(r&&r.length<4)return;let h=C(a,this.localeData);it(h,this.min,this.max)&&(this.datePickerActiveDate=h)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let t={numberingSystem:L(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(U(this.messages._lang),t)}setReferenceEl(){let{focusedInput:t,layout:e,endWrapper:a,startWrapper:i}=this;this.referenceEl=t==="end"||e==="vertical"?a||i:i||a,requestAnimationFrame(()=>y(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(t){let{range:e,endInput:a,startInput:i,currentOpenInput:s}=this,r=t.currentTarget.getAttribute("data-position");t.composedPath().find(h=>h.classList?.contains(n.toggleIcon))&&(r==="start"?i:a).setFocus(),(!e||!this.open||s===r)&&(this.open=!this.open)}setFilteredPlacements(){let{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?Y(e,t):null}setTransitionEl(t){this.transitionEl=t}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){P(this,{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)}}),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),j(this),x(this),this.focusOnOpen=!1,this.datePickerEl?.reset()}syncHiddenFormInput(t){ot("date",this,t)}setStartInput(t){this.startInput=t}setEndInput(t){this.endInput=t}blurHandler(){this.open=!1}commitValue(){let{focusedInput:t,value:e}=this,a=`${t}Input`,i=this[a].value,s=C(i,this.localeData),r=c(s),h=Array.isArray(e);if(this.range){let p=t==="start"?0:1;if(h){if(r===e[p])return;s?(this.setRangeValue([t==="start"?s:l(e[0]),t==="end"?s:l(e[1])]),this.localizeInputValues()):this.setRangeValue([t==="end"&&l(e[0]),t==="start"&&l(e[1])])}else s&&(this.setRangeValue([t==="start"?s:l(e[0]),t==="end"?s:l(e[1])]),this.localizeInputValues())}else{if(r===e)return;this.setValue(s),this.localizeInputValues()}}keyDownHandler(t){let{defaultPrevented:e,key:a}=t;if(e)return;let i=t.composedPath().some(s=>s.tagName==="CALCITE-SELECT");a==="Enter"?(t.preventDefault(),this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),Q(this)&&this.restoreInputFocus(!0)):(a==="ArrowDown"||a==="ArrowUp")&&!i?(this.open=!0,this.focusOnOpen=!0,t.preventDefault()):this.open&&a==="Escape"&&(this.open=!1,t.preventDefault(),this.restoreInputFocus(!0))}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(t){this.floatingEl=t,y(this)}setStartWrapper(t){this.startWrapper=t,this.setReferenceEl()}setEndWrapper(t){this.endWrapper=t,this.setReferenceEl()}setDatePickerRef(t){this.datePickerEl=t,rt(this,{focusTrapEl:t,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:this.focusTrapDeactivates}})}async loadLocaleData(){z()&&(v.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.messages._lang,useGrouping:!1},this.localeData=await nt(this.messages._lang),this.localizeInputValues())}handleDateChange(t){this.range||(t.stopPropagation(),this.setValue(t.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let t=this.value[0];return!!(this.value[1]&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){let t=this.value[0],e=this.value[1];return!!(t&&!e&&this.focusedInput==="start"&&this.endInput)}handleDateRangeChange(t){if(!this.range)return;t.stopPropagation();let e=t.target.valueAsDate;this.setRangeValue(e),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(t=!1){if(!this.range){this.startInput.setFocus(),this.open=!1;return}if(t){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.open=!1,this.focusInput())}localizeInputValues(){let t=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0:this.valueAsDate,this.minAsDate,this.maxAsDate),e=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0,this.minAsDate,this.maxAsDate):null;this.setInputValue((t&&this.dateTimeFormat.format(t))??"","start"),this.setInputValue((this.range&&e&&this.dateTimeFormat.format(e))??"","end")}setInputValue(t,e="start"){let a=this[`${e}Input`];a&&(a.value=t)}setRangeValue(t){if(!this.range)return;let{value:e}=this,a=Array.isArray(e),i=Array.isArray(t),s=i?t[0]:null,r=i?c(s):"";r&&(r=this.getNormalizedDate(r));let h=i?t[1]:null,p=i?c(h):"";p&&(p=this.getNormalizedDate(p));let b=r||p?[r,p]:"";if(b===e)return;this.userChangedValue=!0,this.value=b,this.valueAsDate=b?D(b):void 0;let T=this.calciteInputDatePickerChange.emit();T&&T.defaultPrevented&&(this.value=e,a?(this.setInputValue(e[0],"start"),this.setInputValue(e[1],"end")):(this.value=e,this.setInputValue(e)))}setValue(t){if(this.range)return;let e=this.value,a=c(t);a=this.getNormalizedDate(a),a!==e&&(this.userChangedValue=!0,this.valueAsDate=a?l(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=e,this.setInputValue(e)))}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(t){return t?t.split("").map(e=>this.commonDateSeparators?.includes(e)?this.localeData?.separator:A?.includes(e)?v?.numberFormatter?.format(Number(e)):e).join(""):""}parseNumerals(t){return t?t.split("").map(e=>A.includes(e)?v.delocalize(e):e).join(""):""}getNormalizedDate(t){if(!t)return"";if(!ht(t))return t;let{day:e,month:a,year:i}=F(t);return`${dt(Number(i))}-${a}-${e}`}focusInput(){(this.focusedInput==="start"?this.startInput:this.endInput).setFocus()}render(){let{disabled:t,messages:{_lang:e},messages:a,numberingSystem:i,readOnly:s}=this;return v.numberFormatOptions={numberingSystem:i,locale:e,useGrouping:!1},N({disabled:this.disabled,children:u`${this.localeData&&u`<div class=${o(n.container)}><div class=${o(n.inputContainer)}><div class=${o(n.inputWrapper)} data-position=start @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??m} aria-describedby=${this.placeholderTextId??m} aria-errormessage=${lt.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${o({[n.input]:!0,[n.inputNoBottomBorder]:this.layout==="vertical"&&this.range,[n.inputNoRightBorder]:this.range})} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setStartInput)}></calcite-input-text>${!this.readOnly&&!this.range&&this.renderToggleIcon(this.open&&this.focusedInput==="start")||""}<span aria-hidden=true class=${o(n.assistiveText)} id=${this.placeholderTextId??m}>${a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span></div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite aria-modal=true class=${o(n.menu)} id=${this.dialogId??m} role=dialog ${d(this.setFloatingEl)}><div class=${o({[n.calendarWrapper]:!0,[k.animation]:!0,[k.animationActive]:this.open})} ${d(this.setTransitionEl)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??m} .valueAsDate=${this.valueAsDate} ${d(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&u`<div class=${o(n.dividerContainer)}><div class=${o(n.divider)}></div></div>`||""}${this.range&&u`<div class=${o(n.inputWrapper)} data-position=end @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${d(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??m} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${o({[n.input]:!0,[n.inputNoTopBorder]:this.layout==="vertical"&&this.range,[n.inputNoLeftBorder]:this.layout==="horizontal"&&this.range,[n.inputNoRightBorder]:this.layout==="vertical"&&this.range})} .disabled=${t} icon=calendar @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.localeData?.placeholder} .readOnly=${s} role=combobox .scale=${this.scale} .status=${this.status} ${d(this.setEndInput)}></calcite-input-text>${!this.readOnly&&this.layout==="horizontal"&&this.renderToggleIcon(this.open)||""}</div>`||""}</div>${this.range&&this.layout==="vertical"&&u`<div class=${o(n.verticalChevronContainer)}><calcite-icon .icon=${this.open?"chevron-up":"chevron-down"} .scale=${$(this.scale)}></calcite-icon></div>`||""}</div>`||""}${et({component:this})}${this.validationMessage&&this.status==="invalid"?at({icon:this.validationIcon,id:lt.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(t){return u`<span class=${o(n.toggleIcon)} tabindex=-1><calcite-icon class=${o(n.chevronIcon)} .icon=${t?"chevron-up":"chevron-down"} .scale=${$(this.scale)}></calcite-icon></span>`}};R("calcite-input-date-picker",O);export{O as InputDatePicker};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{a as e,b as x,c as b}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{a as e,b as x,c as b}from"./XIWNJBFP.js";import{a as g}from"./SMJSXUYT.js";import{b as a}from"./ARIDWTR6.js";import{n as d,u as m}from"./GO4QOK2G.js";import{b as h}from"./PBIOUIAG.js";import"./P7S34RN4.js";import{J as p,e as c,f as t,w as r,x as u}from"./63TOND25.js";var O=c`: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{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);gap:var(--calcite-action-group-gap, 1px);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(...arguments),this.hasMenuActions=!1,this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.messages=g(),this.overlayPositioning="absolute",this.scale="m"}static{this.properties={hasMenuActions:16,columns:11,expanded:7,label:1,layout:3,menuFlipPlacements:0,menuOpen:7,menuPlacement:3,messageOverrides:0,overlayPositioning:3,scale:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=O}async setFocus(){await h(this),d(this.el)}async load(){}willUpdate(o){o.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&(this.menuOpen=!1)}loaded(){}setMenuOpen(o){this.menuOpen=!!o.currentTarget.open}handleMenuActionsSlotChange(o){this.hasMenuActions=m(o)}renderMenu(){let{expanded:o,menuOpen:f,scale:i,layout:s,messages:l,overlayPositioning:y,hasMenuActions:$,menuFlipPlacements:v,menuPlacement:M}=this;return t`<calcite-action-menu .expanded=${o} .flipPlacements=${v??(s==="horizontal"?["top","bottom"]:["left","right"])} .hidden=${!$} .label=${l.more} @calciteActionMenuOpen=${this.setMenuOpen} .open=${f} .overlayPositioning=${y} .placement=${M??(s==="horizontal"?"bottom-start":"leading-start")} .scale=${i}><calcite-action .icon=${x.menu} .scale=${i} slot=${a.trigger} .text=${l.more} .textEnabled=${o}></calcite-action><slot name=${e.menuActions} @slotchange=${this.handleMenuActionsSlotChange}></slot><slot name=${e.menuTooltip} slot=${a.tooltip}></slot></calcite-action-menu>`}render(){return t`<div .ariaLabel=${this.label} class=${u(b.container)} role=group><slot></slot>${this.renderMenu()}</div>`}};p("calcite-action-group",n);export{n as ActionGroup};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{a}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{a}from"./B4RFHTW2.js";export{a as default};
|
|
@@ -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
|
-
v3.0.
|
|
4
|
-
import{c as d}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{c as d}from"./GO4QOK2G.js";import{a as r}from"./P7S34RN4.js";import{A as i,J as o,e as c,f as l,w as s,x as a}from"./63TOND25.js";var b={container:"container",content:"content"},h=c`:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends s{constructor(){super(),this.guid=`calcite-tab-title-${r()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:16,scale:1,selected:7,tab:3}}static{this.styles=h}async getTabIndex(){return Array.prototype.indexOf.call(d(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],t=[]){this.labeledBy=t[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(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),l`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};o("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
|
-
v3.0.
|
|
4
|
-
import{b as n}from"./
|
|
3
|
+
v3.0.2 */
|
|
4
|
+
import{b as n}from"./AG3OBGY5.js";import"./B4RFHTW2.js";function u(t,a,s,k){var l={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"p\xE4iv\xE4",dd:"%d p\xE4iv\xE4\xE4",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_nelj\xE4_viisi_kuusi_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},m={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"p\xE4iv\xE4n",dd:"%d p\xE4iv\xE4n",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_nelj\xE4n_viiden_kuuden_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},i=k&&!a?m:l,e=i[s];return t<10?e.replace("%d",i.numbers[t]):e.replace("%d",t)}var _={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kes\xE4kuu_hein\xE4kuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kes\xE4_hein\xE4_elo_syys_loka_marras_joulu".split("_"),ordinal:function(a){return a+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s p\xE4\xE4st\xE4",past:"%s sitten",s:u,m:u,mm:u,h:u,hh:u,d:u,dd:u,M:u,MM:u,y:u,yy:u},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};n.locale(_,null,!0);var o=_;export{o as default};
|