@esri/calcite-components 3.0.0-next.103 → 3.0.0-next.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/{EPGRDIDD.js → 23ZSEKTA.js} +2 -2
- package/dist/calcite/{M3ETBOXQ.js → 2B2JLMAA.js} +2 -2
- package/dist/calcite/{GRE2QJID.js → 2BRJ3DUC.js} +2 -2
- package/dist/calcite/{BRWOK767.js → 2DMF7D2Z.js} +2 -2
- package/dist/calcite/{JD65MNQM.js → 2PVHY5X6.js} +2 -2
- package/dist/calcite/{7SOMAO7P.js → 2QSKJ4TP.js} +2 -2
- package/dist/calcite/{LZG2RJQL.js → 2RQRZMZN.js} +2 -2
- package/dist/calcite/{BN7HHPBH.js → 2XESCONC.js} +2 -2
- package/dist/calcite/{IQHRGIMB.js → 2Y6BWCPL.js} +1 -1
- package/dist/calcite/{DPPEHEXK.js → 3JPI57KW.js} +2 -2
- package/dist/calcite/{6CAYOS7K.js → 3LISZ236.js} +2 -2
- package/dist/calcite/{72FS5TVV.js → 3LPAJD32.js} +2 -2
- package/dist/calcite/{C4LR4FNN.js → 3NIF2FYG.js} +2 -2
- package/dist/calcite/{PFI6VJXQ.js → 3Q7K57VO.js} +2 -2
- package/dist/calcite/{WC75WQ5P.js → 3TCB525J.js} +2 -2
- package/dist/calcite/{QV7WYCIF.js → 3UCXL7CG.js} +2 -2
- package/dist/calcite/{B2Y4POF3.js → 45IYD7SH.js} +2 -2
- package/dist/calcite/{IHPIYNBA.js → 4FCSCC5V.js} +2 -2
- package/dist/calcite/{W57R4XKC.js → 4GMJFTYE.js} +2 -2
- package/dist/calcite/{Y6CICLYL.js → 4IX2G2AW.js} +1 -1
- package/dist/calcite/{MASTPFIA.js → 4L5KNGYE.js} +1 -1
- package/dist/calcite/{DJBO2VCC.js → 4LW2BUDH.js} +2 -2
- package/dist/calcite/{BJY3EBTA.js → 4QV22PIG.js} +2 -2
- package/dist/calcite/{QYOK6ZNU.js → 4XXCYQBU.js} +2 -2
- package/dist/calcite/{ETJROFFV.js → 56TPMSXT.js} +2 -2
- package/dist/calcite/{A4KAM7VK.js → 5ERHEXQU.js} +1 -1
- package/dist/calcite/{KJRVZEYU.js → 5KDEXX4V.js} +2 -2
- package/dist/calcite/{RUCU6MZ5.js → 5N6U2OW5.js} +2 -2
- package/dist/calcite/{XTYQVYYH.js → 5P6XBWLN.js} +2 -2
- package/dist/calcite/{REBTFIMW.js → 5QBDLYWS.js} +2 -2
- package/dist/calcite/{SB5RKBME.js → 655UC2SC.js} +2 -2
- package/dist/calcite/{YZWNKTTA.js → 67B75PZ7.js} +2 -2
- package/dist/calcite/{LOHQNEIQ.js → 6KNRNAQX.js} +1 -1
- package/dist/calcite/{XMDQXCWM.js → 6PQSDPM2.js} +2 -2
- package/dist/calcite/{DMVST3LY.js → 7K6DXYWT.js} +2 -2
- package/dist/calcite/{Y5HB5H7P.js → 7NNJUDOI.js} +2 -2
- package/dist/calcite/{YDYJEJ7B.js → 7NW554DV.js} +2 -2
- package/dist/calcite/{LZJO6PQR.js → 7OSZVWJW.js} +2 -2
- package/dist/calcite/{4FEDDB7B.js → 7TVOY533.js} +2 -2
- package/dist/calcite/{CLKHODH7.js → A3VC5YSK.js} +2 -2
- package/dist/calcite/{OQZHE4YD.js → A4YB7CJJ.js} +2 -2
- package/dist/calcite/{KXHF4SD6.js → ABQBJWPX.js} +2 -2
- package/dist/calcite/{YLMSJWAP.js → AOFZWNAB.js} +2 -2
- package/dist/calcite/{ODC6B4HX.js → AORJRRUF.js} +2 -2
- package/dist/calcite/{HOCCIMTT.js → ATTDSERP.js} +2 -2
- package/dist/calcite/{YJY4KUF2.js → AUPQKDFG.js} +2 -2
- package/dist/calcite/{DJJEIR3P.js → B2B5RYS2.js} +2 -2
- package/dist/calcite/{FD34C6SI.js → BINRV57V.js} +2 -2
- package/dist/calcite/{CVC7B5XB.js → BLDHV4O6.js} +2 -2
- package/dist/calcite/{APHYQXGL.js → BNZWT646.js} +2 -2
- package/dist/calcite/{GW3QJNFT.js → BRQWY5FN.js} +2 -2
- package/dist/calcite/{IP7CPJZI.js → BRVSHUXI.js} +2 -2
- package/dist/calcite/{T6O4UWGX.js → BT3KQH7C.js} +2 -2
- package/dist/calcite/{6MUVVWLJ.js → BVA4J2UU.js} +2 -2
- package/dist/calcite/{DQ4NXY7H.js → CD46NRGT.js} +1 -1
- package/dist/calcite/{NF3LENJ2.js → CEQ27M7K.js} +2 -2
- package/dist/calcite/{AHFUKMBI.js → CF3PAQW6.js} +1 -1
- package/dist/calcite/{A63F6KWS.js → CFGQWLKW.js} +2 -2
- package/dist/calcite/{KWSSQ7FD.js → CIQO22V2.js} +2 -2
- package/dist/calcite/{CAAEIUL6.js → CKDJ5CAT.js} +2 -2
- package/dist/calcite/{LJQOJJ73.js → CN5BTDUD.js} +2 -2
- package/dist/calcite/{6G4LSKHQ.js → CPHKUNQB.js} +1 -1
- package/dist/calcite/{B3MXQGPR.js → CPLJ525T.js} +2 -2
- package/dist/calcite/{TPNPHYA5.js → CS7YTIAL.js} +2 -2
- package/dist/calcite/{ZEHSZHL6.js → CSMDAEYU.js} +2 -2
- package/dist/calcite/{D52ZYXOO.js → CST4W6GY.js} +2 -2
- package/dist/calcite/{4JOI42BA.js → D3C5WKVK.js} +2 -2
- package/dist/calcite/{KREKI6X4.js → D3PGN2PN.js} +2 -2
- package/dist/calcite/{H6NZOB2F.js → DCOC7OUL.js} +2 -2
- package/dist/calcite/{7XK3UCDM.js → DM75CTIM.js} +2 -2
- package/dist/calcite/{5L7ZZ75C.js → DNR2JAMD.js} +2 -2
- package/dist/calcite/{AMSLHQ4H.js → DO3YLEVL.js} +2 -2
- package/dist/calcite/{D5UWNO4W.js → DPQBPZTE.js} +2 -2
- package/dist/calcite/{4YKESW67.js → E3BRDQZJ.js} +2 -2
- package/dist/calcite/{LKBJCDTQ.js → EKP372YA.js} +2 -2
- package/dist/calcite/{3AWBRHDQ.js → ESBV6SCE.js} +2 -2
- package/dist/calcite/{HDNUGT2K.js → FXLXZXSX.js} +2 -2
- package/dist/calcite/{SR4OJDIZ.js → GA55EV7N.js} +2 -2
- package/dist/calcite/{TMG76GTJ.js → GQ4LIDO6.js} +2 -2
- package/dist/calcite/{24L6YAYU.js → H7WRY66I.js} +2 -2
- package/dist/calcite/{PY6ZDOTP.js → HJNHIY54.js} +2 -2
- package/dist/calcite/{E2XFORW6.js → HJON34KT.js} +2 -2
- package/dist/calcite/{K5H4U6CG.js → HKCGGXPA.js} +2 -2
- package/dist/calcite/{AEXZ42XE.js → HTJ7E7GJ.js} +2 -2
- package/dist/calcite/{4LAJPCML.js → I35WPFQD.js} +2 -2
- package/dist/calcite/{NCBSIWMB.js → II5WZF2A.js} +2 -2
- package/dist/calcite/{IXGOS5XI.js → ILIF7QDG.js} +2 -2
- package/dist/calcite/{NP6FB274.js → IP6DNSNR.js} +2 -2
- package/dist/calcite/{SRK5ZBLF.js → IQKV4UII.js} +2 -2
- package/dist/calcite/{6BXPGQS2.js → IRB7JJW5.js} +2 -2
- package/dist/calcite/{B4V5BB5H.js → ITFBSXUD.js} +2 -2
- package/dist/calcite/{MMOE4ACK.js → IUVUZPAA.js} +2 -2
- package/dist/calcite/{IBIG2FSA.js → J4KS3IKG.js} +2 -2
- package/dist/calcite/{FQMWAPYQ.js → J6QN7C5M.js} +2 -2
- package/dist/calcite/{W7EBT4ZU.js → JDJUVML7.js} +2 -2
- package/dist/calcite/{OYL3BPA7.js → JEXRZTKO.js} +2 -2
- package/dist/calcite/{NBAEJNAK.js → JHIJOLXP.js} +2 -2
- package/dist/calcite/{3JE25ZCL.js → JMLE5WLJ.js} +2 -2
- package/dist/calcite/{DBQMUSQC.js → JQHAQA45.js} +2 -2
- package/dist/calcite/{CHQPOTTL.js → JQQJ6VIQ.js} +1 -1
- package/dist/calcite/{HD6IUWDD.js → K7UAFNJQ.js} +2 -2
- package/dist/calcite/{GXPWIPF2.js → KN6UFIQR.js} +2 -2
- package/dist/calcite/{WOGYIK4C.js → KNDAIPEW.js} +2 -2
- package/dist/calcite/{OVCBAPGU.js → KNXHMNWE.js} +1 -1
- package/dist/calcite/{WJQRGJJ4.js → KQAI6BK4.js} +1 -1
- package/dist/calcite/{KWN67XU5.js → KUXXVGTT.js} +2 -2
- package/dist/calcite/{DWWYII4N.js → L2ZHRMF6.js} +2 -2
- package/dist/calcite/{GMBQ2GN7.js → L4KX5JOB.js} +2 -2
- package/dist/calcite/{OHVR3PJN.js → LCMHUZ7X.js} +2 -2
- package/dist/calcite/{5BSIW4MK.js → LDQHIIMV.js} +2 -2
- package/dist/calcite/{33PSOLZ6.js → LF47FI4Q.js} +2 -2
- package/dist/calcite/{DSEHWGVG.js → LFTQEWKT.js} +2 -2
- package/dist/calcite/LIV7MQFY.js +6 -0
- package/dist/calcite/{KLW7QRD7.js → LSWWZBGC.js} +2 -2
- package/dist/calcite/{2TCVJJ23.js → LWVXS74Z.js} +2 -2
- package/dist/calcite/{PI2FHU3W.js → M4MGDPDC.js} +2 -2
- package/dist/calcite/{5V3U6ROA.js → M5J2MVPP.js} +2 -2
- package/dist/calcite/{3WCVFZ4M.js → M7KYQSFH.js} +2 -2
- package/dist/calcite/{VIQVL3E6.js → MBRV6NJL.js} +2 -2
- package/dist/calcite/{PSYLJQMO.js → MCXNJOW6.js} +2 -2
- package/dist/calcite/{FZRLE6MZ.js → MH5CUHER.js} +1 -1
- package/dist/calcite/{DCQOA4TU.js → MIA3COYA.js} +2 -2
- package/dist/calcite/{IAUN7OKT.js → MIKKLGAN.js} +2 -2
- package/dist/calcite/{Y7Y224RZ.js → MK56XU5H.js} +2 -2
- package/dist/calcite/{5GFLD3QG.js → MKS2CC5N.js} +2 -2
- package/dist/calcite/{XHP5EPAC.js → MMLWK4DR.js} +2 -2
- package/dist/calcite/{B5WFB4SE.js → MPICYZ7Z.js} +2 -2
- package/dist/calcite/{HDSCIKZK.js → N63LJOWA.js} +2 -2
- package/dist/calcite/{QEBEGR4X.js → NPTT2VZA.js} +2 -2
- package/dist/calcite/{BLVBL3GD.js → NPUQMUQV.js} +2 -2
- package/dist/calcite/{IXSUMFGT.js → O36UM2YX.js} +2 -2
- package/dist/calcite/{TZ6SFWFC.js → O5UBW6PE.js} +2 -2
- package/dist/calcite/{RQNKSFG5.js → O6LHWBKQ.js} +1 -1
- package/dist/calcite/{75P3GFLC.js → OI76VSID.js} +1 -1
- package/dist/calcite/{FL6SWMX3.js → OI7MOWTU.js} +2 -2
- package/dist/calcite/{6AZV3X6V.js → OI7UFQTX.js} +2 -2
- package/dist/calcite/{BOGWFNNS.js → OKMN4TIS.js} +2 -2
- package/dist/calcite/{4KOJH4YD.js → OTVK3P2V.js} +2 -2
- package/dist/calcite/{DJ6JTHFK.js → OTWCFHRW.js} +2 -2
- package/dist/calcite/{AJGQQEBC.js → OVTWJZNF.js} +2 -2
- package/dist/calcite/{PHLBPDGD.js → P7EPZA44.js} +2 -2
- package/dist/calcite/{PUYWJC73.js → PFIKWTPS.js} +2 -2
- package/dist/calcite/{PAM6RIMC.js → PQZNUHDN.js} +2 -2
- package/dist/calcite/{4CENVOJW.js → PTTBEBM4.js} +2 -2
- package/dist/calcite/{Q75Z5GXE.js → PULBM5KG.js} +2 -2
- package/dist/calcite/{43P5GRNR.js → QFTAHV7J.js} +2 -2
- package/dist/calcite/{D4EJYXES.js → QJ5RADK3.js} +1 -1
- package/dist/calcite/{MUXC3UZV.js → QJPPZXYE.js} +2 -2
- package/dist/calcite/{USSNNYXD.js → QNSL7UAO.js} +2 -2
- package/dist/calcite/{FUSUOF3U.js → QU2P3ZIP.js} +1 -1
- package/dist/calcite/{OYFUZM72.js → QZXYX4RU.js} +2 -2
- package/dist/calcite/{JLVLYAMM.js → R4YQYV6A.js} +2 -2
- package/dist/calcite/{RYGD6EV7.js → RGIFJKKA.js} +2 -2
- package/dist/calcite/{WXMVZX2W.js → RML5SP2N.js} +1 -1
- package/dist/calcite/{2K2QKZF4.js → RNQOOMOY.js} +2 -2
- package/dist/calcite/{5PFKRYBI.js → RXGJOZZ7.js} +2 -2
- package/dist/calcite/{2BTT3RVI.js → S6Y6K6AJ.js} +2 -2
- package/dist/calcite/{425ICCK4.js → S77FUHLV.js} +2 -2
- package/dist/calcite/{CSQO2B2X.js → SGQHA2XJ.js} +2 -2
- package/dist/calcite/{FXVON2TU.js → T4POEH6X.js} +2 -2
- package/dist/calcite/{MMBTDJPO.js → TFNOG6UI.js} +2 -2
- package/dist/calcite/{5PYICSSK.js → TFRMUAZY.js} +2 -2
- package/dist/calcite/{WKD75BGN.js → TJMLTV5A.js} +2 -2
- package/dist/calcite/{NXWYHEZV.js → TOG7FNF7.js} +2 -2
- package/dist/calcite/{3DPS6P5I.js → TWKXIZXL.js} +2 -2
- package/dist/calcite/{4QEFP32Q.js → UABGRPK7.js} +2 -2
- package/dist/calcite/{6Q64MAGK.js → UFRWEPZ7.js} +2 -2
- package/dist/calcite/{ZG5BU6AV.js → UG7QC3CL.js} +2 -2
- package/dist/calcite/{BO23WCGD.js → ULLLDD3H.js} +2 -2
- package/dist/calcite/{3W3BL57W.js → UM42TNXK.js} +2 -2
- package/dist/calcite/{M7VKRGIW.js → UNO365YN.js} +2 -2
- package/dist/calcite/{F7CMBJIM.js → UOBX6BVR.js} +2 -2
- package/dist/calcite/{WWDHVGMY.js → US5JVTMG.js} +2 -2
- package/dist/calcite/{5KRIJS25.js → UYZ5ACWX.js} +2 -2
- package/dist/calcite/{3GGQMQOP.js → V7G7DQAG.js} +2 -2
- package/dist/calcite/{D4INLX4L.js → VD3HBFUQ.js} +2 -2
- package/dist/calcite/{TNO2XOJJ.js → VIPCX6IV.js} +2 -2
- package/dist/calcite/{Z5LBETP5.js → VKUD3JOC.js} +2 -2
- package/dist/calcite/{RLUZ74BC.js → VOGVEEC7.js} +2 -2
- package/dist/calcite/{LQSE2ACO.js → VPCFN7YT.js} +2 -2
- package/dist/calcite/{YXYYCD7C.js → VQEYOUFQ.js} +2 -2
- package/dist/calcite/{HHQLMTDZ.js → VT3FXTEO.js} +2 -2
- package/dist/calcite/{VHVNOSSR.js → VTQ33Y43.js} +2 -2
- package/dist/calcite/{YNQT7HHZ.js → VXITS6NI.js} +2 -2
- package/dist/calcite/{CMRQBQE2.js → W7JV7M6G.js} +2 -2
- package/dist/calcite/{7NW2J56Q.js → WAERNRWB.js} +2 -2
- package/dist/calcite/{OAPGKFXU.js → WAKGXLVP.js} +2 -2
- package/dist/calcite/{U6OCSYJW.js → WG5PYZED.js} +2 -2
- package/dist/calcite/{AOJYLLM2.js → WHB6OG4H.js} +2 -2
- package/dist/calcite/{2KP4VONV.js → WORGBEWU.js} +2 -2
- package/dist/calcite/{UWE35MI6.js → WQBRJKJX.js} +2 -2
- package/dist/calcite/{RUQAJV6I.js → X3Y4ZLMF.js} +2 -2
- package/dist/calcite/{YPQ4BNDF.js → X63NX5IF.js} +1 -1
- package/dist/calcite/{J55L5DSA.js → XCTFSCKJ.js} +2 -2
- package/dist/calcite/{VOAGYJZU.js → XFXBISRH.js} +2 -2
- package/dist/calcite/{PIUEFKCM.js → XGRUPRJW.js} +2 -2
- package/dist/calcite/{O4OLC2YU.js → XIUSQTR5.js} +2 -2
- package/dist/calcite/{PKBBOVYZ.js → XJA5XSYW.js} +1 -1
- package/dist/calcite/{K5JK4RYO.js → XT54M4A3.js} +1 -1
- package/dist/calcite/{6LNWZINU.js → XVAKW2TJ.js} +2 -2
- package/dist/calcite/{3PKVJMBN.js → XYIFEX5M.js} +1 -1
- package/dist/calcite/{X6UJ2I3T.js → XZQWZ345.js} +2 -2
- package/dist/calcite/{ZG64NB3O.js → Y4A56JFN.js} +2 -2
- package/dist/calcite/{P2IGAI2V.js → Y5GWKU75.js} +2 -2
- package/dist/calcite/{7VEGZPYJ.js → Y6DEYEYA.js} +2 -2
- package/dist/calcite/{WSUFE2WZ.js → Y6JUMCRF.js} +2 -2
- package/dist/calcite/{TNHD4VN7.js → YFUTYX7V.js} +2 -2
- package/dist/calcite/{OLT2UPXF.js → YHPI6DAQ.js} +2 -2
- package/dist/calcite/{C73W5OBM.js → YPO36XVI.js} +2 -2
- package/dist/calcite/{ZHNJ6WIM.js → YVUWBNUU.js} +2 -2
- package/dist/calcite/{T7RVOOTX.js → Z2SDMKPK.js} +2 -2
- package/dist/calcite/{EZOQ6STN.js → Z6AUPKJP.js} +2 -2
- package/dist/calcite/{OAWAHWIG.js → ZA77LYTZ.js} +2 -2
- package/dist/calcite/{PXZKFRID.js → ZA7MU4XJ.js} +2 -2
- package/dist/calcite/{7SCHBN7B.js → ZG6GROO6.js} +2 -2
- package/dist/calcite/{BEHD4SR6.js → ZK6U2CSK.js} +2 -2
- package/dist/calcite/{RBS6L67C.js → ZMOKGHGJ.js} +2 -2
- package/dist/calcite/{5BMHEW2K.js → ZODFBQM4.js} +2 -2
- package/dist/calcite/{2EI6TYQY.js → ZPEB4KGU.js} +2 -2
- package/dist/calcite/{5EK74SFC.js → ZSVRRKQB.js} +1 -1
- package/dist/calcite/{EG3XNQX3.js → ZTBDLZ6Z.js} +2 -2
- package/dist/calcite/{5NLWPRZV.js → ZXM3R6CC.js} +2 -2
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/_commonjsHelpers.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +1 -1
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/focusTrapComponent.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/interactive.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/loadable.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +1 -1
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/time.js +1 -1
- package/dist/chunks/useT9n.js +1 -1
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +1 -1
- package/dist/components/calcite-accordion/customElement.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.js +1 -1
- package/dist/components/calcite-action/customElement.js +1 -1
- package/dist/components/calcite-action-bar/customElement.js +1 -1
- package/dist/components/calcite-action-group/customElement.js +1 -1
- package/dist/components/calcite-action-menu/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.js +1 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +2 -2
- package/dist/components/calcite-block-section/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-carousel-item/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +1 -1
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +1 -1
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +2 -2
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-loader/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-modal/customElement.js +1 -1
- package/dist/components/calcite-navigation/customElement.js +1 -1
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +1 -1
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-radio-button-group/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.js +1 -1
- package/dist/components/calcite-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-center-row/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.js +1 -1
- package/dist/components/calcite-sortable-list/customElement.js +1 -1
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-stack/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.js +1 -1
- package/dist/components/calcite-table-cell/customElement.js +1 -1
- package/dist/components/calcite-table-header/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-tile-select/customElement.js +1 -1
- package/dist/components/calcite-tile-select-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tip/customElement.js +1 -1
- package/dist/components/calcite-tip-group/customElement.js +1 -1
- package/dist/components/calcite-tip-manager/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/custom-theme/block.d.ts +4 -5
- package/dist/docs/api.json +8 -7
- package/dist/docs/docs.json +8 -8
- package/dist/docs/vscode.css-custom-data.json +5 -5
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +7 -7
- package/dist/extras/vscode-data.json +1 -1
- package/dist/index.js +1 -1
- package/dist/loader.js +1 -1
- package/package.json +2 -2
- package/dist/calcite/3AFDZRTL.js +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as i}from"./
|
|
6
|
+
import{a as i}from"./O36UM2YX.js";import{a as s,b as c,d as u}from"./QJPPZXYE.js";import{I as l,d as n,e as a,v as r,w as e}from"./7TVOY533.js";var t={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"},m=n`:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border:none;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem;--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends r{constructor(){super(...arguments),this.textDisabled=!1}static{this.properties={active:7,fullName:1,label:1,textDisabled:7,thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=m}async setFocus(){await u(this),this.el.focus()}load(){s(this)}loaded(){c(this)}render(){return a`<button .ariaLabel=${this.label} class=${e(t.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${e(t.textContainer)}>${this.fullName&&i(t.fullName,a`<span class=${e(t.fullName)}>${this.fullName}</span>`)||""}${this.username&&i(t.username,a`<span class=${e(t.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};l("calcite-navigation-user",o);export{o as NavigationUser};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as f,b as C}from"./
|
|
6
|
+
import{a as f,b as C}from"./MMLWK4DR.js";import{a as v}from"./L2ZHRMF6.js";import{a as h,b as p}from"./UM42TNXK.js";import{e as m}from"./CIQO22V2.js";import{a as b,b as u,d as g}from"./QJPPZXYE.js";import"./2Y6BWCPL.js";import{B as r,I as d,d as c,e as o,i as s,v as a,w as i}from"./7TVOY533.js";var e={contentCell:"content-cell",numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell",staticCell:"static-cell"},x=c`: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{--calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background: var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset .25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,n=class extends a{constructor(){super(...arguments),this.containerEl=h(),this.contentsText="",this.focused=!1,this.selectionText="",this.alignment="start",this.interactionMode="interactive",this.messages=v(),this.parentRowAlignment="start",this.scale="m"}static{this.properties={contentsText:16,focused:16,selectionText:16,alignment:3,colSpan:11,disabled:5,interactionMode:1,lastCell:5,messageOverrides:0,numberCell:5,parentRowAlignment:1,parentRowIsSelected:5,parentRowPositionLocalized:1,parentRowType:1,positionInRow:9,readCellContentsToAT:5,rowSpan:11,scale:1,selectionCell:5}}static{this.styles=x}async setFocus(){await g(this),this.containerEl.value.focus()}async load(){b(this),this.updateScreenReaderContentsText(),this.updateScreenReaderSelectionText()}willUpdate(t){t.has("parentRowIsSelected")&&this.updateScreenReaderSelectionText()}updated(){f(this)}loaded(){u(this)}updateScreenReaderSelectionText(){let t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`,l=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?t:l}updateScreenReaderContentsText(){this.contentsText=this.el.textContent}onContainerBlur(){this.focused=!1}onContainerFocus(){this.focused=!0}render(){let t=m(this.el),l=this.disabled||this.interactionMode==="static"&&(!this.selectionCell||this.selectionCell&&this.parentRowType==="foot");return C({disabled:this.disabled,children:o`<td class=${i({[e.footerCell]:this.parentRowType==="foot",[e.contentCell]:!this.numberCell&&!this.selectionCell,[e.numberCell]:this.numberCell,[e.selectionCell]:this.selectionCell,[e.selectedCell]:this.parentRowIsSelected,[e.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[r.rtl]:t==="rtl",[e.staticCell]:l,[this.parentRowAlignment]:this.parentRowAlignment==="start"||this.parentRowAlignment==="end"})} colSpan=${this.colSpan??s} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.interactionMode==="interactive"?"gridcell":"cell"} rowSpan=${this.rowSpan??s} .tabIndex=${l?-1:0} ${p(this.containerEl)}>${(this.selectionCell||this.readCellContentsToAT)&&o`<span .ariaLive=${this.focused?"polite":"off"} class=${i(e.assistiveText)}>${this.selectionCell&&this.selectionText||""}${this.readCellContentsToAT&&!this.selectionCell&&this.contentsText||""}</span>`||""}<slot @slotchange=${this.updateScreenReaderContentsText}></slot></td>`})}};d("calcite-table-cell",n);export{n as TableCell};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{b as n,c as x}from"./
|
|
6
|
+
import{b as n,c as x}from"./XZQWZ345.js";import{a as v,b as y}from"./MMLWK4DR.js";import{b as u}from"./UM42TNXK.js";import{e as b,l as m}from"./CIQO22V2.js";import{a as f,b as k,d as g}from"./QJPPZXYE.js";import"./2Y6BWCPL.js";import{A as d,B as h,I as p,d as l,e as o,v as r,w as c,y as e}from"./7TVOY533.js";var F=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0;border-style:none;font-family:inherit;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none;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,background-size;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;margin-block-start:-.25em}:host .calcite-link--icon.icon-start{margin-inline-end:.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;color:var(--calcite-link-text-color, var(--calcite-color-text-link));line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px,100% 1px}:host span:active,:host a:active{background-size:100% 2px,100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%,100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends r{constructor(){super(),this.disabled=!1,this.download=!1,this.listen("click",this.clickHandler)}static{this.properties={disabled:7,download:[3,{converter:d}],href:3,iconEnd:3,iconFlipRtl:3,iconStart:3,rel:1,target:1}}static{this.styles=F}async setFocus(){await g(this),m(this.childEl)}load(){f(this)}updated(){v(this)}loaded(){k(this)}clickHandler(i){this.disabled||i.isTrusted||this.childEl.click()}childElClickHandler(i){i.isTrusted||i.stopPropagation()}storeTagRef(i){this.childEl=i}render(){let{download:i,el:$}=this,z=b($),t=this.href?"a":"span",w=o`<calcite-icon class="calcite-link--icon icon-start" .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`,E=o`<calcite-icon class="calcite-link--icon icon-end" .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`,a=t==="span"?n`span`:n`a`,R=t==="span"?"link":null,C=t==="span"?0:null;return this.el.role="presentation",y({disabled:this.disabled,children:x`<${a} class=${c({[h.rtl]:z==="rtl"})} download=${(t==="a"?i===!0||i===""?"":i||null:null)??e} href=${(t==="a"&&this.href)??e} @click=${this.childElClickHandler} rel=${(t==="a"&&this.rel)??e} .role=${R} tabindex=${C??e} target=${(t==="a"&&this.target)??e} ${u(this.storeTagRef)}>${o`${this.iconStart?w:null}<slot></slot>${this.iconEnd?E:null}`}</${a}>`})}};p("calcite-link",s);export{s as Link};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{b as _}from"./
|
|
6
|
+
import{b as _}from"./JEXRZTKO.js";import"./QJ5RADK3.js";var l={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Mar\xE7_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Mar\xE7_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aqu\xED %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function(e){var s;return e===1||e===3?s="r":e===2?s="n":e===4?s="t":s="\xE8",""+e+s}};_.locale(l,null,!0);var a=l;export{a as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{b as T}from"./
|
|
6
|
+
import{b as T}from"./M5J2MVPP.js";import"./XZQWZ345.js";import{a as x}from"./O36UM2YX.js";import{a as y}from"./OTWCFHRW.js";import{a as v}from"./ZODFBQM4.js";import{a as $}from"./L2ZHRMF6.js";import{b}from"./UM42TNXK.js";import{e as k}from"./CIQO22V2.js";import"./2Y6BWCPL.js";import{I as u,d as g,e as c,u as m,v as f,w as a}from"./7TVOY533.js";var t={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},s={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},w=g`:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height: 19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:.75rem .5rem}.page-position{margin-block:0px;margin-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px,0,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}`,h=class extends f{constructor(){super(...arguments),this.messages=$(),this.mutationObserver=v("mutation",()=>this.setUpTips()),this.closed=!1,this.calciteTipManagerClose=m({cancelable:!1})}static{this.properties={direction:16,groupTitle:16,selectedIndex:16,tips:16,total:16,closed:7,headingLevel:11,messageOverrides:0}}static{this.styles=w}async nextTip(){this.direction="advancing";let e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";let e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}connectedCallback(){super.connectedCallback(),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){y.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"})}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.direction=null),e.has("selectedIndex")&&this.selectedChangeHandler(),e.has("messages")&&this.updateGroupTitle()}loaded(){this.updateGroupTitle()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}setUpTips(){let e=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=e.length,this.total===0)return;let i=this.el.querySelector("calcite-tip[selected]");this.tips=e,this.selectedIndex=i?e.indexOf(i):0,e.forEach(n=>{n.closeDisabled=!0}),this.showSelectedTip()}hideTipManager(){this.closed=!0,this.calciteTipManagerClose.emit()}showSelectedTip(){this.tips.forEach((e,i)=>{let n=this.selectedIndex===i;e.selected=n,e.hidden=!n})}updateGroupTitle(){if(this.tips){let e=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=e?.groupTitle||this.messages?.defaultGroupTitle}}previousClicked(){this.previousTip()}nextClicked(){this.nextTip()}tipManagerKeyDownHandler(e){if(e.target===this.container)switch(e.key){case"ArrowRight":e.preventDefault(),this.nextTip();break;case"ArrowLeft":e.preventDefault(),this.previousTip();break;case"Home":e.preventDefault(),this.selectedIndex=0;break;case"End":e.preventDefault(),this.selectedIndex=this.total-1;break}}storeContainerRef(e){this.container=e}renderPagination(){let e=k(this.el),{selectedIndex:i,tips:n,total:r,messages:o}=this,l=o.next,d=o.previous,p=o.defaultPaginationLabel;return n.length>1?c`<footer class=${a(t.pagination)}><calcite-action class=${a(t.pagePrevious)} .icon=${e==="ltr"?s.chevronLeft:s.chevronRight} @click=${this.previousClicked} scale=m .text=${d}></calcite-action><span class=${a(t.pagePosition)}>${`${p} ${i+1}/${r}`}</span><calcite-action class=${a(t.pageNext)} .icon=${e==="ltr"?s.chevronRight:s.chevronLeft} @click=${this.nextClicked} scale=m .text=${l}></calcite-action></footer>`:null}render(){let{closed:e,direction:i,headingLevel:n,groupTitle:r,selectedIndex:o,messages:l,total:d}=this,p=l.close;return d===0?null:c`<section .ariaHidden=${e} class=${a(t.container)} .hidden=${e} @keydown=${this.tipManagerKeyDownHandler} tabindex=0 ${b(this.storeContainerRef)}><header class=${a(t.header)}>${T({class:t.heading,level:n,children:r})}<calcite-action class=${a(t.close)} @click=${this.hideTipManager} scale=m .text=${p}><calcite-icon .icon=${s.close} scale=m></calcite-icon></calcite-action></header>${x(o,c`<div class=${a({[t.tipContainer]:!0,[t.tipContainerAdvancing]:!e&&i==="advancing",[t.tipContainerRetreating]:!e&&i==="retreating"})} tabindex=0><slot></slot></div>`)}${this.renderPagination()}</section>`}};u("calcite-tip-manager",h);export{h as TipManager};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{k as f}from"./
|
|
6
|
+
import{k as f}from"./VXITS6NI.js";function D(e,t,n){if(!e)return;let r=e.getTime(),a=!(t instanceof Date)||r>=t.getTime(),o=!(n instanceof Date)||r<=n.getTime();return a&&o}function p(e,t,n){if(!(e instanceof Date))return null;let r=e.getTime(),a=t instanceof Date&&r<t.getTime(),o=n instanceof Date&&r>n.getTime();return a?t:o?n:e}function Y(e,t=!1){if(e instanceof Date)return e;if(!e||typeof e!="string")return null;let n=e.split(/[: T-]/).map(parseFloat),r=new Date(n[0],(n[1]||1)-1,n[2]||1);if(r.setFullYear(n[0]),isNaN(r.getTime()))throw new Error(`Invalid ISO 8601 date: "${e}"`);return t?F(r):r}function O(e,t){if(!t)return null;let{separator:n}=t,r=M(e,t),{day:a,month:o}=r,i=y(r.year,t),s=new Date(i,o,a);s.setFullYear(i);let u=a>0,c=o>-1,g=!isNaN(s.getTime()),d=e.split(n).filter(h=>h).length>2,m=i.toString().length>0;return u&&c&&g&&d&&m?s:null}function y(e,t){return l(e,t,"read")}function x(e,t){return l(e,t,"write")}function l(e,t,n){if(t["default-calendar"]!=="buddhist")return e;let r=543*(n==="read"?-1:1);return e+r}function w(e,t){let{separator:n,unitOrder:r}=t,a=T(r),o=e.split(n).map(c=>f.delocalize(c)),i=o[a.indexOf("d")],s=o[a.indexOf("m")],u=o[a.indexOf("y")];return{day:i,month:s,year:u}}function I(e){if(e instanceof Date){let t=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${String(e.getFullYear()).padStart(4,"0")}-${t}-${n}`}return""}function N(e){let t=e.split("-");return{day:t[2],month:t[1],year:t[0]}}function $(e,t){return e instanceof Date&&t instanceof Date&&e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function b(e){let t=e.getMonth(),n=new Date(e);return n.setMonth(t-1),t===n.getMonth()?new Date(e.getFullYear(),t,0):n}function v(e,t){let n=new Date(e);return n.setMonth(t),n}function C(e,t,n){let r=new Date(e);return r.setDate(1),D(r,t,n)?r:p(r,t,n)}function E(e){let t=e.getMonth(),n=new Date(e);return n.setMonth(t+1),(t+2)%7===n.getMonth()%7?new Date(e.getFullYear(),t+2,0):n}function M(e,t){let{day:n,month:r,year:a}=w(e,t);return{day:parseInt(n),month:parseInt(r)-1,year:parseInt(a)}}function T(e){let t=["d","m","y"],n=e.toLowerCase();return t.sort((r,a)=>n.indexOf(r)-n.indexOf(a))}function L(e,t){let n=e.getTime(),r=t.getTime();return(n-r)/(1e3*3600*24)}function F(e){return e.setHours(23,59,59,999),e}function j(e,t){return e&&t&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}export{D as a,p as b,Y as c,O as d,y as e,x as f,w as g,I as h,N as i,$ as j,b as k,v as l,C as m,E as n,T as o,L as p,j as q};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as c}from"./IXSUMFGT.js";import{a as E}from"./DWWYII4N.js";import{a as m,b as p}from"./3W3BL57W.js";import{e as x,v as $}from"./KWSSQ7FD.js";import{a as k,b as I,d as L}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{B as y,I as w,d as f,e as i,u as h,v as g,w as r,y as d}from"./4FEDDB7B.js";var t={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"},M=f`:host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-0);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{border-block-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-border-2))}.content:focus{border-block-end-width:4px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var(--calcite-color-brand)}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-color-text-3))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1);--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}calcite-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}.content:focus~calcite-action,.content:hover~calcite-action{--calcite-action-text-color: var(--calcite-menu-text-color, var(--calcite-color-text-1))}.content:focus~calcite-action:after,.content:hover~calcite-action:after{block-size:100%;inset-block:0}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends g{constructor(){super(),this.anchorEl=m(),this.dropdownActionEl=m(),this.hasSubmenu=!1,this.isTopLevelItem=!1,this.messages=E(),this.open=!1,this.calciteInternalMenuItemKeyEvent=h(),this.calciteMenuItemSelect=h(),this.listenOn(window,"click",this.handleClickOut),this.listen("focusout",this.handleFocusOut),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler)}static{this.properties={hasSubmenu:16,submenuItems:16,active:7,breadcrumb:7,href:1,iconEnd:3,iconFlipRtl:3,iconStart:3,isTopLevelItem:5,label:1,layout:3,messageOverrides:0,open:7,rel:3,target:3,text:1,topLevelMenuLayout:1}}static{this.styles=M}async setFocus(){await L(this),this.anchorEl.value.focus()}async load(){k(this)}loaded(){I(this)}handleClickOut(e){this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(e){this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)&&(this.open=!1)}blurHandler(){this.isFocused=!1}clickHandler(e){(this.href&&e.target===this.dropdownActionEl.value||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(e)}focusHandler(e){let n=e.target;this.isFocused=!0,n.open&&!this.open&&(n.open=!1)}handleMenuItemSlotChange(e){this.submenuItems=$(e),this.submenuItems.forEach(n=>{n.topLevelMenuLayout||(n.topLevelMenuLayout=this.topLevelMenuLayout)}),this.hasSubmenu=this.submenuItems.length>0}async keyDownHandler(e){let{hasSubmenu:n,href:a,layout:b,open:l,submenuItems:u}=this,o=e.key,s=e.target===this.dropdownActionEl.value;if(!e.defaultPrevented){if(o===" "||o==="Enter")n&&(!a||a&&s)&&(this.open=!l),!(a&&s)&&o!=="Enter"&&this.selectMenuItem(e),(o===" "||a&&s)&&e.preventDefault();else if(o==="Escape"){if(l){this.open=!1;return}this.calciteInternalMenuItemKeyEvent.emit({event:e}),e.preventDefault()}else if(o==="ArrowDown"||o==="ArrowUp"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="horizontal"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}else if(o==="ArrowLeft")e.preventDefault(),this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:!0});else if(o==="ArrowRight"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="vertical"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}}}selectMenuItem(e){e.target!==this.dropdownActionEl.value&&this.calciteMenuItemSelect.emit()}renderIconStart(){return c(t.iconStart,i`<calcite-icon class=${`${t.icon} ${t.iconStart}`} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`)}renderIconEnd(){return c(t.iconEnd,i`<calcite-icon class=${`${t.icon} ${t.iconEnd}`} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`)}renderBreadcrumbIcon(e){return c(t.iconBreadcrumb,i`<calcite-icon class=${`${t.icon} ${t.iconBreadcrumb}`} .icon=${e==="rtl"?"chevron-left":"chevron-right"} scale=s></calcite-icon>`)}renderDropdownIcon(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.iconDropdown,i`<calcite-icon class=${`${t.icon} ${t.iconDropdown}`} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} scale=s></calcite-icon>`)}renderDropdownAction(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.dropdownAction,i`<calcite-action class=${r(t.dropdownAction)} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} @click=${this.clickHandler} @keydown=${this.keyDownHandler} .text=${this.messages.open} ${p(this.dropdownActionEl)}></calcite-action>`)}renderSubmenuItems(e){return i`<calcite-menu class=${r({[t.dropdownMenuItems]:!0,[t.open]:this.open,[t.nested]:!this.isTopLevelItem,[y.rtl]:e==="rtl",[t.dropdownVertical]:this.topLevelMenuLayout==="vertical"})} .label=${this.messages.submenu} layout=vertical role=menu><slot name=submenu-item @slotchange=${this.handleMenuItemSlotChange}></slot></calcite-menu>`}renderHrefIcon(e){return c(t.hoverHrefIcon,i`<calcite-icon class=${r(t.hoverHrefIcon)} .icon=${e==="rtl"?"arrow-left":"arrow-right"} scale=s></calcite-icon>`)}renderItemContent(e){let n=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i`${this.iconStart&&this.renderIconStart()||""}<div class=${r(t.textContainer)}><span>${this.text}</span></div>${n&&this.renderHrefIcon(e)||""}${this.iconEnd&&this.renderIconEnd()||""}${this.breadcrumb?this.renderBreadcrumbIcon(e):null}${!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null}`}render(){let e=x(this.el);return i`<li class=${r({[t.container]:!0,[t.isParentVertical]:this.topLevelMenuLayout==="vertical"})} role=none><div class=${r(t.itemContent)}><a .ariaCurrent=${this.isFocused?"page":!1} .ariaExpanded=${this.open} .ariaHasPopup=${this.hasSubmenu} .ariaLabel=${this.label} class=${r({[t.layoutVertical]:this.layout==="vertical",[t.content]:!0})} href=${this.href??d} @click=${this.clickHandler} @keydown=${this.keyDownHandler} rel=${this.rel??d} role=menuitem .tabIndex=${this.isTopLevelItem?0:-1} target=${this.target??d} ${p(this.anchorEl)}>${this.renderItemContent(e)}</a>${this.href&&this.hasSubmenu?this.renderDropdownAction(e):null}</div>${this.renderSubmenuItems(e)}</li>`}};w("calcite-menu-item",v);export{v as MenuItem};
|
|
6
|
+
import{a as c}from"./O36UM2YX.js";import{a as E}from"./L2ZHRMF6.js";import{a as m,b as p}from"./UM42TNXK.js";import{e as x,v as $}from"./CIQO22V2.js";import{a as k,b as I,d as L}from"./QJPPZXYE.js";import"./2Y6BWCPL.js";import{B as y,I as w,d as f,e as i,u as h,v as g,w as r,y as d}from"./7TVOY533.js";var t={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"},M=f`:host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-0);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{border-block-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-border-2))}.content:focus{border-block-end-width:4px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var(--calcite-color-brand)}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-color-text-3))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1);--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}calcite-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}.content:focus~calcite-action,.content:hover~calcite-action{--calcite-action-text-color: var(--calcite-menu-text-color, var(--calcite-color-text-1))}.content:focus~calcite-action:after,.content:hover~calcite-action:after{block-size:100%;inset-block:0}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends g{constructor(){super(),this.anchorEl=m(),this.dropdownActionEl=m(),this.hasSubmenu=!1,this.isTopLevelItem=!1,this.messages=E(),this.open=!1,this.calciteInternalMenuItemKeyEvent=h(),this.calciteMenuItemSelect=h(),this.listenOn(window,"click",this.handleClickOut),this.listen("focusout",this.handleFocusOut),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler)}static{this.properties={hasSubmenu:16,submenuItems:16,active:7,breadcrumb:7,href:1,iconEnd:3,iconFlipRtl:3,iconStart:3,isTopLevelItem:5,label:1,layout:3,messageOverrides:0,open:7,rel:3,target:3,text:1,topLevelMenuLayout:1}}static{this.styles=M}async setFocus(){await L(this),this.anchorEl.value.focus()}async load(){k(this)}loaded(){I(this)}handleClickOut(e){this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(e){this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)&&(this.open=!1)}blurHandler(){this.isFocused=!1}clickHandler(e){(this.href&&e.target===this.dropdownActionEl.value||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(e)}focusHandler(e){let n=e.target;this.isFocused=!0,n.open&&!this.open&&(n.open=!1)}handleMenuItemSlotChange(e){this.submenuItems=$(e),this.submenuItems.forEach(n=>{n.topLevelMenuLayout||(n.topLevelMenuLayout=this.topLevelMenuLayout)}),this.hasSubmenu=this.submenuItems.length>0}async keyDownHandler(e){let{hasSubmenu:n,href:a,layout:b,open:l,submenuItems:u}=this,o=e.key,s=e.target===this.dropdownActionEl.value;if(!e.defaultPrevented){if(o===" "||o==="Enter")n&&(!a||a&&s)&&(this.open=!l),!(a&&s)&&o!=="Enter"&&this.selectMenuItem(e),(o===" "||a&&s)&&e.preventDefault();else if(o==="Escape"){if(l){this.open=!1;return}this.calciteInternalMenuItemKeyEvent.emit({event:e}),e.preventDefault()}else if(o==="ArrowDown"||o==="ArrowUp"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="horizontal"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}else if(o==="ArrowLeft")e.preventDefault(),this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:!0});else if(o==="ArrowRight"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="vertical"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}}}selectMenuItem(e){e.target!==this.dropdownActionEl.value&&this.calciteMenuItemSelect.emit()}renderIconStart(){return c(t.iconStart,i`<calcite-icon class=${`${t.icon} ${t.iconStart}`} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`)}renderIconEnd(){return c(t.iconEnd,i`<calcite-icon class=${`${t.icon} ${t.iconEnd}`} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`)}renderBreadcrumbIcon(e){return c(t.iconBreadcrumb,i`<calcite-icon class=${`${t.icon} ${t.iconBreadcrumb}`} .icon=${e==="rtl"?"chevron-left":"chevron-right"} scale=s></calcite-icon>`)}renderDropdownIcon(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.iconDropdown,i`<calcite-icon class=${`${t.icon} ${t.iconDropdown}`} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} scale=s></calcite-icon>`)}renderDropdownAction(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.dropdownAction,i`<calcite-action class=${r(t.dropdownAction)} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} @click=${this.clickHandler} @keydown=${this.keyDownHandler} .text=${this.messages.open} ${p(this.dropdownActionEl)}></calcite-action>`)}renderSubmenuItems(e){return i`<calcite-menu class=${r({[t.dropdownMenuItems]:!0,[t.open]:this.open,[t.nested]:!this.isTopLevelItem,[y.rtl]:e==="rtl",[t.dropdownVertical]:this.topLevelMenuLayout==="vertical"})} .label=${this.messages.submenu} layout=vertical role=menu><slot name=submenu-item @slotchange=${this.handleMenuItemSlotChange}></slot></calcite-menu>`}renderHrefIcon(e){return c(t.hoverHrefIcon,i`<calcite-icon class=${r(t.hoverHrefIcon)} .icon=${e==="rtl"?"arrow-left":"arrow-right"} scale=s></calcite-icon>`)}renderItemContent(e){let n=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i`${this.iconStart&&this.renderIconStart()||""}<div class=${r(t.textContainer)}><span>${this.text}</span></div>${n&&this.renderHrefIcon(e)||""}${this.iconEnd&&this.renderIconEnd()||""}${this.breadcrumb?this.renderBreadcrumbIcon(e):null}${!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null}`}render(){let e=x(this.el);return i`<li class=${r({[t.container]:!0,[t.isParentVertical]:this.topLevelMenuLayout==="vertical"})} role=none><div class=${r(t.itemContent)}><a .ariaCurrent=${this.isFocused?"page":!1} .ariaExpanded=${this.open} .ariaHasPopup=${this.hasSubmenu} .ariaLabel=${this.label} class=${r({[t.layoutVertical]:this.layout==="vertical",[t.content]:!0})} href=${this.href??d} @click=${this.clickHandler} @keydown=${this.keyDownHandler} rel=${this.rel??d} role=menuitem .tabIndex=${this.isTopLevelItem?0:-1} target=${this.target??d} ${p(this.anchorEl)}>${this.renderItemContent(e)}</a>${this.href&&this.hasSubmenu?this.renderDropdownAction(e):null}</div>${this.renderSubmenuItems(e)}</li>`}};w("calcite-menu-item",v);export{v as MenuItem};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a,b as d}from"./
|
|
6
|
+
import{a,b as d}from"./MMLWK4DR.js";import{a as l}from"./OTWCFHRW.js";import{I as o,d as t,e as s,v as i}from"./7TVOY533.js";var r=t`: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-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends i{constructor(){super(...arguments),this.disabled=!1,this.layout="horizontal"}static{this.properties={disabled:7,layout:3}}static{this.styles=r}load(){l.deprecated("component",{name:"tile-select-group",removalVersion:4,suggested:["tile","tile-group"]})}updated(){a(this)}render(){return d({disabled:this.disabled,children:s`<slot></slot>`})}};o("calcite-tile-select-group",e);export{e as TileSelectGroup};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
6
|
function e(r){return r.map(o=>{let t="";for(let n=0;n<o;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}).join("-")}var i=()=>e([2,1,1,1,3]);export{i as a};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{A as h,j as b,k as E}from"./
|
|
6
|
+
import{A as h,j as b,k as E}from"./CIQO22V2.js";var L="calciteInternalLabelClick",m="calciteInternalLabelConnected",f="calciteInternalLabelDisconnected",v="calcite-label",o=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,s=new Set,w=e=>{let{id:t}=e,n=t&&b(e,{selector:`${v}[for="${t}"]`});if(n)return n;let l=E(e,v);return!l||C(l,e)?null:l};function C(e,t){let n,l="custom-element-ancestor-check",i=a=>{a.stopImmediatePropagation();let u=a.composedPath();n=u.slice(u.indexOf(t),u.indexOf(e))};return e.addEventListener(l,i,{once:!0}),t.dispatchEvent(new CustomEvent(l,{composed:!0,bubbles:!0})),e.removeEventListener(l,i),n.filter(a=>a!==t&&a!==e).filter(a=>a.tagName?.includes("-")).length>0}function p(e){if(!e)return;let t=w(e.el);if(r.has(t)&&t===e.labelEl||!t&&s.has(e))return;let n=M.bind(e);if(t){e.labelEl=t;let l=o.get(t)||[];l.push(e),o.set(t,l.sort(k)),r.has(e.labelEl)||(r.set(e.labelEl,g),e.labelEl.addEventListener(L,g)),s.delete(e),document.removeEventListener(m,c.get(e)),d.set(e,n),document.addEventListener(f,n)}else s.has(e)||(n(),document.removeEventListener(f,d.get(e)))}function y(e){if(!e||(s.delete(e),document.removeEventListener(m,c.get(e)),document.removeEventListener(f,d.get(e)),c.delete(e),d.delete(e),!e.labelEl))return;let t=o.get(e.labelEl);t.length===1&&(e.labelEl.removeEventListener(L,r.get(e.labelEl)),r.delete(e.labelEl)),o.set(e.labelEl,t.filter(n=>n!==e).sort(k)),e.labelEl=null}function k(e,t){return h(e.el,t.el)?-1:1}function O(e){return e.label||e.labelEl?.textContent?.trim()||""}function g(e){let t=e.detail.sourceEvent.target,n=o.get(this),l=n.find(a=>a.el===t);if(n.includes(l))return;let i=n[0];i.disabled||i.onLabelClick(e)}function I(){s.has(this)&&p(this)}function M(){s.add(this);let e=c.get(this)||I.bind(this);c.set(this,e),document.addEventListener(m,e)}async function W(e){if(await e.componentOnReady(),o.has(e))return;let t=e.ownerDocument?.getElementById(e.for);t&&requestAnimationFrame(()=>{for(let n of s)if(n.el===t){p(n);break}})}export{m as a,f as b,p as c,y as d,O as e,W as f};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as de,d as N,e as pe}from"./6G4LSKHQ.js";import{a as ne}from"./JLVLYAMM.js";import{A as he,B as W,C as ce,a as b,b as s,c as v,d as F,e as $,f as p,g as M,h as S,i as D,j as H,l as O,m as K,q as P,r as w,t as se,u as re,w as U,x as z,y as E,z as k}from"./HOCCIMTT.js";import"./Y6CICLYL.js";import{a as te,b as ie}from"./XHP5EPAC.js";import{a as A}from"./IXSUMFGT.js";import{d as oe}from"./K5JK4RYO.js";import{a as le}from"./RQNKSFG5.js";import{a as ae}from"./DWWYII4N.js";import{b as f}from"./3W3BL57W.js";import{e as J,n as Y,x as L}from"./KWSSQ7FD.js";import{a as Q,b as Z,d as ee}from"./MUXC3UZV.js";import"./IQHRGIMB.js";import{I as G,d as q,e as C,i as y,u as R,v as X,w as h,x}from"./4FEDDB7B.js";var $e=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing: 8px}:host([scale=s]) .container{inline-size:198px}:host([scale=s]) .saved-colors{gap:.25rem;grid-template-columns:repeat(auto-fill,20px)}:host([scale=m]){--calcite-color-picker-spacing: 12px}:host([scale=m]) .container{inline-size:238px}:host([scale=l]){--calcite-color-picker-spacing: 16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:302px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill,32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors{display:grid;gap:.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill,24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,ke=16,j=class extends X{constructor(){super(),this.captureColorFieldColor=(e,t,i=!0)=>{let{dimensions:{colorField:{height:a,width:o}}}=this,l=Math.round(p.s/o*e),n=Math.round(p.v/a*(a-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(n),i)},this._color=v,this.drawColorControls=oe((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ke),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,n,{clientX:r,clientY:c}=e;a.canvas.matches(":hover")?(l=r-o.x,n=c-o.y):(r<o.x+o.width&&r>o.x?l=r-o.x:r<o.x?l=0:l=o.width,c<o.y+o.height&&c>o.y?n=c-o.y:c<o.y?n=0:n=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,n,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=U.HEX,this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.channelMode="rgb",this.channels=this.toChannels(v),this.dimensions=D.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.format="auto",this.hexDisabled=!1,this.messages=ae({blocking:!0}),this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=R({cancelable:!1}),this.calciteColorPickerInput=R({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:16,channels:16,colorFieldScopeLeft:16,colorFieldScopeTop:16,dimensions:16,hueScopeLeft:16,opacityScopeLeft:16,savedColors:16,scopeOrientation:16,allowEmpty:7,alphaChannel:5,channelsDisabled:5,clearable:7,color:0,disabled:7,format:3,hexDisabled:5,messageOverrides:0,numberingSystem:3,savedDisabled:7,scale:3,storageId:3,value:1}}static{this.styles=$e}get baseColorFieldColor(){return this.color||this.previousColor||v}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(){await ee(this),Y(this.el)}async load(){this._valueWasSet||(this._value??=P(w(v,this.alphaChannel))),Q(this),this.handleAllowEmptyOrClearableChange(),this.handleAlphaChannelDimensionsChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,l=z(a),n=o||i==="auto"&&l||i===l,r=o?null:n?b(a):t;n||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);let c=`${F}${this.storageId}`;this.storageId&&localStorage.getItem(c)&&(this.savedColors=JSON.parse(localStorage.getItem(c)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("dimensions")&&(this.hasUpdated||this.dimensions!==D.m))&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){te(this)}loaded(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=ce(this.dimensions,this.alphaChannel),this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateDimensions(e),this.updateCanvasSize("all"),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=z(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let n=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),n||this.calciteColorPickerChange.emit();return}let r=i&&!e?null:b(e!=null&&typeof e=="object"&&k(this.mode)?re(e):e),c=!E(r,this.color);(l||c)&&this.internalColorSet(r,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(l+o);this.internalColorSet(n,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,a=e.target.value;if(t&&!a){this.internalColorSet(null);return}let o=i&&P(w(i,k(this.mode)));a!==o&&this.internalColorSet(b(a))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(b(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=i===3?S.max:this.channelMode==="rgb"?$[Object.keys($)[i]]:p[Object.keys(p)[i]],o;if(!t.value)o="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let l=Number(t.value)+this.shiftKeyChannelAdjustment;o=de(l,0,a).toString()}t.value=o,o!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):o!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(s.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-9:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?$[Object.keys($)[e]]:p[Object.keys(p)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let o=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=o?K(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=W(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=M/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=K(S.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&E(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let a=t===U.HEXA;return P(w(e.round(),a),a)}if(t.includes("-css")){let a=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let o=a.slice(0,3),l=a.slice(4,-1);return`${o}a(${l}, ${e.alpha()})`}return a}let i=e[W(t)]().round().object();return t.endsWith("a")?se(i):i}getSliderCapSpacing(){let{dimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateDimensions(e="m"){this.dimensions=D[e]}deleteColor(){let e=w(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let t=this.savedColors.filter(a=>a!==e);this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}saveColor(){let e=w(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let t=[...this.savedColors,e];this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}drawColorField(){let e=this.colorFieldRenderingContext,{dimensions:{colorField:{height:t,width:i}}}=this;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,i,t);let a=e.createLinearGradient(0,0,i,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,i,t);let o=e.createLinearGradient(0,0,0,t);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,i,t),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dimensions:t}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let i={width:this.effectiveSliderWidth,height:t.slider.height+(t.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{dimensions:{colorField:{height:i,width:a},thumb:{radius:o}}}=this,l=t.saturationv()/(p.s/a),n=i-t.value()/(p.v/i);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=n}),this.drawThumb(this.colorFieldRenderingContext,o,l,n,t,!1)}drawThumb(e,t,i,a,o,l){let n=2*Math.PI,r=1;if(e.beginPath(),e.arc(i,a,t,0,n),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=r,e.stroke(),l&&o.alpha()<1){let d=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,n),e.fillStyle=d,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,n);let c=l?o.alpha():1;e.fillStyle=o.rgb().alpha(c).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(M/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=n}),this.drawThumb(this.hueSliderRenderingContext,i,n,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{dimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,n=e.createLinearGradient(0,0,l,0),r=["red","yellow","lime","cyan","blue","magenta","#ff0004"],c=1/(r.length-1),d=0;r.forEach(u=>{n.addColorStop(d,b(u).string()),d+=c}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=n,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,dimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,n=this.effectiveSliderWidth;e.clearRect(0,0,n,i+this.getSliderCapSpacing()*2);let r=e.createLinearGradient(0,l,n,0),c=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);r.addColorStop(0,c.string()),r.addColorStop(.5,d.string()),r.addColorStop(1,u.string()),this.drawSliderPath(e,i,n,o,l);let m=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=m,e.fill(),e.fillStyle=r,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let l=t/2+1;e.beginPath(),e.moveTo(a+l,o),e.lineTo(a+i-l,o),e.quadraticCurveTo(a+i,o,a+i,o+l),e.lineTo(a+i,o+t-l),e.quadraticCurveTo(a+i,o+t,a+i-l,o+t),e.lineTo(a+l,o+t),e.quadraticCurveTo(a,o+t,a,o+t-l),e.lineTo(a,o+l),e.quadraticCurveTo(a,o,a+l,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(S.max/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=n}),this.drawThumb(this.opacitySliderRenderingContext,i,n,l,t,!0)}getSliderBoundX(e,t,i){let a=pe(e,t,i);return a===0?e:a===-1?N(e,0,t,i,i*2):N(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(n,!1)}}updateColorFromChannels(e){this.internalColorSet(b(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().array().map((a,o)=>o===3?a:Math.floor(a));return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,dimensions:{thumb:{radius:o}},hexDisabled:l,hueScopeLeft:n,messages:r,alphaChannel:c,opacityScopeLeft:d,savedColors:u,savedDisabled:m,scale:g,scopeOrientation:ue}=this,V=this.effectiveSliderWidth,_=t?w(t,c):null,Ce=o,ve=n??V*v.hue()/p.h,ge=o,me=d??V*O(v.alpha())/S.max,B=t===void 0,T=ue==="vertical",[fe,be]=this.getAdjustedScopePosition(i,a),[Se,we]=this.getAdjustedScopePosition(ve,Ce),[ye,xe]=this.getAdjustedScopePosition(me,ge);return ie({disabled:this.disabled,children:C`<div class=${h(s.container)}><div class=${h(s.controlAndScope)}><canvas class=${h(s.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${f(this.initColorField)}></canvas><div .ariaLabel=${T?r.value:r.saturation} .ariaValueMax=${T?p.v:p.s} aria-valuemin=0 .ariaValueNow=${(T?t?.saturationv():t?.value())||"0"} class=${h({[s.scope]:!0,[s.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${be||0}px`,left:`${fe||0}px`})} tabindex=0 ${f(this.storeColorFieldScope)}></div></div><div class=${h(s.previewAndSliders)}><calcite-color-picker-swatch class=${h(s.preview)} .color=${_} .scale=${this.alphaChannel?"l":this.scale}></calcite-color-picker-swatch><div class=${h(s.sliders)}><div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${f(this.initHueSlider)}></canvas><div .ariaLabel=${r.hue} .ariaValueMax=${p.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||v.round().hue()} class=${h({[s.scope]:!0,[s.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${we}px`,left:`${Se}px`})} tabindex=0 ${f(this.storeHueScope)}></div></div>${c?C`<div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${f(this.initOpacitySlider)}></canvas><div .ariaLabel=${r.opacity} .ariaValueMax=${S.max} .ariaValueMin=${S.min} .ariaValueNow=${(t||v).round().alpha()} class=${h({[s.scope]:!0,[s.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${ye}px`})} tabindex=0 ${f(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:C`<div class=${h({[s.controlSection]:!0,[s.section]:!0})}><div class=${h(s.hexAndChannelsGroup)}>${l?null:C`<div class=${h(s.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${c} class=${h(s.control)} .messages=${r} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${g} .value=${_}></calcite-color-picker-hex-input></div>`}${e?null:C`<calcite-tabs class=${h({[s.colorModeContainer]:!0,[s.splitSection]:!0})} .scale=${g==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${m?null:C`<div class=${h({[s.savedColorsSection]:!0,[s.section]:!0})}><div class=${h(s.header)}><label>${r.saved}</label><div class=${h(s.savedColorsButtons)}><calcite-button appearance=transparent class=${h(s.deleteColor)} .disabled=${B} icon-start=minus kind=neutral .label=${r.deleteColor} @click=${this.deleteColor} .scale=${g} type=button></calcite-button><calcite-button appearance=transparent class=${h(s.saveColor)} .disabled=${B} icon-start=plus kind=neutral .label=${r.saveColor} @click=${this.saveColor} .scale=${g} type=button></calcite-button></div></div>${u.length>0?C`<div class=${h(s.savedColors)}>${ne(u,I=>I,I=>C`<calcite-color-picker-swatch class=${h(s.savedColor)} .color=${I} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${g} tabindex=0></calcite-color-picker-swatch>`)}</div>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return A(e,C`<calcite-tab-title class=${h(s.colorMode)} data-color-mode=${e??y} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,n=e===i,r=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],c=J(this.el),d=l?a:a.slice(0,3);return A(e,C`<calcite-tab class=${h(s.control)} .selected=${n}><div class=${h(s.channels)} dir=ltr>${d.map((u,m)=>{let g=m===3;return g&&(u=t&&!u?u:O(u)),this.renderChannel(u,m,r[m],c,g?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return A(t,C`<calcite-input-number class=${h(s.channel)} data-channel-index=${t??y} dir=${a??y} .label=${i} lang=${this.messages._lang??y} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};G("calcite-color-picker",j);export{j as ColorPicker};
|
|
6
|
+
import{a as de,d as N,e as pe}from"./CPHKUNQB.js";import{a as ne}from"./R4YQYV6A.js";import{A as he,B as W,C as ce,a as b,b as s,c as v,d as F,e as $,f as p,g as M,h as S,i as D,j as H,l as O,m as K,q as P,r as w,t as se,u as re,w as U,x as z,y as E,z as k}from"./ATTDSERP.js";import"./4IX2G2AW.js";import{a as te,b as ie}from"./MMLWK4DR.js";import{a as A}from"./O36UM2YX.js";import{d as oe}from"./XT54M4A3.js";import{a as le}from"./O6LHWBKQ.js";import{a as ae}from"./L2ZHRMF6.js";import{b as f}from"./UM42TNXK.js";import{e as J,n as Y,x as L}from"./CIQO22V2.js";import{a as Q,b as Z,d as ee}from"./QJPPZXYE.js";import"./2Y6BWCPL.js";import{I as G,d as q,e as C,i as y,u as R,v as X,w as h,x}from"./7TVOY533.js";var $e=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing: 8px}:host([scale=s]) .container{inline-size:198px}:host([scale=s]) .saved-colors{gap:.25rem;grid-template-columns:repeat(auto-fill,20px)}:host([scale=m]){--calcite-color-picker-spacing: 12px}:host([scale=m]) .container{inline-size:238px}:host([scale=l]){--calcite-color-picker-spacing: 16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:302px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill,32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors{display:grid;gap:.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill,24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,ke=16,j=class extends X{constructor(){super(),this.captureColorFieldColor=(e,t,i=!0)=>{let{dimensions:{colorField:{height:a,width:o}}}=this,l=Math.round(p.s/o*e),n=Math.round(p.v/a*(a-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(l).value(n),i)},this._color=v,this.drawColorControls=oe((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ke),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,l,n,{clientX:r,clientY:c}=e;a.canvas.matches(":hover")?(l=r-o.x,n=c-o.y):(r<o.x+o.width&&r>o.x?l=r-o.x:r<o.x?l=0:l=o.width,c<o.y+o.height&&c>o.y?n=c-o.y:c<o.y?n=0:n=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(l,n,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(l):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(l)},this.globalPointerUpHandler=e=>{if(!L(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=U.HEX,this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,this._valueWasSet=!1,this.channelMode="rgb",this.channels=this.toChannels(v),this.dimensions=D.m,this.savedColors=[],this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.format="auto",this.hexDisabled=!1,this.messages=ae({blocking:!0}),this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=R({cancelable:!1}),this.calciteColorPickerInput=R({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:16,channels:16,colorFieldScopeLeft:16,colorFieldScopeTop:16,dimensions:16,hueScopeLeft:16,opacityScopeLeft:16,savedColors:16,scopeOrientation:16,allowEmpty:7,alphaChannel:5,channelsDisabled:5,clearable:7,color:0,disabled:7,format:3,hexDisabled:5,messageOverrides:0,numberingSystem:3,savedDisabled:7,scale:3,storageId:3,value:1}}static{this.styles=$e}get baseColorFieldColor(){return this.color||this.previousColor||v}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value;this._value=e,this.handleValueChange(e,t),this._valueWasSet=!0}async setFocus(){await ee(this),Y(this.el)}async load(){this._valueWasSet||(this._value??=P(w(v,this.alphaChannel))),Q(this),this.handleAllowEmptyOrClearableChange(),this.handleAlphaChannelDimensionsChange();let{isClearable:e,color:t,format:i,value:a}=this,o=e&&!a,l=z(a),n=o||i==="auto"&&l||i===l,r=o?null:n?b(a):t;n||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);let c=`${F}${this.storageId}`;this.storageId&&localStorage.getItem(c)&&(this.savedColors=JSON.parse(localStorage.getItem(c)))}willUpdate(e){(e.has("allowEmpty")&&(this.hasUpdated||this.allowEmpty!==!1)||e.has("clearable")&&(this.hasUpdated||this.clearable!==!1))&&this.handleAllowEmptyOrClearableChange(),e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("dimensions")&&(this.hasUpdated||this.dimensions!==D.m))&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}updated(){te(this)}loaded(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler)}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!k(t)&&(console.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=ce(this.dimensions,this.alphaChannel),this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateDimensions(e),this.updateCanvasSize("all"),this.drawColorControls()}handleValueChange(e,t){let{isClearable:i,format:a}=this,o=!i||e,l=!1;if(o){let d=z(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}l=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===null)}let n=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),n||this.calciteColorPickerChange.emit();return}let r=i&&!e?null:b(e!=null&&typeof e=="object"&&k(this.mode)?re(e):e),c=!E(r,this.color);(l||c)&&this.internalColorSet(r,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[t]&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[t].x||0,this.colorFieldScopeTop+i[t].y||0,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(l+o);this.internalColorSet(n,!1)}}handleHexInputChange(e){e.stopPropagation();let{isClearable:t,color:i}=this,a=e.target.value;if(t&&!a){this.internalColorSet(null);return}let o=i&&P(w(i,k(this.mode)));a!==o&&this.internalColorSet(b(a))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(b(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=i===3?S.max:this.channelMode==="rgb"?$[Object.keys($)[i]]:p[Object.keys(p)[i]],o;if(!t.value)o="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;else{let l=Number(t.value)+this.shiftKeyChannelAdjustment;o=de(l,0,a).toString()}t.value=o,o!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):o!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.isClearable&&(t.value=a[i]?.toString())}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(s.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-9:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?$[Object.keys($)[e]]:p[Object.keys(p)[e]]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];if(this.isClearable&&!t.value){this.channels=[null,null,null,null],this.internalColorSet(null);return}let o=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(a[i]+1<=this.getChannelInputLimit(i)?a[i]+1:this.getChannelInputLimit(i)).toString():(a[i]-1>=0?a[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);let l=t.value?Number(t.value):a[i];a[i]=o?K(l):l,this.updateColorFromChannels(a)}handleSavedColorKeyDown(e){le(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)}handleCanvasControlPointerDown(e,t,i,a){L(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}storeColorFieldScope(e){this.colorFieldScopeNode=e}storeHueScope(e){this.hueScopeNode=e}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){console.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=k(e);if(i&&!a){let o=he(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=W(e);return t&&console.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=M/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=K(S.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&E(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=null)}toValue(e,t=this.mode){if(!e)return null;if(t.includes("hex")){let a=t===U.HEXA;return P(w(e.round(),a),a)}if(t.includes("-css")){let a=e[t.replace("-css","").replace("a","")]().round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let o=a.slice(0,3),l=a.slice(4,-1);return`${o}a(${l}, ${e.alpha()})`}return a}let i=e[W(t)]().round().object();return t.endsWith("a")?se(i):i}getSliderCapSpacing(){let{dimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateDimensions(e="m"){this.dimensions=D[e]}deleteColor(){let e=w(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let t=this.savedColors.filter(a=>a!==e);this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}saveColor(){let e=w(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let t=[...this.savedColors,e];this.savedColors=t;let i=`${F}${this.storageId}`;this.storageId&&localStorage.setItem(i,JSON.stringify(t))}drawColorField(){let e=this.colorFieldRenderingContext,{dimensions:{colorField:{height:t,width:i}}}=this;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,i,t);let a=e.createLinearGradient(0,0,i,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,i,t);let o=e.createLinearGradient(0,0,0,t);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,i,t),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dimensions:t}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let i={width:this.effectiveSliderWidth,height:t.slider.height+(t.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{dimensions:{colorField:{height:i,width:a},thumb:{radius:o}}}=this,l=t.saturationv()/(p.s/a),n=i-t.value()/(p.v/i);requestAnimationFrame(()=>{this.colorFieldScopeLeft=l,this.colorFieldScopeTop=n}),this.drawThumb(this.colorFieldRenderingContext,o,l,n,t,!1)}drawThumb(e,t,i,a,o,l){let n=2*Math.PI,r=1;if(e.beginPath(),e.arc(i,a,t,0,n),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=r,e.stroke(),l&&o.alpha()<1){let d=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,n),e.fillStyle=d,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,n);let c=l?o.alpha():1;e.fillStyle=o.rgb().alpha(c).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(M/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=n}),this.drawThumb(this.hueSliderRenderingContext,i,n,l,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{dimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,l=this.effectiveSliderWidth,n=e.createLinearGradient(0,0,l,0),r=["red","yellow","lime","cyan","blue","magenta","#ff0004"],c=1/(r.length-1),d=0;r.forEach(u=>{n.addColorStop(d,b(u).string()),d+=c}),e.clearRect(0,0,l,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,l,a,o),e.fillStyle=n,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,dimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,l=a-i/2,n=this.effectiveSliderWidth;e.clearRect(0,0,n,i+this.getSliderCapSpacing()*2);let r=e.createLinearGradient(0,l,n,0),c=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);r.addColorStop(0,c.string()),r.addColorStop(.5,d.string()),r.addColorStop(1,u.string()),this.drawSliderPath(e,i,n,o,l);let m=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=m,e.fill(),e.fillStyle=r,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let l=t/2+1;e.beginPath(),e.moveTo(a+l,o),e.lineTo(a+i-l,o),e.quadraticCurveTo(a+i,o,a+i,o+l),e.lineTo(a+i,o+t-l),e.quadraticCurveTo(a+i,o+t,a+i-l,o+t),e.lineTo(a+l,o+t),e.quadraticCurveTo(a,o+t,a,o+t-l),e.lineTo(a,o+l),e.quadraticCurveTo(a,o,a+l,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{dimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(S.max/a),l=i,n=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=n}),this.drawThumb(this.opacitySliderRenderingContext,i,n,l,t,!0)}getSliderBoundX(e,t,i){let a=pe(e,t,i);return a===0?e:a===-1?N(e,0,t,i,i*2):N(e,0,t,t-i*2,t-i)}storeOpacityScope(e){this.opacityScopeNode=e}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,a={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(a[i]){e.preventDefault();let o=a[i]*t,l=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(l+o);this.internalColorSet(n,!1)}}updateColorFromChannels(e){this.internalColorSet(b(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[null,null,null,null]}toChannels(e){let{channelMode:t}=this,i=e[t]().array().map((a,o)=>o===3?a:Math.floor(a));return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e-H/2,t-H/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,dimensions:{thumb:{radius:o}},hexDisabled:l,hueScopeLeft:n,messages:r,alphaChannel:c,opacityScopeLeft:d,savedColors:u,savedDisabled:m,scale:g,scopeOrientation:ue}=this,V=this.effectiveSliderWidth,_=t?w(t,c):null,Ce=o,ve=n??V*v.hue()/p.h,ge=o,me=d??V*O(v.alpha())/S.max,B=t===void 0,T=ue==="vertical",[fe,be]=this.getAdjustedScopePosition(i,a),[Se,we]=this.getAdjustedScopePosition(ve,Ce),[ye,xe]=this.getAdjustedScopePosition(me,ge);return ie({disabled:this.disabled,children:C`<div class=${h(s.container)}><div class=${h(s.controlAndScope)}><canvas class=${h(s.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${f(this.initColorField)}></canvas><div .ariaLabel=${T?r.value:r.saturation} .ariaValueMax=${T?p.v:p.s} aria-valuemin=0 .ariaValueNow=${(T?t?.saturationv():t?.value())||"0"} class=${h({[s.scope]:!0,[s.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${x({top:`${be||0}px`,left:`${fe||0}px`})} tabindex=0 ${f(this.storeColorFieldScope)}></div></div><div class=${h(s.previewAndSliders)}><calcite-color-picker-swatch class=${h(s.preview)} .color=${_} .scale=${this.alphaChannel?"l":this.scale}></calcite-color-picker-swatch><div class=${h(s.sliders)}><div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${f(this.initHueSlider)}></canvas><div .ariaLabel=${r.hue} .ariaValueMax=${p.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||v.round().hue()} class=${h({[s.scope]:!0,[s.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${x({top:`${we}px`,left:`${Se}px`})} tabindex=0 ${f(this.storeHueScope)}></div></div>${c?C`<div class=${h(s.controlAndScope)}><canvas class=${h({[s.slider]:!0,[s.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${f(this.initOpacitySlider)}></canvas><div .ariaLabel=${r.opacity} .ariaValueMax=${S.max} .ariaValueMin=${S.min} .ariaValueNow=${(t||v).round().alpha()} class=${h({[s.scope]:!0,[s.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${x({top:`${xe}px`,left:`${ye}px`})} tabindex=0 ${f(this.storeOpacityScope)}></div></div>`:null}</div></div>${l&&e?null:C`<div class=${h({[s.controlSection]:!0,[s.section]:!0})}><div class=${h(s.hexAndChannelsGroup)}>${l?null:C`<div class=${h(s.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.isClearable} .alphaChannel=${c} class=${h(s.control)} .messages=${r} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${g} .value=${_}></calcite-color-picker-hex-input></div>`}${e?null:C`<calcite-tabs class=${h({[s.colorModeContainer]:!0,[s.splitSection]:!0})} .scale=${g==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${m?null:C`<div class=${h({[s.savedColorsSection]:!0,[s.section]:!0})}><div class=${h(s.header)}><label>${r.saved}</label><div class=${h(s.savedColorsButtons)}><calcite-button appearance=transparent class=${h(s.deleteColor)} .disabled=${B} icon-start=minus kind=neutral .label=${r.deleteColor} @click=${this.deleteColor} .scale=${g} type=button></calcite-button><calcite-button appearance=transparent class=${h(s.saveColor)} .disabled=${B} icon-start=plus kind=neutral .label=${r.saveColor} @click=${this.saveColor} .scale=${g} type=button></calcite-button></div></div>${u.length>0?C`<div class=${h(s.savedColors)}>${ne(u,I=>I,I=>C`<calcite-color-picker-swatch class=${h(s.savedColor)} .color=${I} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${g} tabindex=0></calcite-color-picker-swatch>`)}</div>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return A(e,C`<calcite-tab-title class=${h(s.colorMode)} data-color-mode=${e??y} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{isClearable:t,channelMode:i,channels:a,messages:o,alphaChannel:l}=this,n=e===i,r=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],c=J(this.el),d=l?a:a.slice(0,3);return A(e,C`<calcite-tab class=${h(s.control)} .selected=${n}><div class=${h(s.channels)} dir=ltr>${d.map((u,m)=>{let g=m===3;return g&&(u=t&&!u?u:O(u)),this.renderChannel(u,m,r[m],c,g?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return A(t,C`<calcite-input-number class=${h(s.channel)} data-channel-index=${t??y} dir=${a??y} .label=${i} lang=${this.messages._lang??y} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.handleKeyDown} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} .scale=${this.scale==="l"?"m":"s"} style=${x({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};G("calcite-color-picker",j);export{j as ColorPicker};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{b as e}from"./
|
|
6
|
+
import{b as e}from"./JEXRZTKO.js";import"./QJ5RADK3.js";var _={name:"da",weekdays:"s\xF8ndag_mandag_tirsdag_onsdag_torsdag_fredag_l\xF8rdag".split("_"),weekdaysShort:"s\xF8n._man._tirs._ons._tors._fre._l\xF8r.".split("_"),weekdaysMin:"s\xF8._ma._ti._on._to._fr._l\xF8.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,yearStart:4,ordinal:function(r){return r+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"f\xE5 sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en m\xE5ned",MM:"%d m\xE5neder",y:"et \xE5r",yy:"%d \xE5r"}};e.locale(_,null,!0);var d=_;export{d as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as R}from"./
|
|
6
|
+
import{a as R}from"./BLDHV4O6.js";import{c as h,e as y,f as C,g as L,h as x,i as p}from"./4GMJFTYE.js";import"./XJA5XSYW.js";import{a as H}from"./DPQBPZTE.js";import"./O36UM2YX.js";import"./XT54M4A3.js";import{b as d}from"./UM42TNXK.js";import{h as b,j as k}from"./CIQO22V2.js";import{a as E}from"./2Y6BWCPL.js";import{I as w,d as m,e as v,u as n,v as g,w as l,z as T}from"./7TVOY533.js";var O={positionContainer:"position-container",container:"container"},I=300,D=500,S="aria-describedby";function P(s){let{referenceElement:e}=s;return(typeof e=="string"?k(s,{id:e}):e)||null}var u=class{constructor(){this.registeredElements=new WeakMap,this.registeredShadowRootCounts=new WeakMap,this.hoverOpenTimeout=null,this.hoverCloseTimeout=null,this.activeTooltip=null,this.registeredElementCount=0,this.clickedTooltip=null,this.queryTooltip=e=>{let{registeredElements:t}=this,i=e.find(o=>t.has(o));return t.get(i)},this.keyDownHandler=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let{activeTooltip:t}=this;if(t?.open){this.clearHoverTimeout(),this.closeActiveTooltip();let i=P(t),o=e.composedPath();(i instanceof Element&&o.includes(i)||o.includes(t))&&e.preventDefault()}}},this.pointerMoveHandler=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),{activeTooltip:i}=this,o=this.queryTooltip(t);if(this.pathHasOpenTooltip(o,t)){this.clearHoverTimeout();return}o!==this.clickedTooltip&&(o?this.openHoveredTooltip(o):i?.open&&this.closeHoveredTooltip(),this.clickedTooltip=null)},this.clickHandler=e=>{if(e.defaultPrevented)return;this.clickedTooltip=null;let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}if(this.closeActiveTooltip(),!!i){if(this.clearHoverTimeout(),i.closeOnClick){this.clickedTooltip=i,this.toggleTooltip(i,!1);return}this.toggleTooltip(i,!0)}},this.blurHandler=()=>{this.closeActiveTooltip()},this.focusInHandler=e=>{if(e.defaultPrevented)return;let t=e.composedPath(),i=this.queryTooltip(t);if(this.pathHasOpenTooltip(i,t)){this.clearHoverTimeout();return}i!==this.clickedTooltip&&(this.clickedTooltip=null,this.closeTooltipIfNotActive(i),i&&this.toggleFocusedTooltip(i,!0))},this.openHoveredTooltip=e=>{this.hoverOpenTimeout=window.setTimeout(()=>{this.hoverOpenTimeout!==null&&(this.clearHoverCloseTimeout(),this.closeTooltipIfNotActive(e),this.toggleTooltip(e,!0))},this.activeTooltip?.open?0:I)},this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout(()=>{this.hoverCloseTimeout!==null&&this.closeActiveTooltip()},D)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t);let i=this.getReferenceElShadowRootNode(e);i&&this.registerShadowRoot(i),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){let t=this.getReferenceElShadowRootNode(e);t&&this.unregisterShadowRoot(t),this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}pathHasOpenTooltip(e,t){let{activeTooltip:i}=this;return i?.open&&t.includes(i)||e?.open&&t.includes(e)}addShadowListeners(e){e.addEventListener("focusin",this.focusInHandler)}removeShadowListeners(e){e.removeEventListener("focusin",this.focusInHandler)}addListeners(){window.addEventListener("keydown",this.keyDownHandler),window.addEventListener("pointermove",this.pointerMoveHandler),window.addEventListener("click",this.clickHandler),window.addEventListener("focusin",this.focusInHandler),window.addEventListener("blur",this.blurHandler)}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler),window.removeEventListener("pointermove",this.pointerMoveHandler),window.removeEventListener("click",this.clickHandler),window.removeEventListener("focusin",this.focusInHandler),window.removeEventListener("blur",this.blurHandler)}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout(),this.clearHoverCloseTimeout()}closeTooltipIfNotActive(e){this.activeTooltip!==e&&this.closeActiveTooltip()}closeActiveTooltip(){let{activeTooltip:e}=this;e?.open&&this.toggleTooltip(e,!1)}toggleFocusedTooltip(e,t){t&&this.clearHoverTimeout(),this.toggleTooltip(e,t)}toggleTooltip(e,t){e.open=t,this.activeTooltip=t?e:null}registerShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.min((typeof i=="number"?i:0)+1,1);o===1&&this.addShadowListeners(e),t.set(e,o)}unregisterShadowRoot(e){let{registeredShadowRootCounts:t}=this,i=t.get(e),o=Math.max((typeof i=="number"?i:1)-1,0);o===0&&this.removeShadowListeners(e),t.set(e,o)}getReferenceElShadowRootNode(e){return e instanceof Element?b(e):null}},U=m`:host{position:relative;display:block;--calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;padding-block:.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));max-inline-size:20rem;max-block-size:20rem;text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-tooltip-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-tooltip-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-tooltip-border-color, var(--calcite-color-border-3))}:host([hidden]){display:none}[hidden]{display:none}`,A=new u,f=class extends g{constructor(){super(...arguments),this.guid=`calcite-tooltip-${E()}`,this.transitionProp="opacity",this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=p,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.calciteTooltipBeforeClose=n({cancelable:!1}),this.calciteTooltipBeforeOpen=n({cancelable:!1}),this.calciteTooltipClose=n({cancelable:!1}),this.calciteTooltipOpen=n({cancelable:!1})}static{this.properties={floatingLayout:16,referenceEl:16,closeOnClick:7,label:1,offsetDistance:11,offsetSkidding:11,open:7,overlayPositioning:3,placement:3,referenceElement:1}}static{this.styles=U}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:o,offsetDistance:r,offsetSkidding:a,arrowEl:c,floatingEl:z}=this;return y(this,{floatingEl:z,referenceEl:t,overlayPositioning:o,placement:i,offsetDistance:r,offsetSkidding:a,arrowEl:c,type:"tooltip"},e)}connectedCallback(){super.connectedCallback(),this.setUpReferenceElement(!0)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==p)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!=="auto"))&&this.reposition(!0),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("referenceElement")&&this.setUpReferenceElement()}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement()}disconnectedCallback(){super.disconnectedCallback(),this.removeReferences(),x(this)}openHandler(){H(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),C(this)}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setTransitionEl(e){this.transitionEl=e}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=P(this.el),L(this);let{el:t,referenceElement:i,referenceEl:o}=this;e&&i&&!o&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(S,t),A.registerElement(e,this.el)}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&e.removeAttribute(S),A.unregisterElement(e))}render(){let{referenceEl:e,label:t,open:i,floatingLayout:o}=this,r=e&&i,a=!r;return this.el.inert=a,this.el.ariaLabel=t,this.el.ariaLive="polite",T(this.el,"id",this.getId()),this.el.role="tooltip",v`<div class=${l(O.positionContainer)} ${d(this.setFloatingEl)}><div class=${l({[h.animation]:!0,[h.animationActive]:r})} ${d(this.setTransitionEl)}>${R({floatingLayout:o,ref:c=>this.arrowEl=c})}<div class=${l(O.container)}><slot></slot></div></div></div>`}};w("calcite-tooltip",f);export{f as Tooltip};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
4
|
-
* v3.0.0-next.
|
|
4
|
+
* v3.0.0-next.104
|
|
5
5
|
*/
|
|
6
|
-
import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./
|
|
6
|
+
import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./ATTDSERP.js";import"./4IX2G2AW.js";import{a as k}from"./O36UM2YX.js";import{b as d}from"./UM42TNXK.js";import{l as D}from"./CIQO22V2.js";import{a as E,b as B,d as T}from"./QJPPZXYE.js";import"./2Y6BWCPL.js";import{I as V,d as F,e as C,u as O,v as S,w as I}from"./7TVOY533.js";var g={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},j=F`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,b=x(),N=class extends S{constructor(){super(...arguments),this.internalColor=b,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=o(c(b,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=O({cancelable:!1})}static{this.properties={internalColor:16,alphaChannel:5,allowEmpty:5,hexLabel:1,messages:0,numberingSystem:1,scale:3,value:3}}static{this.styles=j}async setFocus(){return await T(this),D(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=o(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}load(){E(this)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==o(c(b,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}loaded(){B(this)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=y(a);(m(a,!0)||m(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(P(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let t=this.hexInputNode.value;if(t){let e=o(t,!1);if(p(e)&&this.alphaChannel&&this.internalColor){let a=o(this.internalColor.hexa(),!0).slice(-2);t=`${e+a}`}}this.internalSetValue(t,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=$(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&y(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:r,value:u}=this,{key:h}=t,w=t.composedPath();if(h==="Tab"&&m(u,this.alphaChannel)||h==="Enter"){w.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),h==="Enter"&&t.preventDefault();return}let R=h==="ArrowDown"||h==="ArrowUp",H=this.value;if(R){if(!u){this.internalSetValue(this.previousNonNullValue,H),t.preventDefault();return}let z=h==="ArrowUp"?1:-1,G=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(r,G*z,w.includes(i)?"rgb":"a"),s),H),t.preventDefault();return}let L=e||a||n,U=h.length===1,A=K.test(h);U&&!L&&!A&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&y(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=o(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),r=o(c(i,n),n),u=!s||r!==o(c(s,n),n);this.internalColor=i,this.previousNonNullValue=r,this.value=r,u&&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}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(i=>i+e),this.alphaChannel?l[3]:void 0];else{let i=$(f(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),r=this.formatOpacityForInternalInput(a),u=l==="l"?"m":"s";return C`<div class=${I(g.container)}><calcite-input-text class=${I(g.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${u} .value=${i} ${d(this.storeHexInputRef)}></calcite-input-text>${t?k("opacity-input",C`<calcite-input-number class=${I(g.opacityInput)} .label=${n?.opacity} .max=${v.max} max-length=3 .min=${v.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${u} suffix-text=% .value=${r} ${d(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};V("calcite-color-picker-hex-input",N);export{N as ColorPickerHexInput};
|