@esri/calcite-components 3.1.0-next.5 → 3.1.0-next.7
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/{WLOSM4EW.js → 23QYBYGI.js} +2 -2
- package/dist/calcite/{YKIHGJQC.js → 24WYEQAL.js} +2 -2
- package/dist/calcite/{HDW2PTVE.js → 2GZHBWBV.js} +2 -2
- package/dist/calcite/{GRVA5IBX.js → 2PYGDIBR.js} +2 -2
- package/dist/calcite/{XGDEKVFD.js → 2WH24SWJ.js} +1 -1
- package/dist/calcite/{NORHJEXV.js → 3CFWKAPW.js} +2 -2
- package/dist/calcite/{WJPQYVGR.js → 3DQN5GDF.js} +2 -2
- package/dist/calcite/{MV43RTGZ.js → 3GDLF2CV.js} +2 -2
- package/dist/calcite/{XLZSKSTG.js → 3LP25KTU.js} +1 -1
- package/dist/calcite/{NE6ZDTYI.js → 3RP25JZB.js} +1 -1
- package/dist/calcite/{4ARCEEXL.js → 3SKSFGNV.js} +2 -2
- package/dist/calcite/{FZFM5HIG.js → 3XDYWGML.js} +2 -2
- package/dist/calcite/{IKJVPR72.js → 4C5TOBNI.js} +2 -2
- package/dist/calcite/{3PIZG6XC.js → 4CCQAFLA.js} +1 -1
- package/dist/calcite/{SZZXQEWP.js → 4DI3QCUU.js} +2 -2
- package/dist/calcite/{RKXEMMUT.js → 4HSFDVKK.js} +2 -2
- package/dist/calcite/{RB4N2ORZ.js → 4PQ5Q76M.js} +1 -1
- package/dist/calcite/{DT4BSDOP.js → 4R43XQFQ.js} +2 -2
- package/dist/calcite/{MJRQZKU3.js → 4UC7MCYM.js} +2 -2
- package/dist/calcite/{3UVRIFN3.js → 4USKRDTX.js} +2 -2
- package/dist/calcite/{HWJBJTWZ.js → 52RBP7OT.js} +2 -2
- package/dist/calcite/{GHJMF2ET.js → 54KJ4HNZ.js} +1 -1
- package/dist/calcite/{M2M2RG3F.js → 5HMF6PAX.js} +1 -1
- package/dist/calcite/{MIIQQS6H.js → 5KFMOWPN.js} +2 -2
- package/dist/calcite/{BIYNLEC2.js → 5LXAHLT7.js} +2 -2
- package/dist/calcite/{AKI2WCUV.js → 5LY5ZTLQ.js} +2 -2
- package/dist/calcite/{X7F6MCE5.js → 5NA36FFI.js} +1 -1
- package/dist/calcite/{4RBOXHZ3.js → 5OYEXRSI.js} +2 -2
- package/dist/calcite/{AP5GLES3.js → 5P3ENXYO.js} +2 -2
- package/dist/calcite/{234NQ3RR.js → 5SEUR52C.js} +2 -2
- package/dist/calcite/{DQRF7K6L.js → 5SS4I7XG.js} +2 -2
- package/dist/calcite/{YHQAUZAG.js → 5TIUW3L5.js} +2 -2
- package/dist/calcite/{2RAJAO6Z.js → 5U2TH4NF.js} +2 -2
- package/dist/calcite/{PMPFCXTM.js → 6HRWBHK5.js} +2 -2
- package/dist/calcite/{UN7WA7YN.js → 6KJD5HVP.js} +2 -2
- package/dist/calcite/{J2EOKA2K.js → 6NYGH7LK.js} +2 -2
- package/dist/calcite/{WESWUOMM.js → 7BH6EGAT.js} +2 -2
- package/dist/calcite/{AOM3D5GZ.js → 7FEGHWJD.js} +2 -2
- package/dist/calcite/{VO3FM2YT.js → 7GX2DSOY.js} +2 -2
- package/dist/calcite/{PSDWCB4C.js → 7N3U6TFH.js} +2 -2
- package/dist/calcite/{34JZBIZ5.js → 7NFZ357F.js} +2 -2
- package/dist/calcite/{ZQJFRBG2.js → 7QFB4LHC.js} +2 -2
- package/dist/calcite/{UUEXXECV.js → 7TLUC7LO.js} +2 -2
- package/dist/calcite/{K5ZKC6NJ.js → 7ZHFIIFD.js} +2 -2
- package/dist/calcite/{PQ5SYUKN.js → A3H24C3H.js} +2 -2
- package/dist/calcite/{RXAYIMA7.js → A6VLTRHH.js} +1 -1
- package/dist/calcite/{FR3Y7ADL.js → AHT3L57E.js} +2 -2
- package/dist/calcite/{2E4ZTR5U.js → AWWWFUVZ.js} +2 -2
- package/dist/calcite/{7Z555U3Q.js → B44UCOWZ.js} +2 -2
- package/dist/calcite/{JWKPXLNW.js → BC6HPMDN.js} +2 -2
- package/dist/calcite/{6WQ32KSS.js → BD7CBXMP.js} +2 -2
- package/dist/calcite/{W435QLEW.js → BFV25IF2.js} +2 -2
- package/dist/calcite/{OBXARLIW.js → BLRCNXZT.js} +2 -2
- package/dist/calcite/{CN2GEAXI.js → BNKAXZXI.js} +2 -2
- package/dist/calcite/{X7MMC4G2.js → BP7UQKXC.js} +2 -2
- package/dist/calcite/{NHK22LNR.js → BSF5AXMX.js} +2 -2
- package/dist/calcite/{6HSDILLY.js → BZRQIC4U.js} +2 -2
- package/dist/calcite/{XPBUJ4OR.js → C2VY4SND.js} +2 -2
- package/dist/calcite/{LSMIBZZR.js → CC42OKJI.js} +2 -2
- package/dist/calcite/{LQ3XQRBS.js → CE3CSS73.js} +2 -2
- package/dist/calcite/{GE7O42CJ.js → CG7YHZFP.js} +2 -2
- package/dist/calcite/{EIGCBIZD.js → CMDWOQBA.js} +2 -2
- package/dist/calcite/{CXTDWSY4.js → CRWDCXZ5.js} +2 -2
- package/dist/calcite/{3MQ724CF.js → CVLX4D3Y.js} +2 -2
- package/dist/calcite/{TEOM7GFA.js → D6KQCVF5.js} +2 -2
- package/dist/calcite/{DRJZR233.js → D6PDQ3AU.js} +2 -2
- package/dist/calcite/{DBLSCQ3M.js → DAKR5UOA.js} +2 -2
- package/dist/calcite/{GJKDEABH.js → DMF4G4SN.js} +1 -1
- package/dist/calcite/{CT7EGU6Y.js → DQDMTMGW.js} +1 -1
- package/dist/calcite/{P2T4R24G.js → DVCFHI77.js} +2 -2
- package/dist/calcite/{MGKUSSC3.js → E46UHGDH.js} +2 -2
- package/dist/calcite/{TBGJLWJT.js → E6R4PTQZ.js} +2 -2
- package/dist/calcite/{ID3LNWA7.js → EI2A4F2E.js} +2 -2
- package/dist/calcite/{FSAA42HB.js → EOSGN3O6.js} +2 -2
- package/dist/calcite/{B5RD4VYG.js → ERX64UFN.js} +2 -2
- package/dist/calcite/{L6BOGXYG.js → EZCXI7I3.js} +2 -2
- package/dist/calcite/{VTMKSRMR.js → EZZDNVID.js} +2 -2
- package/dist/calcite/{YCXEMHYB.js → F3KYXPH7.js} +2 -2
- package/dist/calcite/{62Q72ZJL.js → F6J3ODV3.js} +2 -2
- package/dist/calcite/{OLRT6LRO.js → FGNLJEGO.js} +2 -2
- package/dist/calcite/{KCM54OPG.js → FLEE2URG.js} +2 -2
- package/dist/calcite/{MJ7NAU3U.js → FMB4U6DK.js} +1 -1
- package/dist/calcite/{3LRVT6FB.js → FMR2J5VK.js} +1 -1
- package/dist/calcite/{I2O7VBWH.js → FV7J2WAN.js} +2 -2
- package/dist/calcite/{DCOBPCFD.js → G43YWW6Q.js} +2 -2
- package/dist/calcite/{AUAPOCIE.js → GELBMJQA.js} +1 -1
- package/dist/calcite/{6YRBZ7ZQ.js → GFM4IJLR.js} +1 -1
- package/dist/calcite/{2OQT356B.js → GO3WO3UE.js} +2 -2
- package/dist/calcite/{WX26WDPL.js → GQPJNP6X.js} +2 -2
- package/dist/calcite/{ZIRKRYF7.js → H6I74P23.js} +2 -2
- package/dist/calcite/{2T2MUGNX.js → HDJDGRY2.js} +2 -2
- package/dist/calcite/{QUI34HOS.js → HKCRQWLV.js} +2 -2
- package/dist/calcite/{HVRMB2FE.js → HKYKHJHF.js} +2 -2
- package/dist/calcite/{SMCQKNRN.js → HUMBVKMM.js} +1 -1
- package/dist/calcite/{JJN62JM7.js → HXYAWBCP.js} +2 -2
- package/dist/calcite/{JSU6WYRW.js → I64GA343.js} +2 -2
- package/dist/calcite/{DXVDLXY4.js → ICT3YUIV.js} +2 -2
- package/dist/calcite/{BUCX7IMW.js → IEISPHM2.js} +2 -2
- package/dist/calcite/{XMHIAAN3.js → IGQ6CAYS.js} +2 -2
- package/dist/calcite/{U4Z5ZY3S.js → IUAAIJGF.js} +2 -2
- package/dist/calcite/{ZVKT4AUP.js → IVGEOFAS.js} +2 -2
- package/dist/calcite/{DEVMYFAT.js → IX3X7YQT.js} +2 -2
- package/dist/calcite/{UTFYJVZ2.js → JSKZXPE3.js} +2 -2
- package/dist/calcite/{QPA3WML5.js → JVZIW4AN.js} +2 -2
- package/dist/calcite/{5AW6M5W5.js → K26JXYIN.js} +2 -2
- package/dist/calcite/{WCCZEJB3.js → K3QE2TQ5.js} +2 -2
- package/dist/calcite/{G7753MO3.js → K63FFHJ6.js} +2 -2
- package/dist/calcite/{DBORD37G.js → K6ENKAQ6.js} +2 -2
- package/dist/calcite/{Z4AJP2HQ.js → KATUEIK3.js} +2 -2
- package/dist/calcite/{YUABYJIY.js → KFB3TQFF.js} +2 -2
- package/dist/calcite/{3FTEH2F3.js → KFCZUHEB.js} +2 -2
- package/dist/calcite/{T4DCGO2T.js → KJJ6DZFN.js} +2 -2
- package/dist/calcite/KP4WJEKF.js +4 -0
- package/dist/calcite/{S3BDJOEX.js → KPTKGGFH.js} +2 -2
- package/dist/calcite/{KRA66UWK.js → KYCJWP44.js} +2 -2
- package/dist/calcite/{5PKCEIEG.js → L5AFTTF7.js} +2 -2
- package/dist/calcite/{DK5NUAOH.js → L7H24XPG.js} +2 -2
- package/dist/calcite/{G3HFFN5B.js → LGHY3GUA.js} +2 -2
- package/dist/calcite/{SAIHCXDM.js → LIR4ATRS.js} +2 -2
- package/dist/calcite/{HVUPILKI.js → LKHWNGO6.js} +2 -2
- package/dist/calcite/{MXXLXKOZ.js → LKKC2ORZ.js} +2 -2
- package/dist/calcite/{ZHUZSSXS.js → LLHW7YP5.js} +2 -2
- package/dist/calcite/{2IIHEDGD.js → M474KV3G.js} +2 -2
- package/dist/calcite/{7QTCJNB6.js → MDUM7BM5.js} +2 -2
- package/dist/calcite/{DLJ6UWE5.js → MJRIALRD.js} +2 -2
- package/dist/calcite/{UATK3RMU.js → ML5HJD62.js} +2 -2
- package/dist/calcite/{XRXEMF35.js → MMWGZDGL.js} +2 -2
- package/dist/calcite/{G2NHACCG.js → MPGDCP7S.js} +2 -2
- package/dist/calcite/{AKXRTLEG.js → MTKX4ULI.js} +2 -2
- package/dist/calcite/{R33H24FB.js → N3U3I4OV.js} +2 -2
- package/dist/calcite/{WTFFTGZ3.js → NE6TMKKZ.js} +2 -2
- package/dist/calcite/{GUFUDTXK.js → NGRE3HS2.js} +2 -2
- package/dist/calcite/{R2KYOIAL.js → NHSCIW72.js} +2 -2
- package/dist/calcite/{4PPNXUX7.js → NMWU4JZA.js} +2 -2
- package/dist/calcite/{EE4NCNUC.js → NOOWRNHB.js} +2 -2
- package/dist/calcite/{KKZTJ72Q.js → NRLKQ5ZX.js} +2 -2
- package/dist/calcite/{B2T2CSIX.js → NSBSD6BD.js} +1 -1
- package/dist/calcite/{Z76YDWTQ.js → OHOJFR4E.js} +2 -2
- package/dist/calcite/{AVT3RTGE.js → OMYNGZDX.js} +2 -2
- package/dist/calcite/{HAABGQ4I.js → OPE3YF45.js} +2 -2
- package/dist/calcite/{EA4BNWHS.js → OQYQ4LBH.js} +1 -1
- package/dist/calcite/{H6ZZBR7Z.js → OW6NXQGB.js} +2 -2
- package/dist/calcite/{3H6CYSQ3.js → OYFPVNQP.js} +1 -1
- package/dist/calcite/{BL6RAOWT.js → P36F45UR.js} +2 -2
- package/dist/calcite/{LTP3Z42M.js → P6PYO5VJ.js} +2 -2
- package/dist/calcite/{KUBEVB3C.js → P7QERERO.js} +2 -2
- package/dist/calcite/{P3QA2OV3.js → P7TUOU2S.js} +2 -2
- package/dist/calcite/{6AFPPXE3.js → PHMEG45J.js} +2 -2
- package/dist/calcite/{KY46K2ZG.js → PJRUHOKQ.js} +2 -2
- package/dist/calcite/{GXO6HVXF.js → PLXBGGIU.js} +1 -1
- package/dist/calcite/{OUL446QS.js → PU2PYT25.js} +2 -2
- package/dist/calcite/{YPR4ARLS.js → PX4RCOEC.js} +2 -2
- package/dist/calcite/{TKNYQCKP.js → PXQQLLQY.js} +2 -2
- package/dist/calcite/{MN6J2F5M.js → Q7T34XXW.js} +2 -2
- package/dist/calcite/{P5PUUW4P.js → QAJ5QM7N.js} +2 -2
- package/dist/calcite/{D5FGERQ2.js → QKPJYVJR.js} +2 -2
- package/dist/calcite/{DDD22MRT.js → QRYIV7BU.js} +2 -2
- package/dist/calcite/{HG4C3WZ6.js → QULJXRPY.js} +2 -2
- package/dist/calcite/{6ASH4EUO.js → QZX6AVZI.js} +2 -2
- package/dist/calcite/{CZJU4JEY.js → ROTKQA2Z.js} +2 -2
- package/dist/calcite/{ZH3E3ZMJ.js → RTCBOVYB.js} +2 -2
- package/dist/calcite/{GQQOL3LX.js → RTDWPKGP.js} +2 -2
- package/dist/calcite/{IE77SK7D.js → RULKGQVK.js} +2 -2
- package/dist/calcite/{W2S4DC7H.js → RXIDV5CX.js} +2 -2
- package/dist/calcite/{HSMQLTQN.js → RY7WYAII.js} +2 -2
- package/dist/calcite/{VLQDK2JN.js → S2DBCTCB.js} +2 -2
- package/dist/calcite/{MPNXBFB7.js → S65DYLOB.js} +2 -2
- package/dist/calcite/{XYZK6H3X.js → S7375S3M.js} +2 -2
- package/dist/calcite/{5CSKQSUS.js → SE7SKLAI.js} +2 -2
- package/dist/calcite/{Z25F3FGW.js → SQJLMNJ5.js} +2 -2
- package/dist/calcite/{N3WZVTIG.js → STC4K6OB.js} +2 -2
- package/dist/calcite/{5GQMBKIA.js → SZL35IVV.js} +2 -2
- package/dist/calcite/{UXD3OJ75.js → T37IRDSP.js} +2 -2
- package/dist/calcite/{MAUGMCMJ.js → T76VUATX.js} +2 -2
- package/dist/calcite/{TCG4FHCX.js → TEEYGWOE.js} +2 -2
- package/dist/calcite/{Q2FKEF2B.js → TGV2WLAS.js} +2 -2
- package/dist/calcite/{6NFQCVNA.js → TIMHHJ2M.js} +1 -1
- package/dist/calcite/{PFS6BWAB.js → TOE3VPR2.js} +2 -2
- package/dist/calcite/{6CMUDN3F.js → TOPPPFMV.js} +2 -2
- package/dist/calcite/{VFYNKMUI.js → TSSHB2KB.js} +2 -2
- package/dist/calcite/{PSCVD4C4.js → TZVJVNKH.js} +2 -2
- package/dist/calcite/{MWB56SPR.js → U2W2GQHC.js} +2 -2
- package/dist/calcite/{LMIWK4QO.js → U7JDZ54D.js} +2 -2
- package/dist/calcite/{T7T36B7S.js → UGSJQG54.js} +2 -2
- package/dist/calcite/{PXEL3EP5.js → UJXNYYOH.js} +2 -2
- package/dist/calcite/{B5MIVD2G.js → ULUWY7DI.js} +2 -2
- package/dist/calcite/{EP2KSJNI.js → UNAKTYPH.js} +2 -2
- package/dist/calcite/{6ZQB5XL7.js → V5V6QCYK.js} +2 -2
- package/dist/calcite/{XZ6FLS6L.js → VAC3MERT.js} +2 -2
- package/dist/calcite/{PAVLKGHK.js → VDH6MVX3.js} +2 -2
- package/dist/calcite/{DH2ZCMMI.js → VGAURE3W.js} +2 -2
- package/dist/calcite/{G5MMLIAZ.js → VH26HKEN.js} +2 -2
- package/dist/calcite/{RCDBH4XO.js → VSB6UJNB.js} +2 -2
- package/dist/calcite/W67HXJTH.js +4 -0
- package/dist/calcite/{ONDPT4UX.js → WB74LBL2.js} +2 -2
- package/dist/calcite/{RFCAWY6J.js → WD2O4WWL.js} +2 -2
- package/dist/calcite/{XC5FVGDB.js → WFTDZ7E7.js} +2 -2
- package/dist/calcite/{ZRMKKZTT.js → WJS7JLAF.js} +2 -2
- package/dist/calcite/{XUCYRB75.js → WMEJSKDZ.js} +2 -2
- package/dist/calcite/{SDNXTWMS.js → WPJVU6FH.js} +2 -2
- package/dist/calcite/{2E4RG5QS.js → WPSL7L3Q.js} +2 -2
- package/dist/calcite/{Q46F34GG.js → WRC6CKL3.js} +2 -2
- package/dist/calcite/{TMIL7TMX.js → WZREN3KA.js} +2 -2
- package/dist/calcite/{EZVYVR2O.js → X3NTRVRV.js} +2 -2
- package/dist/calcite/{GPWTCJDH.js → X4H7V7ZF.js} +2 -2
- package/dist/calcite/{EMC4L2M7.js → XEW4EROA.js} +2 -2
- package/dist/calcite/{XF6CF4Z6.js → XOPHZZM7.js} +2 -2
- package/dist/calcite/{FLUJNVMH.js → XWOOCQO3.js} +2 -2
- package/dist/calcite/{KI6GJGIS.js → XZ3NGVV3.js} +2 -2
- package/dist/calcite/{NQ7CCOVH.js → XZNIPUP2.js} +2 -2
- package/dist/calcite/{HDWMPWOR.js → Y6C5KQ5W.js} +2 -2
- package/dist/calcite/{GV6XHN7K.js → Y6U3YF7E.js} +2 -2
- package/dist/calcite/{NIMA2W6N.js → Y74GXFJR.js} +2 -2
- package/dist/calcite/{UJ7O4A73.js → Y7JG6S5I.js} +2 -2
- package/dist/calcite/{3NRA6KE5.js → YS74NGYV.js} +2 -2
- package/dist/calcite/{4DRMF6BU.js → YT527AXI.js} +2 -2
- package/dist/calcite/{WZWU34R7.js → YXF22RJP.js} +2 -2
- package/dist/calcite/{XW755YUV.js → YZOBXRKZ.js} +2 -2
- package/dist/calcite/{75NBNZNT.js → ZBFCB7U3.js} +2 -2
- package/dist/calcite/{YBYEJYEB.js → ZE2LZFZ6.js} +2 -2
- package/dist/calcite/{PMPWCFWB.js → ZQ3XD42A.js} +2 -2
- package/dist/calcite/{PLYFI2S4.js → ZSETEFQN.js} +2 -2
- package/dist/calcite/{CK3Q7VDJ.js → ZSTR4GZA.js} +1 -1
- 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/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 +6 -6
- 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 +1 -1
- 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 +1 -1
- package/dist/components/calcite-action-bar/customElement.js +1 -1
- package/dist/components/calcite-action-group/customElement.js +1 -1
- package/dist/components/calcite-action-menu/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.js +1 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +1 -1
- package/dist/components/calcite-block-group/customElement.js +1 -1
- package/dist/components/calcite-block-section/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-carousel-item/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +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 +10 -10
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-loader/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-modal/customElement.js +2 -2
- 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 +4 -4
- 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 +4 -2
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +2 -2
- package/readme.md +2 -2
- package/dist/calcite/2L7CKCGI.js +0 -4
- package/dist/calcite/RFK56QK6.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.1.0-next.
|
|
4
|
-
import{b as a}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{b as a}from"./OPE3YF45.js";import"./GFM4IJLR.js";var i="sausio_vasario_kovo_baland\u017Eio_gegu\u017E\u0117s_bir\u017Eelio_liepos_rugpj\u016B\u010Dio_rugs\u0117jo_spalio_lapkri\u010Dio_gruod\u017Eio".split("_"),Y="sausis_vasaris_kovas_balandis_gegu\u017E\u0117_bir\u017Eelis_liepa_rugpj\u016Btis_rugs\u0117jis_spalis_lapkritis_gruodis".split("_"),d=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/,M=function(s,_){return d.test(_)?i[s.month()]:Y[s.month()]};M.s=Y;M.f=i;var l={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_tre\u010Diadienis_ketvirtadienis_penktadienis_\u0161e\u0161tadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_\u0161e\u0161".split("_"),weekdaysMin:"s_p_a_t_k_pn_\u0161".split("_"),months:M,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function(s){return s+"."},weekStart:1,relativeTime:{future:"u\u017E %s",past:"prie\u0161 %s",s:"kelias sekundes",m:"minut\u0119",mm:"%d minutes",h:"valand\u0105",hh:"%d valandas",d:"dien\u0105",dd:"%d dienas",M:"m\u0117nes\u012F",MM:"%d m\u0117nesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};a.locale(l,null,!0);var t=l;export{t 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.1.0-next.
|
|
4
|
-
import{a,b as $,d as m,e as I}from"./NE6ZDTYI.js";import{a as U,e as R,g as F}from"./XZ6FLS6L.js";import{a as D,b as P}from"./5AW6M5W5.js";import{a as d}from"./LSMIBZZR.js";import{a as T}from"./HSMQLTQN.js";import{a as b,b as f}from"./P2T4R24G.js";import{e as z,m as B,u as C}from"./SDNXTWMS.js";import{a as S,d as M}from"./G3HFFN5B.js";import"./PSCVD4C4.js";import"./B2T2CSIX.js";import{J as O,e as H,f as l,j as k,v as r,w as A,x as i}from"./P5PUUW4P.js";var Q=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-1))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container:hover.container--border-unselected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-border-1))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--open{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell: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))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.open-container calcite-action,.open-container calcite-sort-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`,y=new Map,E=class extends A{constructor(){super(),this.actionsEndEl=b(),this.actionsStartEl=b(),this.containerEl=b(),this.contentEl=b(),this.defaultSlotEl=b(),this.handleGridEl=b(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.level=null,this.openable=!1,this.active=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.filterHidden=!1,this.interactionMode=null,this.messages=T(),this.displayMode="flat",this.moveToItems=[],this.open=!1,this.scale="m",this.selected=!1,this.selectionAppearance=null,this.selectionMode=null,this.setPosition=null,this.setSize=null,this.sortHandleOpen=!1,this.unavailable=!1,this.calciteInternalFocusPreviousItem=r({cancelable:!1}),this.calciteInternalListItemActive=r({cancelable:!1}),this.calciteInternalListItemChange=r({cancelable:!1}),this.calciteInternalListItemSelect=r({cancelable:!1}),this.calciteInternalListItemSelectMultiple=r({cancelable:!1}),this.calciteInternalListItemToggle=r({cancelable:!1}),this.calciteListItemClose=r({cancelable:!1}),this.calciteListItemSelect=r({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=r({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=r({cancelable:!1}),this.calciteListItemSortHandleClose=r({cancelable:!1}),this.calciteListItemSortHandleOpen=r({cancelable:!1}),this.calciteListItemToggle=r({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasCustomContent:16,level:16,openable:16,parentListEl:16,active:5,bordered:5,closable:7,closed:7,description:1,disabled:7,dragDisabled:7,dragHandle:7,filterHidden:7,interactionMode:1,label:1,messageOverrides:0,metadata:0,displayMode:3,moveToItems:0,open:7,scale:3,selected:7,selectionAppearance:3,selectionMode:3,setPosition:9,setSize:9,sortHandleOpen:7,unavailable:7,value:1,iconStart:3,iconEnd:3,iconFlipRtl:3}}static{this.styles=Q}async setFocus(){await M(this);let{containerEl:{value:e},parentListEl:t}=this,n=y.get(t);if(typeof n=="number"){let o=this.getGridCells();o[n]?this.focusCell(o[n]):e?.focus();return}e?.focus()}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U),this.level=F(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.handleOpenChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleOpenableChange(this.defaultSlotEl.value)}updated(){D(this)}activeHandler(e){e||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleOpenChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleOpenableChange(e){if(!e)return;let t=R(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.openable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleOpenableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.open){this.open=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridEl.value,this.actionsStartEl.value,this.contentEl.value,this.actionsEndEl.value].filter(e=>e&&!e.hidden)}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerEl:{value:o},actionsStartEl:{value:h},actionsEndEl:{value:s},open:u,openable:v}=this,c=this.getGridCells(),p=c.findIndex(g=>n.includes(g));if(t==="Enter"&&!n.includes(h)&&!n.includes(s))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let g=p+1;p===-1?!u&&v?(this.toggle(!0),this.focusCell(null)):c[0]&&this.focusCell(c[0]):c[p]&&c[g]&&this.focusCell(c[g])}else if(t==="ArrowLeft"){e.preventDefault();let g=p-1;p===-1?(this.focusCell(null),u&&v?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):p===0?(this.focusCell(null),o.focus()):c[p]&&c[g]&&this.focusCell(c[g])}}focusCellNull(){this.focusCell(null)}setFocusCell(e,t,n){let{parentListEl:o}=this;n&&y.set(o,null);let h=this.getGridCells();h.forEach(s=>{s.removeAttribute("tabindex"),s.removeAttribute(I)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(I,""),n&&y.set(o,h.indexOf(e)))}focusCell(e,t=!0){let n=B(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n==="border"?null:d("selection-container",l`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?m.selectedMultiple:m.selectedSingle:t==="multiple"?m.unselectedMultiple:m.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:o,setSize:h,moveToItems:s}=this;return t?d("drag-handle-container",l`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${f(this.handleGridEl)}><calcite-sort-handle .disabled=${n} .label=${e} .moveToItems=${s} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${o} .setSize=${h} ${f(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderOpen(){let{el:e,open:t,openable:n,messages:o,displayMode:h,scale:s}=this;if(h!=="nested")return null;let u=z(e),v=n?t?m.open:u==="rtl"?m.closedRTL:m.closedLTR:m.blank,c=S(s),p=n?t?o.collapse:o.expand:void 0,g=n?this.handleToggleClick:void 0;return d("open-container",l`<div class=${i(a.openContainer)} @click=${g} title=${p??k}>${d(v,l`<calcite-icon .icon=${v} .scale=${c}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",l`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${f(this.actionsStartEl)}><slot name=${$.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:o}=this;return d("actions-end-container",l`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${f(this.actionsEndEl)}><slot name=${$.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",l`<calcite-action appearance=transparent class=${i(a.close)} .icon=${m.close} .label=${o.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${o.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return l`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${$.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return l`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${$.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return l`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${$.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return l`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${$.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return l`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerOpen]:this.openable&&this.open})}><slot @slotchange=${this.handleDefaultSlotChange} ${f(this.defaultSlotEl)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",l`<div class=${i(a.content)}>${e?d("label",l`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",l`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:o,unavailable:h}=this,s=o||!!t||!!e,u=[this.renderContentStart(),this.renderCustomContent(),this.renderIconStart(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",l`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:h,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:s})} @click=${this.handleItemClick} role=gridcell ${f(this.contentEl)}>${u}</div>`)}render(){let{openable:e,open:t,level:n,active:o,label:h,selected:s,selectionAppearance:u,selectionMode:v,interactionMode:c,closed:p,filterHidden:g,bordered:w,disabled:G,hasContentBottom:L}=this,K=w&&L,j=w&&!L,x=v!=="none"&&u==="border",N=x&&s,W=x&&!s,q=c==="interactive"||c==="static"&&v!=="none"&&u==="border";return P({disabled:G,children:l`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:K})}><div .ariaExpanded=${e?t:null} .ariaLabel=${h} .ariaLevel=${n} .ariaSelected=${s} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:q,[a.containerBorder]:x,[a.containerBorderSelected]:N,[a.containerBorderUnselected]:W})} .hidden=${p||g} @focus=${this.focusCellNull} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${o?0:-1} ${f(this.containerEl)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderOpen()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:j})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};O("calcite-list-item",E);export{E as ListItem};
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a,b as $,d as m,e as I}from"./3RP25JZB.js";import{a as U,e as R,g as F}from"./VAC3MERT.js";import{a as D,b as P}from"./K26JXYIN.js";import{a as d}from"./CC42OKJI.js";import{a as T}from"./RY7WYAII.js";import{a as b,b as f}from"./DVCFHI77.js";import{e as z,m as B,u as C}from"./WPJVU6FH.js";import{a as S,d as M}from"./LGHY3GUA.js";import"./TZVJVNKH.js";import"./NSBSD6BD.js";import{J as O,e as H,f as l,j as k,v as r,w as A,x as i}from"./QAJ5QM7N.js";var Q=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}:host([filter-hidden]),:host([closed]){display:none}.wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;overflow:hidden;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-list-background-color-hover, var(--calcite-color-foreground-2))}.container:active{background-color:var(--calcite-list-background-color-press, var(--calcite-color-foreground-1))}.container--border{position:relative}.container--border:before{position:absolute;inline-size:var(--calcite-border-width-lg);inset-block:0;inset-inline-start:0;background-color:transparent;content:""}.container--border-selected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-brand))}.container:hover.container--border-unselected:before{background-color:var(--calcite-list-selection-border-color, var(--calcite-color-border-1))}.nested-container{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3));margin-inline-start:var(--calcite-list-spacing-indent, 1.5rem)}.nested-container--open{display:flex}.selection-container{display:flex;padding-block:0px;color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-list-icon-color, var(--calcite-color-border-input))}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-icon-color, var(--calcite-color-brand))}.content-container-wrapper{display:flex;flex:1 1 auto}.content-container-wrapper--bordered{border-block-end:1px solid var(--calcite-list-border-color, var(--calcite-color-border-3))}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-list-content-text-color, var(--calcite-color-text-2))}.content-container--unavailable{opacity:var(--calcite-opacity-disabled)}.row,.grid-cell{outline-color:transparent}.row{position:relative}.row:focus,.grid-cell: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))))}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:var(--calcite-font-line-height-relative-snug)}.label{color:var(--calcite-list-label-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-3))}.icon{align-self:center;color:var(--calcite-list-icon-color, var(--calcite-color-text-3))}:host([display-mode=flat][drag-handle]:is([selection-mode=none],[selection-appearance=border])) .drag-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:32px;padding-block:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .content,:host([scale=s]) .custom-content,:host([scale=s]) .label{font-size:var(--calcite-font-size--2)}:host([scale=s]) .description{font-size:var(--calcite-font-size--3)}:host([scale=s][display-mode=flat]:not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat]:not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=s][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=m]) .actions-start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .content-container{gap:var(--calcite-spacing-sm);min-block-size:40px;padding-block:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .content,:host([scale=m]) .custom-content{font-size:var(--calcite-font-size--2)}:host([scale=m]) .label{font-size:var(--calcite-font-size--1)}:host([scale=m]) .description{font-size:var(--calcite-font-size--2)}:host([scale=m][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=flat][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=m][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested]) .selection-container{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=m][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-md)}:host([scale=m][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=m][display-mode=nested][drag-handle]) .selection-container{padding-inline:var(--calcite-spacing-xxs)}:host([scale=l]) .actions-start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .content-container{gap:var(--calcite-spacing-md);min-block-size:56px;padding-block:.625rem;padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .content,:host([scale=l]) .custom-content,:host([scale=l]) .label{font-size:var(--calcite-font-size-0)}:host([scale=l]) .description{font-size:var(--calcite-font-size--1)}:host([scale=l]) .nested-container{margin-inline-start:1.75rem}:host([scale=l][display-mode=flat]) .container{padding-inline-start:var(--calcite-spacing-lg)}:host([scale=l][display-mode=flat]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=flat][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=flat][drag-handle]) .selection-container{padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][display-mode=nested]) .container{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=l][display-mode=nested][drag-handle]) .container{padding-inline-start:0}:host([scale=l][display-mode=nested][selection-appearance=icon]:not([selection-mode=none]):not([drag-handle])) .container{padding-inline-start:var(--calcite-spacing-lg)}.label,.description,.content-bottom{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}:host([selected]) .icon{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}:host([selected]) .description{color:var(--calcite-list-description-text-color, var(--calcite-color-text-2))}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){align-self:center}.content-bottom{display:flex;flex-direction:column}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-3));padding-inline:var(--calcite-spacing-xxs)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-list-icon-color, var(--calcite-color-text-1))}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.actions-start calcite-action,.actions-start calcite-sort-handle,.actions-end calcite-action,.actions-end calcite-sort-handle,.content-start calcite-action,.content-start calcite-sort-handle,.content-end calcite-action,.content-end calcite-sort-handle,.selection-container calcite-action,.selection-container calcite-sort-handle,.drag-container calcite-action,.drag-container calcite-sort-handle,.open-container calcite-action,.open-container calcite-sort-handle{align-self:stretch}.open-container,.selection-container{cursor:pointer}.actions-start,.actions-end{position:relative;padding:0}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-sort-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-sort-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}.row:focus .actions-start,.row:focus .actions-end{inset-block:.125rem}.row:focus .actions-start .close,.row:focus .actions-start ::slotted(calcite-action),.row:focus .actions-start ::slotted(calcite-action-menu),.row:focus .actions-start ::slotted(calcite-sort-handle),.row:focus .actions-start ::slotted(calcite-dropdown),.row:focus .actions-end .close,.row:focus .actions-end ::slotted(calcite-action),.row:focus .actions-end ::slotted(calcite-action-menu),.row:focus .actions-end ::slotted(calcite-sort-handle),.row:focus .actions-end ::slotted(calcite-dropdown){block-size:calc(100% - .25rem)}.row:focus:after,.row:focus:before{position:absolute;content:"";inline-size:.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));inset-block:0}.row:focus:before{inset-inline-start:0}.row:focus:after{inset-inline-end:0}.container--border:focus:before{display:none}::slotted(calcite-list:empty){border-block-start-width:0px}:host([hidden]){display:none}[hidden]{display:none}`,y=new Map,E=class extends A{constructor(){super(),this.actionsEndEl=b(),this.actionsStartEl=b(),this.containerEl=b(),this.contentEl=b(),this.defaultSlotEl=b(),this.handleGridEl=b(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentBottom=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.hasCustomContent=!1,this.level=null,this.openable=!1,this.active=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.filterHidden=!1,this.interactionMode=null,this.messages=T(),this.displayMode="flat",this.moveToItems=[],this.open=!1,this.scale="m",this.selected=!1,this.selectionAppearance=null,this.selectionMode=null,this.setPosition=null,this.setSize=null,this.sortHandleOpen=!1,this.unavailable=!1,this.calciteInternalFocusPreviousItem=r({cancelable:!1}),this.calciteInternalListItemActive=r({cancelable:!1}),this.calciteInternalListItemChange=r({cancelable:!1}),this.calciteInternalListItemSelect=r({cancelable:!1}),this.calciteInternalListItemSelectMultiple=r({cancelable:!1}),this.calciteInternalListItemToggle=r({cancelable:!1}),this.calciteListItemClose=r({cancelable:!1}),this.calciteListItemSelect=r({cancelable:!1}),this.calciteListItemSortHandleBeforeClose=r({cancelable:!1}),this.calciteListItemSortHandleBeforeOpen=r({cancelable:!1}),this.calciteListItemSortHandleClose=r({cancelable:!1}),this.calciteListItemSortHandleOpen=r({cancelable:!1}),this.calciteListItemToggle=r({cancelable:!1}),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges),this.listen("calciteInternalListDefaultSlotChange",this.handleCalciteInternalListDefaultSlotChanges)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,hasContentBottom:16,hasContentEnd:16,hasContentStart:16,hasCustomContent:16,level:16,openable:16,parentListEl:16,active:5,bordered:5,closable:7,closed:7,description:1,disabled:7,dragDisabled:7,dragHandle:7,filterHidden:7,interactionMode:1,label:1,messageOverrides:0,metadata:0,displayMode:3,moveToItems:0,open:7,scale:3,selected:7,selectionAppearance:3,selectionMode:3,setPosition:9,setSize:9,sortHandleOpen:7,unavailable:7,value:1,iconStart:3,iconEnd:3,iconFlipRtl:3}}static{this.styles=Q}async setFocus(){await M(this);let{containerEl:{value:e},parentListEl:t}=this,n=y.get(t);if(typeof n=="number"){let o=this.getGridCells();o[n]?this.focusCell(o[n]):e?.focus();return}e?.focus()}connectedCallback(){super.connectedCallback();let{el:e}=this;this.parentListEl=e.closest(U),this.level=F(e)+1,this.setSelectionDefaults()}willUpdate(e){e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.activeHandler(this.active),e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&this.handleClosedChange(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.handleOpenChange(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("displayMode")&&this.hasUpdated&&this.handleOpenableChange(this.defaultSlotEl.value)}updated(){D(this)}activeHandler(e){e||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleOpenChange(){this.emitCalciteInternalListItemToggle()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}handleCalciteInternalListDefaultSlotChanges(e){e.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl.value)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteListItemSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteListItemSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteListItemSortHandleOpen.emit()}emitInternalListItemActive(){this.calciteInternalListItemActive.emit()}emitCalciteInternalListItemToggle(){this.calciteInternalListItemToggle.emit()}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}handleCloseClick(){this.closed=!0,this.calciteListItemClose.emit()}handleContentSlotChange(e){this.hasCustomContent=C(e)}handleActionsStartSlotChange(e){this.hasActionsStart=C(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=C(e)}handleContentStartSlotChange(e){this.hasContentStart=C(e)}handleContentEndSlotChange(e){this.hasContentEnd=C(e)}handleContentBottomSlotChange(e){this.hasContentBottom=C(e)}setSelectionDefaults(){let{parentListEl:e,selectionMode:t,selectionAppearance:n}=this;e&&(t||(this.selectionMode=e.selectionMode),n||(this.selectionAppearance=e.selectionAppearance))}handleOpenableChange(e){if(!e)return;let t=R(e);t.lists.forEach(n=>{n.displayMode=this.displayMode}),this.openable=this.displayMode==="nested"&&(t.lists.length>0||t.items.length>0)}handleDefaultSlotChange(e){this.handleOpenableChange(e.target)}handleToggleClick(){this.toggle()}toggle(e=!this.open){this.open=e,this.calciteListItemToggle.emit()}handleItemClick(e){e.defaultPrevented||this.toggleSelected(e.shiftKey)}async toggleSelected(e){let{selectionMode:t,selected:n}=this;this.disabled||(t==="multiple"||t==="single"?this.selected=!n:t==="single-persist"&&(this.selected=!0),this.calciteInternalListItemSelectMultiple.emit({selectMultiple:e&&t==="multiple"}),await this.updateComplete,this.calciteListItemSelect.emit())}getGridCells(){return[this.handleGridEl.value,this.actionsStartEl.value,this.contentEl.value,this.actionsEndEl.value].filter(e=>e&&!e.hidden)}handleItemKeyDown(e){if(e.defaultPrevented)return;let{key:t}=e,n=e.composedPath(),{containerEl:{value:o},actionsStartEl:{value:h},actionsEndEl:{value:s},open:u,openable:v}=this,c=this.getGridCells(),p=c.findIndex(g=>n.includes(g));if(t==="Enter"&&!n.includes(h)&&!n.includes(s))e.preventDefault(),this.toggleSelected(e.shiftKey);else if(t==="ArrowRight"){e.preventDefault();let g=p+1;p===-1?!u&&v?(this.toggle(!0),this.focusCell(null)):c[0]&&this.focusCell(c[0]):c[p]&&c[g]&&this.focusCell(c[g])}else if(t==="ArrowLeft"){e.preventDefault();let g=p-1;p===-1?(this.focusCell(null),u&&v?this.toggle(!1):this.calciteInternalFocusPreviousItem.emit()):p===0?(this.focusCell(null),o.focus()):c[p]&&c[g]&&this.focusCell(c[g])}}focusCellNull(){this.focusCell(null)}setFocusCell(e,t,n){let{parentListEl:o}=this;n&&y.set(o,null);let h=this.getGridCells();h.forEach(s=>{s.removeAttribute("tabindex"),s.removeAttribute(I)}),e&&(e===t?e.tabIndex=0:e.removeAttribute("tabindex"),e.setAttribute(I,""),n&&y.set(o,h.indexOf(e)))}focusCell(e,t=!0){let n=B(e);this.setFocusCell(e,n,t),n?.focus()}renderSelected(){let{selected:e,selectionMode:t,selectionAppearance:n}=this;return t==="none"||n==="border"?null:d("selection-container",l`<div class=${i({[a.selectionContainer]:!0,[a.selectionContainerSingle]:t==="single"||t==="single-persist"})} @click=${this.handleItemClick}><calcite-icon .icon=${e?t==="multiple"?m.selectedMultiple:m.selectedSingle:t==="multiple"?m.unselectedMultiple:m.unselectedSingle} .scale=${S(this.scale)}></calcite-icon></div>`)}renderDragHandle(){let{label:e,dragHandle:t,dragDisabled:n,setPosition:o,setSize:h,moveToItems:s}=this;return t?d("drag-handle-container",l`<div .ariaLabel=${e} class=${i({[a.dragContainer]:!0,[a.gridCell]:!0})} role=gridcell ${f(this.handleGridEl)}><calcite-sort-handle .disabled=${n} .label=${e} .moveToItems=${s} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${o} .setSize=${h} ${f(this.setSortHandleEl)}></calcite-sort-handle></div>`):null}renderOpen(){let{el:e,open:t,openable:n,messages:o,displayMode:h,scale:s}=this;if(h!=="nested")return null;let u=z(e),v=n?t?m.open:u==="rtl"?m.closedRTL:m.closedLTR:m.blank,c=S(s),p=n?t?o.collapse:o.expand:void 0,g=n?this.handleToggleClick:void 0;return d("open-container",l`<div class=${i(a.openContainer)} @click=${g} title=${p??k}>${d(v,l`<calcite-icon .icon=${v} .scale=${c}></calcite-icon>`)}</div>`)}renderActionsStart(){let{label:e,hasActionsStart:t}=this;return d("actions-start-container",l`<div .ariaLabel=${e} class=${i({[a.actionsStart]:!0,[a.gridCell]:!0})} .hidden=${!t} role=gridcell ${f(this.actionsStartEl)}><slot name=${$.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{label:e,hasActionsEnd:t,closable:n,messages:o}=this;return d("actions-end-container",l`<div .ariaLabel=${e} class=${i({[a.actionsEnd]:!0,[a.gridCell]:!0})} .hidden=${!(t||n)} role=gridcell ${f(this.actionsEndEl)}><slot name=${$.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot>${n?d("close-action",l`<calcite-action appearance=transparent class=${i(a.close)} .icon=${m.close} .label=${o.close} @click=${this.handleCloseClick} .scale=${this.scale} .text=${o.close}></calcite-action>`):null}</div>`)}renderContentStart(){let{hasContentStart:e}=this;return l`<div class=${i(a.contentStart)} .hidden=${!e}><slot name=${$.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderCustomContent(){let{hasCustomContent:e}=this;return l`<div class=${i(a.customContent)} .hidden=${!e}><slot name=${$.content} @slotchange=${this.handleContentSlotChange}></slot></div>`}renderIconStart(){let{iconStart:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-start",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="start"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderIconEnd(){let{iconEnd:e,iconFlipRtl:t,scale:n}=this;return e?d("icon-end",l`<calcite-icon class=${i(a.icon)} .flipRtl=${t==="both"||t==="end"} .icon=${e} .scale=${S(n)}></calcite-icon>`):null}renderContentEnd(){let{hasContentEnd:e}=this;return l`<div class=${i(a.contentEnd)} .hidden=${!e}><slot name=${$.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentBottom(){let{hasContentBottom:e}=this;return l`<div class=${i(a.contentBottom)} .hidden=${!e}><slot name=${$.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div>`}renderDefaultContainer(){return l`<div class=${i({[a.nestedContainer]:!0,[a.nestedContainerOpen]:this.openable&&this.open})}><slot @slotchange=${this.handleDefaultSlotChange} ${f(this.defaultSlotEl)}></slot></div>`}renderContentProperties(){let{label:e,description:t,hasCustomContent:n}=this;return!n&&(e||t)?d("content",l`<div class=${i(a.content)}>${e?d("label",l`<div class=${i(a.label)}>${e}</div>`):null}${t?d("description",l`<div class=${i(a.description)}>${t}</div>`):null}</div>`):null}renderContentContainer(){let{description:e,label:t,selectionMode:n,hasCustomContent:o,unavailable:h}=this,s=o||!!t||!!e,u=[this.renderContentStart(),this.renderCustomContent(),this.renderIconStart(),this.renderContentProperties(),this.renderIconEnd(),this.renderContentEnd()];return d("content-container",l`<div .ariaLabel=${t} class=${i({[a.gridCell]:!0,[a.contentContainer]:!0,[a.contentContainerUnavailable]:h,[a.contentContainerSelectable]:n!=="none",[a.contentContainerHasCenterContent]:s})} @click=${this.handleItemClick} role=gridcell ${f(this.contentEl)}>${u}</div>`)}render(){let{openable:e,open:t,level:n,active:o,label:h,selected:s,selectionAppearance:u,selectionMode:v,interactionMode:c,closed:p,filterHidden:g,bordered:w,disabled:G,hasContentBottom:L}=this,K=w&&L,j=w&&!L,x=v!=="none"&&u==="border",N=x&&s,W=x&&!s,q=c==="interactive"||c==="static"&&v!=="none"&&u==="border";return P({disabled:G,children:l`<div class=${i({[a.wrapper]:!0,[a.wrapperBordered]:K})}><div .ariaExpanded=${e?t:null} .ariaLabel=${h} .ariaLevel=${n} .ariaSelected=${s} class=${i({[a.row]:!0,[a.container]:!0,[a.containerHover]:q,[a.containerBorder]:x,[a.containerBorderSelected]:N,[a.containerBorderUnselected]:W})} .hidden=${p||g} @focus=${this.focusCellNull} @focusin=${this.emitInternalListItemActive} @keydown=${this.handleItemKeyDown} role=row .tabIndex=${o?0:-1} ${f(this.containerEl)}>${this.renderDragHandle()}${this.renderSelected()}${this.renderOpen()}<div class=${i({[a.contentContainerWrapper]:!0,[a.contentContainerWrapperBordered]:j})}>${this.renderActionsStart()}${this.renderContentContainer()}${this.renderActionsEnd()}</div></div>${this.renderContentBottom()}</div>${this.renderDefaultContainer()}`})}};O("calcite-list-item",E);export{E as ListItem};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{a as r,b as i,c}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as r,b as i,c}from"./F3KYXPH7.js";import{a as l}from"./CC42OKJI.js";import{x as e}from"./QAJ5QM7N.js";function f(t){return Math.min(Math.max(Math.ceil(t),1),6)}var h=({children:t,...s})=>{let a=s.level?r(`h${s.level}`):i`div`;return l(s.key,c`<${a} class=${e(s.class)}>${t}</${a}>`)};export{f as a,h 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.1.0-next.
|
|
4
|
-
import{a as p,c as u}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as p,c as u}from"./L7H24XPG.js";import{b as i}from"./QAJ5QM7N.js";function d(r,{focusTrapOptions:t},o){return!t?.extraContainers&&!o?r:[r,...f(t?.extraContainers),...f(o)]}function f(r=[]){return Array.isArray(r)?r:[r]}var E=r=>i((t,o)=>{let e,c,s,l=r.focusTrapOptions;return o.onConnected(()=>{t[r.triggerProp]&&e&&e.activate()}),o.onDisconnected(()=>e?.deactivate()),{activate:a=>{let n=c||t.el;if(n.isConnected){if(!e){let v={...l,...t.focusTrapOptions};s||=d(n,t),e=p(s,u(n,v))}(typeof t.focusTrapDisabledOverride=="function"?!t.focusTrapDisabledOverride():!t.focusTrapDisabled)&&e.activate(a)}},deactivate:a=>e?.deactivate(a),overrideFocusTrapEl:a=>{if(e)throw new Error("Focus trap already created");c=a},setExtraContainers:a=>{let n=c||t.el;s=d(n,t,a)},updateContainerElements:()=>e?.updateContainerElements(s)}});export{E 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.1.0-next.
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
4
|
function n(t){return t==="Enter"||t===" "}var e=["0","1","2","3","4","5","6","7","8","9"];export{n as a,e 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.1.0-next.
|
|
4
|
-
import{b as _}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{b as _}from"./OPE3YF45.js";import"./GFM4IJLR.js";var a={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};_.locale(a,null,!0);var s=a;export{s 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.1.0-next.
|
|
4
|
-
import{a as f,b as m,j as h,m as F,n as I,q as k}from"./34JZBIZ5.js";import"./4DRMF6BU.js";import{a as H}from"./LSMIBZZR.js";import"./XGDEKVFD.js";import{b as R}from"./P2T4R24G.js";import{J as x,e as $,f as v,v as p,w as M,x as g}from"./P5PUUW4P.js";var l={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},A=$`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,y=7,w=6,b=class extends M{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=p({cancelable:!1}),this.calciteInternalDatePickerDaySelect=p({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=p({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:16,activeDate:0,dateTimeFormat:0,endDate:0,headingLevel:11,hoverRange:0,layout:3,localeData:0,max:0,messages:0,min:0,monthStyle:1,range:7,scale:3,selectedDate:0,startDate:0}}static{this.styles=A}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=f(e,this.min,this.max)?e:m(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let i=new Date(a,e,0),s=i.getDate(),n=i.getDay(),r=[];if(n===(t+w)%y)return r;if(n===t)return[s];for(let c=(y+n-t)%y;c>=0;c--)r.push(s-c);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),i=[];for(let s=0;s<t;s++)i.push(s+1);return i}getNextMonthDays(e,a,t){let i=new Date(a,e+1,0).getDay(),s=[];if(i===(t+w)%y)return s;for(let n=0;n<(w-(i-t))%y;n++)s.push(n+1);return s}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(h(e,this.selectedDate)||this.startDate&&h(e,this.startDate)||this.endDate&&h(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!h(this.startDate,this.endDate)&&h(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!h(this.startDate,this.endDate)&&h(this.endDate,e)||!this.endDate&&this.hoverRange&&h(this.startDate,this.hoverRange.end)&&h(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),i=this.startDate&&a>this.startDate,s=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,r=this.endDate&&e<this.endDate,c=!t&&this.startDate&&i&&(!this.endDate||s),o=t&&this.startDate&&n&&r;return c||o}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,i=this.isFocusedOnStart(),s=this.isHoverInRange(),n=e>a&&e<this.startDate,r=e<t&&e>this.endDate,c=e>t&&e<this.endDate,o=e<a&&e>this.startDate,d=e<t&&e>this.startDate,D=e>a&&e<this.endDate,u=this.startDate&&this.endDate;if(s){if(u)return i?e<this.endDate&&(o||n):c||r;if(this.startDate&&!this.endDate)return i?n:d;if(!this.startDate&&this.endDate)return i?D:r}else if(u)return i?n:r}getDays(e,a,t,i="start"){let s=this.activeDate.getMonth(),n=s+1;s=i==="end"?n:s;let r=0,c=()=>r++%7,o=this.activeDate.getFullYear();return[...e.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,s-1,d)})),...a.map(d=>{let D=new Date(o,s,d),u=h(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?h(D,this.focusedDate):h(D,this.startDate)||h(D,this.endDate),currentMonth:!0,currentDay:u,day:d,dayInWeek:c(),date:D,ref:!0}}),...t.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,n,d)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!k(this.startDate,e)||!k(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:i,short:s,narrow:n}=this.localeData.days,r=this.scale==="s"?n||s||i:s||i||n,c=[...r.slice(t,7),...r.slice(0,t)],o=this.getCurrentMonthDays(e,a),d=this.getPreviousMonthDays(e,a,t),D=this.getNextMonthDays(e,a,t),u=e+1,P=this.getPreviousMonthDays(u,a,t),C=this.getCurrentMonthDays(u,a),S=this.getNextMonthDays(u,a,t),z=this.getDays(d,o,D),O=this.getDays(P,C,S,"end");return v`<div class=${g({[l.calendarContainer]:!0})} role=grid>${this.renderCalendar(c,z)}${this.range&&this.renderCalendar(c,O,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:i,day:s,dayInWeek:n,ref:r},c){let o=f(i,this.min,this.max);return H(c,v`<div class=${g({[l.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${g({[l.currentDay]:t,[l.insideRangeHover]:this.isHoverInRange(),[l.outsideRangeHover]:!this.isHoverInRange(),[l.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${s} .disabled=${!o} .endOfRange=${this.isEndOfRange(i)} .highlighted=${this.betweenSelectedRange(i)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!h(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${o&&this.isRangeHover(i)} .scale=${this.scale} .selected=${this.isSelected(i)} .startOfRange=${this.isStartOfRange(i)} .value=${i} ${R(d=>{r&&e&&this.activeFocus&&d?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return v`<div class=${g({[l.calendar]:!0,[l.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return v`<div class=${g({[l.month]:!0})} @keydown=${this.keyDownHandler}><div class=${g({[l.weekHeaderContainer]:!0})} role=row>${e.map(i=>v`<span class=${g({[l.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${g({[l.weekDays]:!0})} role=row>${a.map((i,s)=>this.renderDateDay(i,t?50+s:s))}</div></div>`}};x("calcite-date-picker-month",b);export{b as DatePickerMonth};
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as f,b as m,j as h,m as F,n as I,q as k}from"./7NFZ357F.js";import"./YT527AXI.js";import{a as H}from"./CC42OKJI.js";import"./2WH24SWJ.js";import{b as R}from"./DVCFHI77.js";import{J as x,e as $,f as v,v as p,w as M,x as g}from"./QAJ5QM7N.js";var l={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",insideRangeHover:"inside-range--hover",month:"month",noncurrent:"noncurrent",outsideRangeHover:"outside-range--hover",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},A=$`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-3))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,y=7,w=6,b=class extends M{constructor(){super(),this.activeDate=new Date,this.range=!1,this.calciteInternalDatePickerDayHover=p({cancelable:!1}),this.calciteInternalDatePickerDaySelect=p({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthChange=p({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=p({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:16,activeDate:0,dateTimeFormat:0,endDate:0,headingLevel:11,hoverRange:0,layout:3,localeData:0,max:0,messages:0,min:0,monthStyle:1,range:7,scale:3,selectedDate:0,startDate:0}}static{this.styles=A}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=f(e,this.min,this.max)?e:m(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(m(t,this.min,this.max)),this.focusedDate=m(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let i=new Date(a,e,0),s=i.getDate(),n=i.getDay(),r=[];if(n===(t+w)%y)return r;if(n===t)return[s];for(let c=(y+n-t)%y;c>=0;c--)r.push(s-c);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),i=[];for(let s=0;s<t;s++)i.push(s+1);return i}getNextMonthDays(e,a,t){let i=new Date(a,e+1,0).getDay(),s=[];if(i===(t+w)%y)return s;for(let n=0;n<(w-(i-t))%y;n++)s.push(n+1);return s}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(h(e,this.selectedDate)||this.startDate&&h(e,this.startDate)||this.endDate&&h(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!h(this.startDate,this.endDate)&&h(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!h(this.startDate,this.endDate)&&h(this.endDate,e)||!this.endDate&&this.hoverRange&&h(this.startDate,this.hoverRange.end)&&h(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),i=this.startDate&&a>this.startDate,s=this.endDate&&a<this.endDate,n=this.startDate&&e>this.startDate,r=this.endDate&&e<this.endDate,c=!t&&this.startDate&&i&&(!this.endDate||s),o=t&&this.startDate&&n&&r;return c||o}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,i=this.isFocusedOnStart(),s=this.isHoverInRange(),n=e>a&&e<this.startDate,r=e<t&&e>this.endDate,c=e>t&&e<this.endDate,o=e<a&&e>this.startDate,d=e<t&&e>this.startDate,D=e>a&&e<this.endDate,u=this.startDate&&this.endDate;if(s){if(u)return i?e<this.endDate&&(o||n):c||r;if(this.startDate&&!this.endDate)return i?n:d;if(!this.startDate&&this.endDate)return i?D:r}else if(u)return i?n:r}getDays(e,a,t,i="start"){let s=this.activeDate.getMonth(),n=s+1;s=i==="end"?n:s;let r=0,c=()=>r++%7,o=this.activeDate.getFullYear();return[...e.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,s-1,d)})),...a.map(d=>{let D=new Date(o,s,d),u=h(D,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?h(D,this.focusedDate):h(D,this.startDate)||h(D,this.endDate),currentMonth:!0,currentDay:u,day:d,dayInWeek:c(),date:D,ref:!0}}),...t.map(d=>({active:!1,day:d,dayInWeek:c(),date:new Date(o,n,d)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!k(this.startDate,e)||!k(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:F(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:i,short:s,narrow:n}=this.localeData.days,r=this.scale==="s"?n||s||i:s||i||n,c=[...r.slice(t,7),...r.slice(0,t)],o=this.getCurrentMonthDays(e,a),d=this.getPreviousMonthDays(e,a,t),D=this.getNextMonthDays(e,a,t),u=e+1,P=this.getPreviousMonthDays(u,a,t),C=this.getCurrentMonthDays(u,a),S=this.getNextMonthDays(u,a,t),z=this.getDays(d,o,D),O=this.getDays(P,C,S,"end");return v`<div class=${g({[l.calendarContainer]:!0})} role=grid>${this.renderCalendar(c,z)}${this.range&&this.renderCalendar(c,O,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:i,day:s,dayInWeek:n,ref:r},c){let o=f(i,this.min,this.max);return H(c,v`<div class=${g({[l.dayContainer]:!0})} role=gridcell><calcite-date-picker-day .active=${e} class=${g({[l.currentDay]:t,[l.insideRangeHover]:this.isHoverInRange(),[l.outsideRangeHover]:!this.isHoverInRange(),[l.noncurrent]:this.range&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${s} .disabled=${!o} .endOfRange=${this.isEndOfRange(i)} .highlighted=${this.betweenSelectedRange(i)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!h(this.startDate,this.endDate)} .rangeEdge=${n===0?"start":n===6?"end":void 0} .rangeHover=${o&&this.isRangeHover(i)} .scale=${this.scale} .selected=${this.isSelected(i)} .startOfRange=${this.isStartOfRange(i)} .value=${i} ${R(d=>{r&&e&&this.activeFocus&&d?.setFocus()})}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return v`<div class=${g({[l.calendar]:!0,[l.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} data-test-calendar=${t?"end":"start"} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range?"start":null} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return v`<div class=${g({[l.month]:!0})} @keydown=${this.keyDownHandler}><div class=${g({[l.weekHeaderContainer]:!0})} role=row>${e.map(i=>v`<span class=${g({[l.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${g({[l.weekDays]:!0})} role=row>${a.map((i,s)=>this.renderDateDay(i,t?50+s:s))}</div></div>`}};x("calcite-date-picker-month",b);export{b as DatePickerMonth};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{k as m}from"./4DRMF6BU.js";import"./XGDEKVFD.js";import{a as I}from"./HSMQLTQN.js";import{a as b,b as d}from"./P2T4R24G.js";import{c as g}from"./G3HFFN5B.js";import"./PSCVD4C4.js";import{H as A,J as E,e as C,f as o,j as z,k as x,v as u,w as T,x as c}from"./P5PUUW4P.js";var n={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},L=C`@charset "UTF-8";:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background: var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends T{constructor(){super(),this.paginationEl=b(),this.tableBodySlotEl=b(),this.tableFootSlotEl=b(),this.tableHeadSlotEl=b(),this.colCount=0,this.pageStartRow=1,this.selectedCount=0,this.bordered=!1,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.messages=I({blocking:!0}),this.numbered=!1,this.pageSize=0,this.scale="m",this._selectedItems=[],this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:16,pageStartRow:16,readCellContentsToAT:16,selectedCount:16,bordered:7,caption:1,groupSeparator:7,interactionMode:3,layout:3,messageOverrides:0,numbered:7,numberingSystem:3,pageSize:11,scale:3,selectedItems:32,_selectedItems:16,selectionDisplay:3,selectionMode:3,striped:7}}static{this.styles=L}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(A()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.updateRows()}handleSlotChange(){this.updateRows()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.updateSelectedItems(!1)}calciteInternalTableRowFocusEvent(e){let i=e.detail.cellPosition,s=e.detail.rowPosition,a=e.detail.destination,h=e.detail.lastCell,t=this.bodyRows?.filter(p=>!g(p)),l=this.allRows?.filter(p=>!g(p)),S=this.headRows[this.headRows.length-1]?.positionAll,R=t[0]?.positionAll,y=t[t.length-1]?.positionAll,$=this.footRows[0]?.positionAll,M=l[l.length-1]?.positionAll,F=a==="next"&&s===S,k=a==="previous"&&s===$,P=a==="previous"&&s===R,H=a==="next"&&s===y,r;switch(a){case"first":r=0;break;case"last":r=M;break;case"next":r=F?R:H?$:s+1;break;case"previous":r=k?y:P?S:s-1;break}let v=this.allRows?.find(p=>p.positionAll===r)?.cellCount,O=i>v?v:i;r!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:O,rowPosition:r,destination:a,lastCell:h})}getSlottedRows(e){return e?.assignedElements({flatten:!0})?.filter(i=>i?.matches("calcite-table-row"))}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotEl.value)||[],i=this.getSlottedRows(this.tableBodySlotEl.value)||[],s=this.getSlottedRows(this.tableFootSlotEl.value)||[],a=[...e,...i,...s];e?.forEach(t=>{let l=e?.indexOf(t);t.rowType="head",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),i?.forEach(t=>{let l=i?.indexOf(t);t.rowType="body",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),s?.forEach(t=>{let l=s?.indexOf(t);t.rowType="foot",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),a?.forEach(t=>{t.interactionMode=this.interactionMode,t.selectionMode=this.selectionMode,t.bodyRowCount=i?.length,t.positionAll=a?.indexOf(t),t.numbered=this.numbered,t.scale=this.scale,t.readCellContentsToAT=this.readCellContentsToAT,t.lastVisibleRow=a?.indexOf(t)===a.length-1});let h=e[0]?.cellCount||e[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=h,this.headRows=e,this.bodyRows=i,this.footRows=s,this.allRows=a,this.updateSelectedItems(),this.paginateRows()}handlePaginationChange(){let e=this.paginationEl.value?.startItem;this.pageStartRow=e||1,this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let i=e.positionSection+1,s=i>=this.pageStartRow&&i<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!s&&!this.footRows.includes(e),e.lastVisibleRow=i===this.pageStartRow+this.pageSize-1||i===this.bodyRows.length})}updateSelectedItems(e){let i=this.bodyRows?.filter(s=>s.selected);this._selectedItems=i,this.selectedCount=i?.length,this.allRows?.forEach(s=>{s.selectedRowCount=this.selectedCount,s.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(i=>{e?.rowType==="head"?i.selected=this.selectedCount!==this.bodyRows?.length:i.selected=e===i?!i.selected:this.selectionMode==="multiple"?i.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(h=>g(h))?.length,i=this.localizeNumber(e?.toString()),s=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,a=`${i} ${this.messages.hiddenSelected}`;return o`<div class=${c(n.selectionArea)}><calcite-chip .kind=${this.selectedCount>0?"brand":"neutral"} .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip>${e>0&&o`<calcite-chip icon=hide-empty .label=${a} .scale=${this.scale} title=${a??z} .value=${a}>${i}</calcite-chip>`||""}${this.selectedCount>0&&o`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${s} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(n.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return o`<div class=${c(n.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} start-item=1 .totalItems=${this.bodyRows?.length} ${d(this.paginationEl)}></calcite-pagination></div>`}renderTHead(){return o`<thead><slot name=${w.tableHeader} ${d(this.tableHeadSlotEl)}></slot></thead>`}renderTBody(){return o`<tbody><slot ${d(this.tableBodySlotEl)}></slot></tbody>`}renderTFoot(){return o`<tfoot><slot name=${w.tableFooter} ${d(this.tableFootSlotEl)}></slot></tfoot>`}render(){return o`<div class=${c(n.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[n.bordered]:this.bordered,[n.striped]:this.striped,[n.tableContainer]:!0})}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":null} .ariaRowCount=${this.allRows?.length} class=${c({[n.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${d(e=>{e&&x(o`<caption class=${c(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e)})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};E("calcite-table",f);export{f as Table};
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{k as m}from"./YT527AXI.js";import"./2WH24SWJ.js";import{a as I}from"./RY7WYAII.js";import{a as b,b as d}from"./DVCFHI77.js";import{c as g}from"./LGHY3GUA.js";import"./TZVJVNKH.js";import{H as A,J as E,e as C,f as o,j as z,k as x,v as u,w as T,x as c}from"./QAJ5QM7N.js";var n={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},L=C`@charset "UTF-8";:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.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}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background: var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends T{constructor(){super(),this.paginationEl=b(),this.tableBodySlotEl=b(),this.tableFootSlotEl=b(),this.tableHeadSlotEl=b(),this.colCount=0,this.pageStartRow=1,this.selectedCount=0,this.bordered=!1,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.messages=I({blocking:!0}),this.numbered=!1,this.pageSize=0,this.scale="m",this._selectedItems=[],this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:16,pageStartRow:16,readCellContentsToAT:16,selectedCount:16,bordered:7,caption:1,groupSeparator:7,interactionMode:3,layout:3,messageOverrides:0,numbered:7,numberingSystem:3,pageSize:11,scale:3,selectedItems:32,_selectedItems:16,selectionDisplay:3,selectionMode:3,striped:7}}static{this.styles=L}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(A()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.updateRows()}handleSlotChange(){this.updateRows()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.updateSelectedItems(!1)}calciteInternalTableRowFocusEvent(e){let i=e.detail.cellPosition,s=e.detail.rowPosition,a=e.detail.destination,h=e.detail.lastCell,t=this.bodyRows?.filter(p=>!g(p)),l=this.allRows?.filter(p=>!g(p)),S=this.headRows[this.headRows.length-1]?.positionAll,R=t[0]?.positionAll,y=t[t.length-1]?.positionAll,$=this.footRows[0]?.positionAll,M=l[l.length-1]?.positionAll,F=a==="next"&&s===S,k=a==="previous"&&s===$,P=a==="previous"&&s===R,H=a==="next"&&s===y,r;switch(a){case"first":r=0;break;case"last":r=M;break;case"next":r=F?R:H?$:s+1;break;case"previous":r=k?y:P?S:s-1;break}let v=this.allRows?.find(p=>p.positionAll===r)?.cellCount,O=i>v?v:i;r!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:O,rowPosition:r,destination:a,lastCell:h})}getSlottedRows(e){return e?.assignedElements({flatten:!0})?.filter(i=>i?.matches("calcite-table-row"))}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotEl.value)||[],i=this.getSlottedRows(this.tableBodySlotEl.value)||[],s=this.getSlottedRows(this.tableFootSlotEl.value)||[],a=[...e,...i,...s];e?.forEach(t=>{let l=e?.indexOf(t);t.rowType="head",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),i?.forEach(t=>{let l=i?.indexOf(t);t.rowType="body",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),s?.forEach(t=>{let l=s?.indexOf(t);t.rowType="foot",t.positionSection=l,t.positionSectionLocalized=this.localizeNumber((l+1).toString())}),a?.forEach(t=>{t.interactionMode=this.interactionMode,t.selectionMode=this.selectionMode,t.bodyRowCount=i?.length,t.positionAll=a?.indexOf(t),t.numbered=this.numbered,t.scale=this.scale,t.readCellContentsToAT=this.readCellContentsToAT,t.lastVisibleRow=a?.indexOf(t)===a.length-1});let h=e[0]?.cellCount||e[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=h,this.headRows=e,this.bodyRows=i,this.footRows=s,this.allRows=a,this.updateSelectedItems(),this.paginateRows()}handlePaginationChange(){let e=this.paginationEl.value?.startItem;this.pageStartRow=e||1,this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let i=e.positionSection+1,s=i>=this.pageStartRow&&i<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!s&&!this.footRows.includes(e),e.lastVisibleRow=i===this.pageStartRow+this.pageSize-1||i===this.bodyRows.length})}updateSelectedItems(e){let i=this.bodyRows?.filter(s=>s.selected);this._selectedItems=i,this.selectedCount=i?.length,this.allRows?.forEach(s=>{s.selectedRowCount=this.selectedCount,s.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(i=>{e?.rowType==="head"?i.selected=this.selectedCount!==this.bodyRows?.length:i.selected=e===i?!i.selected:this.selectionMode==="multiple"?i.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(h=>g(h))?.length,i=this.localizeNumber(e?.toString()),s=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,a=`${i} ${this.messages.hiddenSelected}`;return o`<div class=${c(n.selectionArea)}><calcite-chip .kind=${this.selectedCount>0?"brand":"neutral"} .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip>${e>0&&o`<calcite-chip icon=hide-empty .label=${a} .scale=${this.scale} title=${a??z} .value=${a}>${i}</calcite-chip>`||""}${this.selectedCount>0&&o`<calcite-button icon-start=x kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${s} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(n.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return o`<div class=${c(n.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} start-item=1 .totalItems=${this.bodyRows?.length} ${d(this.paginationEl)}></calcite-pagination></div>`}renderTHead(){return o`<thead><slot name=${w.tableHeader} ${d(this.tableHeadSlotEl)}></slot></thead>`}renderTBody(){return o`<tbody><slot ${d(this.tableBodySlotEl)}></slot></tbody>`}renderTFoot(){return o`<tfoot><slot name=${w.tableFooter} ${d(this.tableFootSlotEl)}></slot></tfoot>`}render(){return o`<div class=${c(n.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[n.bordered]:this.bordered,[n.striped]:this.striped,[n.tableContainer]:!0})}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":null} .ariaRowCount=${this.allRows?.length} class=${c({[n.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${d(e=>{e&&x(o`<caption class=${c(n.assistiveText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e)})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};E("calcite-table",f);export{f as Table};
|
|
@@ -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.1.0-next.
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
4
|
function e(r,$,t){return $?`${r}-${$}`:t?`${r}-${t}`:`${r}-m`}export{e 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.1.0-next.
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
4
|
var n={wrapper:"wrapper",wrapperBordered:"wrapper--bordered",container:"container",containerHover:"container--hover",containerBorder:"container--border",containerBorderSelected:"container--border-selected",containerBorderUnselected:"container--border-unselected",contentContainerWrapper:"content-container-wrapper",contentContainerWrapperBordered:"content-container-wrapper--bordered",contentContainer:"content-container",contentContainerUnavailable:"content-container--unavailable",contentContainerSelectable:"content-container--selectable",contentContainerHasCenterContent:"content-container--has-center-content",nestedContainer:"nested-container",nestedContainerOpen:"nested-container--open",content:"content",row:"row",gridCell:"grid-cell",customContent:"custom-content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",contentBottom:"content-bottom",actionsEnd:"actions-end",selectionContainer:"selection-container",selectionContainerSingle:"selection-container--single",openContainer:"open-container",dragContainer:"drag-container",close:"close",icon:"icon"},e={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"},t=0,o={selectedMultiple:"check-square-f",selectedSingle:"circle-inset-large",unselectedMultiple:"square",unselectedSingle:"circle",closedLTR:"chevron-right",closedRTL:"chevron-left",open:"chevron-down",blank:"blank",close:"x"},r="data-test-active";export{n as a,e as b,t as c,o as d,r as e};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{a as n}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as n}from"./CC42OKJI.js";import{u as l,v as r}from"./WPJVU6FH.js";import"./NSBSD6BD.js";import{J as f,e as w,f as t,w as $,x as i}from"./QAJ5QM7N.js";var v=w`: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{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing: 26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}slot[name=modals]::slotted(calcite-modal){position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,s={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},a={centerRow:"center-row",panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",modals:"modals",dialogs:"dialogs"},d=class extends ${constructor(){super(),this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasModals=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd)}static{this.properties={hasAlerts:16,hasDialogs:16,hasFooter:16,hasHeader:16,hasModals:16,hasOnlyPanelBottom:16,hasPanelBottom:16,hasPanelTop:16,hasSheets:16,panelIsResizing:16,contentBehind:7}}static{this.styles=v}willUpdate(e){(e.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||e.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizeStart(e){this.panelIsResizing=!0,e.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(e){this.panelIsResizing=!1,e.stopPropagation()}handleHeaderSlotChange(e){this.hasHeader=!!l(e)}handleFooterSlotChange(e){this.hasFooter=!!l(e)}handleAlertsSlotChange(e){this.hasAlerts=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-ALERT"&&(o.embedded=!0)})}handleSheetsSlotChange(e){this.hasSheets=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-SHEET"&&(o.embedded=!0)})}handleModalsSlotChange(e){this.hasModals=!!l(e)}handlePanelTopChange(e){this.hasPanelTop=l(e)}handlePanelBottomChange(e){this.hasPanelBottom=l(e)}handleDialogsSlotChange(e){this.hasDialogs=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-DIALOG"&&(o.embedded=!0)})}renderHeader(){return t`<div .hidden=${!this.hasHeader}>${n("header",t`<slot name=${a.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return n("footer",t`<div class=${i(s.footer)} .hidden=${!this.hasFooter}><slot name=${a.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return t`<div .hidden=${!this.hasAlerts}>${n("alerts",t`<slot name=${a.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return t`<div .hidden=${!this.hasSheets}>${n("sheets",t`<slot name=${a.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderModals(){return t`<div .hidden=${!this.hasModals}>${n("modals",t`<slot name=${a.modals} @slotchange=${this.handleModalsSlotChange}></slot>`)}</div>`}renderDialogs(){return t`<div .hidden=${!this.hasDialogs}>${n("dialogs",t`<slot name=${a.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:e}=this,o=n("default-slot",t`<slot></slot>`),h=e?t`<div class=${i(s.contentNonInteractive)}>${o}</div>`:o,c=n("center-row-slot",t`<slot name=${a.centerRow}></slot>`),p=n("panel-bottom-slot",t`<slot name=${a.panelBottom} @slotchange=${this.handlePanelBottomChange}></slot>`),m=n("panel-top-slot",t`<slot name=${a.panelTop} @slotchange=${this.handlePanelTopChange}></slot>`),g="content-container";return this.contentBehind?[n(g,t`<div class=${i({[s.content]:!0,[s.contentBehind]:!0})}>${h}</div>`),t`<div class=${i({[s.contentBehindCenterContent]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${m}${p}${c}</div>`]:[n(g,t`<div class=${i({[s.content]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${m}${h}${p}${c}</div>`)]}renderMain(){return t`<div class=${i(s.main)}><slot name=${a.panelStart}></slot>${this.renderContent()}<slot name=${a.panelEnd}></slot></div>`}renderPositionedSlots(){return t`<div class=${i(s.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderModals()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return t`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};f("calcite-shell",d);export{d as Shell};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{a as I,b as w}from"./5AW6M5W5.js";import{a as x}from"./LSMIBZZR.js";import{a as r}from"./HG4C3WZ6.js";import{a as C}from"./HSMQLTQN.js";import{a as k,b as l}from"./P2T4R24G.js";import{c as T,e as d,r as z}from"./SDNXTWMS.js";import{a as s}from"./G3HFFN5B.js";import"./PSCVD4C4.js";import{a as y}from"./B2T2CSIX.js";import{A as a,G as g,J as f,e as p,f as c,j as m,v as i,w as v,x as n}from"./P5PUUW4P.js";var e={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:h=>`scale-${h}`,selectedIndicator:"selected-indicator"},A={close:"x"},H=p`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host(:not([bordered])) .container:hover,:host(:not([bordered])) .container:active{color:var(--calcite-color-text-1)}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}:host([selected]:focus) .selected-indicator{block-size:4px}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{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(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:hover,:host([bordered]) .container:active{color:var(--calcite-color-text-1)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}`,b=class extends v{constructor(){super(),this.closeButtonEl=k(),this.guid=`calcite-tab-title-${y()}`,this.mutationObserver=r("mutation",()=>this.updateHasText()),this.resizeObserver=r("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.messages=C(),this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=i({cancelable:!1}),this.calciteInternalTabTitleRegister=i({cancelable:!1}),this.calciteInternalTabsActivate=i({cancelable:!1}),this.calciteInternalTabsClose=i({cancelable:!1}),this.calciteInternalTabsFocusFirst=i({cancelable:!1}),this.calciteInternalTabsFocusLast=i({cancelable:!1}),this.calciteInternalTabsFocusNext=i({cancelable:!1}),this.calciteInternalTabsFocusPrevious=i({cancelable:!1}),this.calciteTabsActivate=i({cancelable:!1}),this.calciteTabsClose=i({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:16,hasText:16,bordered:7,closable:7,closed:7,disabled:7,iconEnd:3,iconFlipRtl:3,iconStart:3,layout:3,messageOverrides:0,position:1,scale:1,selected:7,tab:3}}static{this.styles=H}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(T(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){g()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}updated(){I(this)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(o=>o.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(o=>{this.selected=o===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}render(){let{el:t,closed:o}=this,$=t.id||this.guid,E=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,F=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`;return a(this.el,"aria-controls",this.controls),this.el.ariaSelected=z(this.selected),a(this.el,"id",$),this.el.role="tab",a(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),w({disabled:this.disabled,children:c`<div class=${n({[e.container]:!0,[e.containerBottom]:this.position==="bottom",[e.iconPresent]:!!this.iconStart||!!this.iconEnd,[e.scale(this.scale)]:!0})} .hidden=${o} ${l(u=>u?this.resizeObserver?.observe(u):null)}><div class=${n({[e.content]:!0,[e.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?F:null}</div>${this.renderCloseButton()}<div class=${n(e.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?x(e.closeButton,c`<button .ariaLabel=${o.close} class=${n(e.closeButton)} @click=${this.closeClickHandler} title=${o.close??m} type=button ${l(this.closeButtonEl)}><calcite-icon .icon=${A.close} .scale=${s(this.scale)}></calcite-icon></button>`):null}};f("calcite-tab-title",b);export{b as TabTitle};
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as I,b as w}from"./K26JXYIN.js";import{a as x}from"./CC42OKJI.js";import{a as r}from"./QULJXRPY.js";import{a as C}from"./RY7WYAII.js";import{a as k,b as l}from"./DVCFHI77.js";import{c as T,e as d,r as z}from"./WPJVU6FH.js";import{a as s}from"./LGHY3GUA.js";import"./TZVJVNKH.js";import{a as y}from"./NSBSD6BD.js";import{A as a,G as g,J as f,e as p,f as c,j as m,v as i,w as v,x as n}from"./QAJ5QM7N.js";var e={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:h=>`scale-${h}`,selectedIndicator:"selected-indicator"},A={close:"x"},H=p`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host(:not([bordered])) .container:hover,:host(:not([bordered])) .container:active{color:var(--calcite-color-text-1)}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:focus) .container:after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}:host([selected]:focus) .selected-indicator{block-size:4px}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{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(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:hover,:host([bordered]) .container:active{color:var(--calcite-color-text-1)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([selected][bordered]) .container:hover,:host([selected][bordered]) .container:active{background:transparent}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}`,b=class extends v{constructor(){super(),this.closeButtonEl=k(),this.guid=`calcite-tab-title-${y()}`,this.mutationObserver=r("mutation",()=>this.updateHasText()),this.resizeObserver=r("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.messages=C(),this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=i({cancelable:!1}),this.calciteInternalTabTitleRegister=i({cancelable:!1}),this.calciteInternalTabsActivate=i({cancelable:!1}),this.calciteInternalTabsClose=i({cancelable:!1}),this.calciteInternalTabsFocusFirst=i({cancelable:!1}),this.calciteInternalTabsFocusLast=i({cancelable:!1}),this.calciteInternalTabsFocusNext=i({cancelable:!1}),this.calciteInternalTabsFocusPrevious=i({cancelable:!1}),this.calciteTabsActivate=i({cancelable:!1}),this.calciteTabsClose=i({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:16,hasText:16,bordered:7,closable:7,closed:7,disabled:7,iconEnd:3,iconFlipRtl:3,iconStart:3,layout:3,messageOverrides:0,position:1,scale:1,selected:7,tab:3}}static{this.styles=H}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(T(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){g()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}updated(){I(this)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(o=>o.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(o=>{this.selected=o===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}render(){let{el:t,closed:o}=this,$=t.id||this.guid,E=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,F=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`;return a(this.el,"aria-controls",this.controls),this.el.ariaSelected=z(this.selected),a(this.el,"id",$),this.el.role="tab",a(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),w({disabled:this.disabled,children:c`<div class=${n({[e.container]:!0,[e.containerBottom]:this.position==="bottom",[e.iconPresent]:!!this.iconStart||!!this.iconEnd,[e.scale(this.scale)]:!0})} .hidden=${o} ${l(u=>u?this.resizeObserver?.observe(u):null)}><div class=${n({[e.content]:!0,[e.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?F:null}</div>${this.renderCloseButton()}<div class=${n(e.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?x(e.closeButton,c`<button .ariaLabel=${o.close} class=${n(e.closeButton)} @click=${this.closeClickHandler} title=${o.close??m} type=button ${l(this.closeButtonEl)}><calcite-icon .icon=${A.close} .scale=${s(this.scale)}></calcite-icon></button>`):null}};f("calcite-tab-title",b);export{b as TabTitle};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{a as h}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as h}from"./GELBMJQA.js";import{a as $}from"./2WH24SWJ.js";import{b as r}from"./DVCFHI77.js";import{a as u,b as d,c as M,d as B}from"./HUMBVKMM.js";import{l as x,r as b}from"./WPJVU6FH.js";import{d as I}from"./LGHY3GUA.js";import"./TZVJVNKH.js";import{a as v}from"./NSBSD6BD.js";import{J as E,e as m,f as a,j as l,v as f,w as g,x as c}from"./QAJ5QM7N.js";var k=m`:host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{display:flex;max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px;gap:var(--calcite-action-menu-items-space, 0)}:host([hidden]){display:none}[hidden]{display:none}`,C=["ArrowUp","ArrowDown","End","Home"],p=class extends g{constructor(){super(...arguments),this.guid=`calcite-action-menu-${v()}`,this.actionElements=[],this.menuButtonClick=()=>{this.toggleOpen()},this.menuButtonId=`${this.guid}-menu-button`,this.menuButtonKeyDown=e=>{let{key:t}=e,{actionElements:n,activeMenuItemIndex:i,open:o}=this;if(n.length){if($(t)){if(e.preventDefault(),!o){this.toggleOpen();return}let s=n[i];s?s.click():this.toggleOpen(!1)}if(t==="Tab"){this.open=!1;return}if(t==="Escape"){this.toggleOpen(!1),e.preventDefault();return}this.handleActionNavigation(e,t,n)}},this.menuId=`${this.guid}-menu`,this._open=!1,this.updateAction=(e,t)=>{let{guid:n,activeMenuItemIndex:i}=this,o=`${n}-action-${t}`;e.tabIndex=-1,e.setAttribute("role","menuitem"),e.id||(e.id=o),e.toggleAttribute(B,t===i)},this.activeMenuItemIndex=-1,this.appearance="solid",this.expanded=!1,this.overlayPositioning="absolute",this.placement="auto",this.scale="m",this.calciteActionMenuOpen=f({cancelable:!1})}static{this.properties={activeMenuItemIndex:16,menuButtonEl:16,appearance:3,expanded:7,flipPlacements:0,label:1,open:7,overlayPositioning:3,placement:3,scale:3}}static{this.styles=k}get open(){return this._open}set open(e){let t=this._open;e!==t&&(this._open=e,this.openHandler(e))}async setFocus(){return await I(this),x(this.menuButtonEl)}connectedCallback(){super.connectedCallback(),this.connectMenuButtonEl()}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&this.expandedHandler(),e.has("activeMenuItemIndex")&&(this.hasUpdated||this.activeMenuItemIndex!==-1)&&this.updateActions(this.actionElements)}disconnectedCallback(){super.disconnectedCallback(),this.disconnectMenuButtonEl()}expandedHandler(){this.open=!1,this.setTooltipReferenceElement()}openHandler(e){this.menuButtonEl&&(this.menuButtonEl.active=e),this.popoverEl&&(this.popoverEl.open=e),this.activeMenuItemIndex=this.open?0:-1,this.calciteActionMenuOpen.emit(),this.setTooltipReferenceElement()}connectMenuButtonEl(){let{menuButtonId:e,menuId:t,open:n,label:i}=this,o=this.slottedMenuButtonEl||this.defaultMenuButtonEl;this.menuButtonEl!==o&&(this.disconnectMenuButtonEl(),this.menuButtonEl=o,this.setTooltipReferenceElement(),o&&(o.active=n,o.setAttribute("aria-controls",t),o.setAttribute("aria-expanded",b(n)),o.setAttribute("aria-haspopup","true"),o.id||(o.id=e),o.label||(o.label=i),o.text||(o.text=i),o.addEventListener("click",this.menuButtonClick),o.addEventListener("keydown",this.menuButtonKeyDown)))}disconnectMenuButtonEl(){let{menuButtonEl:e}=this;e&&(e.removeEventListener("click",this.menuButtonClick),e.removeEventListener("keydown",this.menuButtonKeyDown),this.menuButtonEl=null)}setMenuButtonEl(e){let t=e.target.assignedElements({flatten:!0}).filter(n=>n?.matches("calcite-action"));this.slottedMenuButtonEl=t[0],this.connectMenuButtonEl()}setDefaultMenuButtonEl(e){this.defaultMenuButtonEl=e,e&&this.connectMenuButtonEl()}setPopoverEl(e){e&&(this.popoverEl=e,e.open=this.open)}handleCalciteActionClick(){this.open=!1,this.setFocus()}updateTooltip(e){let t=e.target.assignedElements({flatten:!0}).filter(n=>n?.matches("calcite-tooltip"));this.tooltipEl=t[0],this.setTooltipReferenceElement()}setTooltipReferenceElement(){let{tooltipEl:e,expanded:t,menuButtonEl:n,open:i}=this;e&&(e.referenceElement=!t&&!i?n:null)}updateActions(e){e?.forEach(this.updateAction)}handleDefaultSlotChange(e){let t=e.target.assignedElements({flatten:!0}).reduce((n,i)=>i?.matches("calcite-action")?(n.push(i),n):i?.matches("calcite-action-group")?n.concat(Array.from(i.querySelectorAll("calcite-action"))):n,[]);this.actionElements=t.filter(n=>!n.disabled&&!n.hidden)}isValidKey(e,t){return!!t.find(n=>n===e)}handleActionNavigation(e,t,n){if(!this.isValidKey(t,C))return;if(e.preventDefault(),!this.open){this.toggleOpen(),(t==="Home"||t==="ArrowDown")&&(this.activeMenuItemIndex=0),(t==="End"||t==="ArrowUp")&&(this.activeMenuItemIndex=n.length-1);return}t==="Home"&&(this.activeMenuItemIndex=0),t==="End"&&(this.activeMenuItemIndex=n.length-1);let i=this.activeMenuItemIndex;t==="ArrowUp"&&(this.activeMenuItemIndex=h(Math.max(i-1,-1),n.length)),t==="ArrowDown"&&(this.activeMenuItemIndex=h(i+1,n.length))}toggleOpen(e=!this.open){this.open=e}handlePopoverOpen(){this.open=!0,this.setFocus()}handlePopoverClose(){this.open=!1}renderMenuButton(){let{appearance:e,label:t,scale:n,expanded:i}=this;return a`<slot name=${d.trigger} @slotchange=${this.setMenuButtonEl}><calcite-action .appearance=${e} class=${c(u.defaultTrigger)} .icon=${M.menu} .scale=${n} .text=${t} .textEnabled=${i} ${r(this.setDefaultMenuButtonEl)}></calcite-action></slot>`}renderMenuItems(){let{actionElements:e,activeMenuItemIndex:t,menuId:n,menuButtonEl:i,label:o,placement:s,overlayPositioning:A,flipPlacements:y}=this,w=e[t]?.id||null;return a`<calcite-popover auto-close .flipPlacements=${y} focus-trap-disabled .label=${o} offset-distance=0 @calcitePopoverClose=${this.handlePopoverClose} @calcitePopoverOpen=${this.handlePopoverOpen} .overlayPositioning=${A} .placement=${s} pointer-disabled .referenceElement=${i} trigger-disabled ${r(this.setPopoverEl)}><div aria-activedescendant=${w??l} aria-labelledby=${i?.id??l} class=${c(u.menu)} id=${n??l} @click=${this.handleCalciteActionClick} role=menu tabindex=-1><slot @slotchange=${this.handleDefaultSlotChange}></slot></div></calcite-popover>`}render(){return a`${this.renderMenuButton()}${this.renderMenuItems()}<slot name=${d.tooltip} @slotchange=${this.updateTooltip}></slot>`}};E("calcite-action-menu",p);export{p as ActionMenu};
|
|
@@ -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.1.0-next.
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
4
|
var c=(n,t,a)=>Math.max(t,Math.min(n,a)),s=new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/),o=n=>{let t=(""+n).match(s);return!t||parseInt(t[1])===0?0:Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))};function i(n){return o(n)>0&&n>0?parseFloat(`0.${n.toString().split(".")[1]}`):n}function u(n,t,a,r,e){return(n-t)*(e-r)/(a-t)+r}function g(n,t,a){return n<a?-1:n>t-a?1:0}export{c as a,o as b,i as c,u as d,g as e};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{a as s}from"./LSMIBZZR.js";import{b}from"./P2T4R24G.js";import{e as $,k as h,u as m}from"./SDNXTWMS.js";import{a as r,d as y}from"./G3HFFN5B.js";import"./PSCVD4C4.js";import"./B2T2CSIX.js";import{C as u,J as f,e as g,f as n,v as d,w as x,x as t}from"./P5PUUW4P.js";var k={actionsStart:"actions-start",actionsEnd:"actions-end"},i={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"},l={section:"section",sectionToggle:"section-toggle"},A=g`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem))}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch}.icon{display:flex;align-items:center;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor)));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor)));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:.25rem}.content{display:none;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.expanded=!1,this.calciteInternalAccordionItemClose=d({cancelable:!1}),this.calciteInternalAccordionItemSelect=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listenOn(document.body,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,accordionParent:0,description:1,expanded:7,heading:1,iconEnd:3,iconFlipRtl:3,iconPosition:1,iconStart:3,iconType:1,scale:1}}static{this.styles=A}async setFocus(){await y(this),this.headerEl.focus()}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[c]=e.composedPath(),o=h(this.el,"calcite-accordion");c===o&&(this.determineActiveItem(o.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[c]=e.composedPath(),o=this.el;if(o.parentElement===c)return;let a=h(o,"calcite-accordion");c===a&&(this.iconPosition=a.iconPosition,this.iconType=a.iconType,this.scale=a.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=m(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=m(e)}storeHeaderEl(e){this.headerEl=e}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,c){switch(e){case"multiple":this.el===c&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===c?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){return n`<div class=${t(i.actionsStart)} .hidden=${!this.hasActionsStart}><slot name=${k.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){return n`<div class=${t(i.actionsEnd)} .hidden=${!this.hasActionsEnd}><slot name=${k.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}render(){let{iconFlipRtl:e}=this,c=$(this.el),o=this.iconStart?s("icon-start",n`<calcite-icon class=${t({[i.icon]:!0,[i.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${r(this.scale)}></calcite-icon>`):null,a=this.iconEnd?s("icon-end",n`<calcite-icon class=${t({[i.iconEnd]:!0,[i.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${r(this.scale)}></calcite-icon>`):null,{description:v}=this;return n`<div class=${t({[`icon-position--${this.iconPosition}`]:!0,[`icon-type--${this.iconType}`]:!0})}><div class=${t({[i.header]:!0,[u.rtl]:c==="rtl"})}>${this.renderActionsStart()}<div aria-controls=${l.section} .ariaExpanded=${this.expanded} class=${t(i.headerContent)} id=${l.sectionToggle} @click=${this.itemHeaderClickHandler} role=button tabindex=0 ${b(this.storeHeaderEl)}><div class=${t(i.headerContainer)}>${o}<div class=${t(i.headerText)}><span class=${t(i.heading)}>${this.heading}</span>${v?n`<span class=${t(i.description)}>${v}</span>`:null}</div>${a}</div><calcite-icon class=${t(i.expandIcon)} .icon=${this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus"} .scale=${r(this.scale)}></calcite-icon></div>${this.renderActionsEnd()}</div><section aria-labelledby=${l.sectionToggle} class=${t(i.content)} id=${l.section}><slot></slot></section></div>`}};f("calcite-accordion-item",p);export{p as AccordionItem};
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{a as s}from"./CC42OKJI.js";import{b}from"./DVCFHI77.js";import{e as $,k as h,u as m}from"./WPJVU6FH.js";import{a as r,d as y}from"./LGHY3GUA.js";import"./TZVJVNKH.js";import"./NSBSD6BD.js";import{C as u,J as f,e as g,f as n,v as d,w as x,x as t}from"./QAJ5QM7N.js";var k={actionsStart:"actions-start",actionsEnd:"actions-end"},i={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"},l={section:"section",sectionToggle:"section-toggle"},A=g`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem))}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch}.icon{display:flex;align-items:center;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor)));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor)));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:.25rem}.content{display:none;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.expanded=!1,this.calciteInternalAccordionItemClose=d({cancelable:!1}),this.calciteInternalAccordionItemSelect=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listenOn(document.body,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}static{this.properties={hasActionsEnd:16,hasActionsStart:16,accordionParent:0,description:1,expanded:7,heading:1,iconEnd:3,iconFlipRtl:3,iconPosition:1,iconStart:3,iconType:1,scale:1}}static{this.styles=A}async setFocus(){await y(this),this.headerEl.focus()}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[c]=e.composedPath(),o=h(this.el,"calcite-accordion");c===o&&(this.determineActiveItem(o.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[c]=e.composedPath(),o=this.el;if(o.parentElement===c)return;let a=h(o,"calcite-accordion");c===a&&(this.iconPosition=a.iconPosition,this.iconType=a.iconType,this.scale=a.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=m(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=m(e)}storeHeaderEl(e){this.headerEl=e}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,c){switch(e){case"multiple":this.el===c&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===c?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){return n`<div class=${t(i.actionsStart)} .hidden=${!this.hasActionsStart}><slot name=${k.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){return n`<div class=${t(i.actionsEnd)} .hidden=${!this.hasActionsEnd}><slot name=${k.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}render(){let{iconFlipRtl:e}=this,c=$(this.el),o=this.iconStart?s("icon-start",n`<calcite-icon class=${t({[i.icon]:!0,[i.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${r(this.scale)}></calcite-icon>`):null,a=this.iconEnd?s("icon-end",n`<calcite-icon class=${t({[i.iconEnd]:!0,[i.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${r(this.scale)}></calcite-icon>`):null,{description:v}=this;return n`<div class=${t({[`icon-position--${this.iconPosition}`]:!0,[`icon-type--${this.iconType}`]:!0})}><div class=${t({[i.header]:!0,[u.rtl]:c==="rtl"})}>${this.renderActionsStart()}<div aria-controls=${l.section} .ariaExpanded=${this.expanded} class=${t(i.headerContent)} id=${l.sectionToggle} @click=${this.itemHeaderClickHandler} role=button tabindex=0 ${b(this.storeHeaderEl)}><div class=${t(i.headerContainer)}>${o}<div class=${t(i.headerText)}><span class=${t(i.heading)}>${this.heading}</span>${v?n`<span class=${t(i.description)}>${v}</span>`:null}</div>${a}</div><calcite-icon class=${t(i.expandIcon)} .icon=${this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus"} .scale=${r(this.scale)}></calcite-icon></div>${this.renderActionsEnd()}</div><section aria-labelledby=${l.sectionToggle} class=${t(i.content)} id=${l.section}><slot></slot></section></div>`}};f("calcite-accordion-item",p);export{p as AccordionItem};
|
|
@@ -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.1.0-next.
|
|
4
|
-
import{b as r}from"./
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
|
+
import{b as r}from"./OPE3YF45.js";import"./GFM4IJLR.js";var t={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function(e){var a=["th","st","nd","rd"],_=e%100;return"["+e+(a[(_-20)%10]||a[_]||a[0])+"]"}};r.locale(t,null,!0);var u=t;export{u 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.1.0-next.
|
|
3
|
+
v3.1.0-next.7 */
|
|
4
4
|
var n={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};export{n as a};
|