@esri/calcite-components 5.2.0-next.4 → 5.2.0-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{TFI32YIW.js → 25HEUF62.js} +1 -1
- package/dist/cdn/{JXHQEAMO.js → 27TMS7TL.js} +1 -1
- package/dist/cdn/{S6CBIU4I.js → 2D5TGEGM.js} +1 -1
- package/dist/cdn/{JNWSTJU6.js → 2HYBPCP5.js} +1 -1
- package/dist/cdn/{L7ZU6UHP.js → 2MVXV2MI.js} +1 -1
- package/dist/cdn/{IOQX4VTU.js → 2VQ4SQ6E.js} +1 -1
- package/dist/cdn/{3W6YYTUS.js → 3IIMBPGI.js} +1 -1
- package/dist/cdn/{NY4L6FEN.js → 3KPPK6JG.js} +1 -1
- package/dist/cdn/{JJRBBNII.js → 3VB4KSXM.js} +1 -1
- package/dist/cdn/{2GFEIPYA.js → 4FFUO6AL.js} +1 -1
- package/dist/cdn/{CMY74TQR.js → 4STE75YI.js} +1 -1
- package/dist/cdn/{C5UFPB7M.js → 524GQTNG.js} +1 -1
- package/dist/cdn/{NUPS67PK.js → 55ECBMKY.js} +1 -1
- package/dist/cdn/{R2HCYTV3.js → 5BGGNWJQ.js} +1 -1
- package/dist/cdn/{UFPS5THO.js → 5OJ3Q4SI.js} +1 -1
- package/dist/cdn/{Z32RDX4L.js → 5SJ7DUTY.js} +1 -1
- package/dist/cdn/{WV7Y7ZAG.js → 5TUWUQHN.js} +1 -1
- package/dist/cdn/{AH2ILKOU.js → 6JPWON4E.js} +1 -1
- package/dist/cdn/{3GYZZNF6.js → 6QSTWKNM.js} +1 -1
- package/dist/cdn/{GCQOLCYX.js → 6SJW5IBJ.js} +1 -1
- package/dist/cdn/{TWVG44TI.js → 6SWGOABM.js} +1 -1
- package/dist/cdn/{4ENZX7JD.js → 6UNW5QUY.js} +1 -1
- package/dist/cdn/{LQPCOJZC.js → 6XR57LJ6.js} +1 -1
- package/dist/cdn/{2NVBHC4D.js → 75TN3ELK.js} +1 -1
- package/dist/cdn/{DM5PCYTC.js → 7KYHXTZ7.js} +1 -1
- package/dist/cdn/{USMDWOOR.js → 7QATBQUC.js} +1 -1
- package/dist/cdn/{BC2RGQAT.js → 7WN6WR2B.js} +1 -1
- package/dist/cdn/{BUA4VQLY.js → AGH5I4NC.js} +1 -1
- package/dist/cdn/{CCXEESJV.js → AJYPMLTJ.js} +1 -1
- package/dist/cdn/{IWFPWFJR.js → AQJNAUQZ.js} +1 -1
- package/dist/cdn/{YZTUQM6P.js → AXRVR7RO.js} +1 -1
- package/dist/cdn/{OH6YFLLX.js → BDIWM5DD.js} +1 -1
- package/dist/cdn/{Y6TCI7PY.js → BJOJINNV.js} +1 -1
- package/dist/cdn/{S7RFXIID.js → BRRREDR5.js} +1 -1
- package/dist/cdn/{FWMASCBJ.js → C2SFDYFY.js} +1 -1
- package/dist/cdn/{5Z6Y27PN.js → CA2SBV2Y.js} +1 -1
- package/dist/cdn/{NKZDXCA3.js → CKF3HEXO.js} +1 -1
- package/dist/cdn/{NO2IBH5N.js → CL5AZEAL.js} +1 -1
- package/dist/cdn/{HPI37X3H.js → DAE6OWX6.js} +1 -1
- package/dist/cdn/{FSYJWUBV.js → DIIBT6ES.js} +1 -1
- package/dist/cdn/{F2DLFMMQ.js → DQBHDK7Y.js} +1 -1
- package/dist/cdn/{24XW36XW.js → DXYF2XAM.js} +1 -1
- package/dist/cdn/{OGL4GEZF.js → EDSYBZIF.js} +1 -1
- package/dist/cdn/{2GIYJ5S4.js → EKQRORSO.js} +1 -1
- package/dist/cdn/{7CTKDBNP.js → EOLQCEAO.js} +1 -1
- package/dist/cdn/{CORQ5EDZ.js → ESHAWAWL.js} +1 -1
- package/dist/cdn/{O7X3EP3R.js → ET7FYLD3.js} +1 -1
- package/dist/cdn/{5BRHCY56.js → FEIOKH52.js} +1 -1
- package/dist/cdn/{XCKTCFWS.js → FF3BNERI.js} +1 -1
- package/dist/cdn/{KAINKHTB.js → FU52LD3F.js} +1 -1
- package/dist/cdn/{GLB7VDX7.js → G2XUNH4V.js} +1 -1
- package/dist/cdn/{U7OV6L43.js → G3Y3LVCH.js} +1 -1
- package/dist/cdn/{ZN2URSJV.js → GH2UFRFZ.js} +1 -1
- package/dist/cdn/{RLQPAL3G.js → GQHRGQXT.js} +1 -1
- package/dist/cdn/{MHDQTRTS.js → GYJEWH7E.js} +1 -1
- package/dist/cdn/{GWO7M4CB.js → H4DY4JG2.js} +1 -1
- package/dist/cdn/{NNVS72ZQ.js → H5PHSNTL.js} +1 -1
- package/dist/cdn/{CHVPHDET.js → H6QON2TD.js} +1 -1
- package/dist/cdn/{XL7EXU56.js → HELW7C5O.js} +1 -1
- package/dist/cdn/{5HQW2B4L.js → HI4AC5NT.js} +1 -1
- package/dist/cdn/{44WTMUOU.js → HRLK2RSF.js} +1 -1
- package/dist/cdn/{I62TONNU.js → HYS3KXOM.js} +1 -1
- package/dist/cdn/IMZBK4NI.js +2 -0
- package/dist/cdn/{VMUOIKWP.js → IQFKCBYR.js} +1 -1
- package/dist/cdn/{UJQUDROZ.js → ISVN563X.js} +1 -1
- package/dist/cdn/{TTBDTS7V.js → J5H2LW3F.js} +1 -1
- package/dist/cdn/{XZ3BWCEM.js → JE7COWZ4.js} +1 -1
- package/dist/cdn/{3VTWLNYM.js → JJQGOFEM.js} +1 -1
- package/dist/cdn/{AC3VJGBR.js → JPSCTBEO.js} +1 -1
- package/dist/cdn/{VFE65IIH.js → JTUQOIII.js} +1 -1
- package/dist/cdn/{JL6EDIGB.js → KCNDBMLL.js} +1 -1
- package/dist/cdn/{IKJKNZRO.js → KHGZVW5S.js} +1 -1
- package/dist/cdn/{2CPNDRJN.js → KHVMN3I6.js} +1 -1
- package/dist/cdn/{TJKKXO65.js → KNOX6XCS.js} +1 -1
- package/dist/cdn/KWIJFLPJ.js +2 -0
- package/dist/cdn/{XJQE4TBM.js → KZ3ACECQ.js} +1 -1
- package/dist/cdn/{L4565LYV.js → L22NWLBO.js} +1 -1
- package/dist/cdn/{XFLOOJCN.js → L4DOJVLT.js} +1 -1
- package/dist/cdn/{CYYQXD64.js → L77XFD22.js} +1 -1
- package/dist/cdn/{HHOCH2WQ.js → LB3LM7KW.js} +1 -1
- package/dist/cdn/{VXQU67VG.js → LF3SYGBF.js} +1 -1
- package/dist/cdn/{GBYDFEYR.js → LFL2NOMX.js} +1 -1
- package/dist/cdn/{DFHWYAUO.js → LII6G3V3.js} +1 -1
- package/dist/cdn/{PT3URJPT.js → LMPBTORD.js} +1 -1
- package/dist/cdn/{HUHXPX4S.js → LQJYSCJD.js} +1 -1
- package/dist/cdn/{AV2KGCM3.js → LZMQVYXJ.js} +1 -1
- package/dist/cdn/{3AZFSAZW.js → M2KR7ZH5.js} +1 -1
- package/dist/cdn/{6M54QVXX.js → MEMDH5M4.js} +1 -1
- package/dist/cdn/{QNANJC5N.js → MKFZEFQ6.js} +1 -1
- package/dist/cdn/{EW27G33J.js → MOSQZFYT.js} +1 -1
- package/dist/cdn/{5J5YPAQF.js → MS7U4EKG.js} +1 -1
- package/dist/cdn/N3D6FMEH.js +2 -0
- package/dist/cdn/{B255QVJJ.js → NKMMLWMY.js} +1 -1
- package/dist/cdn/{Q6D2HYAM.js → NTJQBE2P.js} +1 -1
- package/dist/cdn/{UJRHNVSJ.js → NVF4K6HP.js} +1 -1
- package/dist/cdn/{CARY3C4R.js → O63QYVPR.js} +1 -1
- package/dist/cdn/{C7G4TGZX.js → OFWHQQ3T.js} +1 -1
- package/dist/cdn/{XI3FBKU5.js → OQ4ME7QP.js} +1 -1
- package/dist/cdn/{QURCJOLS.js → P2BT5ISA.js} +1 -1
- package/dist/cdn/{BQXZQXDH.js → PKFY2P43.js} +1 -1
- package/dist/cdn/{CP4Z56ZR.js → PQ7DCUPL.js} +1 -1
- package/dist/cdn/{JMOU4F7W.js → PZXDAKVC.js} +1 -1
- package/dist/cdn/{U6OTDRDG.js → Q6HQOCPI.js} +1 -1
- package/dist/cdn/{EPBMP22J.js → QB2FASAQ.js} +1 -1
- package/dist/cdn/{N5DDKO3N.js → QBOTNUZA.js} +1 -1
- package/dist/cdn/{PFQXFR3J.js → QM74WXQL.js} +1 -1
- package/dist/cdn/{CF6R3CEF.js → QSYX3KO4.js} +1 -1
- package/dist/cdn/{UF2N6ABQ.js → QXDIQQGO.js} +1 -1
- package/dist/cdn/{G2WKLE63.js → RFXCFK6K.js} +1 -1
- package/dist/cdn/{BKETK56P.js → RUVRJVVT.js} +1 -1
- package/dist/cdn/{EWIM5HH4.js → RWITZVQC.js} +1 -1
- package/dist/cdn/{NTTXPITY.js → RWYSLJFS.js} +1 -1
- package/dist/cdn/{PQIVVLWM.js → RZKOBNPA.js} +1 -1
- package/dist/cdn/{QZXRRHZI.js → SA35OSIJ.js} +1 -1
- package/dist/cdn/{CTLPGOB7.js → SOLIHAFU.js} +1 -1
- package/dist/cdn/{S6A7QIY2.js → SRKLCLO7.js} +1 -1
- package/dist/cdn/{DGXWUFHV.js → STVS4SFC.js} +1 -1
- package/dist/cdn/{UMVL2A7E.js → SUMMJWW7.js} +1 -1
- package/dist/cdn/{YM3XWOJY.js → T6FWGIF5.js} +1 -1
- package/dist/cdn/{2BIW77FS.js → TD3YG3I3.js} +1 -1
- package/dist/cdn/{UZLV6ZKB.js → TMENZ2VZ.js} +1 -1
- package/dist/cdn/{BXPPKXA4.js → U34FLFGP.js} +1 -1
- package/dist/cdn/{R4LR6JBT.js → UGLRJ7LC.js} +1 -1
- package/dist/cdn/{Z3TMJ6KM.js → VCM2ZHPT.js} +1 -1
- package/dist/cdn/{4XXCMSYK.js → VCQ5M2XF.js} +1 -1
- package/dist/cdn/{MU324X7S.js → VTB66B24.js} +1 -1
- package/dist/cdn/VV7SRS22.js +20 -0
- package/dist/cdn/{D7PUB2VW.js → VYBYSRSC.js} +1 -1
- package/dist/cdn/{XUGBNEVM.js → WBIPNNGL.js} +1 -1
- package/dist/cdn/{VIAY4ZRC.js → WHJTD6F6.js} +1 -1
- package/dist/cdn/{2WTFQ6VU.js → WYO3R6BR.js} +1 -1
- package/dist/cdn/{IC76575N.js → XGSEBUKD.js} +1 -1
- package/dist/cdn/{7KZDKRE5.js → XJAWMEAX.js} +1 -1
- package/dist/cdn/{5MJOA2EC.js → XVHDY6QN.js} +1 -1
- package/dist/cdn/{DYLGNP2R.js → Y47AW44L.js} +1 -1
- package/dist/cdn/{TZEYHRND.js → Y4OMJTVI.js} +1 -1
- package/dist/cdn/{JOSZJ4U5.js → Y5DQ7II6.js} +1 -1
- package/dist/cdn/{Q74VIYYT.js → Z2RDFJ3O.js} +1 -1
- package/dist/cdn/{5F5N45N2.js → Z3MFTUAY.js} +1 -1
- package/dist/cdn/{I2YZCTNB.js → Z57BICST.js} +1 -1
- package/dist/cdn/{CKNWJGRW.js → ZMJFSBIG.js} +1 -1
- package/dist/cdn/{MFPSZIXT.js → ZO734Y5U.js} +1 -1
- package/dist/cdn/{XSDBVOII.js → ZW25BB34.js} +1 -1
- package/dist/cdn/{JACGCENG.js → ZYLB2RT3.js} +1 -1
- package/dist/cdn/assets/input/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-combobox/customElement.d.ts +10 -10
- package/dist/components/calcite-combobox/customElement.js +25 -21
- package/dist/components/calcite-combobox-item/customElement.d.ts +5 -5
- package/dist/components/calcite-combobox-item/customElement.js +1 -0
- package/dist/components/calcite-combobox-item-group/customElement.d.ts +1 -1
- package/dist/components/calcite-dropdown/customElement.d.ts +1 -0
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.d.ts +3 -3
- package/dist/components/calcite-graph/customElement.js +11 -15
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/translations.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +11 -9
- package/dist/cdn/ARJXIE5E.js +0 -2
- package/dist/cdn/P6AYQBI6.js +0 -2
- package/dist/cdn/T2LA26T7.js +0 -2
- package/dist/cdn/X4J4PEMW.js +0 -20
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as oe}from"./
|
|
2
|
+
import{b as oe}from"./FEIOKH52.js";import{a as ue,l as se}from"./6JPWON4E.js";import{Q as ie}from"./C2SFDYFY.js";var le=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],M=le.join(","),fe=typeof Element>"u",O=fe?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,_=!fe&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a?.ownerDocument},G=function(e,t){var n;t===void 0&&(t=!0);var u=e==null||(n=e.getAttribute)===null||n===void 0?void 0:n.call(e,"inert"),s=u===""||u==="true",r=s||t&&e&&(typeof e.closest=="function"?e.closest("[inert]"):G(e.parentNode));return r},Re=function(e){var t,n=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return n===""||n==="true"},de=function(e,t,n){if(G(e))return[];var u=Array.prototype.slice.apply(e.querySelectorAll(M));return t&&O.call(e,M)&&u.unshift(e),u=u.filter(n),u},V=function(e,t,n){for(var u=[],s=Array.from(e);s.length;){var r=s.shift();if(!G(r,!1))if(r.tagName==="SLOT"){var l=r.assignedElements(),p=l.length?l:r.children,g=V(p,!0,n);n.flatten?u.push.apply(u,g):u.push({scopeParent:r,candidates:g})}else{var S=O.call(r,M);S&&n.filter(r)&&(t||!e.includes(r))&&u.push(r);var F=r.shadowRoot||typeof n.getShadowRoot=="function"&&n.getShadowRoot(r),k=!G(F,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(r));if(F&&k){var A=V(F===!0?r.children:F.children,!0,n);n.flatten?u.push.apply(u,A):u.push({scopeParent:r,candidates:A})}else s.unshift.apply(s,r.children)}}return u},ve=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},C=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||Re(e))&&!ve(e)?0:e.tabIndex},Ie=function(e,t){var n=C(e);return n<0&&t&&!ve(e)?0:n},Ce=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},be=function(e){return e.tagName==="INPUT"},Oe=function(e){return be(e)&&e.type==="hidden"},Pe=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(n){return n.tagName==="SUMMARY"});return t},Le=function(e,t){for(var n=0;n<e.length;n++)if(e[n].checked&&e[n].form===t)return e[n]},xe=function(e){if(!e.name)return!0;var t=e.form||_(e),n=function(l){return t.querySelectorAll('input[type="radio"][name="'+l+'"]')},u;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")u=n(window.CSS.escape(e.name));else try{u=n(e.name)}catch(r){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",r.message),!1}var s=Le(u,e.form);return!s||s===e},je=function(e){return be(e)&&e.type==="radio"},Be=function(e){return je(e)&&!xe(e)},Ke=function(e){var t,n=e&&_(e),u=(t=n)===null||t===void 0?void 0:t.host,s=!1;if(n&&n!==e){var r,l,p;for(s=!!((r=u)!==null&&r!==void 0&&(l=r.ownerDocument)!==null&&l!==void 0&&l.contains(u)||e!=null&&(p=e.ownerDocument)!==null&&p!==void 0&&p.contains(e));!s&&u;){var g,S,F;n=_(u),u=(g=n)===null||g===void 0?void 0:g.host,s=!!((S=u)!==null&&S!==void 0&&(F=S.ownerDocument)!==null&&F!==void 0&&F.contains(u))}}return s},ce=function(e){var t=e.getBoundingClientRect(),n=t.width,u=t.height;return n===0&&u===0},Me=function(e,t){var n=t.displayCheck,u=t.getShadowRoot;if(n==="full-native"&&"checkVisibility"in e){var s=e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!s}if(getComputedStyle(e).visibility==="hidden")return!0;var r=O.call(e,"details>summary:first-of-type"),l=r?e.parentElement:e;if(O.call(l,"details:not([open]) *"))return!0;if(!n||n==="full"||n==="full-native"||n==="legacy-full"){if(typeof u=="function"){for(var p=e;e;){var g=e.parentElement,S=_(e);if(g&&!g.shadowRoot&&u(g)===!0)return ce(e);e.assignedSlot?e=e.assignedSlot:!g&&S!==e.ownerDocument?e=S.host:e=g}e=p}if(Ke(e))return!e.getClientRects().length;if(n!=="legacy-full")return!0}else if(n==="non-zero-area")return ce(e);return!1},_e=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var n=0;n<t.children.length;n++){var u=t.children.item(n);if(u.tagName==="LEGEND")return O.call(t,"fieldset[disabled] *")?!0:!u.contains(e)}return!0}t=t.parentElement}return!1},q=function(e,t){return!(t.disabled||Oe(t)||Me(t,e)||Pe(t)||_e(t))},X=function(e,t){return!(Be(t)||C(t)<0||!q(e,t))},Ge=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},pe=function(e){var t=[],n=[];return e.forEach(function(u,s){var r=!!u.scopeParent,l=r?u.scopeParent:u,p=Ie(l,r),g=r?pe(u.candidates):l;p===0?r?t.push.apply(t,g):t.push(l):n.push({documentOrder:s,tabIndex:p,item:u,isScope:r,content:g})}),n.sort(Ce).reduce(function(u,s){return s.isScope?u.push.apply(u,s.content):u.push(s.content),u},[]).concat(t)},he=function(e,t){t=t||{};var n;return t.getShadowRoot?n=V([e],t.includeContainer,{filter:X.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:Ge}):n=de(e,t.includeContainer,X.bind(null,t)),pe(n)},ye=function(e,t){t=t||{};var n;return t.getShadowRoot?n=V([e],t.includeContainer,{filter:q.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):n=de(e,t.includeContainer,q.bind(null,t)),n},P=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return O.call(e,M)===!1?!1:X(t,e)},Ve=le.concat("iframe:not([inert]):not([inert] *)").join(","),U=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return O.call(e,Ve)===!1?!1:q(t,e)};function $(a,e){(e==null||e>a.length)&&(e=a.length);for(var t=0,n=Array(e);t<e;t++)n[t]=a[t];return n}function qe(a){if(Array.isArray(a))return $(a)}function me(a,e){var t=typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(!t){if(Array.isArray(a)||(t=Se(a))||e){t&&(a=t);var n=0,u=function(){};return{s:u,n:function(){return n>=a.length?{done:!0}:{done:!1,value:a[n++]}},e:function(p){throw p},f:u}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var s,r=!0,l=!1;return{s:function(){t=t.call(a)},n:function(){var p=t.next();return r=p.done,p},e:function(p){l=!0,s=p},f:function(){try{r||t.return==null||t.return()}finally{if(l)throw s}}}}function Ue(a,e,t){return(e=ze(e))in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}function We(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function Ye(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
4
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ge(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(a);e&&(n=n.filter(function(u){return Object.getOwnPropertyDescriptor(a,u).enumerable})),t.push.apply(t,n)}return t}function we(a){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ge(Object(t),!0).forEach(function(n){Ue(a,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):ge(Object(t)).forEach(function(n){Object.defineProperty(a,n,Object.getOwnPropertyDescriptor(t,n))})}return a}function He(a){return qe(a)||We(a)||Se(a)||Ye()}function Ze(a,e){if(typeof a!="object"||!a)return a;var t=a[Symbol.toPrimitive];if(t!==void 0){var n=t.call(a,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function ze(a){var e=Ze(a,"string");return typeof e=="symbol"?e:e+""}function Se(a,e){if(a){if(typeof a=="string")return $(a,e);var t={}.toString.call(a).slice(8,-1);return t==="Object"&&a.constructor&&(t=a.constructor.name),t==="Map"||t==="Set"?Array.from(a):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?$(a,e):void 0}}var D={getActiveTrap:function(e){return e?.length>0?e[e.length-1]:null},activateTrap:function(e,t){var n=D.getActiveTrap(e);t!==n&&D.pauseTrap(e);var u=e.indexOf(t);u===-1||e.splice(u,1),e.push(t)},deactivateTrap:function(e,t){var n=e.indexOf(t);n!==-1&&e.splice(n,1),D.unpauseTrap(e)},pauseTrap:function(e){var t=D.getActiveTrap(e);t?._setPausedState(!0)},unpauseTrap:function(e){var t=D.getActiveTrap(e);t&&!t._isManuallyPaused()&&t._setPausedState(!1)}},Xe=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},$e=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},j=function(e){return e?.key==="Tab"||e?.keyCode===9},Je=function(e){return j(e)&&!e.shiftKey},Qe=function(e){return j(e)&&e.shiftKey},Te=function(e){return setTimeout(e,0)},x=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),u=1;u<t;u++)n[u-1]=arguments[u];return typeof e=="function"?e.apply(void 0,n):e},W=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},et=[],Fe=function(e,t){var n=t?.document||document,u=t?.trapStack||et,s=we({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:Je,isKeyBackward:Qe},t),r={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},l,p=function(i,o,c){return i&&i[o]!==void 0?i[o]:s[c||o]},g=function(i,o){var c=typeof o?.composedPath=="function"?o.composedPath():void 0;return r.containerGroups.findIndex(function(v){var d=v.container,y=v.tabbableNodes;return d.contains(i)||c?.includes(d)||y.find(function(f){return f===i})})},S=function(i){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},c=o.hasFallback,v=c===void 0?!1:c,d=o.params,y=d===void 0?[]:d,f=s[i];if(typeof f=="function"&&(f=f.apply(void 0,He(y))),f===!0&&(f=void 0),!f){if(f===void 0||f===!1)return f;throw new Error("`".concat(i,"` was specified but was not a node, or did not return a node"))}var h=f;if(typeof f=="string"){try{h=n.querySelector(f)}catch(b){throw new Error("`".concat(i,'` appears to be an invalid selector; error="').concat(b.message,'"'))}if(!h&&!v)throw new Error("`".concat(i,"` as selector refers to no known node"))}return h},F=function(i){var o=i.activeElement;return o?o.shadowRoot&&o.shadowRoot.activeElement!==null?F(o.shadowRoot):o:null},k=function(){var i=S("initialFocus",{hasFallback:!0});if(i===!1)return!1;if(i===void 0||i&&!U(i,s.tabbableOptions)){var o=F(n);if(g(o)>=0)i=o;else{var c=r.tabbableGroups[0],v=c&&c.firstTabbableNode;i=v||S("fallbackFocus")}}else i===null&&(i=S("fallbackFocus"));if(!i)throw new Error("Your focus-trap needs to have at least one focusable element");return i},A=function(){if(r.containerGroups=r.containers.map(function(i){var o=he(i,s.tabbableOptions),c=ye(i,s.tabbableOptions),v=o.length>0?o[0]:void 0,d=o.length>0?o[o.length-1]:void 0,y=c.find(function(b){return P(b)}),f=c.slice().reverse().find(function(b){return P(b)}),h=!!o.find(function(b){return C(b)>0});return{container:i,tabbableNodes:o,focusableNodes:c,posTabIndexesFound:h,firstTabbableNode:v,lastTabbableNode:d,firstDomTabbableNode:y,lastDomTabbableNode:f,nextTabbableNode:function(w){var N=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,E=o.indexOf(w);return E<0?N?c.slice(c.indexOf(w)+1).find(function(R){return P(R)}):c.slice(0,c.indexOf(w)).reverse().find(function(R){return P(R)}):o[E+(N?1:-1)]}}}),r.tabbableGroups=r.containerGroups.filter(function(i){return i.tabbableNodes.length>0}),r.tabbableGroups.length<=0&&!S("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(r.containerGroups.find(function(i){return i.posTabIndexesFound})&&r.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},T=function(i){if(i!==!1&&i!==F(document)){if(!i||!i.focus){T(k());return}i.focus({preventScroll:!!s.preventScroll}),r.mostRecentlyFocusedNode=i,Xe(i)&&i.select()}},B=function(i){var o=S("setReturnFocus",{params:[i]});return o||(o===!1?!1:i)},J=function(i){var o=i.target,c=i.event,v=i.isBackward,d=v===void 0?!1:v;o=o||W(c),A();var y=null;if(r.tabbableGroups.length>0){var f=g(o,c),h=f>=0?r.containerGroups[f]:void 0;if(f<0)d?y=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode:y=r.tabbableGroups[0].firstTabbableNode;else if(d){var b=r.tabbableGroups.findIndex(function(Z){var z=Z.firstTabbableNode;return o===z});if(b<0&&(h.container===o||U(o,s.tabbableOptions)&&!P(o,s.tabbableOptions)&&!h.nextTabbableNode(o,!1))&&(b=f),b>=0){var w=b===0?r.tabbableGroups.length-1:b-1,N=r.tabbableGroups[w];y=C(o)>=0?N.lastTabbableNode:N.lastDomTabbableNode}else j(c)||(y=h.nextTabbableNode(o,!1))}else{var E=r.tabbableGroups.findIndex(function(Z){var z=Z.lastTabbableNode;return o===z});if(E<0&&(h.container===o||U(o,s.tabbableOptions)&&!P(o,s.tabbableOptions)&&!h.nextTabbableNode(o))&&(E=f),E>=0){var R=E===r.tabbableGroups.length-1?0:E+1,I=r.tabbableGroups[R];y=C(o)>=0?I.firstTabbableNode:I.firstDomTabbableNode}else j(c)||(y=h.nextTabbableNode(o))}}else y=S("fallbackFocus");return y},K=function(i){var o=W(i);if(!(g(o,i)>=0)){if(x(s.clickOutsideDeactivates,i)){l.deactivate({returnFocus:s.returnFocusOnDeactivate});return}x(s.allowOutsideClick,i)||i.preventDefault()}},Q=function(i){var o=W(i),c=g(o,i)>=0;if(c||o instanceof Document)c&&(r.mostRecentlyFocusedNode=o);else{i.stopImmediatePropagation();var v,d=!0;if(r.mostRecentlyFocusedNode)if(C(r.mostRecentlyFocusedNode)>0){var y=g(r.mostRecentlyFocusedNode),f=r.containerGroups[y].tabbableNodes;if(f.length>0){var h=f.findIndex(function(b){return b===r.mostRecentlyFocusedNode});h>=0&&(s.isKeyForward(r.recentNavEvent)?h+1<f.length&&(v=f[h+1],d=!1):h-1>=0&&(v=f[h-1],d=!1))}}else r.containerGroups.some(function(b){return b.tabbableNodes.some(function(w){return C(w)>0})})||(d=!1);else d=!1;d&&(v=J({target:r.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(r.recentNavEvent)})),T(v||r.mostRecentlyFocusedNode||k())}r.recentNavEvent=void 0},ke=function(i){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;r.recentNavEvent=i;var c=J({event:i,isBackward:o});c&&(j(i)&&i.preventDefault(),T(c))},ee=function(i){(s.isKeyForward(i)||s.isKeyBackward(i))&&ke(i,s.isKeyBackward(i))},te=function(i){$e(i)&&x(s.escapeDeactivates,i)!==!1&&(i.preventDefault(),l.deactivate())},ae=function(i){var o=W(i);g(o,i)>=0||x(s.clickOutsideDeactivates,i)||x(s.allowOutsideClick,i)||(i.preventDefault(),i.stopImmediatePropagation())},re=function(){if(r.active){D.activateTrap(u,l);var i;return s.delayInitialFocus?i=new Promise(function(o){r.delayInitialFocusTimer=Te(function(){T(k()),o()})}):T(k()),n.addEventListener("focusin",Q,!0),n.addEventListener("mousedown",K,{capture:!0,passive:!1}),n.addEventListener("touchstart",K,{capture:!0,passive:!1}),n.addEventListener("click",ae,{capture:!0,passive:!1}),n.addEventListener("keydown",ee,{capture:!0,passive:!1}),n.addEventListener("keydown",te),i}},Ae=function(i){r.active&&!r.paused&&l._setSubtreeIsolation(!1),r.adjacentElements.clear(),r.alreadySilent.clear();var o=new Set,c=new Set,v=me(i),d;try{for(v.s();!(d=v.n()).done;){var y=d.value;o.add(y);for(var f=typeof ShadowRoot<"u"&&y.getRootNode()instanceof ShadowRoot,h=y;h;){o.add(h);var b=h.parentElement,w=[];b?w=b.children:!b&&f&&(w=h.getRootNode().children,b=h.getRootNode().host,f=typeof ShadowRoot<"u"&&b.getRootNode()instanceof ShadowRoot);var N=me(w),E;try{for(N.s();!(E=N.n()).done;){var R=E.value;c.add(R)}}catch(I){N.e(I)}finally{N.f()}h=b}}}catch(I){v.e(I)}finally{v.f()}o.forEach(function(I){c.delete(I)}),r.adjacentElements=c},ne=function(){if(r.active)return n.removeEventListener("focusin",Q,!0),n.removeEventListener("mousedown",K,!0),n.removeEventListener("touchstart",K,!0),n.removeEventListener("click",ae,!0),n.removeEventListener("keydown",ee,!0),n.removeEventListener("keydown",te),l},De=function(i){var o=r.mostRecentlyFocusedNode;if(o){var c=i.some(function(d){var y=Array.from(d.removedNodes);return y.some(function(f){return f===o||typeof f.contains=="function"&&f.contains(o)})});if(c&&r.containers.some(function(d){return d?.isConnected})){A();var v=k();T(v)}}},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(De):void 0,L=function(){H&&(H.disconnect(),r.active&&!r.paused&&r.containers.map(function(i){H.observe(i,{subtree:!0,childList:!0})}))};return l={get active(){return r.active},get paused(){return r.paused},activate:function(i){if(r.active)return this;var o=p(i,"onActivate"),c=p(i,"onPostActivate"),v=p(i,"checkCanFocusTrap"),d=D.getActiveTrap(u),y=!1;if(d&&!d.paused){var f;(f=d._setSubtreeIsolation)===null||f===void 0||f.call(d,!1),y=!0}try{v||A(),r.active=!0,r.paused=!1,r.nodeFocusedBeforeActivation=F(n),o?.({trap:l});var h=function(){v&&A();var N=function(){l._setSubtreeIsolation(!0),L(),c?.({trap:l})},E=re();E?E.then(N):N()};if(v)return v(r.containers.concat()).then(h,h),this;h()}catch(w){if(d===D.getActiveTrap(u)&&y){var b;(b=d._setSubtreeIsolation)===null||b===void 0||b.call(d,!0)}throw w}return this},deactivate:function(i){if(!r.active)return this;var o=we({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},i);clearTimeout(r.delayInitialFocusTimer),r.delayInitialFocusTimer=void 0,r.paused||l._setSubtreeIsolation(!1),r.alreadySilent.clear(),ne(),r.active=!1,r.paused=!1,L(),D.deactivateTrap(u,l);var c=p(o,"onDeactivate"),v=p(o,"onPostDeactivate"),d=p(o,"checkCanReturnFocus"),y=p(o,"delayReturnFocus"),f=p(o,"returnFocus","returnFocusOnDeactivate");c?.({trap:l});var h=function(){f&&T(B(r.nodeFocusedBeforeActivation)),v?.({trap:l})},b=function(){y&&f?Te(h):h()};return f&&d?(d(B(r.nodeFocusedBeforeActivation)).then(b,b),this):(b(),this)},pause:function(i){return r.active?(r.manuallyPaused=!0,this._setPausedState(!0,i)):this},unpause:function(i){return r.active?(r.manuallyPaused=!1,u[u.length-1]!==this?this:this._setPausedState(!1,i)):this},updateContainerElements:function(i){var o=[].concat(i).filter(Boolean);return r.containers=o.map(function(c){return typeof c=="string"?n.querySelector(c):c}),s.isolateSubtrees&&Ae(r.containers),r.active&&(A(),r.paused||l._setSubtreeIsolation(!0)),L(),this}},Object.defineProperties(l,{_isManuallyPaused:{value:function(){return r.manuallyPaused}},_setPausedState:{value:function(i,o){if(r.paused===i)return this;if(r.paused=i,i){var c=p(o,"onPause"),v=p(o,"onPostPause");c?.({trap:l}),ne(),l._setSubtreeIsolation(!1),L(),v?.({trap:l})}else{var d=p(o,"onUnpause"),y=p(o,"onPostUnpause");d?.({trap:l});var f=function(){A();var b=function(){l._setSubtreeIsolation(!0),L(),y?.({trap:l})},w=re();w?w.then(b):b()};f()}return this}},_setSubtreeIsolation:{value:function(i){s.isolateSubtrees&&r.adjacentElements.forEach(function(o){var c;i?s.isolateSubtrees==="aria-hidden"?((o.ariaHidden==="true"||((c=o.getAttribute("aria-hidden"))===null||c===void 0?void 0:c.toLowerCase())==="true")&&r.alreadySilent.add(o),o.setAttribute("aria-hidden","true")):((o.inert||o.hasAttribute("inert"))&&r.alreadySilent.add(o),o.setAttribute("inert",!0)):r.alreadySilent.has(o)||(s.isolateSubtrees==="aria-hidden"?o.removeAttribute("aria-hidden"):o.removeAttribute("inert"))})}}}),l.updateContainerElements(e),l};function Ne(a,{focusTrapOptions:e},t){return!e?.extraContainers&&!t?a:[a,...Ee(e?.extraContainers),...Ee(t)]}function Ee(a=[]){return Array.isArray(a)?a:[a]}var Y=new WeakSet;function tt(a,e){let t=e&&e!==document.body&&e!==document.documentElement;return!Y.has(a)&&t&&se(e),!1}function at(a,e){let t=e?.fallbackFocus||a,n=e?.clickOutsideDeactivates??!0,u;return{fallbackFocus:t,...e,document:a.ownerDocument,tabbableOptions:ue,trapStack:ie().focusTrapStack,clickOutsideDeactivates:s=>(Y.has(a)||Y.add(a),typeof n=="function"?n(s):n),onActivate:s=>{e?.escapeDeactivates&&(u=new AbortController,a.addEventListener("keydown",r=>{if(r.key==="Escape"){let l=e?.escapeDeactivates;(typeof l=="function"?l(r):l??!0)&&s.trap.deactivate()}},{signal:u.signal})),e?.onActivate?.(s)},onDeactivate:s=>{u?.abort(),u=void 0,e?.onDeactivate?.(s)},onPostDeactivate:()=>{Y.delete(a)},setReturnFocus:s=>{let r=typeof e?.setReturnFocus=="function"?e.setReturnFocus(s):e?.setReturnFocus;return r===void 0?tt(a,s):r}}}var lt=(a={})=>oe((e,t)=>{let n,u,s,r=!1,l=a.focusTrapOptions,p=()=>a.triggerProp?!!e[a.triggerProp]:!0,g=()=>a.triggerProp?p():r,S=()=>typeof e.focusTrapDisabledOverride=="function"?!e.focusTrapDisabledOverride():!e.focusTrapDisabled,F=()=>{let T=u||e.el;T.isConnected&&(n||(s||=Ne(T,e),n=Fe(s,at(T,{...l,...e.focusTrapOptions}))),S()&&n.activate())},k=()=>{n?.deactivate()};return t.onConnected(()=>{n&&g()&&F()}),t.onUpdate(T=>{if(!(!e.hasUpdated||!T.has("focusTrapDisabled"))){if(e.focusTrapDisabled||!p()){k();return}g()&&F()}}),t.onDisconnected(()=>k()),{get _instance(){},activate:()=>{r=!0,F()},deactivate:()=>{r=!1,k()},overrideFocusTrapEl:T=>{if(n)throw new Error("Focus trap already created");u=T},setExtraContainers:T=>{let B=u||e.el;s=Ne(B,e,T)},updateContainerElements:()=>n?.updateContainerElements(s)}});export{lt as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{h as b}from"./
|
|
2
|
+
import{h as b}from"./7QATBQUC.js";import{j as i}from"./VCQ5M2XF.js";import{a as p}from"./RWYSLJFS.js";import{b as y}from"./GZZYSINJ.js";import{a as g}from"./YP3AYJH3.js";import{a as v}from"./T6FWGIF5.js";import"./ZWPNZ5XW.js";import"./FEIOKH52.js";import"./ZO734Y5U.js";import{j as f}from"./6JPWON4E.js";import"./T6CCMW7H.js";import{G as h,H as t,K as o,S as u,g as n,h as d,p as a}from"./C2SFDYFY.js";var x=n`: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;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-relative-sm);line-height:var(--calcite-font-line-height-sm);line-height:1;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);block-size:var(--calcite-internal-day-size);outline-color:var(--calcite-color-transparent);background-color:var(--calcite-date-picker-day-background-color);color:var(--calcite-date-picker-day-text-color, var(--calcite-color-text-1))}.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-relative-sm)}:host([scale=m]){--calcite-internal-day-size: 40px}:host([scale=m]) .day{font-size:var(--calcite-font-size-relative-base)}:host([scale=l]){--calcite-internal-day-size: 44px}:host([scale=l]) .day{font-size:var(--calcite-font-size-relative-md)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-full);color:var(--calcite-color-text-3)}:host(:focus:not([disabled]):not([selected]):not([current-month])) .day{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .day{background-color:var(--calcite-date-picker-day-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-text-color-hover, var(--calcite-color-text-1))}:host(:not([range]):not([selected]).current-day) .day{color:var(--calcite-date-picker-current-day-text-color, var(--calcite-color-brand));font-weight:var(--calcite-font-weight-bold)}:host(:focus[selected]) .day{z-index:var(--calcite-z-index);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(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:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled]):not([selected])) .day{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-date-picker-day-background-color-selected, var(--calcite-color-brand));color:var(--calcite-date-picker-day-text-color-selected, var(--calcite-color-text-inverse))}:host([range-hover]:not([selected])) .day{background-color:var(--calcite-date-picker-day-outside-range-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-date-picker-day-outside-range-text-color-hover, var(--calcite-color-text-1))}:host([highlighted]:not([selected])) .day,:host(:hover[highlighted]:not([selected])) .day{color:var(--calcite-date-picker-day-range-text-color, var(--calcite-color-text-highlight));background-color:var(--calcite-date-picker-day-range-background-color, var(--calcite-color-surface-highlight))}:host([disabled]) .day{color:var(--calcite-color-text-2);text-decoration-line:line-through;opacity:var(--calcite-opacity-disabled)}@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}`,c={dayWrapper:"day-wrapper",day:"day",text:"text"},r=class extends h{constructor(){super(),this.focusSetter=v()(this),this.interactiveContainer=p(this),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=a({cancelable:!1}),this.calciteInternalDaySelect=a({cancelable:!1}),this.listen("pointerover",this.pointerOverHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],currentMonth:[7,{},{reflect:!0,type:Boolean}],dateTimeFormat:[0,{},{attribute:!1}],day:[9,{},{type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],endOfRange:[7,{},{reflect:!0,type:Boolean}],highlighted:[7,{},{reflect:!0,type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],rangeHover:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],startOfRange:[7,{},{reflect:!0,type:Boolean}],value:[0,{},{attribute:!1}]}}static{this.styles=x}async setFocus(e){return this.focusSetter(()=>this.el,e)}load(){this.parentDatePickerEl=f(this.el,"calcite-date-picker")}onClick(){this.disabled||this.calciteInternalDaySelect.emit()}keyDownHandler(e){g(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:l,lang:s}=this.parentDatePickerEl;i.numberFormatOptions={useGrouping:!1,...l&&{numberingSystem:l},...s&&{locale:s}}}let m=i.localize(String(this.day)),k=this.dateTimeFormat.format(this.value);return this.el.ariaLabel=k,this.el.ariaSelected=y(this.active),o(this.el,"id",e),this.el.role="button",o(this.el,"tabIndex",this.active&&!this.disabled?0:-1),this.interactiveContainer({disabled:this.disabled,children:d`<div aria-hidden=true class=${t(c.dayWrapper)}><span class=${t(c.day)}><span class=${t(c.text)}>${m}</span></span></div>`})}};u("calcite-date-picker-day",r);export{r as DatePickerDay};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as p}from"./F5S74A6J.js";import{j as b}from"./VCQ5M2XF.js";import"./7HV3O3DF.js";import{a as d}from"./ISVN563X.js";import"./YP3AYJH3.js";import{a as w}from"./VI7SBYXT.js";import{a as L}from"./L22NWLBO.js";import{a as E}from"./T6FWGIF5.js";import{a as u}from"./ZWPNZ5XW.js";import"./FEIOKH52.js";import"./ZO734Y5U.js";import"./6JPWON4E.js";import"./T6CCMW7H.js";import{G as P,H as r,S as X,g as $,h as o,l as y,p as C}from"./C2SFDYFY.js";var s={list:"list",listItem:"list-item",hiddenItem:"hidden-item",page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"},f={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"},O=$`:host{display:flex;writing-mode:horizontal-tb}.list{margin:0;display:flex;list-style-type:none;padding:0;column-gap:var(--calcite-spacing-base)}.list-item{margin:0;display:flex;padding:0}.hidden-item{display:none}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:var(--calcite-space-sm-plus)}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:.75rem}:host button{outline-color:transparent}:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron,.page,.ellipsis{margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity: 0;background-color:transparent;padding:0;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);color:var(--calcite-pagination-color, var(--calcite-color-text-3))}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{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;color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.chevron:active,.page:active{color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.page:hover{border-block-end-color:var(--calcite-pagination-color-border-hover, var(--calcite-color-border-2))}.page:active{background-color:var(--calcite-pagination-background-color, var(--calcite-color-foreground-3))}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1));border-block-end-color:var(--calcite-pagination-color-border-active, var(--calcite-color-brand))}.page.selected:focus{border-block-end-width:var(--calcite-spacing-xxs);padding-block-start:var(--calcite-spacing-base)}.chevron:hover{background-color:var(--calcite-pagination-icon-color-background-hover, var(--calcite-color-foreground-2))}.chevron:active{background-color:var(--calcite-pagination-background-color, var(--calcite-color-foreground-3))}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}`,I=2,M=2,m={large:11,medium:9,small:7,xsmall:5,xxsmall:1},x=class extends P{constructor(){super(...arguments),this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t),this.resizeObserver=w("resize",t=>t.forEach(this.resizeHandler)),this.messages=L(),this.focusSetter=E()(this),this.isXXSmall=!1,this.lastStartItem=1,this.maxItems=m.xxsmall,this.totalPages=1,this.groupSeparator=!1,this.pageSize=20,this.scale="m",this.startItem=1,this.totalItems=0,this.calcitePaginationChange=C({cancelable:!1})}static{this.properties={isXXSmall:[16,{},{state:!0}],lastStartItem:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],totalPages:[16,{},{state:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:1,pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],startItem:[11,{},{reflect:!0,type:Number}],totalItems:[11,{},{reflect:!0,type:Number}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=O}async goTo(t){switch(t){case"start":this.startItem=1;break;case"end":this.startItem=this.lastStartItem;break;default:t>=Math.ceil(this.totalPages)?this.startItem=this.lastStartItem:t<=0?this.startItem=1:this.startItem=(t-1)*this.pageSize+1}}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){this.handleTotalPages(),this.handleLastStartItemChange(),this.handleIsXXSmall()}willUpdate(t){(t.has("totalItems")&&(this.hasUpdated||this.totalItems!==0)||t.has("pageSize")&&(this.hasUpdated||this.pageSize!==20))&&this.handleTotalPages(),(t.has("totalItems")&&(this.hasUpdated||this.totalItems!==0)||t.has("pageSize")&&(this.hasUpdated||this.pageSize!==20)||t.has("totalPages"))&&this.handleLastStartItemChange(),t.has("maxItems")&&(this.hasUpdated||this.maxItems!==m.xxsmall)&&this.handleIsXXSmall(),t.has("messages")&&this.effectiveLocaleChange()}loaded(){this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}handleTotalPages(){this.pageSize=Math.max(1,this.pageSize),this.totalPages=Math.max(1,this.totalItems/this.pageSize)}effectiveLocaleChange(){b.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){let{totalItems:t,pageSize:e}=this;this.lastStartItem=Math.max(1,Math.floor((t-1)/e)*e+1)}handleIsXXSmall(){this.isXXSmall=this.maxItems===m.xxsmall}setMaxItemsToBreakpoint(t){if(!(!p||!t)){if(t>=p.width.medium){this.maxItems=m.large;return}if(t>=p.width.small){this.maxItems=m.medium;return}if(t>=p.width.xsmall){this.maxItems=m.small;return}if(t>=p.width.xxsmall){this.maxItems=m.xsmall;return}this.maxItems=m.xxsmall}}firstClicked(){this.startItem=1,this.emitUpdate()}lastClicked(){this.startItem=this.lastStartItem,this.emitUpdate()}async previousClicked(){await this.previousPage(),this.emitUpdate()}async nextClicked(){await this.nextPage(),this.emitUpdate()}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-I-M}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-I-(M-1)}emitUpdate(){this.calcitePaginationChange.emit()}handlePageClick(t){let e=t.target;this.startItem=parseInt(e.value),this.emitUpdate()}renderEllipsis(t){return o`<li aria-hidden=true role=presentation>${d(t,o`<span class=${r(s.ellipsis)}>…</span>`)}</li>`}renderItems(){let{totalItems:t,pageSize:e,startItem:i,maxItems:a,totalPages:l,lastStartItem:v,isXXSmall:U}=this,n=[];if(U)return n.push(this.renderPage(i)),n;let F=t>e,S=this.showStartEllipsis(),k=this.showEndEllipsis();F&&n.push(this.renderPage(1)),S&&n.push(this.renderEllipsis("start"));let c=a-I-(k?1:0)-(S?1:0),g,h;l-1<=c?(h=1+e,g=v-e):i/e<c?(h=1+e,g=1+c*e):i+c*e>=t?(h=v-c*e,g=v-e):(h=i-e*((c-1)/2),g=i+e*((c-1)/2));for(let z=0;z<c&&h<=g;z++)n.push(this.renderPage(h)),h=h+e;return k&&n.push(this.renderEllipsis("end")),n.push(this.renderPage(v)),n}renderPage(t){let{pageSize:e}=this,i=Math.floor(t/e)+(e===1?0:1);b.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let a=b.localize(i.toString()),l=t===this.startItem;return o`<li class=${r(s.listItem)}><button .ariaCurrent=${l?"page":"false"} class=${r({[s.page]:!0,[s.selected]:l})} @click=${this.handlePageClick} value=${t??y}>${a}</button></li>`}renderPreviousChevron(){let{pageSize:t,startItem:e,messages:i}=this,a=t===1?e<=t:e<t;return d("previous",o`<button .ariaLabel=${i.previous} class=${r({[s.chevron]:!0,[s.disabled]:a})} .disabled=${a} @click=${this.previousClicked}><calcite-icon flip-rtl .icon=${f.previous} .scale=${u(this.scale)}></calcite-icon></button>`)}renderNextChevron(){let{totalItems:t,pageSize:e,startItem:i,messages:a}=this,l=i+e>t;return d("next-button",o`<button .ariaLabel=${a.next} class=${r({[s.chevron]:!0,[s.disabled]:l})} .disabled=${l} @click=${this.nextClicked}><calcite-icon flip-rtl .icon=${f.next} .scale=${u(this.scale)}></calcite-icon></button>`)}renderFirstChevron(){let{messages:t,startItem:e,isXXSmall:i}=this,a=e===1;return i?d("first-button",o`<button .ariaLabel=${t.first} class=${r({[s.chevron]:!0,[s.disabled]:a})} .disabled=${a} @click=${this.firstClicked}><calcite-icon flip-rtl .icon=${f.first} .scale=${u(this.scale)}></calcite-icon></button>`):null}renderLastChevron(){let{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this,l=e===a;return i?d("last-button",o`<button .ariaLabel=${t.last} class=${r({[s.chevron]:!0,[s.disabled]:l})} .disabled=${l} @click=${this.lastClicked}><calcite-icon flip-rtl .icon=${f.last} .scale=${u(this.scale)}></calcite-icon></button>`):null}render(){let t=this.renderFirstChevron(),e=this.renderLastChevron();return o`<ul class=${r(s.list)}><li class=${r({[s.listItem]:!0,[s.hiddenItem]:!t})}>${t}</li><li class=${r(s.listItem)}>${this.renderPreviousChevron()}</li>${this.renderItems()}<li class=${r(s.listItem)}>${this.renderNextChevron()}</li><li class=${r({[s.listItem]:!0,[s.hiddenItem]:!e})}>${e}</li></ul>`}};X("calcite-pagination",x);export{x as Pagination};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as R}from"./GZZYSINJ.js";import{a as V}from"./YP3AYJH3.js";import{b as q}from"./
|
|
2
|
+
import{b as R}from"./GZZYSINJ.js";import{a as V}from"./YP3AYJH3.js";import{b as q}from"./FEIOKH52.js";import{g as F,i as I,w as U,x as X}from"./6JPWON4E.js";var he=o=>{let{manager:a}=o;return q((i,c)=>{let u,f,E=l=>!!(l&&i.referenceElementType),C=l=>{E(l)&&(a.registerElement(i,l),f=l)},v=l=>{E(l)&&(a.unregisterElement(i,l),f===l&&(f=void 0))},p=l=>{let{referenceElement:g,el:w}=l;return(typeof g=="string"?I(w,{id:g}):g)||void 0},m=(l=!0)=>{if(!i.referenceElementType)return;i.referenceEl=p(i);let{el:g,referenceElement:w,referenceEl:H}=i;l&&w&&!H&&console.warn(`${g.tagName}: reference-element id "${w}" was not found.`,{el:g})};c.onConnected(()=>{u=requestAnimationFrame(()=>{i.el.isConnected&&(m(i.manager.loadedCalled),C(i.referenceEl))})}),c.onLoaded(()=>{i.referenceElement&&!i.referenceEl&&m()}),c.onUpdate(l=>{i.hasUpdated&&(l.has("referenceElement")&&m(),l.has("referenceEl")?(v(l.get("referenceEl")),C(i.referenceEl)):l.has("open")&&a.updateElement(i,i.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),v(f)})})};function z(o,a){if(o===a)return!0;if(o.length!==a.length)return!1;let i=new Set(o),c=new Set(a);if(i.size!==c.size)return!1;for(let u of i)if(!c.has(u))return!1;return!0}var ae=5,T=300,ce=T/3,de=T*1.5;function ue({startX:o,startY:a,endX:i,endY:c}){return Math.hypot(i-o,c-a)>ae}var we=o=>{let a=new Map,i=new WeakMap,c=null,u=null,f=null,E=null,C=null,v=null,p=0,m=(e,n)=>{let t=e.find(s=>a.has(s));if(!t)return;let r=a.get(t);return n?r?.filter(s=>s.referenceElementType===n):r},l=(e,n)=>{let t=e.composedPath(),r=m(t,n);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!t.includes(s.el)).forEach(s=>s.open=!1)},g=e=>{X(e)||e.defaultPrevented||v&&ue({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,l(e,"click"))},w=()=>{E!=null&&window.clearTimeout(E),E=null},H=()=>{f!=null&&window.clearTimeout(f),f=null},h=()=>{w(),H()},D=(e,n)=>c?.some(t=>t?.open&&n.includes(t.el))||e?.some(t=>t?.open&&n.includes(t.el)),k=(e,n)=>{e?.forEach(t=>t.open=n),c=n?e:null},y=()=>{k(c,!1)},$=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let n=c?.filter(t=>t?.open);if(n?.length){h(),y();let t=e.composedPath();n.some(r=>r.referenceEl instanceof Element&&t.includes(r.referenceEl)||t.includes(r.el))&&e.preventDefault()}}},j=e=>{if(e.defaultPrevented)return;u=null;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}if(y(),!t?.length)return;h();let r=t.filter(d=>d.closeOnClick),s=t.filter(d=>!d.closeOnClick);r?.length&&(u=r,k(r,!1)),k(s,!0)},x=e=>{if(e.defaultPrevented||!U(e))return;let{clientX:n,clientY:t}=e;v={x:n,y:t}},G=e=>{e.defaultPrevented||(e.key==="Escape"?W():V(e.key)&&l(e,"click"))},Q=e=>{m(e.composedPath())?.forEach(t=>t.onReferenceElementKeyDown?.(e))},W=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},O=e=>{z(e??[],c??[])||y()},J=e=>{E=window.setTimeout(()=>{E===null||!z(e??[],C??[])||(H(),O(e),k(e,!0))},c?.some(n=>n.open)?ce:T)},S=()=>{f=window.setTimeout(()=>{f!==null&&y()},de)},b=e=>{if(e.defaultPrevented){y();return}let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(t?.some(r=>C?.includes(r))||w(),C=t,t?.length?J(t):c?.some(r=>r?.open)&&S(),u=null)},A=()=>{y()},M=e=>{e.defaultPrevented||(h(),S())},_=e=>{o.click&&g(e),o.hover&&j(e)},B=e=>{Q(e),o.click&&G(e),o.hover&&$(e)},Z=()=>{(o.click||o.hover)&&(window.addEventListener("click",_),window.addEventListener("keydown",B)),o.click&&window.addEventListener("pointerdown",x),o.hover&&(window.addEventListener("pointermove",b),window.addEventListener("focusin",P),window.addEventListener("blur",A),document.addEventListener("pointerleave",M))},ee=()=>{(o.click||o.hover)&&(window.removeEventListener("click",_),window.removeEventListener("keydown",B)),o.click&&window.removeEventListener("pointerdown",x),o.hover&&(window.removeEventListener("pointermove",b),window.removeEventListener("focusin",P),window.removeEventListener("blur",A),document.removeEventListener("pointerleave",M))},ne=(e,n)=>{h(),k(e,n)},Y=e=>e instanceof Element?F(e):null,P=e=>{if(e.defaultPrevented)return;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(u=null,O(t),t?.length&&ne(t,!0))},K=(e,n)=>{if(!(!n||!e.referenceElementType)&&o.click&&"ariaExpanded"in n){let r=(a.get(n)??[])?.some(s=>s.open)??!1;n.ariaExpanded=R(e.open||r)}},te=e=>{e.addEventListener("focusin",P)},re=e=>{e.removeEventListener("focusin",P)},se=e=>{let n=i.get(e),t=(typeof n=="number"?n:0)+1;t===1&&te(e),i.set(e,t)},oe=e=>{let n=i.get(e),t=typeof n=="number"?n:0,r=Math.max(0,t-1);if(t>0&&r===0){re(e),i.delete(e);return}r>0&&i.set(e,r)},ie=(e,n)=>{if(!n||!e.referenceElementType)return;let t=a.get(n)??[];if(t.includes(e))return;if(o.click&&"ariaControlsElements"in n){let s=n.ariaControlsElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaControlsElements=d}}if(o.hover&&"ariaDescribedByElements"in n){let s=n.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaDescribedByElements=d}}p++,a.set(n,[...t,e]);let r=o.hover?Y(n):null;r&&se(r),p===1&&Z(),K(e,n)},N=e=>{p--,e&&oe(e)};return{registerElement:ie,unregisterElement:(e,n)=>{if(!n||!e.referenceElementType)return;let t=o.hover?Y(n):null,r=a.get(n)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(n,s),s.length!==r.length&&N(t)):a.delete(n)&&N(t),p===0&&(ee(),h()),o.click&&"ariaControlsElements"in n){let d=n.ariaControlsElements?.filter(L=>L!==e.el);n.ariaControlsElements=d?.length>0?d:null}if(o.click&&"ariaExpanded"in n)if((s?.length??0)>0){let L=s?.some(le=>le.open)??!1;n.ariaExpanded=R(L)}else n.ariaExpanded=null;if(o.hover&&"ariaDescribedByElements"in n){let d=n.ariaDescribedByElements?.filter(L=>L!==e.el);n.ariaDescribedByElements=d?.length>0?d:null}},updateElement:K}};export{he as a,we as b};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{f as t}from"./
|
|
2
|
+
import{f as t}from"./FEIOKH52.js";import{T as o}from"./C2SFDYFY.js";var s=t(o);export{s as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as r}from"./2QCI6TGY.js";import{a as o}from"./
|
|
2
|
+
import{c as r}from"./2QCI6TGY.js";import{a as o}from"./RWYSLJFS.js";import"./FEIOKH52.js";import"./ZO734Y5U.js";import{G as n,H as i,S as s,g as l,h as c,p as t}from"./C2SFDYFY.js";var d={container:"container",heading:"heading"},g=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{display:flex;flex-direction:column}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0;display:flex;flex:1 1 0%;position:sticky;inset-block-start:var(--calcite-internal-filter-enabled-offset, 0);z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1));color:var(--calcite-list-color, var(--calcite-color-text-1))}.heading{font-weight:var(--calcite-font-weight-bold)}:host([scale=s]) .container{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base);padding-block:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=m]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg);padding-block:var(--calcite-spacing-xl) var(--calcite-spacing-sm-plus, .625rem)}:host([scale=l]:not(:first-child)) .container{padding-block-start:var(--calcite-spacing-md-plus, .875rem)}.heading{padding:0}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends n{constructor(){super(...arguments),this.interactiveContainer=o(this),this.disabled=!1,this.filterHidden=!1,this.scale="m",this.calciteInternalListItemGroupDefaultSlotChange=t({cancelable:!1}),this.calciteInternalListItemGroupChange=t({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],filterHidden:[7,{},{reflect:!0,type:Boolean}],heading:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=g}willUpdate(e){e.has("heading")&&this.calciteInternalListItemGroupChange.emit()}handleDefaultSlotChange(){this.calciteInternalListItemGroupDefaultSlotChange.emit()}render(){let{disabled:e,heading:h}=this;return this.interactiveContainer({disabled:e,children:c`<div class=${i(d.container)} role=row><div .ariaColSpan=${r} class=${i(d.heading)} role=cell>${h}</div></div><slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}};s("calcite-list-item-group",a);export{a as ListItemGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as F}from"./5F5N45N2.js";import{a as q}from"./QVYX2WRU.js";import{a as M,b as R,c as W,d as N}from"./6M54QVXX.js";import{a as E}from"./VI7SBYXT.js";import"./WXZMRXAK.js";import{a as L}from"./L4565LYV.js";import"./RYOYQ7JI.js";import{c as U}from"./U2RL2HER.js";import{a as I}from"./YM3XWOJY.js";import"./ZWPNZ5XW.js";import{e as B}from"./5BRHCY56.js";import"./MFPSZIXT.js";import{D as l,t as S,u as P,y as f}from"./AH2ILKOU.js";import"./T6CCMW7H.js";import{E as k,F as G,G as O,H as y,N as $,S as H,g as D,h as v,l as T,p as m}from"./FWMASCBJ.js";var J=({bufferSize:b=0,containerSize:t,itemSizes:e})=>{let a=t-b,i=e.length,o=0;for(let[r,n]of e.entries())if(o=o+n,o>a){i=r;break}else continue;return i},X=({bufferSize:b=0,containerSize:t,itemSizes:e})=>Math.max(e.length-J({bufferSize:b,itemSizes:e,containerSize:t}),0),w={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},z={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},Y=D`: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([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,C=class extends O{constructor(){super(),this.actions=[],this.containerRef=k(),this.direction=B(),this.actionGroups=[],this.mutationObserver=E("mutation",()=>this.mutationObserverHandler()),this.cancelable=F()(this),this.resize=q(({width:t,height:e})=>{let{expanded:a,expandDisabled:i,layout:o,overflowActionsDisabled:r,expandPosition:n}=this;if(r||o==="vertical"&&!e||o==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let d=this.getItemSizes(),{actionGroups:c}=this,x=this.hasActionsEnd||!i&&n==="end"?1:0,A=this.hasActionsStart||!i&&n==="start"?1:0,h=c.length+x+A,s=h,p=getComputedStyle(this.containerRef.value);if(s+=l(o==="horizontal"?p.paddingInlineStart:p.paddingBlockStart)+l(o==="horizontal"?p.paddingInlineEnd:p.paddingBlockEnd),c.length>0&&c.forEach((u,j)=>{let g=getComputedStyle(u),Q=l(g.gap),V=u.childElementCount-1;s+=Q*V,j<c.length-1&&(s+=l(o==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),s+=l(o==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))}),h>0)for(let u=1;u<h;u++)s+=l(p.gap);let K=X({bufferSize:s,containerSize:o==="horizontal"?t:e,itemSizes:d});R({actionGroups:c,expanded:a,overflowCount:K})},$.resize),this.resizeHandler=t=>{let{width:e,height:a}=t.contentRect;this.resize({width:e,height:a})},this.resizeObserver=E("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=L({blocking:!0}),this.focusSetter=I()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=m({cancelable:!1}),this.calciteActionBarExpand=m({cancelable:!1}),this.calciteActionBarToggle=m({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],actionsEndGroupLabel:1,actionsStartGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandPosition:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=Y}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)||t.has("expandPosition")&&(this.hasUpdated||this.expandPosition!=="end"))&&this.overflowActions(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),t.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:t,layout:e,expandToggleEl:a}=this,i=M(t);a&&i.push(a);let o=e==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...i.map(n=>n[o]||0));return i.map(n=>n[o]||r)}expandedHandler(){let{el:t,expanded:e}=this;W({el:t,expanded:e}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let e=t.composedPath();this.actionGroups?.forEach(a=>{e.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(t){this.hasActionsEnd=S(t),this.overflowActions()}handleActionsStartSlotChange(t){this.hasActionsStart=S(t),this.overflowActions()}handleTooltipSlotChange(t){let e=P(t).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=e[0]}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(t){this.queryAndStoreActions();let e=this.actions.filter(i=>!i.disabled),a=document.activeElement;if(!(!U(a)||!e.includes(a)))switch(t.key){case"ArrowRight":case"ArrowDown":f(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":f(e,a,"previous",!0),t.preventDefault();break;case"Home":f(e,a,"first",!0),t.preventDefault();break;case"End":f(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{let a=!e.disabled&&e===t?0:-1;a===0?e.removeAttribute("tabindex"):e.tabIndex=a})}renderExpandTooltipSlot(){return v`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:o,scale:r}=this;return N({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expanded:e,expandLabel:i.expandLabel,expandText:i.expand,position:o,ref:this.setExpandToggleEl,scale:r,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandDisabled:e,scale:a,layout:i,overlayPositioning:o,expandPosition:r}=this,n=t==="start",d=!e&&r===t,c=n?z.actionsStart:z.actionsEnd,x=n?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,A=n?this.actionsStartGroupLabel:this.actionsEndGroupLabel,h=!d&&!(n?this.hasActionsStart:this.hasActionsEnd),s=n?w.actionGroupStart:w.actionGroupEnd;return v`<calcite-action-group class=${y(s)} .hidden=${h} .label=${A} .layout=${i} .overlayPositioning=${o} .scale=${a}>${n&&d?this.renderExpandToggle():null}<slot name=${c??T} @slotchange=${x}></slot>${d?this.renderExpandTooltipSlot():null}${!n&&d?this.renderExpandToggle():null}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${y(w.container)} role=toolbar ${G(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderActionsGroup("end")}</div>`}};H("calcite-action-bar",C);export{C as ActionBar};
|
|
2
|
+
import{a as F}from"./Z3MFTUAY.js";import{a as q}from"./QVYX2WRU.js";import{a as M,b as R,c as W,d as N}from"./MEMDH5M4.js";import{a as E}from"./VI7SBYXT.js";import"./WXZMRXAK.js";import{a as L}from"./L22NWLBO.js";import"./RYOYQ7JI.js";import{c as U}from"./U2RL2HER.js";import{a as I}from"./T6FWGIF5.js";import"./ZWPNZ5XW.js";import{e as B}from"./FEIOKH52.js";import"./ZO734Y5U.js";import{D as l,t as S,u as P,y as f}from"./6JPWON4E.js";import"./T6CCMW7H.js";import{E as k,F as G,G as O,H as y,N as $,S as H,g as D,h as v,l as T,p as m}from"./C2SFDYFY.js";var J=({bufferSize:b=0,containerSize:t,itemSizes:e})=>{let a=t-b,i=e.length,o=0;for(let[r,n]of e.entries())if(o=o+n,o>a){i=r;break}else continue;return i},X=({bufferSize:b=0,containerSize:t,itemSizes:e})=>Math.max(e.length-J({bufferSize:b,itemSizes:e,containerSize:t}),0),w={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},z={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},Y=D`: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([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,C=class extends O{constructor(){super(),this.actions=[],this.containerRef=k(),this.direction=B(),this.actionGroups=[],this.mutationObserver=E("mutation",()=>this.mutationObserverHandler()),this.cancelable=F()(this),this.resize=q(({width:t,height:e})=>{let{expanded:a,expandDisabled:i,layout:o,overflowActionsDisabled:r,expandPosition:n}=this;if(r||o==="vertical"&&!e||o==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let d=this.getItemSizes(),{actionGroups:c}=this,x=this.hasActionsEnd||!i&&n==="end"?1:0,A=this.hasActionsStart||!i&&n==="start"?1:0,h=c.length+x+A,s=h,p=getComputedStyle(this.containerRef.value);if(s+=l(o==="horizontal"?p.paddingInlineStart:p.paddingBlockStart)+l(o==="horizontal"?p.paddingInlineEnd:p.paddingBlockEnd),c.length>0&&c.forEach((u,j)=>{let g=getComputedStyle(u),Q=l(g.gap),V=u.childElementCount-1;s+=Q*V,j<c.length-1&&(s+=l(o==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),s+=l(o==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))}),h>0)for(let u=1;u<h;u++)s+=l(p.gap);let K=X({bufferSize:s,containerSize:o==="horizontal"?t:e,itemSizes:d});R({actionGroups:c,expanded:a,overflowCount:K})},$.resize),this.resizeHandler=t=>{let{width:e,height:a}=t.contentRect;this.resize({width:e,height:a})},this.resizeObserver=E("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=L({blocking:!0}),this.focusSetter=I()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=m({cancelable:!1}),this.calciteActionBarExpand=m({cancelable:!1}),this.calciteActionBarToggle=m({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],actionsEndGroupLabel:1,actionsStartGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandPosition:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=Y}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)||t.has("expandPosition")&&(this.hasUpdated||this.expandPosition!=="end"))&&this.overflowActions(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),t.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:t,layout:e,expandToggleEl:a}=this,i=M(t);a&&i.push(a);let o=e==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...i.map(n=>n[o]||0));return i.map(n=>n[o]||r)}expandedHandler(){let{el:t,expanded:e}=this;W({el:t,expanded:e}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let e=t.composedPath();this.actionGroups?.forEach(a=>{e.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(t){this.hasActionsEnd=S(t),this.overflowActions()}handleActionsStartSlotChange(t){this.hasActionsStart=S(t),this.overflowActions()}handleTooltipSlotChange(t){let e=P(t).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=e[0]}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(t){this.queryAndStoreActions();let e=this.actions.filter(i=>!i.disabled),a=document.activeElement;if(!(!U(a)||!e.includes(a)))switch(t.key){case"ArrowRight":case"ArrowDown":f(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":f(e,a,"previous",!0),t.preventDefault();break;case"Home":f(e,a,"first",!0),t.preventDefault();break;case"End":f(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{let a=!e.disabled&&e===t?0:-1;a===0?e.removeAttribute("tabindex"):e.tabIndex=a})}renderExpandTooltipSlot(){return v`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:o,scale:r}=this;return N({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expanded:e,expandLabel:i.expandLabel,expandText:i.expand,position:o,ref:this.setExpandToggleEl,scale:r,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandDisabled:e,scale:a,layout:i,overlayPositioning:o,expandPosition:r}=this,n=t==="start",d=!e&&r===t,c=n?z.actionsStart:z.actionsEnd,x=n?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,A=n?this.actionsStartGroupLabel:this.actionsEndGroupLabel,h=!d&&!(n?this.hasActionsStart:this.hasActionsEnd),s=n?w.actionGroupStart:w.actionGroupEnd;return v`<calcite-action-group class=${y(s)} .hidden=${h} .label=${A} .layout=${i} .overlayPositioning=${o} .scale=${a}>${n&&d?this.renderExpandToggle():null}<slot name=${c??T} @slotchange=${x}></slot>${d?this.renderExpandTooltipSlot():null}${!n&&d?this.renderExpandToggle():null}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${y(w.container)} role=toolbar ${G(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderActionsGroup("end")}</div>`}};H("calcite-action-bar",C);export{C as ActionBar};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as ue,d as q,e as Ce}from"./LKEGNPWV.js";import{a as re}from"./VIAY4ZRC.js";import{A as P,B as he,C as X,D as de,E as pe,a as x,b as n,c as m,d as I,e as k,f as u,g as E,h as b,i as D,j,k as U,m as W,n as O,o as B,s as R,t as S,v as ce,x as _,y as N,z as V}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as le}from"./NTTXPITY.js";import{a as T}from"./UJQUDROZ.js";import{a as se}from"./5F5N45N2.js";import{c as H}from"./QVYX2WRU.js";import{a as ne}from"./YP3AYJH3.js";import{a as te}from"./VI7SBYXT.js";import{a as ae}from"./L4565LYV.js";import{a as oe}from"./YM3XWOJY.js";import"./ZWPNZ5XW.js";import{e as ie}from"./5BRHCY56.js";import"./MFPSZIXT.js";import{w as K}from"./AH2ILKOU.js";import"./T6CCMW7H.js";import{E as F,F as g,G as Q,H as r,I as $,S as ee,g as Z,h as p,l as w,p as L}from"./FWMASCBJ.js";var Ae=Z`: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-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-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-relative-base);outline-color:transparent}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{display:flex;inline-size:100%;flex-direction:column;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-picker-text-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-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,fe=16,G=class extends Q{constructor(){super(),this._color=m,this.colorFieldScopeRef=F(),this.direction=ie(),this.hueScopeRef=F(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=F(),this.resizeObserver=te("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=ae({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,l=Math.round(u.s/a*e),s=Math.round(u.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(s),i)},this.cancelable=se()(this),this.drawColorControls=H((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()},fe),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,s,{clientX:c,clientY:h}=e;a.canvas.matches(":hover")?(l=c-o.x,s=h-o.y):(c<o.x+o.width&&c>o.x?l=c-o.x:c<o.x?l=0:l=o.width,h<o.y+o.height&&h>o.y?s=h-o.y:h<o.y?s=0:s=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,s,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},fe),this.updateDynamicDimensions=e=>{let t={width:de(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=oe()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Ae}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}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,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,l=N(a),s=o||i==="auto"&&l||i===l,c=s?W(a,e,l):t;s||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let h=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(h);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==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)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){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.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=N(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let s=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),s||this.calciteColorPickerChange.emit();return}let c=W(e,i,this.mode),h=!V(c,this.color);(l||h)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","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(),s=this.baseColorFieldColor.hue(l+o);this.internalColorSet(s,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let l=i&&R(S(i,P(this.mode)));o!==l&&this.internalColorSet(x(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(x(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?k[Object.keys(k)[i]]:u[Object.keys(u)[i]],l;if(!t.value)l="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;l=ue(c,0,o).toString()}t.value=l,l!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):l!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(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(n.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"?k[Object.keys(k)[e]]:u[Object.keys(u)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],l=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let s=t.value?Number(t.value):o[i];o[i]=l?B(s):s,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(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))}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=P(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=X(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=E/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&V(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let o=t===_.HEXA;return R(S(e.round(),o),o)}if(t.includes("-css")){let o=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let s=o.slice(0,3),c=o.slice(4,-1);return`${s}a(${c}, ${e.alpha()})`}return o}let a=e[X(t)]().round().object();return t.endsWith("a")?ce(a):a}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),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{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,l=t.saturationv()/(u.s/a),s=o-t.value()/(u.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=s}),this.drawThumb(this.colorFieldRenderingContext,i,l,s,t,!1)}drawThumb(e,t,i,a,o,l){let c=2*Math.PI,h=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=h,e.stroke(),l&&o.alpha()<1){let f=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=f,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=l?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(E/a),l=i,s=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=s}),this.drawThumb(this.hueSliderRenderingContext,i,s,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,s=e.createLinearGradient(0,0,l,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],h=1/(c.length-1),d=0;c.forEach(f=>{s.addColorStop(d,x(f).string()),d+=h}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=s,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,s=this.effectiveSliderWidth;e.clearRect(0,0,s,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,l,s,0),h=t.rgb().alpha(0),d=t.rgb().alpha(.5),f=t.rgb().alpha(1);c.addColorStop(0,h.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,f.string()),this.drawSliderPath(e,i,s,o,l);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,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,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),l=i,s=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=s}),this.drawThumb(this.opacitySliderRenderingContext,i,s,l,t,!0)}getSliderBoundX(e,t,i){let a=Ce(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}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(),s=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(s,!1)}}updateColorFromChannels(e){this.internalColorSet(x(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=e[t]().round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-j/2,t-j/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:l,hexDisabled:s,hueScopeLeft:c,messages:h,alphaChannel:d,opacityScopeLeft:f,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:ve}=this,Y=this.effectiveSliderWidth,M=t?S(t,d):void 0,me=o,ge=c??Y*m.hue()/u.h,be=o,Se=f??Y*O(m.alpha())/b.max,J=t===void 0,z=ve==="vertical",[ye,we]=this.getAdjustedScopePosition(i,a),[$e,xe]=this.getAdjustedScopePosition(ge,me),[ke,De]=this.getAdjustedScopePosition(Se,be);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${r(n.container)}>${l?null:p`<div class=${r(n.controlAndScope)}><canvas class=${r(n.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${z?h.value:h.saturation} .ariaValueMax=${z?u.v:u.s} aria-valuemin=0 .ariaValueNow=${(z?t?.saturationv():t?.value())||"0"} class=${r({[n.scope]:!0,[n.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${we||0}px`,left:`${ye||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${r(n.previewAndSliders)}><calcite-swatch class=${r(n.preview)} .color=${M} .label=${M} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${r(n.sliders)}><div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${h.hue} .ariaValueMax=${u.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${r({[n.scope]:!0,[n.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${xe}px`,left:`${$e}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${h.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${r({[n.scope]:!0,[n.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${De}px`,left:`${ke}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${s&&e?null:p`<div class=${r({[n.controlSection]:!0,[n.section]:!0})}><div class=${r(n.hexAndChannelsGroup)}>${s?null:p`<div class=${r(n.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${r(n.control)} .messages=${h} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${M}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${r({[n.colorModeContainer]:!0,[n.splitSection]:!0})} .scale=${v==="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>`}${y?null:p`<div class=${r({[n.savedColorsSection]:!0,[n.section]:!0})}><div class=${r(n.header)}><label>${h.saved}</label><div class=${r(n.savedColorsButtons)}><calcite-button appearance=transparent class=${r(n.deleteColor)} .disabled=${J} .iconStart=${U.minus} kind=neutral .label=${h.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${r(n.saveColor)} .disabled=${J} .iconStart=${U.plus} kind=neutral .label=${h.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${r(n.swatchGroup)} .label=${h.saved} .scale=${v} selection-mode=none>${re(C,A=>A,A=>p`<calcite-swatch class=${r(n.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return T(e,p`<calcite-tab-title class=${r(n.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,s=e===i,h=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,f=l?a:a.slice(0,3);return T(e,p`<calcite-tab class=${r(n.control)} .selected=${s}><div class=${r(n.channels)} dir=ltr>${f.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,h[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return T(t,p`<calcite-input-number class=${r(n.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};ee("calcite-color-picker",G);export{G as ColorPicker};
|
|
2
|
+
import{a as ue,d as q,e as Ce}from"./LKEGNPWV.js";import{a as re}from"./WHJTD6F6.js";import{A as P,B as he,C as X,D as de,E as pe,a as x,b as n,c as m,d as I,e as k,f as u,g as E,h as b,i as D,j,k as U,m as W,n as O,o as B,s as R,t as S,v as ce,x as _,y as N,z as V}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as le}from"./RWYSLJFS.js";import{a as T}from"./ISVN563X.js";import{a as se}from"./Z3MFTUAY.js";import{c as H}from"./QVYX2WRU.js";import{a as ne}from"./YP3AYJH3.js";import{a as te}from"./VI7SBYXT.js";import{a as ae}from"./L22NWLBO.js";import{a as oe}from"./T6FWGIF5.js";import"./ZWPNZ5XW.js";import{e as ie}from"./FEIOKH52.js";import"./ZO734Y5U.js";import{w as K}from"./6JPWON4E.js";import"./T6CCMW7H.js";import{E as F,F as g,G as Q,H as r,I as $,S as ee,g as Z,h as p,l as w,p as L}from"./C2SFDYFY.js";var Ae=Z`: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-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-normal);inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-spacing-lg);font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-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-relative-base);outline-color:transparent}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{display:flex;inline-size:100%;flex-direction:column;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-picker-text-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-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,fe=16,G=class extends Q{constructor(){super(),this._color=m,this.colorFieldScopeRef=F(),this.direction=ie(),this.hueScopeRef=F(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=F(),this.resizeObserver=te("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=ae({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,l=Math.round(u.s/a*e),s=Math.round(u.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(s),i)},this.cancelable=se()(this),this.drawColorControls=H((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()},fe),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,s,{clientX:c,clientY:h}=e;a.canvas.matches(":hover")?(l=c-o.x,s=h-o.y):(c<o.x+o.width&&c>o.x?l=c-o.x:c<o.x?l=0:l=o.width,h<o.y+o.height&&h>o.y?s=h-o.y:h<o.y?s=0:s=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,s,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},fe),this.updateDynamicDimensions=e=>{let t={width:de(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=oe()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Ae}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}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,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,l=N(a),s=o||i==="auto"&&l||i===l,c=s?W(a,e,l):t;s||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let h=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(h);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==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)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){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.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=N(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let s=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),s||this.calciteColorPickerChange.emit();return}let c=W(e,i,this.mode),h=!V(c,this.color);(l||h)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","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(),s=this.baseColorFieldColor.hue(l+o);this.internalColorSet(s,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let l=i&&R(S(i,P(this.mode)));o!==l&&this.internalColorSet(x(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(x(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?k[Object.keys(k)[i]]:u[Object.keys(u)[i]],l;if(!t.value)l="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;l=ue(c,0,o).toString()}t.value=l,l!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):l!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(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(n.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"?k[Object.keys(k)[e]]:u[Object.keys(u)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],l=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let s=t.value?Number(t.value):o[i];o[i]=l?B(s):s,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(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))}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=P(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=X(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=E/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&V(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let o=t===_.HEXA;return R(S(e.round(),o),o)}if(t.includes("-css")){let o=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let s=o.slice(0,3),c=o.slice(4,-1);return`${s}a(${c}, ${e.alpha()})`}return o}let a=e[X(t)]().round().object();return t.endsWith("a")?ce(a):a}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),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{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,l=t.saturationv()/(u.s/a),s=o-t.value()/(u.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=s}),this.drawThumb(this.colorFieldRenderingContext,i,l,s,t,!1)}drawThumb(e,t,i,a,o,l){let c=2*Math.PI,h=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=h,e.stroke(),l&&o.alpha()<1){let f=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=f,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=l?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(E/a),l=i,s=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=s}),this.drawThumb(this.hueSliderRenderingContext,i,s,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,s=e.createLinearGradient(0,0,l,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],h=1/(c.length-1),d=0;c.forEach(f=>{s.addColorStop(d,x(f).string()),d+=h}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=s,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,s=this.effectiveSliderWidth;e.clearRect(0,0,s,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,l,s,0),h=t.rgb().alpha(0),d=t.rgb().alpha(.5),f=t.rgb().alpha(1);c.addColorStop(0,h.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,f.string()),this.drawSliderPath(e,i,s,o,l);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,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,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),l=i,s=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=s}),this.drawThumb(this.opacitySliderRenderingContext,i,s,l,t,!0)}getSliderBoundX(e,t,i){let a=Ce(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}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(),s=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(s,!1)}}updateColorFromChannels(e){this.internalColorSet(x(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=e[t]().round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-j/2,t-j/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:l,hexDisabled:s,hueScopeLeft:c,messages:h,alphaChannel:d,opacityScopeLeft:f,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:ve}=this,Y=this.effectiveSliderWidth,M=t?S(t,d):void 0,me=o,ge=c??Y*m.hue()/u.h,be=o,Se=f??Y*O(m.alpha())/b.max,J=t===void 0,z=ve==="vertical",[ye,we]=this.getAdjustedScopePosition(i,a),[$e,xe]=this.getAdjustedScopePosition(ge,me),[ke,De]=this.getAdjustedScopePosition(Se,be);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${r(n.container)}>${l?null:p`<div class=${r(n.controlAndScope)}><canvas class=${r(n.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${z?h.value:h.saturation} .ariaValueMax=${z?u.v:u.s} aria-valuemin=0 .ariaValueNow=${(z?t?.saturationv():t?.value())||"0"} class=${r({[n.scope]:!0,[n.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${we||0}px`,left:`${ye||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${r(n.previewAndSliders)}><calcite-swatch class=${r(n.preview)} .color=${M} .label=${M} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${r(n.sliders)}><div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${h.hue} .ariaValueMax=${u.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${r({[n.scope]:!0,[n.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${xe}px`,left:`${$e}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${r(n.controlAndScope)}><canvas class=${r({[n.slider]:!0,[n.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${h.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${r({[n.scope]:!0,[n.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${De}px`,left:`${ke}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${s&&e?null:p`<div class=${r({[n.controlSection]:!0,[n.section]:!0})}><div class=${r(n.hexAndChannelsGroup)}>${s?null:p`<div class=${r(n.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${r(n.control)} .messages=${h} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${M}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${r({[n.colorModeContainer]:!0,[n.splitSection]:!0})} .scale=${v==="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>`}${y?null:p`<div class=${r({[n.savedColorsSection]:!0,[n.section]:!0})}><div class=${r(n.header)}><label>${h.saved}</label><div class=${r(n.savedColorsButtons)}><calcite-button appearance=transparent class=${r(n.deleteColor)} .disabled=${J} .iconStart=${U.minus} kind=neutral .label=${h.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${r(n.saveColor)} .disabled=${J} .iconStart=${U.plus} kind=neutral .label=${h.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${r(n.swatchGroup)} .label=${h.saved} .scale=${v} selection-mode=none>${re(C,A=>A,A=>p`<calcite-swatch class=${r(n.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return T(e,p`<calcite-tab-title class=${r(n.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,s=e===i,h=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,f=l?a:a.slice(0,3);return T(e,p`<calcite-tab class=${r(n.control)} .selected=${s}><div class=${r(n.channels)} dir=ltr>${f.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,h[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return T(t,p`<calcite-input-number class=${r(n.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};ee("calcite-color-picker",G);export{G as ColorPicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as C}from"./GZZYSINJ.js";import{c as h,l as M,u as S}from"./
|
|
2
|
+
import{b as C}from"./GZZYSINJ.js";import{c as h,l as M,u as S}from"./6JPWON4E.js";import"./T6CCMW7H.js";import{G as A,K as T,S as b,g as x,h as y,p as E}from"./C2SFDYFY.js";function w(u){return u?.tagName==="CALCITE-TREE-ITEM"}function D(u){return Array.from(u.querySelectorAll("calcite-tree-item:not([disabled])")).filter(t=>{let e=t;for(;e!==u&&e!==null;){let i=e.parentElement??void 0;if(!(!w(i)||!i.hasChildren||i.expanded))return!1;e=e.parentElement}return!0})}var k=x`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,g=class extends A{constructor(){super(),this.items=[],this.child=!1,this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=E({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:[7,{},{reflect:!0,type:Boolean}],lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=k}willUpdate(t){t.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let e=this.el.parentElement?.closest("calcite-tree")??void 0;this.lines=e?e.lines:this.lines,this.scale=e?e.scale:this.scale,this.selectionMode=e?e.selectionMode:this.selectionMode,this.child=!!e}onFocus(){if(!this.child){let t=(this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])"))??void 0;M(t,!0,"focusable")}}onFocusIn(t){(t.relatedTarget===this.el||!this.el.contains(t.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(t){!this.el.contains(t.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(t){if(this.child)return;let e=t.target,i=h(e.querySelectorAll("calcite-tree-item"));if(t.preventDefault(),t.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(t);return}let o=this.selectionMode==="none",n=this.selectionMode!==null&&(!e.hasChildren||e.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),l=this.selectionMode==="multichildren"&&e.hasChildren,c=!o&&t.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),f=!c&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&i.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!e.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&e.hasChildren,a=[];n&&a.push(e),f&&h(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(r=>{a.includes(r)||(r.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(e.expanded=!e.expanded),l&&i.forEach(s=>{s.selected=!1,s.hasChildren&&(s.expanded=!1)}),c&&window.getSelection().removeAllRanges(),c&&e.selected?a.forEach(s=>{s.disabled||(s.selected=!1)}):o||a.forEach(s=>{s.disabled||(s.selected=this.selectionMode!=="single"||!s.selected)}),this.selectedItems=o?[]:h(this.el.querySelectorAll("calcite-tree-item")).filter(s=>s.selected),this.calciteTreeSelect.emit(),t.stopPropagation()}keyDownHandler(t){if(this.child)return;let e=this.el,i=t.target,o=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(w(i)&&this.el.contains(i))||!o.includes(t.key))return;let n=D(e);if(t.key==="Tab"){n.forEach(l=>l.tabIndex=-1);return}if(t.key==="ArrowDown"){let l=n.indexOf(i);n[l+1]?.focus(),t.preventDefault();return}if(t.key==="ArrowUp"){let l=n.indexOf(i);n[l-1]?.focus(),t.preventDefault();return}if(t.key==="ArrowLeft"){if(i.hasChildren&&i.expanded){i.expanded=!1,t.preventDefault();return}n.slice(0,n.indexOf(i)).reverse().find(f=>f.depth===i.depth-1)?.focus(),t.preventDefault();return}if(t.key==="ArrowRight"){if(!i.disabled&&i.hasChildren)if(!i.expanded)i.expanded=!0,t.preventDefault();else{let l=n.indexOf(i);n[l+1]?.focus(),t.preventDefault()}return}if(t.key==="Home"){let l=n.shift();l&&(l.focus(),t.preventDefault());return}if(t.key==="End"){let l=n.pop();l&&(l.focus(),t.preventDefault());return}}updateAncestorTree(t){let e=t.target,i=t.detail.updateItem;if(e.disabled||e.indeterminate&&!i)return;let o=[],n=e.parentElement.closest("calcite-tree-item");for(;n;)o.push(n),n=n.parentElement.closest("calcite-tree-item");let l=Array.from(e.querySelectorAll("calcite-tree-item:not([disabled])")),c=l.filter(s=>!s.hasChildren),f=l.filter(s=>s.hasChildren),d;i?d=e.hasChildren?!(e.selected||e.indeterminate):!e.selected:d=e.selected,c.forEach(s=>{s.selected=d,s.indeterminate=!1});function a(s,r){let m=s.filter(p=>p.selected),I=s.filter(p=>!p.selected);r.selected=m.length===s.length,r.indeterminate=m.length>0&&I.length>0}f.reverse().forEach(s=>{let r=Array.from(s.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));a(r,s)}),i&&(e.hasChildren?a(l,e):(e.selected=d,e.indeterminate=!1)),o.forEach(s=>{let r=h(s.querySelectorAll("calcite-tree-item")),m=r.filter(p=>p.selected);if(m.length===0){s.selected=!1,s.indeterminate=!1;return}let I=m.length<r.length;s.indeterminate=I,s.selected=!I}),this.selectedItems=h(this.el.querySelectorAll("calcite-tree-item")).filter(s=>s.selected),i&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(t=>t.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(t){let e=S(t).filter(i=>i.matches("calcite-tree-item"));this.items=e,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?null:C(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?null:"tree",T(this.el,"tabIndex",this.getRootTabIndex()),y`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",g);export{g as Tree};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as O}from"./
|
|
2
|
+
import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as O}from"./ISVN563X.js";import"./QVYX2WRU.js";import{a as T}from"./T6FWGIF5.js";import"./ZWPNZ5XW.js";import"./FEIOKH52.js";import"./ZO734Y5U.js";import"./6JPWON4E.js";import"./T6CCMW7H.js";import{E as C,F as v,G as D,H as f,S as F,g as k,h as m,p as R}from"./C2SFDYFY.js";var $={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=k`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{--calcite-input-text-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-text-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-text-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color)}.opacity-input{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,V=x(),w=class extends D{constructor(){super(...arguments),this.hexInputRef=C(),this.opacityInputRef=C(),this.focusSetter=T()(this),this.internalColor=V,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(h(V,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=R({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(t){return this.focusSetter(()=>this.hexInputRef.value,t)}connectedCallback(){super.connectedCallback(),this.previousDefinedValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(h(V,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputRef.value,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,o=n&&!e,i=d(a);(I(a,!0)||I(a,!1))&&this.onHexInputChange(),!(o||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(B(l.object())))}onOpacityInputBlur(){let t=this.opacityInputRef.value,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputRef.value.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputRef.value,e;if(!t.value)e=t.value;else{let a=b(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){(t.type==="calciteInternalInputTextFocus"?this.hexInputRef:this.opacityInputRef).value.selectText()}onHexInputInput(){let t=`#${this.hexInputRef.value.value}`,e=this.value;p(t,this.alphaChannel)&&d(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:o,hexInputRef:i,internalColor:s,value:c}=this,{key:u}=t,H=t.composedPath();if(u==="Tab"&&I(c,this.alphaChannel)||u==="Enter"){H.includes(i.value)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let L=u==="ArrowDown"||u==="ArrowUp",S=this.value;if(L){if(!c){this.internalSetValue(this.previousDefinedValue,S),t.preventDefault();return}let P=u==="ArrowUp"?1:-1,N=l?10:1;this.internalSetValue(h(this.nudgeRGBChannels(s,N*P,H.includes(i.value)?"rgb":"a"),o),S),t.preventDefault();return}let A=e||a||n,K=u.length===1,z=E.test(u);K&&!A&&!z&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData?.getData("text");p(e,this.alphaChannel)&&d(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputRef.value.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:o}=this,i=x(l),s=r(h(i,n),n),c=!o||s!==r(h(o,n),n);this.internalColor=i,this.previousDefinedValue=s,this.value=s,c&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${g(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),o=l.slice(0,3);if(a==="rgb")n=[...o.map(s=>s+e),this.alphaChannel?l[3]:void 0];else{let i=b(g(t.alpha())+e);n=[...o,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:o}=this,i=this.formatHexForInternalInput(o),s=this.formatOpacityForInternalInput(a),c=l==="l"?"m":"s";return m`<div class=${f($.container)}><calcite-input-text class=${f($.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} prefix-text=# .scale=${c} .value=${i} ${v(this.hexInputRef)}></calcite-input-text>${t?O("opacity-input",m`<calcite-input-number class=${f($.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} .scale=${c} suffix-text=% .value=${s} ${v(this.opacityInputRef)}></calcite-input-number>`):null}</div>`}};F("calcite-color-picker-hex-input",w);export{w as ColorPickerHexInput};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as n}from"./
|
|
2
|
+
import{a as n}from"./KHVMN3I6.js";import{a as o}from"./T6FWGIF5.js";import"./ZWPNZ5XW.js";import"./FEIOKH52.js";import"./ZO734Y5U.js";import"./6JPWON4E.js";import"./T6CCMW7H.js";import{G as r,S as c,g as s,h as a,p as i}from"./C2SFDYFY.js";var u=s`:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends r{constructor(){super(...arguments),this._active=!1,this.focusSetter=o()(this),this.focusTrapController=n({focusTrapOptions:{onActivate:()=>{this.setActive(!0)},onDeactivate:()=>{this.setActive(!1)}}})(this),this.focusTrapDisabled=!1,this.calciteFocusTrapActiveChange=i({cancelable:!1})}static{this.properties={focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],active:[32,{},{attribute:!1,readOnly:!0}],focusTrapDisabledOverride:[0,{},{attribute:!1}],focusTrapOptions:[0,{},{attribute:!1}]}}static{this.styles=u}get active(){return this._active}async activate(){this.focusTrapController.activate()}async deactivate(){this.focusTrapController.deactivate()}async setFocus(t){return this.focusSetter(()=>this.el,t)}async updateFocusTrapElements(t){this.focusTrapController.setExtraContainers(t),this.focusTrapController.updateContainerElements()}setActive(t){let l=this._active;this._active=t,this.requestUpdate("active",l),this.calciteFocusTrapActiveChange.emit()}render(){return a`<slot></slot>`}};c("calcite-focus-trap",e);export{e as FocusTrap};
|