@esri/calcite-components 5.2.0-next.4 → 5.2.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{NNVS72ZQ.js → 244ERQCM.js} +1 -1
- package/dist/cdn/{2WTFQ6VU.js → 24HIUUSA.js} +1 -1
- package/dist/cdn/{FWMASCBJ.js → 2IU3EHCK.js} +1 -1
- package/dist/cdn/{OH6YFLLX.js → 2PWHFBYE.js} +1 -1
- package/dist/cdn/{QNANJC5N.js → 2TEG5UFR.js} +1 -1
- package/dist/cdn/{IKJKNZRO.js → 322PFF7Z.js} +1 -1
- package/dist/cdn/{EPBMP22J.js → 36ZG4GBQ.js} +1 -1
- package/dist/cdn/{IC76575N.js → 3CMHSLTX.js} +1 -1
- package/dist/cdn/{AC3VJGBR.js → 3HX4E5AT.js} +1 -1
- package/dist/cdn/{CCXEESJV.js → 3L4DDI45.js} +1 -1
- package/dist/cdn/3PIM6BMO.js +2 -0
- package/dist/cdn/{EWIM5HH4.js → 45ELN2PJ.js} +1 -1
- package/dist/cdn/{G2WKLE63.js → 46EH3H4M.js} +1 -1
- package/dist/cdn/{CTLPGOB7.js → 4IS55ZBO.js} +1 -1
- package/dist/cdn/{BKETK56P.js → 4ZNLMI7C.js} +1 -1
- package/dist/cdn/{NUPS67PK.js → 55RYBWXB.js} +1 -1
- package/dist/cdn/{TFI32YIW.js → 5BTPWVDT.js} +1 -1
- package/dist/cdn/{IWFPWFJR.js → 5BZENCNG.js} +1 -1
- package/dist/cdn/{KAINKHTB.js → 5CSUX3V5.js} +1 -1
- package/dist/cdn/{5HQW2B4L.js → 5EKUTIXQ.js} +1 -1
- package/dist/cdn/{CORQ5EDZ.js → 5NRU7OJF.js} +1 -1
- package/dist/cdn/{MU324X7S.js → 5Y6744HE.js} +1 -1
- package/dist/cdn/{XSDBVOII.js → 5ZQXBBQQ.js} +1 -1
- package/dist/cdn/{JNWSTJU6.js → 6OC2BJBW.js} +1 -1
- package/dist/cdn/6S2O33VJ.js +2 -0
- package/dist/cdn/{MHDQTRTS.js → 7BA5SO53.js} +1 -1
- package/dist/cdn/{O7X3EP3R.js → 7BR2ER3N.js} +1 -1
- package/dist/cdn/{HPI37X3H.js → 7EJ24UTN.js} +1 -1
- package/dist/cdn/{S6A7QIY2.js → 7OHPGPMA.js} +1 -1
- package/dist/cdn/{AV2KGCM3.js → 7RH2SJQU.js} +1 -1
- package/dist/cdn/{UJRHNVSJ.js → 7Y3S5Y55.js} +1 -1
- package/dist/cdn/{Z3TMJ6KM.js → 7ZFIBIHG.js} +1 -1
- package/dist/cdn/{3W6YYTUS.js → AK6XLW7N.js} +1 -1
- package/dist/cdn/{L7ZU6UHP.js → AO3P5HVZ.js} +1 -1
- package/dist/cdn/{YZTUQM6P.js → BP25LS3Z.js} +1 -1
- package/dist/cdn/{UF2N6ABQ.js → BXU65LPT.js} +1 -1
- package/dist/cdn/{XUGBNEVM.js → C3PA7JRL.js} +1 -1
- package/dist/cdn/{XZ3BWCEM.js → CDH5LXVD.js} +1 -1
- package/dist/cdn/{3AZFSAZW.js → COKKZKHK.js} +1 -1
- package/dist/cdn/{5MJOA2EC.js → DHNR7VLX.js} +1 -1
- package/dist/cdn/{DM5PCYTC.js → DMOGCVWZ.js} +1 -1
- package/dist/cdn/{UJQUDROZ.js → DNCMORYJ.js} +1 -1
- package/dist/cdn/{BQXZQXDH.js → DUY5W2J3.js} +1 -1
- package/dist/cdn/{JL6EDIGB.js → DWSDEXRF.js} +1 -1
- package/dist/cdn/{CHVPHDET.js → E3RCK74P.js} +1 -1
- package/dist/cdn/{Y6TCI7PY.js → EFVZRX3W.js} +1 -1
- package/dist/cdn/{JOSZJ4U5.js → ETT4WWDK.js} +1 -1
- package/dist/cdn/{F2DLFMMQ.js → EVU777DB.js} +1 -1
- package/dist/cdn/{JJRBBNII.js → F4ZYZO6J.js} +1 -1
- package/dist/cdn/{44WTMUOU.js → F5AGI2QN.js} +1 -1
- package/dist/cdn/{UFPS5THO.js → FAMZWCRE.js} +1 -1
- package/dist/cdn/{GCQOLCYX.js → FGRTUJKR.js} +1 -1
- package/dist/cdn/{R2HCYTV3.js → FTXCSWSH.js} +1 -1
- package/dist/cdn/{USMDWOOR.js → FYEPBQFF.js} +1 -1
- package/dist/cdn/{GWO7M4CB.js → G6G7V52J.js} +1 -1
- package/dist/cdn/{2CPNDRJN.js → GHJCL53I.js} +1 -1
- package/dist/cdn/{S7RFXIID.js → GX6IID4J.js} +1 -1
- package/dist/cdn/{PQIVVLWM.js → HB6ZWNJ6.js} +1 -1
- package/dist/cdn/{DFHWYAUO.js → HFYWGKZY.js} +1 -1
- package/dist/cdn/{L4565LYV.js → HHE6MZFG.js} +1 -1
- package/dist/cdn/{JACGCENG.js → HIELBAF7.js} +1 -1
- package/dist/cdn/{DGXWUFHV.js → HJXYIWMX.js} +1 -1
- package/dist/cdn/{YM3XWOJY.js → HZVGGFHL.js} +1 -1
- package/dist/cdn/{RLQPAL3G.js → I46XWJBK.js} +1 -1
- package/dist/cdn/{TWVG44TI.js → I4WD7S3Q.js} +1 -1
- package/dist/cdn/{CP4Z56ZR.js → ILPIQWU7.js} +1 -1
- package/dist/cdn/{NO2IBH5N.js → IOFLSPTQ.js} +1 -1
- package/dist/cdn/{HHOCH2WQ.js → IYXJEO3U.js} +1 -1
- package/dist/cdn/{VXQU67VG.js → J4SYG3DY.js} +1 -1
- package/dist/cdn/{JMOU4F7W.js → J6UBJZOW.js} +1 -1
- package/dist/cdn/{XI3FBKU5.js → JCZW5TS2.js} +1 -1
- package/dist/cdn/{BC2RGQAT.js → JRKNYKHL.js} +1 -1
- package/dist/cdn/{PT3URJPT.js → JSQBAVBT.js} +1 -1
- package/dist/cdn/{TJKKXO65.js → K6XQCMHC.js} +1 -1
- package/dist/cdn/{IOQX4VTU.js → KANZL7X4.js} +1 -1
- package/dist/cdn/{ARJXIE5E.js → KBJCC6M3.js} +1 -1
- package/dist/cdn/{PFQXFR3J.js → KG2UEHKF.js} +1 -1
- package/dist/cdn/{XL7EXU56.js → KSCSAABI.js} +1 -1
- package/dist/cdn/{24XW36XW.js → KW6UJGMB.js} +1 -1
- package/dist/cdn/{Q6D2HYAM.js → KZQTUYY3.js} +1 -1
- package/dist/cdn/{WV7Y7ZAG.js → L47IPAUB.js} +1 -1
- package/dist/cdn/{MFPSZIXT.js → LCFR6GTY.js} +1 -1
- package/dist/cdn/{6M54QVXX.js → M4NJVOHB.js} +1 -1
- package/dist/cdn/{C7G4TGZX.js → M5TS7WI7.js} +1 -1
- package/dist/cdn/{XJQE4TBM.js → MCWOYBP4.js} +1 -1
- package/dist/cdn/{CARY3C4R.js → MMDRAXBD.js} +1 -1
- package/dist/cdn/{I62TONNU.js → MPLVWYDA.js} +1 -1
- package/dist/cdn/{TZEYHRND.js → MPZEO75L.js} +1 -1
- package/dist/cdn/{S6CBIU4I.js → MWLCAYYX.js} +1 -1
- package/dist/cdn/{R4LR6JBT.js → MWYYOL2T.js} +1 -1
- package/dist/cdn/{HUHXPX4S.js → MZWGXNX4.js} +1 -1
- package/dist/cdn/{Z32RDX4L.js → NBZOLUHH.js} +1 -1
- package/dist/cdn/{7CTKDBNP.js → NN2IHPEX.js} +1 -1
- package/dist/cdn/{CKNWJGRW.js → NWEOQPRQ.js} +1 -1
- package/dist/cdn/{BXPPKXA4.js → NXZ67AHU.js} +1 -1
- package/dist/cdn/{5J5YPAQF.js → O3BCYJMC.js} +1 -1
- package/dist/cdn/{GLB7VDX7.js → O5PLNZUB.js} +1 -1
- package/dist/cdn/{UMVL2A7E.js → OD7YQVTL.js} +1 -1
- package/dist/cdn/{2NVBHC4D.js → ODO44U4I.js} +1 -1
- package/dist/cdn/OIS2OCUI.js +20 -0
- package/dist/cdn/{QURCJOLS.js → PBTE3AQR.js} +1 -1
- package/dist/cdn/{ZN2URSJV.js → PCVAFTNV.js} +1 -1
- package/dist/cdn/{3VTWLNYM.js → PEL5LMQA.js} +1 -1
- package/dist/cdn/{5Z6Y27PN.js → PKHPMEIN.js} +1 -1
- package/dist/cdn/{5F5N45N2.js → PLP76FWF.js} +1 -1
- package/dist/cdn/{QZXRRHZI.js → PQOWSFUI.js} +1 -1
- package/dist/cdn/{GBYDFEYR.js → PRWKGDJR.js} +1 -1
- package/dist/cdn/{5BRHCY56.js → Q6E7AO5H.js} +1 -1
- package/dist/cdn/{NY4L6FEN.js → QD3AIKVA.js} +1 -1
- package/dist/cdn/{7KZDKRE5.js → QDVQOMAF.js} +1 -1
- package/dist/cdn/{XFLOOJCN.js → QGJHYPKZ.js} +1 -1
- package/dist/cdn/{VFE65IIH.js → QJ3HRQHV.js} +1 -1
- package/dist/cdn/{FSYJWUBV.js → QKS7EOFA.js} +1 -1
- package/dist/cdn/{OGL4GEZF.js → QMBCFBKX.js} +1 -1
- package/dist/cdn/{EW27G33J.js → QP2DLERM.js} +1 -1
- package/dist/cdn/{BUA4VQLY.js → R7RCLEUS.js} +1 -1
- package/dist/cdn/{2BIW77FS.js → REGGVDSA.js} +1 -1
- package/dist/cdn/{VMUOIKWP.js → RL6433GX.js} +1 -1
- package/dist/cdn/{U6OTDRDG.js → RNBHN3DC.js} +1 -1
- package/dist/cdn/{CF6R3CEF.js → RNPVTYW7.js} +1 -1
- package/dist/cdn/{Q74VIYYT.js → SEFQONXQ.js} +1 -1
- package/dist/cdn/{LQPCOJZC.js → SIBHS5A2.js} +1 -1
- package/dist/cdn/{B255QVJJ.js → SR455Z6P.js} +1 -1
- package/dist/cdn/{CMY74TQR.js → T5AZQF23.js} +1 -1
- package/dist/cdn/{C5UFPB7M.js → TH2V4WUT.js} +1 -1
- package/dist/cdn/{3GYZZNF6.js → TNFD3HYK.js} +1 -1
- package/dist/cdn/{VIAY4ZRC.js → TOBPOAGZ.js} +1 -1
- package/dist/cdn/{TTBDTS7V.js → TTYV37HC.js} +1 -1
- package/dist/cdn/{XCKTCFWS.js → TYZTOEVY.js} +1 -1
- package/dist/cdn/{4XXCMSYK.js → V3PU3YQV.js} +1 -1
- package/dist/cdn/{CYYQXD64.js → VQAXZFZK.js} +1 -1
- package/dist/cdn/{AH2ILKOU.js → VWOB3FKQ.js} +1 -1
- package/dist/cdn/{4ENZX7JD.js → WJ5ZTHI4.js} +1 -1
- package/dist/cdn/{NTTXPITY.js → WSZT4GBO.js} +1 -1
- package/dist/cdn/{DYLGNP2R.js → WY3R7VLJ.js} +1 -1
- package/dist/cdn/{U7OV6L43.js → X2K2EAV2.js} +1 -1
- package/dist/cdn/{2GIYJ5S4.js → X3DDLV2Y.js} +1 -1
- package/dist/cdn/{2GFEIPYA.js → Y3CYF4JT.js} +1 -1
- package/dist/cdn/{D7PUB2VW.js → Y6HZAGBB.js} +1 -1
- package/dist/cdn/{NKZDXCA3.js → YCNLKQMF.js} +1 -1
- package/dist/cdn/{N5DDKO3N.js → YPPRNINV.js} +1 -1
- package/dist/cdn/{JXHQEAMO.js → Z5GDMSB2.js} +1 -1
- package/dist/cdn/{UZLV6ZKB.js → Z5OIB5PU.js} +1 -1
- package/dist/cdn/{I2YZCTNB.js → ZMMAK3SH.js} +1 -1
- package/dist/cdn/assets/input/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input-number/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/input-text/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-combobox/customElement.d.ts +10 -10
- package/dist/components/calcite-combobox/customElement.js +25 -21
- package/dist/components/calcite-combobox-item/customElement.d.ts +5 -5
- package/dist/components/calcite-combobox-item/customElement.js +1 -0
- package/dist/components/calcite-combobox-item-group/customElement.d.ts +1 -1
- package/dist/components/calcite-graph/customElement.d.ts +3 -3
- package/dist/components/calcite-graph/customElement.js +11 -15
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/translations.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +11 -9
- package/dist/cdn/P6AYQBI6.js +0 -2
- package/dist/cdn/T2LA26T7.js +0 -2
- package/dist/cdn/X4J4PEMW.js +0 -20
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as Q}from"./N5DDKO3N.js";import{a as U,b as g,c as q,d as W,e as M,j as a}from"./4XXCMSYK.js";import{a as Z}from"./R4LR6JBT.js";import{a as Y}from"./XZ3BWCEM.js";import{c as J}from"./UMVL2A7E.js";import{c as _,d as K,e as G}from"./NO2IBH5N.js";import{a as L}from"./NTTXPITY.js";import{a as E}from"./UJQUDROZ.js";import{b as A}from"./YP3AYJH3.js";import{a as F}from"./L4565LYV.js";import{a as P}from"./YM3XWOJY.js";import{a as j}from"./ZWPNZ5XW.js";import{c as H,e as R}from"./5BRHCY56.js";import"./MFPSZIXT.js";import{o as I,w as $}from"./AH2ILKOU.js";import"./T6CCMW7H.js";import{D as T,E as y,F as w,G as C,H as c,L as N,M as D,S as O,g as B,h as s,l as p,p as x}from"./FWMASCBJ.js";var r={loader:"loader",clearButton:"clear-button",clearable:"clearable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},X={validationMessage:"inputNumberValidationMessage"},ne={action:"action"},ee={chevronUp:"chevron-up",chevronDown:"chevron-down"},te={up:"up",down:"down"},re=150,le=B`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-number-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-number-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;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;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`,V=class extends C{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=H(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=y(),this.direction=R(),this.formSupport=J({inputType:"number"})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=F({blocking:!0}),this.focusSetter=P()(this),this.interactiveContainer=L(this),this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputNumberChange=x({cancelable:!1}),this.calciteInputNumberInput=x(),this.calciteInternalInputNumberBlur=x({cancelable:!1}),this.calciteInternalInputNumberFocus=x({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:N,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:N,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=le}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childNumberRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),_(this)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=I({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||void 0),e.has("min")&&(this.minString=this.min?.toString()||void 0),e.has("icon")&&(this.requestedIcon=I({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),K(this),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":g(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()))}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,u){let{value:n}=this;if(n==="Infinity"||n==="-Infinity")return;let b=e==="up"?1:-1,l=this.integer&&typeof this.step=="number"?Math.round(this.step):this.step,h=l==="any"?1:Math.abs(l||1),d=new U(n!==""?n:"0").add(`${h*b}`),f=()=>typeof i=="number"&&!isNaN(i)&&d.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!d.subtract(`${t}`).isNegative,o=f()?`${i}`:m()?`${t}`:d.toString();this.setNumberValue({committing:!0,nativeEvent:u,origin:"user",value:o})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){this.stopNudging(),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!g(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:q(i)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){e.preventDefault(),this.nudgeNumberValue("down",e);return}let t=[...A,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,u=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,u,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let n=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(n){n=!1;return}this.incrementOrDecrementNumberValue(e,i,u,t)},re)}nudgeButtonPointerUpHandler(e){$(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!$(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputNumberValue(e){this.childNumberRef.value&&(this.childNumberRef.value.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return g(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:u,value:n}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let b=this.previousValue?.length>n.length||this.value?.length>n.length,l=this.integer?n.replace(/[e.]/g,""):n,h=l.charAt(l.length-1)===".",v=l.charAt(0)==="-",d=l.match(/^-?(0+)\d/),f=h&&b?l:W(l),m=n&&!f?g(this.previousValue)?this.previousValue:"":f,o=a.localize(m);i!=="connected"&&!h&&(o=M(o,m,a)),h&&b&&(o=`${o}${a.decimal}`),d&&(o=`${v?o.charAt(0):""}${a.localize("0").repeat(d[1].length)}${v?o.slice(1):o}`),this.displayedValue=o,this.setPreviousNumberValue(u??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let S=["-","."].includes(m)?"":m;this.value=S;let ie=new Set(["e","E",a.decimal,a.minusSign,a.group,...a.digits]),k=this.childNumberRef.value?.value;if(k){let z=Array.from(k).filter(ae=>ie.has(ae)).join("");z!==k&&this.setInputNumberValue(z)}i==="direct"&&(this.setInputNumberValue(o),this.setPreviousEmittedNumberValue(S)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!g(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${c(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=s`<div class=${c(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputValue}>${Q({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,u=s`<div class=${c(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${j(this.scale)}></calcite-icon></div>`,n=this.numberButtonType==="horizontal",b=s`<div aria-hidden=true class=${c({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=${te.up} data-testid=number-button-up @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ee.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,l=s`<div aria-hidden=true class=${c({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=${te.down} data-testid=number-button-down @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ee.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,h=s`<div class=${c(r.numberButtonWrapper)}>${b}${l}</div>`,v=s`<div class=${c(r.prefix)}>${this.prefixText}</div>`,d=s`<div class=${c(r.suffix)}>${this.suffixText}</div>`,f=E("localized-input",s`<input aria-errormessage=${X.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${G(this)} autocomplete=${this.autocomplete??p} .autofocus=${this.el.autofocus} value=${this.defaultValue??p} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??p} inputmode=${(this.el.inputMode||"decimal")??p} maxlength=${this.maxLength??p} minlength=${this.minLength??p} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??p} .readOnly=${this.readOnly} .required=${this.required} type=text .value=${T(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&Y({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c({[r.inputWrapper]:!0,[D.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText,[r.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}><div class=${c(r.wrapper)}>${this.loading?t:null}${this.numberButtonType==="horizontal"&&!this.readOnly?l:null}${this.prefixText?v:null}${this.requestedIcon?u:null}${f}${this.isClearable?i:null}${this.suffixText?d:null}${this.numberButtonType==="horizontal"&&!this.readOnly?b:null}${this.numberButtonType==="vertical"&&!this.readOnly?h:null}</div><div class=${c(r.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${ne.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?Z({icon:this.validationIcon,id:X.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",V);export{V as InputNumber};
|
|
2
|
+
import{a as Q}from"./YPPRNINV.js";import{a as U,b as g,c as q,d as W,e as M,j as a}from"./V3PU3YQV.js";import{a as Z}from"./MWYYOL2T.js";import{a as Y}from"./CDH5LXVD.js";import{c as J}from"./OD7YQVTL.js";import{c as _,d as K,e as G}from"./IOFLSPTQ.js";import{a as L}from"./WSZT4GBO.js";import{a as E}from"./DNCMORYJ.js";import{b as A}from"./YP3AYJH3.js";import{a as F}from"./HHE6MZFG.js";import{a as P}from"./HZVGGFHL.js";import{a as j}from"./ZWPNZ5XW.js";import{c as H,e as R}from"./Q6E7AO5H.js";import"./LCFR6GTY.js";import{o as I,w as $}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{D as T,E as y,F as w,G as C,H as c,L as N,M as D,S as O,g as B,h as s,l as p,p as x}from"./2IU3EHCK.js";var r={loader:"loader",clearButton:"clear-button",clearable:"clearable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},X={validationMessage:"inputNumberValidationMessage"},ne={action:"action"},ee={chevronUp:"chevron-up",chevronDown:"chevron-down"},te={up:"up",down:"down"},re=150,le=B`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-number-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-number-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;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;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-sm-plus)}`,V=class extends C{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=H(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=y(),this.direction=R(),this.formSupport=J({inputType:"number"})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=F({blocking:!0}),this.focusSetter=P()(this),this.interactiveContainer=L(this),this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputNumberChange=x({cancelable:!1}),this.calciteInputNumberInput=x(),this.calciteInternalInputNumberBlur=x({cancelable:!1}),this.calciteInternalInputNumberFocus=x({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:N,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:N,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=le}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childNumberRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),_(this)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=I({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||void 0),e.has("min")&&(this.minString=this.min?.toString()||void 0),e.has("icon")&&(this.requestedIcon=I({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),K(this),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":g(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()))}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,u){let{value:n}=this;if(n==="Infinity"||n==="-Infinity")return;let b=e==="up"?1:-1,l=this.integer&&typeof this.step=="number"?Math.round(this.step):this.step,h=l==="any"?1:Math.abs(l||1),d=new U(n!==""?n:"0").add(`${h*b}`),f=()=>typeof i=="number"&&!isNaN(i)&&d.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!d.subtract(`${t}`).isNegative,o=f()?`${i}`:m()?`${t}`:d.toString();this.setNumberValue({committing:!0,nativeEvent:u,origin:"user",value:o})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){this.stopNudging(),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!g(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:q(i)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){e.preventDefault(),this.nudgeNumberValue("down",e);return}let t=[...A,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,u=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,u,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let n=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(n){n=!1;return}this.incrementOrDecrementNumberValue(e,i,u,t)},re)}nudgeButtonPointerUpHandler(e){$(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!$(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputNumberValue(e){this.childNumberRef.value&&(this.childNumberRef.value.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return g(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:u,value:n}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let b=this.previousValue?.length>n.length||this.value?.length>n.length,l=this.integer?n.replace(/[e.]/g,""):n,h=l.charAt(l.length-1)===".",v=l.charAt(0)==="-",d=l.match(/^-?(0+)\d/),f=h&&b?l:W(l),m=n&&!f?g(this.previousValue)?this.previousValue:"":f,o=a.localize(m);i!=="connected"&&!h&&(o=M(o,m,a)),h&&b&&(o=`${o}${a.decimal}`),d&&(o=`${v?o.charAt(0):""}${a.localize("0").repeat(d[1].length)}${v?o.slice(1):o}`),this.displayedValue=o,this.setPreviousNumberValue(u??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let S=["-","."].includes(m)?"":m;this.value=S;let ie=new Set(["e","E",a.decimal,a.minusSign,a.group,...a.digits]),k=this.childNumberRef.value?.value;if(k){let z=Array.from(k).filter(ae=>ie.has(ae)).join("");z!==k&&this.setInputNumberValue(z)}i==="direct"&&(this.setInputNumberValue(o),this.setPreviousEmittedNumberValue(S)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!g(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${c(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=s`<div class=${c(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputValue}>${Q({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,u=s`<div class=${c(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${j(this.scale)}></calcite-icon></div>`,n=this.numberButtonType==="horizontal",b=s`<div aria-hidden=true class=${c({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=${te.up} data-testid=number-button-up @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ee.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,l=s`<div aria-hidden=true class=${c({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:n})} data-adjustment=${te.down} data-testid=number-button-down @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ee.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,h=s`<div class=${c(r.numberButtonWrapper)}>${b}${l}</div>`,v=s`<div class=${c(r.prefix)}>${this.prefixText}</div>`,d=s`<div class=${c(r.suffix)}>${this.suffixText}</div>`,f=E("localized-input",s`<input aria-errormessage=${X.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${G(this)} autocomplete=${this.autocomplete??p} .autofocus=${this.el.autofocus} value=${this.defaultValue??p} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??p} inputmode=${(this.el.inputMode||"decimal")??p} maxlength=${this.maxLength??p} minlength=${this.minLength??p} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??p} .readOnly=${this.readOnly} .required=${this.required} type=text .value=${T(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&Y({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c({[r.inputWrapper]:!0,[D.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText,[r.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}><div class=${c(r.wrapper)}>${this.loading?t:null}${this.numberButtonType==="horizontal"&&!this.readOnly?l:null}${this.prefixText?v:null}${this.requestedIcon?u:null}${f}${this.isClearable?i:null}${this.suffixText?d:null}${this.numberButtonType==="horizontal"&&!this.readOnly?b:null}${this.numberButtonType==="vertical"&&!this.readOnly?h:null}</div><div class=${c(r.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${ne.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?Z({icon:this.validationIcon,id:X.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",V);export{V as InputNumber};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as G}from"./CTLPGOB7.js";import{b as h}from"./LKEGNPWV.js";import{b as p}from"./4XXCMSYK.js";import{a as j}from"./R4LR6JBT.js";import{a as K}from"./XZ3BWCEM.js";import{c as _}from"./UMVL2A7E.js";import{c as A,d as U,e as N}from"./NO2IBH5N.js";import"./7CTKDBNP.js";import{a as L}from"./NTTXPITY.js";import"./YP3AYJH3.js";import{a as V}from"./L4565LYV.js";import{a as q}from"./YM3XWOJY.js";import{a as B}from"./ZWPNZ5XW.js";import{e as M}from"./5BRHCY56.js";import"./MFPSZIXT.js";import"./AH2ILKOU.js";import"./T6CCMW7H.js";import{E as l,F as c,G as z,H as a,L as E,S as D,g as T,h as n,l as t,p as u}from"./FWMASCBJ.js";var se=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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover, var(--calcite-color-text-1))}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i={clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=V(),this.containerRef=l(),this.direction=M(),this.focusSetter=q()(this),this.formSupport=_({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=G(this),this.interactiveContainer=L(this),this.timePickerRef=l(),this.hasFocus=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),A(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),U(this)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:s}=this;e!==s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=s)}keyDownHandler(e){let{defaultPrevented:s,key:o}=e,{hourFormat:r,meridiemOrder:d}=this.time;if(!s)if(o==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&o==="Escape")this.open=!1,e.preventDefault();else{let v=h(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:o==="ArrowRight"?this.setFocusPart("minute"):o==="ArrowLeft"&&r==="12"&&d===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(o){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(o){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":h(this.step)>0?this.setFocusPart("fractionalSecond"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(o){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":r==="12"&&d!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:o==="ArrowLeft"&&d!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):o==="ArrowRight"&&d===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let s=e.detail;s!==this.value?this.value=s:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:s,scale:o}=this,{fractionalSecond:r,handleHourKeyDownEvent:d,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:J,hour:b,hourFormat:Q,localizedDecimalSeparator:W,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:X,localizedMinute:H,localizedMinuteSuffix:Y,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:Z,minute:$,second:w}=this.time,x="--",ee=p(r),ie=p(b),te=p($),ae=p(w),I=h(this.step)>0,O=Q==="12",oe=this.step<60,R=Z===0||this.direction==="rtl",m=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:s})} role=combobox ${c(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${o==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${N(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${f.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?d:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.hourRef)}>${S||x}</span><span class=${a(i.hourSuffix)}>${X}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(te&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?v:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.minuteRef)}>${H||x}</span><span class=${a(i.minuteSuffix)}>${Y}</span>${oe&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ae&&parseInt(w)||"0")??t} aria-valuetext=${w??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.secondRef)}>${C||x}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${W}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ee&&parseInt(r)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?J:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.fractionalSecondRef)}>${k||"".padStart(h(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${c(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${c(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:s,meridiem:o}=this.time,r=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${o==="PM"&&"2"||"1"} aria-valuetext=${o??t} class=${a({[i.empty]:!s,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${r?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.meridiemRef)}>${s||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${B(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
2
|
+
import{a as G}from"./4IS55ZBO.js";import{b as h}from"./LKEGNPWV.js";import{b as p}from"./V3PU3YQV.js";import{a as j}from"./MWYYOL2T.js";import{a as K}from"./CDH5LXVD.js";import{c as _}from"./OD7YQVTL.js";import{c as A,d as U,e as N}from"./IOFLSPTQ.js";import"./NN2IHPEX.js";import{a as L}from"./WSZT4GBO.js";import"./YP3AYJH3.js";import{a as V}from"./HHE6MZFG.js";import{a as q}from"./HZVGGFHL.js";import{a as B}from"./ZWPNZ5XW.js";import{e as M}from"./Q6E7AO5H.js";import"./LCFR6GTY.js";import"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{E as l,F as c,G as z,H as a,L as E,S as D,g as T,h as n,l as t,p as u}from"./2IU3EHCK.js";var se=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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content-container{display:grid;flex-grow:1}.content-container .input-container,.content-container .placeholder{grid-column:1;grid-row:1}.content-container .input-container--hidden{opacity:0}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.placeholder{color:var(--calcite-color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover, var(--calcite-color-text-1))}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container,:host([scale=s]) .placeholder{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container,:host([scale=m]) .placeholder{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container,:host([scale=l]) .placeholder{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i={clockIcon:"clock-icon",container:"container",contentContainer:"content-container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",inputContainerHidden:"input-container--hidden",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",placeholder:"placeholder",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},y={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends z{constructor(){super(),this.messages=V(),this.containerRef=l(),this.direction=M(),this.focusSetter=q()(this),this.formSupport=_({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=G(this),this.interactiveContainer=L(this),this.timePickerRef=l(),this.hasFocus=!1,this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=u({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=u({cancelable:!1}),this.calciteInputTimePickerChange=u(),this.calciteInputTimePickerClose=u({cancelable:!1}),this.calciteInputTimePickerOpen=u({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler),this.listen("focusout",this.focusOutHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={hasFocus:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placeholder:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}get showPlaceholder(){return(this.placeholder&&!this.hasFocus&&!this.time.hasValue)??!1}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),A(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),U(this)}blurHandler(){this.changeEventHandler()}focusHandler(){this.hasFocus=!0}focusOutHandler(){this.hasFocus=!1}changeEventHandler(){let{previousEmittedValue:e,value:s}=this;e!==s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue??null):this.previousEmittedValue=s)}keyDownHandler(e){let{defaultPrevented:s,key:o}=e,{hourFormat:r,meridiemOrder:d}=this.time;if(!s)if(o==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&o==="Escape")this.open=!1,e.preventDefault();else{let v=h(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:o==="ArrowRight"?this.setFocusPart("minute"):o==="ArrowLeft"&&r==="12"&&d===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(o){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(o){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":h(this.step)>0?this.setFocusPart("fractionalSecond"):r==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(o){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":r==="12"&&d!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:o==="ArrowLeft"&&d!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):o==="ArrowRight"&&d===0&&this.setFocusPart("hour");break}}}mouseDownHandler(e){this.showPlaceholder&&(e.preventDefault(),this.setFocus())}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value?.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let s=e.detail;s!==this.value?this.value=s:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:s,scale:o}=this,{fractionalSecond:r,handleHourKeyDownEvent:d,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:J,hour:b,hourFormat:Q,localizedDecimalSeparator:W,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:X,localizedMinute:H,localizedMinuteSuffix:Y,localizedSecond:C,localizedSecondSuffix:F,meridiemOrder:Z,minute:$,second:w}=this.time,x="--",ee=p(r),ie=p(b),te=p($),ae=p(w),I=h(this.step)>0,O=Q==="12",oe=this.step<60,R=Z===0||this.direction==="rtl",m=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:n`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${a({[i.container]:!0,[i.readOnly]:s})} role=combobox ${c(this.containerRef)}><calcite-icon class=${a(i.clockIcon)} .icon=${y.clock} .scale=${o==="l"?"m":"s"}></calcite-icon><div class=${a(i.contentContainer)}>${this.showPlaceholder&&n`<div class=${a(i.placeholder)}>${this.placeholder}</div>`||""}<div aria-label=${N(this)??t} .ariaRequired=${this.required} class=${a({[i.inputContainer]:!0,[i.inputContainerHidden]:this.showPlaceholder})} dir=ltr id=${f.inputContainer} role=group>${O&&R&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${a({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?d:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.hourRef)}>${S||x}</span><span class=${a(i.hourSuffix)}>${X}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(te&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${a({[i.empty]:!H,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?v:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.minuteRef)}>${H||x}</span><span class=${a(i.minuteSuffix)}>${Y}</span>${oe&&n`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ae&&parseInt(w)||"0")??t} aria-valuetext=${w??t} class=${a({[i.empty]:!C,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?g:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.secondRef)}>${C||x}</span>`||""}${I&&n`<span class=${a(i.decimalSeparator)}>${W}</span>`||""}${I&&n`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ee&&parseInt(r)||"0")??t} aria-valuetext=${k??t} class=${a({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?J:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.fractionalSecondRef)}>${k||"".padStart(h(this.step),"-")}</span>`||""}${F&&n`<span class=${a(i.secondSuffix)}>${F}</span>`||""}${O&&!R&&this.renderMeridiem()||""}</div></div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${c(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat??void 0} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${c(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:s,meridiem:o}=this.time,r=!this.disabled&&!this.readOnly;return n`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${o==="PM"&&"2"||"1"} aria-valuetext=${o??t} class=${a({[i.empty]:!s,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${r?e:void 0} @mousedown=${this.mouseDownHandler} role=spinbutton tabindex=0 ${c(this.meridiemRef)}>${s||"--"}</span>`}renderToggleIcon(e){return n`<span class=${a(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?y.chevronUp:y.chevronDown} .scale=${B(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x,t as m}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as y}from"./
|
|
2
|
+
import{a as x,t as m}from"./I5C2XC5I.js";import"./7HV3O3DF.js";import{a as y}from"./DNCMORYJ.js";import"./QVYX2WRU.js";import{d as z}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{G as S,H as h,S as k,g as $,h as f,i as a,l as t}from"./2IU3EHCK.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${h(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return a`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return a`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,a`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as B}from"./
|
|
2
|
+
import{a as B}from"./7RH2SJQU.js";import{a as D,b as O}from"./MCWOYBP4.js";import{a as w}from"./SEFQONXQ.js";import{c as d,e as E,f as z,g as C,h as L,i as f}from"./NWEOQPRQ.js";import{a as x}from"./SR455Z6P.js";import{a as y}from"./DNCMORYJ.js";import"./QVYX2WRU.js";import"./GZZYSINJ.js";import"./YP3AYJH3.js";import{e as k}from"./Q6E7AO5H.js";import"./LCFR6GTY.js";import"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{E as g,F as p,G as v,H as o,S as b,g as m,h as u,p as t}from"./2IU3EHCK.js";var F={positionContainer:"position-container",container:"container"},S=m`:host{display:contents;--calcite-internal-tooltip-padding-block: var(--calcite-spacing-sm);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-md)}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-tooltip)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-tooltip-max-size-x, 20rem);max-block-size:20rem}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;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}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity: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)}:host([scale=s]){--calcite-internal-tooltip-padding-block: var(--calcite-spacing-xxs);--calcite-internal-tooltip-padding-inline: var(--calcite-spacing-sm)}:host([scale=s]) .container{font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}.container{position:relative;overflow:hidden;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-internal-tooltip-padding-block);padding-inline:var(--calcite-internal-tooltip-padding-inline);border-radius:var(--calcite-tooltip-corner-radius, var(--calcite-corner-radius-round));color:var(--calcite-tooltip-text-color, var(--calcite-color-text-1));text-align:start}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);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}`,T=O({hover:!0}),h=class extends v{constructor(){super(...arguments),this.direction=k(),this.referenceElementType="hover",this.referenceElementController=D({manager:T})(this),this.transitionProp="opacity",this.transitionRef=g(),this.topLayer=w({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.closeOnClick=!1,this.offsetDistance=f,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.calciteTooltipBeforeClose=t({cancelable:!1}),this.calciteTooltipBeforeOpen=t({cancelable:!1}),this.calciteTooltipClose=t({cancelable:!1}),this.calciteTooltipOpen=t({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnClick:[7,{},{reflect:!0,type:Boolean}],label:1,offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=S}async reposition(e=!1){let{referenceEl:a,placement:n,overlayPositioning:r,offsetDistance:l,offsetSkidding:i,arrowEl:s,floatingEl:c}=this;return E(this,{direction:this.direction,floatingEl:c,referenceEl:a,overlayPositioning:r,placement:n,offsetDistance:l,offsetSkidding:i,arrowEl:s,type:"tooltip"},e)}willUpdate(e){(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==f)||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.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&C(this)}disconnectedCallback(){super.disconnectedCallback(),L(this)}openHandler(){x(this),this.reposition(!0)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit(),z(this),this.topLayer.hide()}setFloatingEl(e){this.floatingEl=e}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}render(){let{referenceEl:e,label:a,open:n,pointerDisabled:r,floatingLayout:l}=this,i=e&&n,s=!i,c=r?null:y("floating-arrow",B({floatingLayout:l,ref:this.setArrowEl}));return this.el.inert=s,this.el.ariaLabel=a??null,this.el.ariaLive="polite",this.el.role="tooltip",u`<div class=${o(F.positionContainer)} popover=manual ${p(this.setFloatingEl)}><div class=${o({[d.animation]:!0,[d.animationActive]:i})} ${p(this.transitionRef)}>${c}<div class=${o(F.container)}><slot></slot></div></div></div>`}};b("calcite-tooltip",h);export{h as Tooltip};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{g as e}from"./
|
|
2
|
+
import{g as e}from"./2IU3EHCK.js";var a=e`.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}`;export{a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as p,b as $,c as S}from"./WXZMRXAK.js";import{a as x}from"./
|
|
2
|
+
import{a as p,b as $,c as S}from"./WXZMRXAK.js";import{a as x}from"./HHE6MZFG.js";import{c as m}from"./RYOYQ7JI.js";import{c as M}from"./U2RL2HER.js";import{a as v}from"./HZVGGFHL.js";import"./ZWPNZ5XW.js";import"./Q6E7AO5H.js";import"./LCFR6GTY.js";import{t as b}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{G as g,H as A,S as y,g as f,h,p as l}from"./2IU3EHCK.js";var a=(n,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(n,e,t),t);function C(n){return(e,t)=>{let{slot:i,selector:o}=n??{},s="slot"+(i?`[name=${i}]`:":not([name])");return a(e,t,{get(){let r=this.renderRoot?.querySelector(s),c=r?.assignedElements(n)??[];return o===void 0?c:c.filter(d=>d.matches(o))}})}}var E=f`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm-plus)}:host{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0;gap:var(--calcite-internal-action-group-gap)}.container{display:flex;flex-grow:1;flex-direction:column;gap:inherit}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;gap:var(--calcite-action-group-gap, var(--calcite-internal-action-group-gap));grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`,k=Object.defineProperty,P=(n,e,t,i)=>{for(var o=void 0,s=n.length-1,r;s>=0;s--)(r=n[s])&&(o=r(e,t,o)||o);return o&&k(e,t,o),o},u=class extends g{constructor(){super(),this.messages=x(),this.focusSetter=v()(this),this.hasMenuActions=!1,this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.overlayPositioning="absolute",this.overflowActionsDisabled=!1,this.scale="m",this.selectionMode="none",this.topLayerDisabled=!1,this.selectedActions=[],this.calciteActionGroupCollapse=l({cancelable:!1}),this.calciteActionGroupExpand=l({cancelable:!1}),this.calciteActionGroupChange=l({cancelable:!1}),this.listen("click",this.handleActionClick)}static{this.properties={hasMenuActions:[16,{},{state:!0}],columns:[11,{},{type:Number,reflect:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],label:1,layout:[3,{},{reflect:!0}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],selectedActions:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){if(this.hasUpdated||e.has("selectionMode")){if(this.selectionMode!=="none"?this.setRoleOnActions():this.selectionMode==="none"&&this.clearActionAriaAttributes(),this.selectionMode==="single"||this.selectionMode==="single-persist"){let t=this.actions?.filter(i=>i.active)??[];t.length>1&&this.actions.forEach(i=>this.updateAction(i,i===t[t.length-1]))}this.updateSelectedActions(this.selectionMode==="none"?[]:this.actions?.filter(t=>t.active)??[])}e.has("expanded")&&((this.hasUpdated||this.expanded!==!1)&&(this.menuOpen=!1),this.hasUpdated&&(this.expanded?this.calciteActionGroupExpand.emit():this.calciteActionGroupCollapse.emit()))}setActiveAction(e,t){if(this.selectionMode==="multiple"){let i=!t.active;this.updateAction(t,i),this.updateSelectedActions(this.actions.filter(o=>o.active)),this.calciteActionGroupChange.emit();return}if(this.selectionMode==="single"){let i=!t.active;this.actions.forEach((o,s)=>this.updateAction(o,s===e&&i)),this.updateSelectedActions(this.actions.filter(o=>o.active)),this.calciteActionGroupChange.emit();return}if(this.selectionMode==="single-persist"){this.actions[e].active||(this.actions.forEach((i,o)=>this.updateAction(i,o===e)),this.updateSelectedActions([t]),this.calciteActionGroupChange.emit());return}}setMenuOpen(e){this.menuOpen=!!e.currentTarget.open}handleMenuActionsSlotChange(e){this.hasMenuActions=b(e)}handleActionClick(e){let t=e.composedPath().find(o=>M(o));if(!t||t.disabled)return;let i=this.actions.indexOf(t);i===-1||this.selectionMode==="none"||this.setActiveAction(i,t)}setRoleOnActions(){this.actions.forEach(e=>{e.aria={...e.aria,role:this.selectionMode==="single"||this.selectionMode==="single-persist"?"radio":"checkbox"},this.setActionAriaChecked(e,e.active)})}setActionAriaChecked(e,t){e.aria={...e.aria,checked:t?"true":"false"}}clearActionAriaAttributes(){this.selectionMode==="none"&&this.actions.forEach(e=>{e.aria&&(e.aria.checked=void 0,e.aria.role=void 0,e.aria={...e.aria})})}updateAction(e,t){e.active=t,this.setActionAriaChecked(e,t)}updateSelectedActions(e){let t=this.selectedActions;t.length===e.length&&t.every((o,s)=>o===e[s])||(this.selectedActions=e)}renderMenu(){let{expanded:e,menuOpen:t,scale:i,layout:o,messages:s,overlayPositioning:r,hasMenuActions:c,menuFlipPlacements:d,menuPlacement:O}=this;return h`<calcite-action-menu .expanded=${e} .flipPlacements=${d??(o==="horizontal"?["top","bottom"]:["left","right"])} .hidden=${!c} .label=${s.more} @calciteActionMenuOpen=${this.setMenuOpen} .open=${t} .overlayPositioning=${r} .placement=${O??(o==="horizontal"?"bottom-start":"leading-start")} .scale=${i} .topLayerDisabled=${this.topLayerDisabled}><calcite-action .aria=${{expanded:e}} .icon=${$.menu} .scale=${i} slot=${m.trigger} .text=${s.more} .textEnabled=${e}></calcite-action><slot name=${p.menuActions} @slotchange=${this.handleMenuActionsSlotChange}></slot><slot name=${p.menuTooltip} slot=${m.tooltip}></slot></calcite-action-menu>`}render(){return h`<div .ariaLabel=${this.label} class=${A(S.container)} .role=${this.selectionMode==="multiple"||this.selectionMode==="none"?"group":"radiogroup"}><slot></slot>${this.renderMenu()}</div>`}};P([C({selector:"calcite-action"})],u.prototype,"actions");y("calcite-action-group",u);export{u as ActionGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as g}from"./
|
|
2
|
+
import{a as g}from"./WSZT4GBO.js";import{a as n}from"./DNCMORYJ.js";import{a as T}from"./YP3AYJH3.js";import{a as y}from"./ZWPNZ5XW.js";import"./Q6E7AO5H.js";import"./LCFR6GTY.js";import{y as r}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{E as m,F as b,G as f,H as R,S as C,g as p,h as o,m as w,p as d}from"./2IU3EHCK.js";var $={lastVisibleRow:"last-visible-row"},h={checkSquare:"check-square-f",square:"square",circleF:"circle-f",circle:"circle"},S=p`@charset "UTF-8";: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:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)) )}:host([selected]) calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color-selected, var(--calcite-color-foreground-1) )}tr{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-table-row-border-color, transparent);background-color:var(--calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)))}tr.last-visible-row{border-block-end:0}@-moz-document url-prefix(){tr{box-shadow:inset 0 -1px 0 0 var(--calcite-table-row-border-color)}tr.last-visible-row{box-shadow:inset 0 -1px 0 0 transparent}}:host([item-hidden]){display:none}`,u=class extends f{constructor(){super(),this.rowCells=[],this.tableRowSlotRef=m(),this.userTriggered=!1,this._selected=!1,this.clickHandler=()=>{this.handleRowSelection()},this.handleKeyboardSelection=e=>{T(e.key)&&(e.key===" "&&e.preventDefault(),this.handleRowSelection())},this.interactiveContainer=g(this),this.itemHidden=!1,this.disabled=!1,this.interactionMode="interactive",this.lastVisibleRow=!1,this.numbered=!1,this.selectionMode="none",this.calciteInternalTableRowFocusRequest=d({cancelable:!1}),this.calciteInternalTableRowSelect=d({cancelable:!1}),this.calciteTableRowSelect=d({cancelable:!1}),this.listenOn(document,"calciteInternalTableRowFocusChange",this.calciteInternalTableRowFocusChangeHandler)}static{this.properties={alignment:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],bodyRowCount:[9,{},{type:Number}],cellCount:[9,{},{type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],interactionMode:1,lastVisibleRow:[5,{},{type:Boolean}],numbered:[5,{},{type:Boolean}],positionAll:[9,{},{type:Number}],positionSection:[9,{},{type:Number}],positionSectionLocalized:1,readCellContentsToAT:[5,{},{type:Boolean}],rowType:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectedRowCount:[9,{},{type:Number}],selectedRowCountLocalized:1,selectionMode:1}}static{this.styles=S}get selected(){return this._selected}set selected(e){let t=this._selected;e!==t&&(this._selected=e,this.handleCellChanges())}load(){this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("bodyRowCount")||e.has("scale")||e.has("selectedRowCount")||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive"))&&this.handleCellChanges(),(e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.handleDelayedCellChanges(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&!this.userTriggered&&this.calciteInternalTableRowSelect.emit()}loaded(){this.tableRowEl&&this.rowCells.length>0&&this.updateCells()}handleSlotChange(){this.updateCells()}handleCellChanges(){this.tableRowEl&&this.rowCells.length>0&&this.updateCells()}handleDelayedCellChanges(){this.tableRowEl&&this.rowCells.length>0&&requestAnimationFrame(()=>this.updateCells())}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){let t=e.detail.cellPosition,a=e.detail.rowPosition,s=e.detail.destination,i=e.detail.lastCell;if(a===this.positionAll){if(this.disabled){let c=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,c);return}let l=i?this.rowCells[this.rowCells.length-1]:this.rowCells?.find((c,k)=>k+1===t);l&&l.setFocus()}}}keyDownHandler(e){if(this.interactionMode!=="interactive")return;let t=e.target,a=e.key,s=e.ctrlKey,i=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header"))switch(a){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous"),e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next"),e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first"),e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last"),e.preventDefault();break;case"ArrowLeft":r(i,t,"previous",!1,!1),e.preventDefault();break;case"ArrowRight":r(i,t,"next",!1,!1),e.preventDefault();break;case"Home":s?(this.emitTableRowFocusRequest(1,this.positionAll,"first"),e.preventDefault()):(r(i,t,"first",!1,!1),e.preventDefault());break;case"End":s?(this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",!0),e.preventDefault()):(r(i,t,"last",!1,!1),e.preventDefault());break}}emitTableRowFocusRequest(e,t,a,s=!1){this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:a,lastCell:s})}updateCells(){let e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start",t=this.tableRowSlotRef.value?.assignedElements({flatten:!0})?.filter(l=>l.matches("calcite-table-cell")||l.matches("calcite-table-header"))??[],a=this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"),s=a?Array.from(a).filter(l=>l.numberCell||l.selectionCell):void 0,i=s?s.concat(t):t;i.length>0&&i?.forEach((l,c)=>{l.interactionMode=this.interactionMode,l.lastCell=c===i.length-1,l.parentRowAlignment=e,l.parentRowIsSelected=this.selected,l.parentRowType=this.rowType,l.positionInRow=c+1,l.scale=this.scale,l.nodeName==="CALCITE-TABLE-CELL"&&(l.readCellContentsToAT=this.readCellContentsToAT,l.disabled=this.disabled)}),this.rowCells=i||[],this.cellCount=i?.length}async handleRowSelection(){(this.rowType==="body"||this.rowType==="head"&&this.selectionMode==="multiple")&&(this.userTriggered=!0,this.selected=!this.selected,await this.updateComplete,this.calciteTableRowSelect.emit())}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?h.checkSquare:this.selectionMode==="multiple"?h.square:this.selected?h.circleF:h.circle;return o`<calcite-icon .icon=${e} .scale=${y(this.scale)}></calcite-icon>`}renderSelectableCell(){return this.rowType==="head"?n("selection-head",o`<calcite-table-header alignment=center .bodyRowCount=${this.bodyRowCount} @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .selectedRowCount=${this.selectedRowCount} .selectedRowCountLocalized=${this.selectedRowCountLocalized} .selectionCell=${!0} .selectionMode=${this.selectionMode}></calcite-table-header>`):this.rowType==="body"?n("selection-body",o`<calcite-table-cell alignment=center @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .parentRowIsSelected=${this.selected} .parentRowPositionLocalized=${this.positionSectionLocalized} .selectionCell=${!0}>${this.renderSelectionIcon()}</calcite-table-cell>`):n("selection-foot",o`<calcite-table-cell alignment=center .parentRowAlignment=${this.alignment} .selectionCell=${!0}></calcite-table-cell>`)}renderNumberedCell(){return this.rowType==="head"?n("numbered-head",o`<calcite-table-header alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment}></calcite-table-header>`):this.rowType==="body"?n("numbered-body",o`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment}>${this.positionSectionLocalized}</calcite-table-cell>`):n("numbered-foot",o`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment}></calcite-table-cell>`)}render(){return this.interactiveContainer({disabled:this.disabled,children:o`<tr .ariaRowIndex=${this.positionAll+1} .ariaSelected=${this.selected} class=${R({[$.lastVisibleRow]:this.lastVisibleRow})} @keydown=${this.keyDownHandler} ${b(e=>{e&&(this.tableRowEl=e,w(o`${this.numbered&&this.renderNumberedCell()||""}${this.selectionMode!=="none"&&this.renderSelectableCell()||""}<slot ${b(this.tableRowSlotRef)}></slot>`,e))})}></tr>`})}};C("calcite-table-row",u);export{u as TableRow};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{u as f,v as g}from"./
|
|
2
|
+
import{u as f,v as g}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{E as b,F as h,G as p,H as m,S as u,g as d,h as n}from"./2IU3EHCK.js";var v={section:"section"},x={titleGroup:"title-group"},y=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-color-foreground-1))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{display:flex;flex-grow:1;overflow:hidden;border-width:1px;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.bordered=!1,this.layout="inline",this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],bordered:[5,{},{type:Boolean}],layout:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=y}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&this.titles?.length>0&&this.tabs?.length>0&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation(),e.detail.length!==this.titles.length&&(this.titles=e.detail)}defaultSlotChangeHandler(e){this.tabs=f(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,s,r=g(this.slotRef.value,"calcite-tab");if(await Promise.all([...r,...this.titles].map(t=>t.componentOnReady())),r.some(t=>t.tab)||this.titles.some(t=>t.tab))e=r.sort((t,o)=>t.tab&&o.tab?t.tab.localeCompare(o.tab):0).map(t=>t.id),s=this.titles.sort((t,o)=>t.tab.localeCompare(o.tab)).map(t=>t.id);else{let t=await Promise.all(r.map(a=>a.getTabIndex())),o=await Promise.all(this.titles.map(a=>a.getTabIndex()));e=t.reduce((a,i,l)=>(a[i]=r[l].id,a),[]),s=o.reduce((a,i,l)=>(a[i]=this.titles[l].id,a),[])}r.forEach(t=>t._updateAriaInfo(e,s)),this.titles.forEach(t=>t._updateAriaInfo(e,s))}updateItems(){let{position:e,scale:s}=this,r=this.el.querySelector("calcite-tab-nav");r&&(r.position=e,r.scale=s),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=s)});let t=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(t).forEach(o=>{o.position=e,o.scale=s})}render(){return n`<slot name=${x.titleGroup}></slot><section class=${m(v.section)}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};u("calcite-tabs",c);export{c as Tabs};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as p}from"./
|
|
2
|
+
import{a as p}from"./HHE6MZFG.js";import{a as c}from"./HZVGGFHL.js";import"./ZWPNZ5XW.js";import{c as h}from"./Q6E7AO5H.js";import"./LCFR6GTY.js";import{l as m,u as f,y as l}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{G as u,S as r,g as o,h as n}from"./2IU3EHCK.js";var d=o`:host{display:flex;line-height:var(--calcite-font-line-height-fixed-lg)}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends u{constructor(){super(),this.attributeWatch=h(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.messages=p(),this.focusSetter=c()(this),this.layout="horizontal",this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=d}async setFocus(e){return this.focusSetter(()=>this.menuItems[0],e)}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(e){let t=e.target,s=e.detail.children,i=e.detail.event.key;e.stopPropagation(),i==="ArrowDown"?t.layout==="vertical"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowUp"?this.layout==="vertical"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&s[s.length-1].setFocus():i==="ArrowRight"?this.layout==="horizontal"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowLeft"?this.layout==="horizontal"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&this.focusParentElement(e.target):i==="Escape"&&this.focusParentElement(e.target),e.preventDefault()}handleMenuSlotChange(e){this.menuItems=f(e),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(e){let t=e.parentElement;t&&(m(t),t.open=!1)}setMenuItemLayout(e,t){e.forEach(s=>{s.layout=t,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return n`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};r("calcite-menu",a);export{a as Menu};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{j as f}from"./
|
|
2
|
+
import{j as f}from"./V3PU3YQV.js";function m(t,e,n){if(!t)return!1;let r=t.getTime(),a=!(e instanceof Date)||r>=e.getTime(),o=!(n instanceof Date)||r<=n.getTime();return a&&o}function p(t,e,n){if(!(t instanceof Date))return null;let r=t.getTime(),a=e instanceof Date&&r<e.getTime(),o=n instanceof Date&&r>n.getTime();return a?e:o?n:t}function O(t,e=!1){if(t instanceof Date)return t;if(!t||typeof t!="string")return null;let n=t.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: "${t}"`);return e?T(r):r}function w(t,e){if(!e)return;let{separator:n}=e,r=y(t,e),{day:a,month:o}=r,s=M(r.year,e),i=new Date(s,o,a);i.setFullYear(s);let c=a>0,u=o>-1,l=!isNaN(i.getTime()),D=t.split(n).filter(h=>h).length>2,d=s.toString().length>0;if(c&&u&&l&&D&&d)return i}function M(t,e){return g(t,e,"read")}function I(t,e){return g(t,e,"write")}function g(t,e,n){if(e["default-calendar"]!=="buddhist")return t;let a=543*(n==="read"?-1:1);return t+a}function F(t,e){let{separator:n,unitOrder:r}=e,a=S(r),o=t.split(n).map(u=>f.delocalize(u)),s=o[a.indexOf("d")],i=o[a.indexOf("m")],c=o[a.indexOf("y")];return{day:s,month:i,year:c}}function v(t){if(t instanceof Date){let e=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0");return`${String(t.getFullYear()).padStart(4,"0")}-${e}-${n}`}return""}function x(t){let e=t.split("-");return{day:e[2],month:e[1],year:e[0]}}function E(t,e){return t instanceof Date&&e instanceof Date&&t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function A(t){let e=t.getMonth(),n=new Date(t);return n.setMonth(e-1),e===n.getMonth()?new Date(t.getFullYear(),e,0):n}function C(t,e){let n=new Date(t);return n.setMonth(e),n}function L(t,e,n){let r=new Date(t);return r.setDate(1),m(r,e,n)?r:p(r,e,n)}function N(t){let e=t.getMonth(),n=new Date(t);return n.setMonth(e+1),(e+2)%7===n.getMonth()%7?new Date(t.getFullYear(),e+2,0):n}function y(t,e){let{day:n,month:r,year:a}=F(t,e);return{day:parseInt(n),month:parseInt(r)-1,year:parseInt(a)}}function S(t){let e=["d","m","y"],n=t.toLowerCase();return e.sort((r,a)=>n.indexOf(r)-n.indexOf(a))}function R(t,e){let n=t.getTime(),r=e.getTime();return(n-r)/(1e3*3600*24)}function T(t){return t.setHours(23,59,59,999),t}function _(t,e){return t&&e&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}export{m as a,p as b,O as c,w as d,M as e,I as f,F as g,v as h,x as i,E as j,A as k,C as l,L as m,N as n,S as o,R as p,_ as q};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as m}from"./NTTXPITY.js";import{a as x}from"./YP3AYJH3.js";import{a as u}from"./L4565LYV.js";import{a as f}from"./YM3XWOJY.js";import{a as b}from"./ZWPNZ5XW.js";import"./5BRHCY56.js";import"./MFPSZIXT.js";import{t as i}from"./AH2ILKOU.js";import"./T6CCMW7H.js";import{E as h,F as p,G as v,H as t,S as g,g as d,h as c,p as l}from"./FWMASCBJ.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},r={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end"},n={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,s=class extends v{constructor(){super(...arguments),this.containerRef=h(),this.messages=u(),this.focusSetter=f()(this),this.interactiveContainer=m(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=l({cancelable:!1}),this.calciteInternalCardKeyEvent=l({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}handleThumbnailSlotChange(e){this.hasThumbnail=i(e)}handleHeadingSlotChange(e){this.hasHeading=i(e)}handleDescriptionSlotChange(e){this.hasDescription=i(e)}handleFooterStartSlotChange(e){this.hasFooterStart=i(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=i(e)}handleDefaultSlotChange(e){this.hasContent=i(e)}keyDownHandler(e){if(e.target===this.containerRef.value&&!this.selectable&&!this.disabled)if(x(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return c`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return c`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?n.selected:this.selectionMode==="multiple"?n.unselected:this.selected?n.selectedSingle:n.unselectedSingle;return c`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} .scale=${b(this.scale)}></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return c`<header class=${t(a.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return c`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),o=this.thumbnailPosition.endsWith("start"),k=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return this.interactiveContainer({disabled:this.disabled,children:c`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${k} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?c`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${o&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!o&&this.renderThumbnail()||""}</div>`})}};g("calcite-card",s);export{s as Card};
|
|
2
|
+
import{a as m}from"./WSZT4GBO.js";import{a as x}from"./YP3AYJH3.js";import{a as u}from"./HHE6MZFG.js";import{a as f}from"./HZVGGFHL.js";import{a as b}from"./ZWPNZ5XW.js";import"./Q6E7AO5H.js";import"./LCFR6GTY.js";import{t as i}from"./VWOB3FKQ.js";import"./T6CCMW7H.js";import{E as h,F as p,G as v,H as t,S as g,g as d,h as c,p as l}from"./2IU3EHCK.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},r={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end"},n={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,s=class extends v{constructor(){super(...arguments),this.containerRef=h(),this.messages=u(),this.focusSetter=f()(this),this.interactiveContainer=m(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=l({cancelable:!1}),this.calciteInternalCardKeyEvent=l({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}handleThumbnailSlotChange(e){this.hasThumbnail=i(e)}handleHeadingSlotChange(e){this.hasHeading=i(e)}handleDescriptionSlotChange(e){this.hasDescription=i(e)}handleFooterStartSlotChange(e){this.hasFooterStart=i(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=i(e)}handleDefaultSlotChange(e){this.hasContent=i(e)}keyDownHandler(e){if(e.target===this.containerRef.value&&!this.selectable&&!this.disabled)if(x(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return c`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return c`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?n.selected:this.selectionMode==="multiple"?n.unselected:this.selected?n.selectedSingle:n.unselectedSingle;return c`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} .scale=${b(this.scale)}></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return c`<header class=${t(a.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return c`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),o=this.thumbnailPosition.endsWith("start"),k=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return this.interactiveContainer({disabled:this.disabled,children:c`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${k} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?c`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${o&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!o&&this.renderThumbnail()||""}</div>`})}};g("calcite-card",s);export{s as Card};
|