@esri/calcite-components 3.0.0-next.93 → 3.0.0-next.95
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/{4LYJQ42B.js → 22IYMRTI.js} +2 -2
- package/dist/calcite/{V5AMNG5G.js → 25R62ZNV.js} +2 -2
- package/dist/calcite/{YAVTCI7L.js → 274SCHXS.js} +2 -2
- package/dist/calcite/{XUOLHNXZ.js → 2CNLHQIA.js} +2 -2
- package/dist/calcite/{CMXN4FNM.js → 2FP6XFFK.js} +2 -2
- package/dist/calcite/{G5Y7OCMA.js → 2HUUH73B.js} +2 -2
- package/dist/calcite/{SATQ5VQZ.js → 2MYEWV5T.js} +2 -2
- package/dist/calcite/{2DZE4PHL.js → 2RI7EGLQ.js} +2 -2
- package/dist/calcite/{YEUJWFJJ.js → 2T3H5BGE.js} +2 -2
- package/dist/calcite/{BMDQUE3B.js → 2W6DR2PS.js} +1 -1
- package/dist/calcite/{WZGJEEI3.js → 2YRPK2WV.js} +2 -2
- package/dist/calcite/{XE2HJNBM.js → 35XUQZKY.js} +2 -2
- package/dist/calcite/{2ZF7ADUP.js → 37NHR5JS.js} +2 -2
- package/dist/calcite/{OT72PV6O.js → 3BDHNIVW.js} +2 -2
- package/dist/calcite/{FMVA44M2.js → 3PISJG3C.js} +2 -2
- package/dist/calcite/{3B2WTKI2.js → 3Q54R7OL.js} +1 -1
- package/dist/calcite/{PAZETMUF.js → 3SLCRNUX.js} +2 -2
- package/dist/calcite/{4CXWLVMN.js → 42G7KIHF.js} +2 -2
- package/dist/calcite/{22FEZX34.js → 42PHGN5K.js} +2 -2
- package/dist/calcite/{3GYGDYTT.js → 4GKHSR4D.js} +2 -2
- package/dist/calcite/{5UJLMF2L.js → 4MJYKDAP.js} +2 -2
- package/dist/calcite/{SQB2LVEK.js → 4MUIOUDD.js} +2 -2
- package/dist/calcite/{UVX6SR7X.js → 4QQCIVDI.js} +1 -1
- package/dist/calcite/{S3BHMEMB.js → 4R46OKAS.js} +2 -2
- package/dist/calcite/{3N5TEIUV.js → 4TMDM3CH.js} +2 -2
- package/dist/calcite/{PG7WWPZB.js → 4UCRERFT.js} +2 -2
- package/dist/calcite/{FNQRBFQV.js → 4ZKBGICZ.js} +2 -2
- package/dist/calcite/55Q76LEL.js +6 -0
- package/dist/calcite/{S3WAQV5Z.js → 5DGGXHXM.js} +2 -2
- package/dist/calcite/{BBQTQJRZ.js → 5PTWUCMA.js} +2 -2
- package/dist/calcite/{VWTXOLZC.js → 5RPGD4CD.js} +2 -2
- package/dist/calcite/{Z4L6MSQP.js → 5UFZGC62.js} +2 -2
- package/dist/calcite/{EFIS6SW2.js → 5WOAGK3G.js} +2 -2
- package/dist/calcite/{XLN3RXQA.js → 64KK3KXZ.js} +2 -2
- package/dist/calcite/{ALSMTWNT.js → 6DXA3QMJ.js} +2 -2
- package/dist/calcite/{IOP5WCDU.js → 6FLFCSYW.js} +2 -2
- package/dist/calcite/{NCQXURUW.js → 6HY2CCP7.js} +2 -2
- package/dist/calcite/{HEIHTLT7.js → 6MFAQLAV.js} +1 -1
- package/dist/calcite/{QF7YST5D.js → 6OU3JWUG.js} +2 -2
- package/dist/calcite/{K42JYHHY.js → 6QCXYRQI.js} +1 -1
- package/dist/calcite/{SDVZQQOF.js → 6QGOP6JP.js} +2 -2
- package/dist/calcite/{WMRMQVGU.js → 6SDXW5SW.js} +1 -1
- package/dist/calcite/{RT7FBOSC.js → 6UXKKYYO.js} +2 -2
- package/dist/calcite/{4336A4XF.js → 74LIWRP4.js} +2 -2
- package/dist/calcite/{HFERABJW.js → 7QW65NOK.js} +2 -2
- package/dist/calcite/{NJMOCRDS.js → 7S3JWCZ5.js} +2 -2
- package/dist/calcite/{Z765BI2X.js → 7TD4IBTJ.js} +2 -2
- package/dist/calcite/{SWQPAXKH.js → 7V6663YW.js} +2 -2
- package/dist/calcite/{W3STP2CU.js → 7WBMR67C.js} +1 -1
- package/dist/calcite/7WPRWPOO.js +6 -0
- package/dist/calcite/{NYK424WM.js → ALXAUFE2.js} +2 -2
- package/dist/calcite/{B5SKOSHN.js → AOFDGJTS.js} +2 -2
- package/dist/calcite/{WLTNM53G.js → AREUHZPN.js} +2 -2
- package/dist/calcite/{HYHCLRDU.js → BGWMQRWP.js} +1 -1
- package/dist/calcite/{QSUOEZST.js → BORJKJB2.js} +2 -2
- package/dist/calcite/{QYHOGHFU.js → C4DAZCKN.js} +2 -2
- package/dist/calcite/{75YLLSKS.js → C4GPEAHI.js} +2 -2
- package/dist/calcite/{IDHFU7L7.js → C4SVSULL.js} +2 -2
- package/dist/calcite/{PVY675QK.js → C7YXNTWJ.js} +2 -2
- package/dist/calcite/{BOXCO4YH.js → CCPY3M7R.js} +2 -2
- package/dist/calcite/{5SBYG4OJ.js → CJDBTTKK.js} +2 -2
- package/dist/calcite/{AGG5WJMU.js → CMGNGI7R.js} +2 -2
- package/dist/calcite/{BUPC5LK6.js → CPYPITO4.js} +2 -2
- package/dist/calcite/{G2S5HDCA.js → CXYZ2GPM.js} +2 -2
- package/dist/calcite/{ABI5EX2J.js → CZLF6EI3.js} +2 -2
- package/dist/calcite/{KU6XTFG6.js → DGKZMITH.js} +2 -2
- package/dist/calcite/{D6S5OVQ3.js → E3EWT2LL.js} +2 -2
- package/dist/calcite/{EKICXMOR.js → E7N3ICZR.js} +2 -2
- package/dist/calcite/{DONSIJBJ.js → EIUWE3XJ.js} +2 -2
- package/dist/calcite/{GXQ2B3OB.js → EN6CXGJZ.js} +2 -2
- package/dist/calcite/{QUDMLBOI.js → ERQ5XYK2.js} +2 -2
- package/dist/calcite/{RQNQKFAM.js → EXD4CE5S.js} +2 -2
- package/dist/calcite/{SJJHY7O4.js → F7U5L4W7.js} +2 -2
- package/dist/calcite/{GSY5I4IH.js → FDNDNI4O.js} +2 -2
- package/dist/calcite/{X3Q4XTA2.js → FFOXHPBA.js} +2 -2
- package/dist/calcite/{AW5QD3KV.js → FJRBMSPV.js} +2 -2
- package/dist/calcite/{SSHFZPIO.js → FNRB2GXC.js} +2 -2
- package/dist/calcite/{6KJ34JLQ.js → FOKIUQFC.js} +2 -2
- package/dist/calcite/{FF4673MC.js → FTONGACB.js} +2 -2
- package/dist/calcite/{NAVI5ZJL.js → FVBRXF3N.js} +1 -1
- package/dist/calcite/{2MI5OEAX.js → FX776M42.js} +2 -2
- package/dist/calcite/{K4HUQ5FF.js → G5BL7VHN.js} +2 -2
- package/dist/calcite/{26VPLX5Z.js → GA67TPPU.js} +2 -2
- package/dist/calcite/{KS42KCIQ.js → GCYS4EAK.js} +2 -2
- package/dist/calcite/{PRE2RGSY.js → GJ66I67S.js} +2 -2
- package/dist/calcite/{DEIINYZO.js → GJFW6JKB.js} +2 -2
- package/dist/calcite/{VBOB65R5.js → GJWPJ26X.js} +2 -2
- package/dist/calcite/{6M55BJYW.js → GQ4SXKAQ.js} +1 -1
- package/dist/calcite/{DR4FNP47.js → GZFXE544.js} +2 -2
- package/dist/calcite/{MUC3MTRX.js → HFFQ7NY4.js} +2 -2
- package/dist/calcite/{RX3JHZF6.js → HFPXZPEV.js} +2 -2
- package/dist/calcite/{JKHAL4B3.js → HFY7WMTJ.js} +1 -1
- package/dist/calcite/{I2DE3YNC.js → HHAX7YDL.js} +2 -2
- package/dist/calcite/{APU5SBRA.js → HQMOZWLH.js} +2 -2
- package/dist/calcite/{7FV47TOR.js → ILAIEZFW.js} +2 -2
- package/dist/calcite/{ZUD4JMJ3.js → INDAQQE6.js} +2 -2
- package/dist/calcite/{RHDGLWML.js → IROPWWBK.js} +2 -2
- package/dist/calcite/{P3YPVMWU.js → IUIZLGIN.js} +2 -2
- package/dist/calcite/{5Z2AAJJ6.js → J3OVZBWR.js} +2 -2
- package/dist/calcite/{7FUJEL6A.js → JAPY7YSZ.js} +2 -2
- package/dist/calcite/{KAFANLC3.js → JEKFDG75.js} +2 -2
- package/dist/calcite/{QE3PDVFY.js → JOF4U72Y.js} +2 -2
- package/dist/calcite/{ADAABKVM.js → JSGFK2QO.js} +2 -2
- package/dist/calcite/{TT5DVKA7.js → JUMXTFHA.js} +2 -2
- package/dist/calcite/{QWPRXVZB.js → JXGCEHGE.js} +2 -2
- package/dist/calcite/K3Q7YZTU.js +6 -0
- package/dist/calcite/{U2KPCAWH.js → K4JHFWH2.js} +2 -2
- package/dist/calcite/{BEDV2UTX.js → K5AJZWKX.js} +2 -2
- package/dist/calcite/{G2C63SRM.js → KC6FHSLB.js} +2 -2
- package/dist/calcite/{ZG6IIIEI.js → KKPCOABT.js} +2 -2
- package/dist/calcite/{ALRQZB2D.js → KRIAOLAP.js} +2 -2
- package/dist/calcite/{4IYBM2OX.js → KVGC54RZ.js} +1 -1
- package/dist/calcite/{GKB456VR.js → KWJAKR2S.js} +2 -2
- package/dist/calcite/{KJDH6Q7G.js → KYUH33ZD.js} +2 -2
- package/dist/calcite/{MLDTJEYP.js → LO4LVRBE.js} +2 -2
- package/dist/calcite/{SX5L7XZB.js → LTQQF3EL.js} +2 -2
- package/dist/calcite/{I2LGXNVX.js → LWACJDGB.js} +2 -2
- package/dist/calcite/{LPXUWEM6.js → LXPHA6UE.js} +1 -1
- package/dist/calcite/{ULNRAGP6.js → M4KQV2FU.js} +2 -2
- package/dist/calcite/{YAOMRMP7.js → M6NG263N.js} +2 -2
- package/dist/calcite/{BAFIEKJ5.js → MCGCKVY7.js} +2 -2
- package/dist/calcite/{GQPDA62T.js → MDGCRLOX.js} +2 -2
- package/dist/calcite/{2CU3JKDW.js → MGNKDHIJ.js} +2 -2
- package/dist/calcite/{E57U5QOE.js → ML2OYKTG.js} +2 -2
- package/dist/calcite/{GMVKWZPK.js → MO5ZNVYO.js} +2 -2
- package/dist/calcite/{DXKM5J37.js → MO7MNEPV.js} +2 -2
- package/dist/calcite/{IAK4UCM6.js → MRULPNKZ.js} +2 -2
- package/dist/calcite/{N4ONEG5O.js → N5M5OWSN.js} +2 -2
- package/dist/calcite/{DSHXJCWM.js → NHJ2FT25.js} +2 -2
- package/dist/calcite/{BXTYAJKJ.js → NOTZLQUP.js} +2 -2
- package/dist/calcite/{Y6UJBVAA.js → NV52PWOU.js} +1 -1
- package/dist/calcite/{UI2TSS67.js → NW4LCE6Z.js} +2 -2
- package/dist/calcite/{WIS2LKXN.js → NXLPCTQ3.js} +2 -2
- package/dist/calcite/{GUCFZKXW.js → NZGBJS44.js} +1 -1
- package/dist/calcite/{OVHK26PG.js → O63CJIEM.js} +2 -2
- package/dist/calcite/{EGBJOE7M.js → OC5YXEQJ.js} +2 -2
- package/dist/calcite/{2XLGBJVD.js → OPZFLPQ5.js} +2 -2
- package/dist/calcite/{R4UBPUBH.js → OSA2HVT7.js} +2 -2
- package/dist/calcite/{ARJ6NS3P.js → OSIY33Z7.js} +2 -2
- package/dist/calcite/{G225OWFV.js → OTHII6CF.js} +2 -2
- package/dist/calcite/{U7KIHUJS.js → OWSHZBLI.js} +2 -2
- package/dist/calcite/{YC2QOFUN.js → OZQY64DJ.js} +2 -2
- package/dist/calcite/{CYHDQ7ZX.js → P2E2BYBU.js} +2 -2
- package/dist/calcite/{RKXJX6SV.js → P56DHNB5.js} +2 -2
- package/dist/calcite/{P2NISUP7.js → P7EEBFG7.js} +1 -1
- package/dist/calcite/{5BU3TLQD.js → PC7TJ2XN.js} +2 -2
- package/dist/calcite/{GGU5LX4Z.js → PFRCF6E3.js} +2 -2
- package/dist/calcite/{TEWGEOHC.js → PO3V5P7M.js} +2 -2
- package/dist/calcite/{GYVCDJKT.js → PQ5IHHLS.js} +2 -2
- package/dist/calcite/{VVD4D2OR.js → QASMMO24.js} +2 -2
- package/dist/calcite/{LNTLPE5J.js → QC6H6QOD.js} +2 -2
- package/dist/calcite/{C3JD4X4Q.js → QKLSNKAK.js} +2 -2
- package/dist/calcite/{WZMCQXZU.js → QKRCGXL4.js} +2 -2
- package/dist/calcite/{4W2HGHP7.js → QPB62OMT.js} +2 -2
- package/dist/calcite/{4ECYMM65.js → QVYFKAZB.js} +2 -2
- package/dist/calcite/{DHDPABIR.js → QZ3YHEIE.js} +2 -2
- package/dist/calcite/{RXJW3CAL.js → RCMB3RVD.js} +2 -2
- package/dist/calcite/{UVSBFAEJ.js → RN7B5XMI.js} +1 -1
- package/dist/calcite/{NJAF7K3W.js → RPD25XGS.js} +2 -2
- package/dist/calcite/{LJPJJVDN.js → RRRUTAJK.js} +2 -2
- package/dist/calcite/{7ZSPYRJX.js → RUMHYROC.js} +2 -2
- package/dist/calcite/{Q6454SKP.js → RWAGDU4N.js} +2 -2
- package/dist/calcite/{MPX2ENY5.js → RWVDDIJF.js} +2 -2
- package/dist/calcite/{WT3C26N7.js → RXVF6UNG.js} +2 -2
- package/dist/calcite/{6SZIMVTB.js → RY4YGLBS.js} +2 -2
- package/dist/calcite/{WQMIE3SC.js → S7FNSU7W.js} +2 -2
- package/dist/calcite/{EDGM4ODE.js → S7JBN4R5.js} +1 -1
- package/dist/calcite/{4JZAPUCQ.js → SGNCH6KG.js} +1 -1
- package/dist/calcite/{HTJC6SB2.js → SN24C6XM.js} +2 -2
- package/dist/calcite/{Z7SY2YLU.js → SRONBMSF.js} +2 -2
- package/dist/calcite/{TZJA33SG.js → SUGR7LXC.js} +2 -2
- package/dist/calcite/{BYBMFNTE.js → T7I7AUYL.js} +2 -2
- package/dist/calcite/{APAZ4PAZ.js → T7KQ6S45.js} +2 -2
- package/dist/calcite/{5YB34MRZ.js → TCE2YSFH.js} +2 -2
- package/dist/calcite/{DKO7N3HQ.js → TOSS5ABA.js} +1 -1
- package/dist/calcite/{2XZ4XPNS.js → TQEVNM56.js} +2 -2
- package/dist/calcite/{JOTPNA5U.js → TSGXKMXX.js} +2 -2
- package/dist/calcite/{V22HURGK.js → U4VZUXZS.js} +2 -2
- package/dist/calcite/{LK4DSLRQ.js → U6VM25VB.js} +2 -2
- package/dist/calcite/{P2SAA62C.js → UFNGHX6Z.js} +2 -2
- package/dist/calcite/{OA2PQVUP.js → UG7B3DY3.js} +2 -2
- package/dist/calcite/{JW6TU56S.js → UGT6ZKEE.js} +2 -2
- package/dist/calcite/{4MCXCCTT.js → UH4LXU3M.js} +2 -2
- package/dist/calcite/{BQFPY42S.js → UKNEJBWS.js} +2 -2
- package/dist/calcite/{DHYCXUBI.js → UVP6SXDH.js} +2 -2
- package/dist/calcite/{NCT736JJ.js → V52LFEKU.js} +2 -2
- package/dist/calcite/{DQJWNO6X.js → V5GXDROE.js} +2 -2
- package/dist/calcite/{YVEM55PK.js → VF27MFMX.js} +2 -2
- package/dist/calcite/{N2MDQOZ5.js → VJ4YDT3Y.js} +2 -2
- package/dist/calcite/{V3HAX3B5.js → VNFXGHAN.js} +2 -2
- package/dist/calcite/{DQGRQHJU.js → VTQALN47.js} +2 -2
- package/dist/calcite/{TBRVOHHT.js → WA3CEIYH.js} +2 -2
- package/dist/calcite/{PPD5MNM4.js → WGBYKISK.js} +2 -2
- package/dist/calcite/{YHUO5GHW.js → WHYU7JDK.js} +2 -2
- package/dist/calcite/{NTQK472Q.js → WPKEYOXD.js} +2 -2
- package/dist/calcite/{ISXSI2YX.js → WPQC5BHF.js} +2 -2
- package/dist/calcite/{QBOE35W7.js → WQQ6WFHM.js} +2 -2
- package/dist/calcite/{GB6ER3D6.js → WVXG2FNU.js} +2 -2
- package/dist/calcite/{WUQE3Z4L.js → WW64AYKJ.js} +2 -2
- package/dist/calcite/{43XSNFTB.js → X6YP5L6I.js} +1 -1
- package/dist/calcite/{E5NCUKZA.js → XB5WOVKS.js} +2 -2
- package/dist/calcite/{6UZYVGOK.js → XNANWINH.js} +2 -2
- package/dist/calcite/{R3APGXC7.js → XZSRONUF.js} +1 -1
- package/dist/calcite/{DWUSCY3C.js → Y45PL7JP.js} +2 -2
- package/dist/calcite/{PM4B4BXZ.js → Y5344YI3.js} +2 -2
- package/dist/calcite/{AB5HTFEQ.js → Y6HKDQHQ.js} +2 -2
- package/dist/calcite/{4M2JDA7M.js → Y6QJ5YXM.js} +2 -2
- package/dist/calcite/{W5EIQ7FQ.js → Y7TBRFMR.js} +2 -2
- package/dist/calcite/{L5YASZAA.js → YMVIJN2Q.js} +2 -2
- package/dist/calcite/{IEYUUQJB.js → YYAZF44L.js} +2 -2
- package/dist/calcite/{JMMA2HXY.js → Z2IFESNY.js} +2 -2
- package/dist/calcite/{NYAPNEBT.js → Z3BVB35X.js} +2 -2
- package/dist/calcite/{2IOSLF7L.js → Z6JCMZ7K.js} +2 -2
- package/dist/calcite/{OOS5Q2XZ.js → Z7WMABID.js} +2 -2
- package/dist/calcite/{34G5KF24.js → ZGVXDWAD.js} +2 -2
- package/dist/calcite/{3J24TILJ.js → ZHR5O2ZC.js} +2 -2
- package/dist/calcite/{BPZ5KM25.js → ZP7Q5NSL.js} +2 -2
- package/dist/calcite/{5JVMI6WB.js → ZPHGTJMS.js} +2 -2
- package/dist/calcite/{CZ2AFL3M.js → ZPOSR4YB.js} +2 -2
- package/dist/calcite/{PILNZYES.js → ZSLNS3MH.js} +2 -2
- package/dist/calcite/{WOSK5TFP.js → ZSYGIBIZ.js} +2 -2
- package/dist/calcite/{4TINILBA.js → ZY4VRSAN.js} +2 -2
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/_commonjsHelpers.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +1 -1
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/focusTrapComponent.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/interactive.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/loadable.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +1 -1
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/time.js +1 -1
- package/dist/chunks/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-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.d.ts +1 -0
- package/dist/components/calcite-combobox-item/customElement.js +26 -25
- package/dist/components/calcite-combobox-item/resources.d.ts +1 -0
- package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +35 -35
- package/dist/components/calcite-list/resources.d.ts +0 -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 +1 -1
- package/dist/components/calcite-navigation/customElement.js +1 -1
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +1 -1
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-radio-button-group/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.js +13 -13
- package/dist/components/calcite-sheet/customElement.js +1 -1
- 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 +11 -11
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-tile-select/customElement.js +1 -1
- package/dist/components/calcite-tile-select-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tip/customElement.js +1 -1
- package/dist/components/calcite-tip-group/customElement.js +1 -1
- package/dist/components/calcite-tip-manager/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/custom-theme/select.d.ts +8 -0
- package/dist/docs/api.json +19 -7
- package/dist/docs/docs.json +21 -7
- package/dist/docs/vscode.css-custom-data.json +13 -5
- package/dist/docs/vscode.html-custom-data.json +2 -2
- package/dist/docs/web-types.json +20 -8
- package/dist/extras/vscode-data.json +2 -2
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +5 -5
- package/dist/calcite/BP5S2HP6.js +0 -6
- package/dist/calcite/GTXU25LP.js +0 -6
- package/dist/calcite/WDHIOPLH.js +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{h as b}from"./
|
|
6
|
+
import{h as b}from"./HFPXZPEV.js";import{k as o}from"./HHAX7YDL.js";import{a as g,b as y}from"./P56DHNB5.js";import{a as m}from"./GQ4SXKAQ.js";import{k as h,r as u}from"./WQQ6WFHM.js";import{a as v,b as f,d as p}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as d,d as l,e as s,u as t,v as n,z as a}from"./35XUQZKY.js";var z=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3);outline:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-wrapper{position:relative;display:flex;inline-size:100%;flex-direction:column;align-items:center;justify-content:center}.day{position:relative;display:flex;inline-size:100%;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);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;line-height:var(--calcite-font-line-height-fixed-base);background:none;block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size: 32px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);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))));box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host(:focus:not([disabled]):not([selected])) .day{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([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([highlighted]:not([selected])) .day{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-current)}:host(:hover[highlighted]:not([selected]).inside-range--hover) .day{background-color:var(--calcite-color-foreground-current);color:var(--calcite-color-brand);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(:hover:not([highlighted]):not([selected]).outside-range--hover) .day{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))))}@media (forced-colors: active){.day{border-radius:0}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day,:host([highlighted]) .day,:host([range-hover]:not([selected])) .day{background-color:highlight}:host([range-hover]) .day,:host([range][selected][start-of-range]) .day,:host([range][selected][end-of-range]) .day{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(),this.active=!1,this.currentMonth=!1,this.disabled=!1,this.endOfRange=!1,this.highlighted=!1,this.range=!1,this.rangeHover=!1,this.selected=!1,this.startOfRange=!1,this.calciteInternalDayHover=t({cancelable:!1}),this.calciteInternalDaySelect=t({cancelable:!1}),this.listen("pointerover",this.pointerOverHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={active:7,currentMonth:7,dateTimeFormat:0,day:9,disabled:7,endOfRange:7,highlighted:7,range:7,rangeEdge:3,rangeHover:7,scale:3,selected:7,startOfRange:7,value:0}}static{this.styles=z}async setFocus(){await p(this),this.el.focus()}load(){v(this),this.parentDatePickerEl=h(this.el,"calcite-date-picker")}updated(){g(this)}loaded(){f(this)}onClick(){this.disabled||this.calciteInternalDaySelect.emit()}keyDownHandler(e){m(e.key)&&(this.disabled||this.calciteInternalDaySelect.emit(),e.preventDefault())}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}render(){let e=b(this.value).replaceAll("-","");if(this.parentDatePickerEl){let{numberingSystem:c,lang:r}=this.parentDatePickerEl;o.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...r&&{locale:r}}}let x=o.localize(String(this.day)),k=this.dateTimeFormat.format(this.value);return this.el.ariaLabel=k,this.el.ariaSelected=u(this.active),a(this.el,"id",e),this.el.role="button",a(this.el,"tabIndex",this.active&&!this.disabled?0:-1),y({disabled:this.disabled,children:s`<div aria-hidden=true class="day-wrapper"><span class="day"><span class="text">${x}</span></span></div>`})}};d("calcite-date-picker-day",i);export{i as DatePickerDay};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{a as y}from"./
|
|
6
|
+
import{a as y}from"./ZP7Q5NSL.js";import{a as x}from"./XZSRONUF.js";import{I as k,d as g,e as r,f as h,i as p,v as z,w as l,x as f,z as u}from"./35XUQZKY.js";var t={container:"container",loader:"loader",percentage:"percentage",progressRing:"ring--progress",ring:"ring",rings:"rings",text:"text",trackRing:"ring--track"},$=g`:host{position:relative;margin-inline:auto;display:flex;align-items:center;justify-content:center;opacity:1;flex-direction:column;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke-width:var(--calcite-internal-stroke-width);fill:none;transform:scale(1);padding-block:var(--calcite-loader-spacing, 4rem)}:host([scale=s]){--calcite-internal-stroke-width: 3;--calcite-internal-text-offset: var(--calcite-spacing-xxs);--calcite-internal-loader-font-size: var(--calcite-font-size--3);--calcite-internal-loader-size: 2rem;--calcite-internal-loader-size-inline: .75rem;--calcite-internal-loader-value-line-height: .625rem}:host([scale=m]){--calcite-internal-stroke-width: 6;--calcite-internal-text-offset: var(--calcite-spacing-sm);--calcite-internal-loader-font-size: var(--calcite-font-size-0);--calcite-internal-loader-size: 4rem;--calcite-internal-loader-size-inline: 1rem;--calcite-internal-loader-value-line-height: 1.375rem}:host([scale=l]){--calcite-internal-stroke-width: 8;--calcite-internal-text-offset: var(--calcite-spacing-md);--calcite-internal-loader-font-size: var(--calcite-font-size-2);--calcite-internal-loader-size: 6rem;--calcite-internal-loader-size-inline: 1.5rem;--calcite-internal-loader-value-line-height: 1.71875rem}.text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-start:var(--calcite-loader-text-spacing, var(--calcite-internal-text-offset));font-weight:var(--calcite-loader-text-weight, var(--calcite-font-weight-normal));color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.percentage{display:block;text-align:center;font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));line-height:var(--calcite-internal-loader-value-line-height);align-self:center;color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.rings{position:relative;display:flex;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring--track{stroke:var(--calcite-loader-track-color, var(--calcite-color-transparent-press))}.ring--progress{stroke:var(--calcite-loader-progress-color, var(--calcite-color-brand));transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([type=indeterminate]) .ring--progress{animation:loader-clockwise calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) linear infinite}:host([inline]){--calcite-internal-stroke-width: 2;position:relative;margin:0;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));min-block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));vertical-align:calc(var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline))) * -1 * .2)}:host([inline]) .rings{inset-block-start:0px;margin:0;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring{inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring--progress{stroke:var(--calcite-loader-progress-color-inline, currentColor)}:host([complete]){opacity:0;transform:scale(.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1s,transform var(--calcite-internal-animation-timing-medium) linear 1s}:host([complete]) .rings{opacity:0;transform:scale(.75);transform-origin:center;transition:opacity calc(.18s * var(--calcite-internal-duration-factor)) linear .8s,transform calc(.18s * var(--calcite-internal-duration-factor)) linear .8s}:host([complete]) .percentage{color:var(--calcite-color-brand);transform:scale(1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear,transform var(--calcite-internal-animation-timing-medium) linear}@keyframes loader-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends z{constructor(){super(...arguments),this.messages=y({name:null}),this.complete=!1,this.inline=!1,this.scale="m",this.text="",this.type="indeterminate",this.value=0}static{this.properties={complete:7,inline:7,label:1,scale:3,text:1,type:3,value:9}}static{this.styles=$}connectedCallback(){super.connectedCallback(),this.updateFormatter()}load(){requestAnimationFrame(()=>this.valueChangeHandler())}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==0)&&this.valueChangeHandler(),(e.has("type")&&(this.hasUpdated||this.type!=="indeterminate")||e.has("messages"))&&this.updateFormatter()}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}formatValue(){return this.type!=="determinate-value"?`${this.value}`:this.formatter.format(this.value/100)}getSize(e){return{s:32,m:64,l:96}[e]}getInlineSize(e){return{s:12,m:16,l:24}[e]}updateFormatter(){this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.messages._lang||(this.formatter=new Intl.NumberFormat(this.messages._lang,{style:"percent"}))}render(){let{el:e,inline:n,label:s,text:c,type:i,value:o}=this,d=e.id||x(),a=i!=="indeterminate",v=Math.floor(o);return this.el.ariaLabel=s,this.el.ariaValueMax=a?"100":void 0,this.el.ariaValueMin=a?"0":void 0,this.el.ariaValueNow=a?v.toString():void 0,u(this.el,"id",d),this.el.role="progressbar",r`<div class=${l(t.rings)}>${this.renderRing("track")}${this.renderRing("progress")}${!n&&a&&r`<div class=${l(t.percentage)}>${this.formatValue()}</div>`||""}</div>${!n&&c&&r`<div class=${l(t.text)}>${c}</div>`||""}`}renderRing(e){let{inline:n,scale:s,value:c}=this,i=n?this.getInlineSize(s):this.getSize(s),o=i*.45,d;if(e==="progress"){let a=2*o*Math.PI,v=(this.type.startsWith("determinate")?c:24)/100*a,b=a-v;d={"stroke-dasharray":`${v} ${b}`}}return r`<svg aria-hidden=true class=${l({[t.ring]:!0,[t.trackRing]:e==="track",[t.progressRing]:e==="progress"})} style=${f(d)} viewBox=${`0 0 ${i} ${i}`}>${h`<circle cx=${i/2} cy=${i/2} r=${o??p} />`}</svg>`}};k("calcite-loader",m);export{m as Loader};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{a as R}from"./
|
|
6
|
+
import{a as R}from"./3PISJG3C.js";import{c as p,e as y,f as C,g as L,h as x,i as u}from"./Z3BVB35X.js";import"./SGNCH6KG.js";import{a}from"./GA67TPPU.js";import"./AREUHZPN.js";import"./2W6DR2PS.js";import{b as d}from"./WPQC5BHF.js";import{h as k,j as H}from"./WQQ6WFHM.js";import{a as b}from"./XZSRONUF.js";import{I as E,d as v,e as g,u as s,v as T,w as l,z as w}from"./35XUQZKY.js";var O={positionContainer:"position-container",container:"container"},I=300,D=500,S="aria-describedby";function z(n){let{referenceElement:e}=n;return(typeof e=="string"?H(n,{id:e}):e)||null}var f=class{constructor(){this.registeredElements=new WeakMap,this.registeredShadowRootCounts=new WeakMap,this.hoverOpenTimeout=null,this.hoverCloseTimeout=null,this.activeTooltip=null,this.registeredElementCount=0,this.clickedTooltip=null,this.queryTooltip=e=>{let{registeredElements:t}=this,i=e.find(o=>t.has(o));return t.get(i)},this.keyDownHandler=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let{activeTooltip:t}=this;if(t?.open){this.clearHoverTimeout(),this.closeActiveTooltip();let i=z(t),o=e.composedPath();(i instanceof Element&&o.includes(i)||o.includes(t))&&e.preventDefault()}}},this.pointerMoveHandler=e=>{let t=e.composedPath(),{activeTooltip:i}=this,o=this.queryTooltip(t);if(this.pathHasOpenTooltip(o,t)){this.clearHoverTimeout();return}o!==this.clickedTooltip&&(o?this.openHoveredTooltip(o):i?.open&&this.closeHoveredTooltip(),this.clickedTooltip=null)},this.clickHandler=e=>{this.clickedTooltip=null;let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}if(this.closeActiveTooltip(),!!i){if(this.clearHoverTimeout(),i.closeOnClick){this.clickedTooltip=i,this.toggleTooltip(i,!1);return}this.toggleTooltip(i,!0)}},this.blurHandler=()=>{this.closeActiveTooltip()},this.focusInHandler=e=>{let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}i!==this.clickedTooltip&&(this.clickedTooltip=null,this.closeTooltipIfNotActive(i),i&&this.toggleFocusedTooltip(i,!0))},this.openHoveredTooltip=e=>{this.hoverOpenTimeout=window.setTimeout(()=>{this.hoverOpenTimeout!==null&&(this.clearHoverCloseTimeout(),this.closeTooltipIfNotActive(e),this.toggleTooltip(e,!0))},this.activeTooltip?.open?0:I)},this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout(()=>{this.hoverCloseTimeout!==null&&this.closeActiveTooltip()},D)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t);let i=this.getReferenceElShadowRootNode(e);i&&this.registerShadowRoot(i),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){let t=this.getReferenceElShadowRootNode(e);t&&this.unregisterShadowRoot(t),this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}pathHasOpenTooltip(e,t){let{activeTooltip:i}=this;return i?.open&&t.includes(i)||e?.open&&t.includes(e)}addShadowListeners(e){e.addEventListener("focusin",this.focusInHandler)}removeShadowListeners(e){e.removeEventListener("focusin",this.focusInHandler)}addListeners(){window.addEventListener("keydown",this.keyDownHandler),window.addEventListener("pointermove",this.pointerMoveHandler),window.addEventListener("click",this.clickHandler),window.addEventListener("focusin",this.focusInHandler),window.addEventListener("blur",this.blurHandler)}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler),window.removeEventListener("pointermove",this.pointerMoveHandler),window.removeEventListener("click",this.clickHandler),window.removeEventListener("focusin",this.focusInHandler),window.removeEventListener("blur",this.blurHandler)}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout(),this.clearHoverCloseTimeout()}closeTooltipIfNotActive(e){this.activeTooltip!==e&&this.closeActiveTooltip()}closeActiveTooltip(){let{activeTooltip:e}=this;e?.open&&this.toggleTooltip(e,!1)}toggleFocusedTooltip(e,t){t&&this.clearHoverTimeout(),this.toggleTooltip(e,t)}toggleTooltip(e,t){e.open=t,this.activeTooltip=t?e:null}registerShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.min((typeof i=="number"?i:0)+1,1);o===1&&this.addShadowListeners(e),t.set(e,o)}unregisterShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.max((typeof i=="number"?i:1)-1,0);o===0&&this.removeShadowListeners(e),t.set(e,o)}getReferenceElShadowRootNode(e){return e instanceof Element?k(e):null}},U=v`:host{position:relative;display:block;--calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;padding-block:.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));max-inline-size:20rem;max-block-size:20rem;text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`,A=new f,m=class extends T{constructor(){super(...arguments),this.guid=`calcite-tooltip-${b()}`,this.openTransitionProp="opacity",this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=u,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.calciteTooltipBeforeClose=s({cancelable:!1}),this.calciteTooltipBeforeOpen=s({cancelable:!1}),this.calciteTooltipClose=s({cancelable:!1}),this.calciteTooltipOpen=s({cancelable:!1})}static{this.properties={floatingLayout:16,referenceEl:16,closeOnClick:7,label:1,offsetDistance:11,offsetSkidding:11,open:7,overlayPositioning:3,placement:3,referenceElement:1}}static{this.styles=U}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:o,offsetDistance:r,offsetSkidding:c,arrowEl:h,floatingEl:P}=this;return y(this,{floatingEl:P,referenceEl:t,overlayPositioning:o,placement:i,offsetDistance:r,offsetSkidding:c,arrowEl:h,type:"tooltip"},e)}connectedCallback(){super.connectedCallback(),this.setUpReferenceElement(!0),this.open&&a(this)}load(){this.open&&a(this)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==u)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!=="auto"))&&this.reposition(!0),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("referenceElement")&&this.setUpReferenceElement()}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement()}disconnectedCallback(){super.disconnectedCallback(),this.removeReferences(),x(this)}openHandler(){a(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),C(this)}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setTransitionEl(e){this.transitionEl=e}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=z(this.el),L(this);let{el:t,referenceElement:i,referenceEl:o}=this;e&&i&&!o&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(S,t),A.registerElement(e,this.el)}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&e.removeAttribute(S),A.unregisterElement(e))}render(){let{referenceEl:e,label:t,open:i,floatingLayout:o}=this,r=e&&i,c=!r;return this.el.inert=c,this.el.ariaLabel=t,this.el.ariaLive="polite",w(this.el,"id",this.getId()),this.el.role="tooltip",g`<div class=${l(O.positionContainer)} ${d(this.setFloatingEl)}><div class=${l({[p.animation]:!0,[p.animationActive]:r})} ${d(this.setTransitionEl)}>${R({floatingLayout:o,ref:h=>this.arrowEl=h})}<div class=${l(O.container)}><slot></slot></div></div></div>`}};E("calcite-tooltip",m);export{m as Tooltip};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{a}from"./
|
|
6
|
+
import{a}from"./6QCXYRQI.js";export{a as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{b as _}from"./
|
|
6
|
+
import{b as _}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var e={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_\u010Detvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._\u010Det._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_\u010De_pe_su".split("_"),ordinal:function(a){return a},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};_.locale(e,null,!0);var o=e;export{o as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{d as t}from"./
|
|
6
|
+
import{d as t}from"./6MFAQLAV.js";import{a as y,b as C}from"./P56DHNB5.js";import{a as u}from"./AREUHZPN.js";import{a as I}from"./ZP7Q5NSL.js";import{b as h}from"./WPQC5BHF.js";import{e as k}from"./WQQ6WFHM.js";import{a as B,b as w,d as v}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as g,d as b,e as d,i as p,u as l,v as f,w as $}from"./35XUQZKY.js";var O={backButton:"back-button"},E={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions",footerEnd:"footer-end",footerStart:"footer-start"},z=b`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding: var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end: var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends f{constructor(){super(...arguments),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.messages=I(),this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.calciteFlowItemBack=l(),this.calciteFlowItemClose=l({cancelable:!1}),this.calciteFlowItemScroll=l({cancelable:!1}),this.calciteFlowItemToggle=l({cancelable:!1}),this.calciteInternalFlowItemChange=l({cancelable:!1})}static{this.properties={beforeBack:0,beforeClose:0,closable:7,closed:7,collapseDirection:1,collapsed:7,collapsible:7,description:1,disabled:7,heading:1,headingLevel:11,loading:7,menuOpen:7,messageOverrides:0,overlayPositioning:3,scale:3,selected:7,showBackButton:5}}static{this.styles=z}async scrollContentTo(e){await this.containerEl?.scrollContentTo(e)}async setFocus(){await v(this);let{backButtonEl:e,containerEl:a}=this;if(e)return e.setFocus();if(a)return a.setFocus()}async load(){B(this)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit()}updated(){y(this)}loaded(){w(this)}handleInternalPanelScroll(e){e.target===this.containerEl&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerEl&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerEl&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}setBackRef(e){this.backButtonEl=e}setContainerRef(e){this.containerEl=e}renderBackButton(){let{el:e}=this,a=k(e)==="rtl",{showBackButton:i,backButtonClick:c,messages:r}=this,s=r.back,n=a?E.backRight:E.backLeft;return i?u("flow-back-button",d`<calcite-action .ariaLabel=${s} class=${$(O.backButton)} .icon=${n} @click=${c} scale=s slot=header-actions-start .text=${s} title=${s??p} ${h(this.setBackRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:a,collapsible:i,closable:c,closed:r,description:s,disabled:n,heading:P,headingLevel:F,loading:x,menuOpen:A,messages:S,overlayPositioning:T,beforeClose:L}=this;return C({disabled:n,children:d`<calcite-panel .beforeClose=${L} .closable=${c} .closed=${r} .collapseDirection=${a} .collapsed=${e} .collapsible=${i} .description=${s} .disabled=${n} .heading=${P} .headingLevel=${F} .loading=${x} .menuOpen=${A} .messageOverrides=${S} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${T} .scale=${this.scale} ${h(this.setContainerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot name=${o.footerActions} slot=${t.footerActions}></slot><slot></slot></calcite-panel>`})}};g("calcite-flow-item",m);export{m as FlowItem};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{b as a}from"./
|
|
6
|
+
import{b as a}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var M="\u0441\u0456\u0447\u043D\u044F_\u043B\u044E\u0442\u043E\u0433\u043E_\u0431\u0435\u0440\u0435\u0437\u043D\u044F_\u043A\u0432\u0456\u0442\u043D\u044F_\u0442\u0440\u0430\u0432\u043D\u044F_\u0447\u0435\u0440\u0432\u043D\u044F_\u043B\u0438\u043F\u043D\u044F_\u0441\u0435\u0440\u043F\u043D\u044F_\u0432\u0435\u0440\u0435\u0441\u043D\u044F_\u0436\u043E\u0432\u0442\u043D\u044F_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043D\u044F".split("_"),m="\u0441\u0456\u0447\u0435\u043D\u044C_\u043B\u044E\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043D\u044C_\u043A\u0432\u0456\u0442\u0435\u043D\u044C_\u0442\u0440\u0430\u0432\u0435\u043D\u044C_\u0447\u0435\u0440\u0432\u0435\u043D\u044C_\u043B\u0438\u043F\u0435\u043D\u044C_\u0441\u0435\u0440\u043F\u0435\u043D\u044C_\u0432\u0435\u0440\u0435\u0441\u0435\u043D\u044C_\u0436\u043E\u0432\u0442\u0435\u043D\u044C_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043D\u044C".split("_"),n=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function d(e,_){var r=e.split("_");return _%10===1&&_%100!==11?r[0]:_%10>=2&&_%10<=4&&(_%100<10||_%100>=20)?r[1]:r[2]}function t(e,_,r){var o={ss:_?"\u0441\u0435\u043A\u0443\u043D\u0434\u0430_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434":"\u0441\u0435\u043A\u0443\u043D\u0434\u0443_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434",mm:_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D",hh:_?"\u0433\u043E\u0434\u0438\u043D\u0430_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D":"\u0433\u043E\u0434\u0438\u043D\u0443_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D",dd:"\u0434\u0435\u043D\u044C_\u0434\u043D\u0456_\u0434\u043D\u0456\u0432",MM:"\u043C\u0456\u0441\u044F\u0446\u044C_\u043C\u0456\u0441\u044F\u0446\u0456_\u043C\u0456\u0441\u044F\u0446\u0456\u0432",yy:"\u0440\u0456\u043A_\u0440\u043E\u043A\u0438_\u0440\u043E\u043A\u0456\u0432"};return r==="m"?_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443":r==="h"?_?"\u0433\u043E\u0434\u0438\u043D\u0430":"\u0433\u043E\u0434\u0438\u043D\u0443":e+" "+d(o[r],+e)}var s=function(_,r){return n.test(r)?M[_.month()]:m[_.month()]};s.s=m;s.f=M;var l={name:"uk",weekdays:"\u043D\u0435\u0434\u0456\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A_\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043F\u2019\u044F\u0442\u043D\u0438\u0446\u044F_\u0441\u0443\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0434\u043B_\u043F\u043D\u0434_\u0432\u0442\u0440_\u0441\u0440\u0434_\u0447\u0442\u0432_\u043F\u0442\u043D_\u0441\u0431\u0442".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:s,monthsShort:"\u0441\u0456\u0447_\u043B\u044E\u0442_\u0431\u0435\u0440_\u043A\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043B\u0438\u043F_\u0441\u0435\u0440\u043F_\u0432\u0435\u0440_\u0436\u043E\u0432\u0442_\u043B\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekStart:1,relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043E\u043C\u0443",s:"\u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0441\u0435\u043A\u0443\u043D\u0434",m:t,mm:t,h:t,hh:t,d:"\u0434\u0435\u043D\u044C",dd:t,M:"\u043C\u0456\u0441\u044F\u0446\u044C",MM:t,y:"\u0440\u0456\u043A",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"}};a.locale(l,null,!0);var i=l;export{i as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{a as f}from"./
|
|
6
|
+
import{a as f}from"./QPB62OMT.js";import{b as p}from"./WPQC5BHF.js";import{B as u}from"./WQQ6WFHM.js";import{a as w,b as g,d as b}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as m,d as l,e as c,v as d,w as h}from"./35XUQZKY.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`: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:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{a as de,d as N,e as pe}from"./LPXUWEM6.js";import{a as ne}from"./Z7SY2YLU.js";import{A as he,B as W,C as ce,a as b,b as s,c as v,d as F,e as $,f as p,g as M,h as S,i as D,j as H,l as O,m as K,q as P,r as w,t as se,u as re,w as U,x as z,y as E,z as k}from"./PILNZYES.js";import"./4IYBM2OX.js";import{a as te,b as ie}from"./RKXJX6SV.js";import{a as A}from"./WLTNM53G.js";import{d as oe}from"./BMDQUE3B.js";import{a as le}from"./6M55BJYW.js";import{a as ae}from"./BPZ5KM25.js";import{b as f}from"./ISXSI2YX.js";import{e as J,n as Y,x as L}from"./QBOE35W7.js";import{a as Q,b as Z,d as ee}from"./BXTYAJKJ.js";import"./R3APGXC7.js";import{I as G,d as q,e as C,i as y,u as R,v as X,w as h,x}from"./XE2HJNBM.js";var $e=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing: 8px}:host([scale=s]) .container{inline-size:198px}:host([scale=s]) .saved-colors{gap:.25rem;grid-template-columns:repeat(auto-fill,20px)}:host([scale=m]){--calcite-color-picker-spacing: 12px}:host([scale=m]) .container{inline-size:238px}:host([scale=l]){--calcite-color-picker-spacing: 16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:302px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill,32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors{display:grid;gap:.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill,24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,ke=16,j=class extends X{constructor(){super(),this.captureColorFieldColor=(e,t,i=!0)=>{let{dimensions:{colorField:{height:a,width:o}}}=this,l=Math.round(p.s/o*e),n=Math.round(p.v/a*(a-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(n),i)},this._color=v,this.drawColorControls=oe((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ke),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,n,{clientX:r,clientY:c}=e;a.canvas.matches(":hover")?(l=r-o.x,n=c-o.y):(r<o.x+o.width&&r>o.x?l=r-o.x:r<o.x?l=0:l=o.width,c<o.y+o.height&&c>o.y?n=c-o.y:c<o.y?n=0:n=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,n,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=U.HEX,this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.channelMode="rgb",this.channels=this.toChannels(v),this.dimensions=D.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.format="auto",this.hexDisabled=!1,this.messages=ae({blocking:!0}),this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=R({cancelable:!1}),this.calciteColorPickerInput=R({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:16,channels:16,colorFieldScopeLeft:16,colorFieldScopeTop:16,dimensions:16,hueScopeLeft:16,opacityScopeLeft:16,savedColors:16,scopeOrientation:16,allowEmpty:7,alphaChannel:5,channelsDisabled:5,clearable:7,color:0,disabled:7,format:3,hexDisabled:5,messageOverrides:0,numberingSystem:3,savedDisabled:7,scale:3,storageId:3,value:1}}static{this.styles=$e}get baseColorFieldColor(){return this.color||this.previousColor||v}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(){await ee(this),Y(this.el)}async load(){this._valueWasSet||(this._value??=P(w(v,this.alphaChannel))),Q(this),this.handleAllowEmptyOrClearableChange(),this.handleAlphaChannelDimensionsChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,l=z(a),n=o||i==="auto"&&l||i===l,r=o?null:n?b(a):t;n||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);let c=`${F}${this.storageId}`;this.storageId&&localStorage.getItem(c)&&(this.savedColors=JSON.parse(localStorage.getItem(c)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("dimensions")&&(this.hasUpdated||this.dimensions!==D.m))&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){te(this)}loaded(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=ce(this.dimensions,this.alphaChannel),this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateDimensions(e),this.updateCanvasSize("all"),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=z(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let n=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),n||this.calciteColorPickerChange.emit();return}let r=i&&!e?null:b(e!=null&&typeof e=="object"&&k(this.mode)?re(e):e),c=!E(r,this.color);(l||c)&&this.internalColorSet(r,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(l+o);this.internalColorSet(n,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,a=e.target.value;if(t&&!a){this.internalColorSet(null);return}let o=i&&P(w(i,k(this.mode)));a!==o&&this.internalColorSet(b(a))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(b(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=i===3?S.max:this.channelMode==="rgb"?$[Object.keys($)[i]]:p[Object.keys(p)[i]],o;if(!t.value)o="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let l=Number(t.value)+this.shiftKeyChannelAdjustment;o=de(l,0,a).toString()}t.value=o,o!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):o!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(s.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?$[Object.keys($)[e]]:p[Object.keys(p)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let o=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=o?K(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=W(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=M/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=K(S.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&E(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let a=t===U.HEXA;return P(w(e.round(),a),a)}if(t.includes("-css")){let a=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let o=a.slice(0,3),l=a.slice(4,-1);return`${o}a(${l}, ${e.alpha()})`}return a}let i=e[W(t)]().round().object();return t.endsWith("a")?se(i):i}getSliderCapSpacing(){let{dimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateDimensions(e="m"){this.dimensions=D[e]}deleteColor(){let e=w(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let t=this.savedColors.filter(a=>a!==e);this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}saveColor(){let e=w(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let t=[...this.savedColors,e];this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}drawColorField(){let e=this.colorFieldRenderingContext,{dimensions:{colorField:{height:t,width:i}}}=this;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,i,t);let a=e.createLinearGradient(0,0,i,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,i,t);let o=e.createLinearGradient(0,0,0,t);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,i,t),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dimensions:t}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let i={width:this.effectiveSliderWidth,height:t.slider.height+(t.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{dimensions:{colorField:{height:i,width:a},thumb:{radius:o}}}=this,l=t.saturationv()/(p.s/a),n=i-t.value()/(p.v/i);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=n}),this.drawThumb(this.colorFieldRenderingContext,o,l,n,t,!1)}drawThumb(e,t,i,a,o,l){let n=2*Math.PI,r=1;if(e.beginPath(),e.arc(i,a,t,0,n),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=r,e.stroke(),l&&o.alpha()<1){let d=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,n),e.fillStyle=d,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,n);let c=l?o.alpha():1;e.fillStyle=o.rgb().alpha(c).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(M/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=n}),this.drawThumb(this.hueSliderRenderingContext,i,n,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{dimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,n=e.createLinearGradient(0,0,l,0),r=["red","yellow","lime","cyan","blue","magenta","#ff0004"],c=1/(r.length-1),d=0;r.forEach(u=>{n.addColorStop(d,b(u).string()),d+=c}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=n,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,dimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,n=this.effectiveSliderWidth;e.clearRect(0,0,n,i+this.getSliderCapSpacing()*2);let r=e.createLinearGradient(0,l,n,0),c=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);r.addColorStop(0,c.string()),r.addColorStop(.5,d.string()),r.addColorStop(1,u.string()),this.drawSliderPath(e,i,n,o,l);let m=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=m,e.fill(),e.fillStyle=r,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let l=t/2+1;e.beginPath(),e.moveTo(a+l,o),e.lineTo(a+i-l,o),e.quadraticCurveTo(a+i,o,a+i,o+l),e.lineTo(a+i,o+t-l),e.quadraticCurveTo(a+i,o+t,a+i-l,o+t),e.lineTo(a+l,o+t),e.quadraticCurveTo(a,o+t,a,o+t-l),e.lineTo(a,o+l),e.quadraticCurveTo(a,o,a+l,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(S.max/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=n}),this.drawThumb(this.opacitySliderRenderingContext,i,n,l,t,!0)}getSliderBoundX(e,t,i){let a=pe(e,t,i);return a===0?e:a===-1?N(e,0,t,i,i*2):N(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(n,!1)}}updateColorFromChannels(e){this.internalColorSet(b(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().array().map((a,o)=>o===3?a:Math.floor(a));return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,dimensions:{thumb:{radius:o}},hexDisabled:l,hueScopeLeft:n,messages:r,alphaChannel:c,opacityScopeLeft:d,savedColors:u,savedDisabled:m,scale:g,scopeOrientation:ue}=this,V=this.effectiveSliderWidth,_=t?w(t,c):null,Ce=o,ve=n??V*v.hue()/p.h,ge=o,me=d??V*O(v.alpha())/S.max,B=t===void 0,T=ue==="vertical",[fe,be]=this.getAdjustedScopePosition(i,a),[Se,we]=this.getAdjustedScopePosition(ve,Ce),[ye,xe]=this.getAdjustedScopePosition(me,ge);return ie({disabled:this.disabled,children:C`<div class=${h(s.container)}><div class=${h(s.controlAndScope)}><canvas class=${h(s.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${f(this.initColorField)}></canvas><div .ariaLabel=${T?r.value:r.saturation} .ariaValueMax=${T?p.v:p.s} aria-valuemin=0 .ariaValueNow=${(T?t?.saturationv():t?.value())||"0"} class=${h({[s.scope]:!0,[s.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${be||0}px`,left:`${fe||0}px`})} tabindex=0 ${f(this.storeColorFieldScope)}></div></div><div class=${h(s.previewAndSliders)}><calcite-color-picker-swatch class=${h(s.preview)} .color=${_} .scale=${this.alphaChannel?"l":this.scale}></calcite-color-picker-swatch><div class=${h(s.sliders)}><div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${f(this.initHueSlider)}></canvas><div .ariaLabel=${r.hue} .ariaValueMax=${p.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||v.round().hue()} class=${h({[s.scope]:!0,[s.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${we}px`,left:`${Se}px`})} tabindex=0 ${f(this.storeHueScope)}></div></div>${c?C`<div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${f(this.initOpacitySlider)}></canvas><div .ariaLabel=${r.opacity} .ariaValueMax=${S.max} .ariaValueMin=${S.min} .ariaValueNow=${(t||v).round().alpha()} class=${h({[s.scope]:!0,[s.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${ye}px`})} tabindex=0 ${f(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:C`<div class=${h({[s.controlSection]:!0,[s.section]:!0})}><div class=${h(s.hexAndChannelsGroup)}>${l?null:C`<div class=${h(s.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${c} class=${h(s.control)} .messages=${r} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${g} .value=${_}></calcite-color-picker-hex-input></div>`}${e?null:C`<calcite-tabs class=${h({[s.colorModeContainer]:!0,[s.splitSection]:!0})} .scale=${g==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${m?null:C`<div class=${h({[s.savedColorsSection]:!0,[s.section]:!0})}><div class=${h(s.header)}><label>${r.saved}</label><div class=${h(s.savedColorsButtons)}><calcite-button appearance=transparent class=${h(s.deleteColor)} .disabled=${B} icon-start=minus kind=neutral .label=${r.deleteColor} @click=${this.deleteColor} .scale=${g} type=button></calcite-button><calcite-button appearance=transparent class=${h(s.saveColor)} .disabled=${B} icon-start=plus kind=neutral .label=${r.saveColor} @click=${this.saveColor} .scale=${g} type=button></calcite-button></div></div>${u.length>0?C`<div class=${h(s.savedColors)}>${ne(u,I=>I,I=>C`<calcite-color-picker-swatch class=${h(s.savedColor)} .color=${I} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${g} tabindex=0></calcite-color-picker-swatch>`)}</div>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return A(e,C`<calcite-tab-title class=${h(s.colorMode)} data-color-mode=${e??y} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,n=e===i,r=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],c=J(this.el),d=l?a:a.slice(0,3);return A(e,C`<calcite-tab class=${h(s.control)} .selected=${n}><div class=${h(s.channels)} dir=ltr>${d.map((u,m)=>{let g=m===3;return g&&(u=t&&!u?u:O(u)),this.renderChannel(u,m,r[m],c,g?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return A(t,C`<calcite-input-number class=${h(s.channel)} data-channel-index=${t??y} dir=${a??y} .label=${i} lang=${this.messages._lang??y} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};G("calcite-color-picker",j);export{j as ColorPicker};
|
|
6
|
+
import{a as de,d as N,e as pe}from"./LXPHA6UE.js";import{a as ne}from"./SRONBMSF.js";import{A as he,B as W,C as ce,a as b,b as s,c as v,d as F,e as $,f as p,g as M,h as S,i as D,j as H,l as O,m as K,q as P,r as w,t as se,u as re,w as U,x as z,y as E,z as k}from"./ZSLNS3MH.js";import"./KVGC54RZ.js";import{a as te,b as ie}from"./P56DHNB5.js";import{a as A}from"./AREUHZPN.js";import{d as oe}from"./2W6DR2PS.js";import{a as le}from"./GQ4SXKAQ.js";import{a as ae}from"./ZP7Q5NSL.js";import{b as f}from"./WPQC5BHF.js";import{e as J,n as Y,x as L}from"./WQQ6WFHM.js";import{a as Q,b as Z,d as ee}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as G,d as q,e as C,i as y,u as R,v as X,w as h,x}from"./35XUQZKY.js";var $e=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing: 8px}:host([scale=s]) .container{inline-size:198px}:host([scale=s]) .saved-colors{gap:.25rem;grid-template-columns:repeat(auto-fill,20px)}:host([scale=m]){--calcite-color-picker-spacing: 12px}:host([scale=m]) .container{inline-size:238px}:host([scale=l]){--calcite-color-picker-spacing: 16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:302px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill,32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors{display:grid;gap:.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill,24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,ke=16,j=class extends X{constructor(){super(),this.captureColorFieldColor=(e,t,i=!0)=>{let{dimensions:{colorField:{height:a,width:o}}}=this,l=Math.round(p.s/o*e),n=Math.round(p.v/a*(a-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(n),i)},this._color=v,this.drawColorControls=oe((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ke),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,n,{clientX:r,clientY:c}=e;a.canvas.matches(":hover")?(l=r-o.x,n=c-o.y):(r<o.x+o.width&&r>o.x?l=r-o.x:r<o.x?l=0:l=o.width,c<o.y+o.height&&c>o.y?n=c-o.y:c<o.y?n=0:n=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,n,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=U.HEX,this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.channelMode="rgb",this.channels=this.toChannels(v),this.dimensions=D.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.format="auto",this.hexDisabled=!1,this.messages=ae({blocking:!0}),this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=R({cancelable:!1}),this.calciteColorPickerInput=R({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:16,channels:16,colorFieldScopeLeft:16,colorFieldScopeTop:16,dimensions:16,hueScopeLeft:16,opacityScopeLeft:16,savedColors:16,scopeOrientation:16,allowEmpty:7,alphaChannel:5,channelsDisabled:5,clearable:7,color:0,disabled:7,format:3,hexDisabled:5,messageOverrides:0,numberingSystem:3,savedDisabled:7,scale:3,storageId:3,value:1}}static{this.styles=$e}get baseColorFieldColor(){return this.color||this.previousColor||v}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(){await ee(this),Y(this.el)}async load(){this._valueWasSet||(this._value??=P(w(v,this.alphaChannel))),Q(this),this.handleAllowEmptyOrClearableChange(),this.handleAlphaChannelDimensionsChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,l=z(a),n=o||i==="auto"&&l||i===l,r=o?null:n?b(a):t;n||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);let c=`${F}${this.storageId}`;this.storageId&&localStorage.getItem(c)&&(this.savedColors=JSON.parse(localStorage.getItem(c)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("dimensions")&&(this.hasUpdated||this.dimensions!==D.m))&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){te(this)}loaded(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=ce(this.dimensions,this.alphaChannel),this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateDimensions(e),this.updateCanvasSize("all"),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=z(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let n=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),n||this.calciteColorPickerChange.emit();return}let r=i&&!e?null:b(e!=null&&typeof e=="object"&&k(this.mode)?re(e):e),c=!E(r,this.color);(l||c)&&this.internalColorSet(r,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(l+o);this.internalColorSet(n,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,a=e.target.value;if(t&&!a){this.internalColorSet(null);return}let o=i&&P(w(i,k(this.mode)));a!==o&&this.internalColorSet(b(a))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(b(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=i===3?S.max:this.channelMode==="rgb"?$[Object.keys($)[i]]:p[Object.keys(p)[i]],o;if(!t.value)o="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let l=Number(t.value)+this.shiftKeyChannelAdjustment;o=de(l,0,a).toString()}t.value=o,o!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):o!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(s.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?$[Object.keys($)[e]]:p[Object.keys(p)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let o=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=o?K(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=W(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=M/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=K(S.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&E(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let a=t===U.HEXA;return P(w(e.round(),a),a)}if(t.includes("-css")){let a=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let o=a.slice(0,3),l=a.slice(4,-1);return`${o}a(${l}, ${e.alpha()})`}return a}let i=e[W(t)]().round().object();return t.endsWith("a")?se(i):i}getSliderCapSpacing(){let{dimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateDimensions(e="m"){this.dimensions=D[e]}deleteColor(){let e=w(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let t=this.savedColors.filter(a=>a!==e);this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}saveColor(){let e=w(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let t=[...this.savedColors,e];this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}drawColorField(){let e=this.colorFieldRenderingContext,{dimensions:{colorField:{height:t,width:i}}}=this;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,i,t);let a=e.createLinearGradient(0,0,i,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,i,t);let o=e.createLinearGradient(0,0,0,t);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,i,t),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dimensions:t}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let i={width:this.effectiveSliderWidth,height:t.slider.height+(t.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{dimensions:{colorField:{height:i,width:a},thumb:{radius:o}}}=this,l=t.saturationv()/(p.s/a),n=i-t.value()/(p.v/i);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=n}),this.drawThumb(this.colorFieldRenderingContext,o,l,n,t,!1)}drawThumb(e,t,i,a,o,l){let n=2*Math.PI,r=1;if(e.beginPath(),e.arc(i,a,t,0,n),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=r,e.stroke(),l&&o.alpha()<1){let d=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,n),e.fillStyle=d,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,n);let c=l?o.alpha():1;e.fillStyle=o.rgb().alpha(c).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(M/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=n}),this.drawThumb(this.hueSliderRenderingContext,i,n,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{dimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,n=e.createLinearGradient(0,0,l,0),r=["red","yellow","lime","cyan","blue","magenta","#ff0004"],c=1/(r.length-1),d=0;r.forEach(u=>{n.addColorStop(d,b(u).string()),d+=c}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=n,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,dimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,n=this.effectiveSliderWidth;e.clearRect(0,0,n,i+this.getSliderCapSpacing()*2);let r=e.createLinearGradient(0,l,n,0),c=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);r.addColorStop(0,c.string()),r.addColorStop(.5,d.string()),r.addColorStop(1,u.string()),this.drawSliderPath(e,i,n,o,l);let m=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=m,e.fill(),e.fillStyle=r,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let l=t/2+1;e.beginPath(),e.moveTo(a+l,o),e.lineTo(a+i-l,o),e.quadraticCurveTo(a+i,o,a+i,o+l),e.lineTo(a+i,o+t-l),e.quadraticCurveTo(a+i,o+t,a+i-l,o+t),e.lineTo(a+l,o+t),e.quadraticCurveTo(a,o+t,a,o+t-l),e.lineTo(a,o+l),e.quadraticCurveTo(a,o,a+l,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(S.max/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=n}),this.drawThumb(this.opacitySliderRenderingContext,i,n,l,t,!0)}getSliderBoundX(e,t,i){let a=pe(e,t,i);return a===0?e:a===-1?N(e,0,t,i,i*2):N(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(n,!1)}}updateColorFromChannels(e){this.internalColorSet(b(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().array().map((a,o)=>o===3?a:Math.floor(a));return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,dimensions:{thumb:{radius:o}},hexDisabled:l,hueScopeLeft:n,messages:r,alphaChannel:c,opacityScopeLeft:d,savedColors:u,savedDisabled:m,scale:g,scopeOrientation:ue}=this,V=this.effectiveSliderWidth,_=t?w(t,c):null,Ce=o,ve=n??V*v.hue()/p.h,ge=o,me=d??V*O(v.alpha())/S.max,B=t===void 0,T=ue==="vertical",[fe,be]=this.getAdjustedScopePosition(i,a),[Se,we]=this.getAdjustedScopePosition(ve,Ce),[ye,xe]=this.getAdjustedScopePosition(me,ge);return ie({disabled:this.disabled,children:C`<div class=${h(s.container)}><div class=${h(s.controlAndScope)}><canvas class=${h(s.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${f(this.initColorField)}></canvas><div .ariaLabel=${T?r.value:r.saturation} .ariaValueMax=${T?p.v:p.s} aria-valuemin=0 .ariaValueNow=${(T?t?.saturationv():t?.value())||"0"} class=${h({[s.scope]:!0,[s.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${be||0}px`,left:`${fe||0}px`})} tabindex=0 ${f(this.storeColorFieldScope)}></div></div><div class=${h(s.previewAndSliders)}><calcite-color-picker-swatch class=${h(s.preview)} .color=${_} .scale=${this.alphaChannel?"l":this.scale}></calcite-color-picker-swatch><div class=${h(s.sliders)}><div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${f(this.initHueSlider)}></canvas><div .ariaLabel=${r.hue} .ariaValueMax=${p.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||v.round().hue()} class=${h({[s.scope]:!0,[s.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${we}px`,left:`${Se}px`})} tabindex=0 ${f(this.storeHueScope)}></div></div>${c?C`<div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${f(this.initOpacitySlider)}></canvas><div .ariaLabel=${r.opacity} .ariaValueMax=${S.max} .ariaValueMin=${S.min} .ariaValueNow=${(t||v).round().alpha()} class=${h({[s.scope]:!0,[s.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${ye}px`})} tabindex=0 ${f(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:C`<div class=${h({[s.controlSection]:!0,[s.section]:!0})}><div class=${h(s.hexAndChannelsGroup)}>${l?null:C`<div class=${h(s.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${c} class=${h(s.control)} .messages=${r} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${g} .value=${_}></calcite-color-picker-hex-input></div>`}${e?null:C`<calcite-tabs class=${h({[s.colorModeContainer]:!0,[s.splitSection]:!0})} .scale=${g==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${m?null:C`<div class=${h({[s.savedColorsSection]:!0,[s.section]:!0})}><div class=${h(s.header)}><label>${r.saved}</label><div class=${h(s.savedColorsButtons)}><calcite-button appearance=transparent class=${h(s.deleteColor)} .disabled=${B} icon-start=minus kind=neutral .label=${r.deleteColor} @click=${this.deleteColor} .scale=${g} type=button></calcite-button><calcite-button appearance=transparent class=${h(s.saveColor)} .disabled=${B} icon-start=plus kind=neutral .label=${r.saveColor} @click=${this.saveColor} .scale=${g} type=button></calcite-button></div></div>${u.length>0?C`<div class=${h(s.savedColors)}>${ne(u,I=>I,I=>C`<calcite-color-picker-swatch class=${h(s.savedColor)} .color=${I} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${g} tabindex=0></calcite-color-picker-swatch>`)}</div>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return A(e,C`<calcite-tab-title class=${h(s.colorMode)} data-color-mode=${e??y} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,n=e===i,r=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],c=J(this.el),d=l?a:a.slice(0,3);return A(e,C`<calcite-tab class=${h(s.control)} .selected=${n}><div class=${h(s.channels)} dir=ltr>${d.map((u,m)=>{let g=m===3;return g&&(u=t&&!u?u:O(u)),this.renderChannel(u,m,r[m],c,g?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return A(t,C`<calcite-input-number class=${h(s.channel)} data-channel-index=${t??y} dir=${a??y} .label=${i} lang=${this.messages._lang??y} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};G("calcite-color-picker",j);export{j as ColorPicker};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
6
|
function we(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var n=we;var We=typeof global=="object"&&global&&global.Object===Object&&global,A=We;var Re=typeof self=="object"&&self&&self.Object===Object&&self,Le=A||Re||Function("return this")(),g=Le;var ke=function(){return g.Date.now()},O=ke;var Fe=/\s/;function Pe(e){for(var t=e.length;t--&&Fe.test(e.charAt(t)););return t}var D=Pe;var Me=/^\s+/;function Ne(e){return e&&e.slice(0,D(e)+1).replace(Me,"")}var q=Ne;var Ce=g.Symbol,i=Ce;var G=Object.prototype,Ue=G.hasOwnProperty,De=G.toString,T=i?i.toStringTag:void 0;function qe(e){var t=Ue.call(e,T),r=e[T];try{e[T]=void 0;var o=!0}catch{}var f=De.call(e);return o&&(t?e[T]=r:delete e[T]),f}var z=qe;var Ge=Object.prototype,ze=Ge.toString;function Ke(e){return ze.call(e)}var K=Ke;var _e="[object Null]",$e="[object Undefined]",_=i?i.toStringTag:void 0;function Ve(e){return e==null?e===void 0?$e:_e:_&&_ in Object(e)?z(e):K(e)}var c=Ve;function Xe(e){return e!=null&&typeof e=="object"}var y=Xe;var He="[object Symbol]";function Je(e){return typeof e=="symbol"||y(e)&&c(e)==He}var v=Je;var $=NaN,Ye=/^[-+]0x[0-9a-f]+$/i,Qe=/^0b[01]+$/i,Ze=/^0o[0-7]+$/i,et=parseInt;function tt(e){if(typeof e=="number")return e;if(v(e))return $;if(n(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=n(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=q(e);var r=Qe.test(e);return r||Ze.test(e)?et(e.slice(2),r?2:8):Ye.test(e)?$:+e}var R=tt;var rt="Expected a function",ot=Math.max,at=Math.min;function ft(e,t,r){var o,f,d,m,s,l,u=0,M=!1,b=!1,B=!0;if(typeof e!="function")throw new TypeError(rt);t=R(t)||0,n(r)&&(M=!!r.leading,b="maxWait"in r,d=b?ot(R(r.maxWait)||0,t):d,B="trailing"in r?!!r.trailing:B);function w(p){var x=o,h=f;return o=f=void 0,u=p,m=e.apply(h,x),m}function ve(p){return u=p,s=setTimeout(I,t),M?w(p):m}function Se(p){var x=p-l,h=p-u,U=t-x;return b?at(U,d-h):U}function N(p){var x=p-l,h=p-u;return l===void 0||x>=t||x<0||b&&h>=d}function I(){var p=O();if(N(p))return C(p);s=setTimeout(I,Se(p))}function C(p){return s=void 0,B&&o?w(p):(o=f=void 0,m)}function Ee(){s!==void 0&&clearTimeout(s),u=0,o=l=f=s=void 0}function Be(){return s===void 0?m:C(O())}function W(){var p=O(),x=N(p);if(o=arguments,f=this,l=p,x){if(s===void 0)return ve(l);if(b)return clearTimeout(s),s=setTimeout(I,t),w(l)}return s===void 0&&(s=setTimeout(I,t)),m}return W.cancel=Ee,W.flush=Be,W}var L=ft;function st(e,t){for(var r=-1,o=e==null?0:e.length,f=Array(o);++r<o;)f[r]=t(e[r],r,e);return f}var V=st;var pt=Array.isArray,S=pt;var ut=1/0,X=i?i.prototype:void 0,H=X?X.toString:void 0;function J(e){if(typeof e=="string")return e;if(S(e))return V(e,J)+"";if(v(e))return H?H.call(e):"";var t=e+"";return t=="0"&&1/e==-ut?"-0":t}var Y=J;function mt(e){return e==null?"":Y(e)}var Q=mt;var Z=/[\\^$.*+?()[\]{}|]/g,lt=RegExp(Z.source);function dt(e){return e=Q(e),e&<.test(e)?e.replace(Z,"\\$&"):e}var nt=dt;var it="Expected a function";function xt(e,t,r){var o=!0,f=!0;if(typeof e!="function")throw new TypeError(it);return n(r)&&(o="leading"in r?!!r.leading:o,f="trailing"in r?!!r.trailing:f),L(e,t,{leading:o,maxWait:t,trailing:f})}var ct=xt;function yt(e){return e}var ee=yt;var gt="[object AsyncFunction]",bt="[object Function]",ht="[object GeneratorFunction]",Tt="[object Proxy]";function jt(e){if(!n(e))return!1;var t=c(e);return t==bt||t==ht||t==gt||t==Tt}var te=jt;var It=9007199254740991,At=/^(?:0|[1-9]\d*)$/;function Ot(e,t){var r=typeof e;return t=t??It,!!t&&(r=="number"||r!="symbol"&&At.test(e))&&e>-1&&e%1==0&&e<t}var re=Ot;var vt=9007199254740991;function St(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=vt}var E=St;function Et(e){return e!=null&&E(e.length)&&!te(e)}var oe=Et;var Bt=Object.prototype;function wt(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||Bt;return e===r}var ae=wt;function Wt(e,t){for(var r=-1,o=Array(e);++r<e;)o[r]=t(r);return o}var fe=Wt;var Rt="[object Arguments]";function Lt(e){return y(e)&&c(e)==Rt}var k=Lt;var se=Object.prototype,kt=se.hasOwnProperty,Ft=se.propertyIsEnumerable,Pt=k(function(){return arguments}())?k:function(e){return y(e)&&kt.call(e,"callee")&&!Ft.call(e,"callee")},pe=Pt;function Mt(){return!1}var ue=Mt;var de=typeof exports=="object"&&exports&&!exports.nodeType&&exports,me=de&&typeof module=="object"&&module&&!module.nodeType&&module,Nt=me&&me.exports===de,le=Nt?g.Buffer:void 0,Ct=le?le.isBuffer:void 0,Ut=Ct||ue,ne=Ut;var Dt="[object Arguments]",qt="[object Array]",Gt="[object Boolean]",zt="[object Date]",Kt="[object Error]",_t="[object Function]",$t="[object Map]",Vt="[object Number]",Xt="[object Object]",Ht="[object RegExp]",Jt="[object Set]",Yt="[object String]",Qt="[object WeakMap]",Zt="[object ArrayBuffer]",er="[object DataView]",tr="[object Float32Array]",rr="[object Float64Array]",or="[object Int8Array]",ar="[object Int16Array]",fr="[object Int32Array]",sr="[object Uint8Array]",pr="[object Uint8ClampedArray]",ur="[object Uint16Array]",mr="[object Uint32Array]",a={};a[tr]=a[rr]=a[or]=a[ar]=a[fr]=a[sr]=a[pr]=a[ur]=a[mr]=!0;a[Dt]=a[qt]=a[Zt]=a[Gt]=a[er]=a[zt]=a[Kt]=a[_t]=a[$t]=a[Vt]=a[Xt]=a[Ht]=a[Jt]=a[Yt]=a[Qt]=!1;function lr(e){return y(e)&&E(e.length)&&!!a[c(e)]}var ie=lr;function dr(e){return function(t){return e(t)}}var xe=dr;var ce=typeof exports=="object"&&exports&&!exports.nodeType&&exports,j=ce&&typeof module=="object"&&module&&!module.nodeType&&module,nr=j&&j.exports===ce,F=nr&&A.process,ir=function(){try{var e=j&&j.require&&j.require("util").types;return e||F&&F.binding&&F.binding("util")}catch{}}(),P=ir;var ye=P&&P.isTypedArray,xr=ye?xe(ye):ie,ge=xr;var cr=Object.prototype,yr=cr.hasOwnProperty;function gr(e,t){var r=S(e),o=!r&&pe(e),f=!r&&!o&&ne(e),d=!r&&!o&&!f&&ge(e),m=r||o||f||d,s=m?fe(e.length,String):[],l=s.length;for(var u in e)(t||yr.call(e,u))&&!(m&&(u=="length"||f&&(u=="offset"||u=="parent")||d&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||re(u,l)))&&s.push(u);return s}var be=gr;function br(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var he=br;var hr=Object.prototype,Tr=hr.hasOwnProperty;function jr(e){if(!n(e))return he(e);var t=ae(e),r=[];for(var o in e)o=="constructor"&&(t||!Tr.call(e,o))||r.push(o);return r}var Te=jr;function Ir(e){return oe(e)?be(e,!0):Te(e)}var je=Ir;function Ar(e){return function(t,r,o){for(var f=-1,d=Object(t),m=o(t),s=m.length;s--;){var l=m[e?s:++f];if(r(d[l],l,d)===!1)break}return t}}var Ie=Ar;var Or=Ie(),Ae=Or;function vr(e){return typeof e=="function"?e:ee}var Oe=vr;function Sr(e,t){return e==null?e:Ae(e,Oe(t),je)}var Er=Sr;export{L as a,nt as b,Er as c,ct as d};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.95
|
|
5
5
|
*/
|
|
6
|
-
import{c as d}from"./
|
|
6
|
+
import{c as d}from"./WQQ6WFHM.js";import{a as r}from"./XZSRONUF.js";import{I as o,d as c,e as l,v as s,w as a,z as i}from"./35XUQZKY.js";var b={container:"container",content:"content"},h=c`:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding: var(--calcite-tab-content-block-padding, .625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends s{constructor(){super(),this.guid=`calcite-tab-title-${r()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:16,scale:1,selected:7,tab:3}}static{this.styles=h}async getTabIndex(){return Array.prototype.indexOf.call(d(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],t=[]){this.labeledBy=t[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),l`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};o("calcite-tab",n);export{n as Tab};
|