@esri/calcite-components 3.2.0-next.53 → 3.2.0-next.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/{6B6NVKNP.js → 2CQXVAQG.js} +2 -2
- package/dist/calcite/{2P6P7BDH.js → 2FVPIZUX.js} +2 -2
- package/dist/calcite/{P7PF7FW5.js → 2IZ2FTGH.js} +1 -1
- package/dist/calcite/{IC7VDOLA.js → 2Y53FKJB.js} +2 -2
- package/dist/calcite/{7XJFUSUR.js → 45X53MXP.js} +2 -2
- package/dist/calcite/{CJJWNNPK.js → 4DCEJREC.js} +2 -2
- package/dist/calcite/{VN2Q2LLK.js → 4HYQ6BFB.js} +2 -2
- package/dist/calcite/{ZFMM3F74.js → 4OK45P62.js} +2 -2
- package/dist/calcite/{FEXPKM3N.js → 4SEPX6SF.js} +2 -2
- package/dist/calcite/{QDNNKE4C.js → 4TQAHB3A.js} +2 -2
- package/dist/calcite/{WCOXTLGD.js → 4U4MNKKB.js} +2 -2
- package/dist/calcite/{5TZSAFYN.js → 4VHOJXNF.js} +2 -2
- package/dist/calcite/{T64SCHLL.js → 4VL6SZFF.js} +2 -2
- package/dist/calcite/{NMZ7SKJA.js → 54YSXAF3.js} +1 -1
- package/dist/calcite/{TYI6IITY.js → 5BLBZS7D.js} +2 -2
- package/dist/calcite/{GEQV2IEB.js → 5RI4ZDM2.js} +2 -2
- package/dist/calcite/{TCYMMZTT.js → 62UK3G3T.js} +1 -1
- package/dist/calcite/{Q2J3QV4N.js → 66MMARDK.js} +2 -2
- package/dist/calcite/{P3A5KVEV.js → 6MV7QADW.js} +2 -2
- package/dist/calcite/{HDMMAGI5.js → 6MWLJMXN.js} +2 -2
- package/dist/calcite/{GMUYTLRU.js → 6PCHEFNU.js} +2 -2
- package/dist/calcite/6YEESZYN.js +4 -0
- package/dist/calcite/{H42RMHGA.js → 72R4EEBU.js} +2 -2
- package/dist/calcite/{QXKQ2FOD.js → 7GAGJJUN.js} +2 -2
- package/dist/calcite/{64ZPGMGQ.js → 7PCY3LFW.js} +2 -2
- package/dist/calcite/{2ADYR3VW.js → 7QMEJDHE.js} +1 -1
- package/dist/calcite/{2O5OCPXP.js → 7WCJFEGW.js} +2 -2
- package/dist/calcite/{62M7EFR6.js → A2K4HXKB.js} +2 -2
- package/dist/calcite/{KSSURKRS.js → A6FVRZRW.js} +2 -2
- package/dist/calcite/{IQMX7YKP.js → ACXPTB53.js} +1 -1
- package/dist/calcite/{2HX5CVRG.js → ACYNYXD5.js} +2 -2
- package/dist/calcite/{SRVTFEGM.js → AIW7U62U.js} +2 -2
- package/dist/calcite/{TPS4MAZ3.js → AMOBTFKA.js} +2 -2
- package/dist/calcite/{ESB2ICKA.js → ATUCKPV3.js} +2 -2
- package/dist/calcite/{BAACP2FC.js → AUDFY5Q7.js} +2 -2
- package/dist/calcite/{POT3GCLP.js → AWVBGO2Y.js} +2 -2
- package/dist/calcite/{NVBFSGMD.js → BOYARLSQ.js} +2 -2
- package/dist/calcite/{6QI33YYZ.js → BRRNFOEH.js} +1 -1
- package/dist/calcite/{MSMRJBXI.js → CAZFVGJJ.js} +2 -2
- package/dist/calcite/{S4SSBVEH.js → CCG4V777.js} +2 -2
- package/dist/calcite/{J7Y4ZAY4.js → CFRM4W5X.js} +2 -2
- package/dist/calcite/{2VEFDQMW.js → CRBOI47E.js} +2 -2
- package/dist/calcite/{7PPQORGS.js → D23RKWNG.js} +1 -1
- package/dist/calcite/{ILRCY5XB.js → DCQ54VNA.js} +2 -2
- package/dist/calcite/{2O5AHXU5.js → DHG6J4M4.js} +2 -2
- package/dist/calcite/{IQH7IUUJ.js → DJOOGFIH.js} +2 -2
- package/dist/calcite/{LPHXU4WE.js → DLKJK6IS.js} +2 -2
- package/dist/calcite/{JERYFBG2.js → DPT75Y7L.js} +2 -2
- package/dist/calcite/{L5J3GXDG.js → DWLXEJP6.js} +2 -2
- package/dist/calcite/{M2K7HB5L.js → E4RVTGQZ.js} +2 -2
- package/dist/calcite/{LAQCMOSF.js → EDKRXM5W.js} +2 -2
- package/dist/calcite/{QCNUJTO5.js → ENNN35U5.js} +2 -2
- package/dist/calcite/{HWNWHK5V.js → F7QMJ7MB.js} +1 -1
- package/dist/calcite/{6LSNMCMU.js → FFU476LX.js} +2 -2
- package/dist/calcite/{SD6TW5CP.js → FG4FAJHC.js} +2 -2
- package/dist/calcite/{NDRKWVL5.js → FGT3ZYK7.js} +2 -2
- package/dist/calcite/{RJINJT6N.js → FNPSF7SP.js} +2 -2
- package/dist/calcite/{NJQG7WZK.js → FPILCOGP.js} +2 -2
- package/dist/calcite/{IDTRGVGN.js → FQ6YXFYV.js} +2 -2
- package/dist/calcite/{J2UQIKIK.js → FVLKH5S6.js} +2 -2
- package/dist/calcite/{6XECF4A5.js → FYLU5HNL.js} +2 -2
- package/dist/calcite/{XTWSHXXK.js → GIBNVOGC.js} +2 -2
- package/dist/calcite/{3VS67LYM.js → GLJIQJMV.js} +2 -2
- package/dist/calcite/{MZ6CHP47.js → H7WA5PYF.js} +2 -2
- package/dist/calcite/{IU4UGAZS.js → HBTDXBMN.js} +2 -2
- package/dist/calcite/{HS75LRKT.js → HENILSVJ.js} +2 -2
- package/dist/calcite/{5VCPB5TC.js → HJS3WTOC.js} +2 -2
- package/dist/calcite/{V5LZU7NE.js → HTXCZD2W.js} +2 -2
- package/dist/calcite/{AANJFHMJ.js → I67PWJGH.js} +1 -1
- package/dist/calcite/{LCBY5SFT.js → IL2DDHDV.js} +2 -2
- package/dist/calcite/{5LWQ6VO3.js → IR5YV3PK.js} +2 -2
- package/dist/calcite/{TTZZMNYC.js → IRYAKJNB.js} +2 -2
- package/dist/calcite/{W37SFZOT.js → J5TCHV2P.js} +2 -2
- package/dist/calcite/{4D45TZMT.js → JH22HCU3.js} +2 -2
- package/dist/calcite/{UNEAKHFA.js → JJOQILSI.js} +2 -2
- package/dist/calcite/{6BLRC4LD.js → JLRUNLS2.js} +2 -2
- package/dist/calcite/{IXLWZYNJ.js → JLUVTU5O.js} +2 -2
- package/dist/calcite/{2XQH24MC.js → JN2X3CFA.js} +2 -2
- package/dist/calcite/{YSALD3SX.js → JQLVCSLH.js} +2 -2
- package/dist/calcite/{QC3FGI2O.js → JSHGK5V5.js} +2 -2
- package/dist/calcite/{IPNYJMTP.js → JUZMU6F3.js} +2 -2
- package/dist/calcite/{LS62PPMC.js → JYO2V5NU.js} +2 -2
- package/dist/calcite/{RM2JQJ4Z.js → K3DLZ7TQ.js} +1 -1
- package/dist/calcite/{TF54F6DS.js → KKYI2MFO.js} +2 -2
- package/dist/calcite/{7PTY4N7E.js → KNV7TF36.js} +2 -2
- package/dist/calcite/{UZSR2DB6.js → KPTPERB3.js} +2 -2
- package/dist/calcite/{OMH43P6T.js → KVITNQLI.js} +2 -2
- package/dist/calcite/{YSWCRYVY.js → KVMDUUPU.js} +2 -2
- package/dist/calcite/{SG5YS62L.js → KXAQQPZ7.js} +2 -2
- package/dist/calcite/{ZUGL2T7A.js → LLGVFQFH.js} +2 -2
- package/dist/calcite/{5DD37QUD.js → LLQ6LSSK.js} +1 -1
- package/dist/calcite/{WVNYZFHU.js → LQ34MOCW.js} +2 -2
- package/dist/calcite/{27E2ICTL.js → LSI6F7HP.js} +2 -2
- package/dist/calcite/{RA2KFBVB.js → LWH72LEU.js} +1 -1
- package/dist/calcite/{Q5OI5QDA.js → M6FAVM7S.js} +1 -1
- package/dist/calcite/{FRSRZ4EM.js → MGFWHDKU.js} +1 -1
- package/dist/calcite/{CHGTFTEU.js → N3K5ZL6K.js} +1 -1
- package/dist/calcite/{MQDTC2X3.js → N6XKMWPZ.js} +2 -2
- package/dist/calcite/{4KYDX73O.js → NB7SYDPL.js} +2 -2
- package/dist/calcite/{GVINBIYW.js → NDJ6NG6I.js} +1 -1
- package/dist/calcite/{ZO2NO7FD.js → NHKSC5OW.js} +1 -1
- package/dist/calcite/{KIS3X6E5.js → NJKNIQBN.js} +1 -1
- package/dist/calcite/{AXSLSDVG.js → NJZL2GLR.js} +2 -2
- package/dist/calcite/{WUY5MBB5.js → OCJMUSHK.js} +2 -2
- package/dist/calcite/{MUL77O7G.js → OFGSFZCZ.js} +2 -2
- package/dist/calcite/{SJWT7A5X.js → OHFYTTBI.js} +2 -2
- package/dist/calcite/{OUPI6YWJ.js → OKRT4JVD.js} +2 -2
- package/dist/calcite/{RNJZZ2KH.js → OLOU4KLB.js} +2 -2
- package/dist/calcite/{PKAZ74ZP.js → OVQU7E5R.js} +2 -2
- package/dist/calcite/{GNA2UR2O.js → OYGEEOL7.js} +2 -2
- package/dist/calcite/{IVK6WGGW.js → OZZDQOCV.js} +2 -2
- package/dist/calcite/{RSEFYDDS.js → PCVNILSB.js} +2 -2
- package/dist/calcite/{TMCPRRXC.js → PFS6BZNI.js} +2 -2
- package/dist/calcite/{KYXHOANS.js → PMJYOF36.js} +2 -2
- package/dist/calcite/{CDZ2HMD7.js → PMMMFO3O.js} +2 -2
- package/dist/calcite/{MUSMPRJA.js → PRDBS3LD.js} +2 -2
- package/dist/calcite/{NUK2HBAB.js → PSCCB47A.js} +2 -2
- package/dist/calcite/{HLLXLCHU.js → PTMXVDLC.js} +2 -2
- package/dist/calcite/{QITJWOTE.js → PVTSUYQ6.js} +2 -2
- package/dist/calcite/{DAU2YX4H.js → PWFK5LZN.js} +2 -2
- package/dist/calcite/{BJYNLE2L.js → QBO6OBS7.js} +2 -2
- package/dist/calcite/{ISEWE6P3.js → QNTQBOE3.js} +2 -2
- package/dist/calcite/{BILC253A.js → QTXVBRHE.js} +1 -1
- package/dist/calcite/{IU4IEQGL.js → QUW7H5P7.js} +2 -2
- package/dist/calcite/{SAAXUXE7.js → QVRTS37U.js} +2 -2
- package/dist/calcite/{OMRQ7XEB.js → QYC2ADME.js} +2 -2
- package/dist/calcite/{5SQCSRNY.js → QYOIRZAO.js} +2 -2
- package/dist/calcite/{XB6HURFL.js → R4OJB4KS.js} +2 -2
- package/dist/calcite/{MXQPTNDA.js → RCUCT2ER.js} +2 -2
- package/dist/calcite/{QSEIHPPF.js → RMJR5QBI.js} +2 -2
- package/dist/calcite/{4ZPW7PWV.js → RNMBIZZE.js} +2 -2
- package/dist/calcite/{7MLRQGY4.js → RSFR634P.js} +2 -2
- package/dist/calcite/{BPNMZ7AV.js → RWGFLRVU.js} +2 -2
- package/dist/calcite/{THNZGVSX.js → RXMPLIEH.js} +2 -2
- package/dist/calcite/{BQEFOCQV.js → RZV7MIPL.js} +2 -2
- package/dist/calcite/S7TIG6HM.js +4 -0
- package/dist/calcite/{MPC4H7HM.js → SWDSTQC7.js} +2 -2
- package/dist/calcite/{7SUGYZWT.js → SZYS7QUO.js} +2 -2
- package/dist/calcite/{E3GR62I6.js → TGFUIE4U.js} +2 -2
- package/dist/calcite/{3D3EGSN3.js → TGS6FSFQ.js} +2 -2
- package/dist/calcite/{DRJDOOQD.js → TJGDMVM3.js} +2 -2
- package/dist/calcite/{PCY5HJ72.js → TPYECQKV.js} +2 -2
- package/dist/calcite/{JWITPNRP.js → UMVGDOKJ.js} +2 -2
- package/dist/calcite/{T2E7OHZS.js → UP6GI72U.js} +2 -2
- package/dist/calcite/{G3I3BCV5.js → USFFFNC7.js} +2 -2
- package/dist/calcite/{GN54NREV.js → UUITTND4.js} +2 -2
- package/dist/calcite/VMG3BAK4.js +4 -0
- package/dist/calcite/{LITC7V62.js → W6JJZZHV.js} +1 -1
- package/dist/calcite/{Y5PCHBYX.js → WLRXDHEP.js} +2 -2
- package/dist/calcite/{V4ED2LYT.js → WOBK5D23.js} +2 -2
- package/dist/calcite/{IP2AGZEA.js → X5TSAT27.js} +2 -2
- package/dist/calcite/{7ASA2ISL.js → XGGZRYYO.js} +2 -2
- package/dist/calcite/{R53R2IXA.js → XH5IIPJW.js} +2 -2
- package/dist/calcite/{VFORVOYQ.js → XT5TOT37.js} +2 -2
- package/dist/calcite/{CHRUF3EF.js → XYUMFX3L.js} +2 -2
- package/dist/calcite/{5QHNBXBV.js → Y7O7T3PW.js} +2 -2
- package/dist/calcite/{A3PNS5EB.js → Y7YNC4UH.js} +2 -2
- package/dist/calcite/{ZFYLNN4K.js → YEABQXBE.js} +1 -1
- package/dist/calcite/{E7MW2HOO.js → YF2CMQHA.js} +2 -2
- package/dist/calcite/{C7TAGXYT.js → YKFHQFYT.js} +2 -2
- package/dist/calcite/{JHXGC5D6.js → YMBJE6LR.js} +2 -2
- package/dist/calcite/{RCXVMZUM.js → YP25JB7P.js} +2 -2
- package/dist/calcite/{XGCNLFV7.js → YSJFU77V.js} +2 -2
- package/dist/calcite/{NMMDUSHV.js → YUOJ7KMJ.js} +2 -2
- package/dist/calcite/{O57JRNVP.js → YVXNNCAU.js} +2 -2
- package/dist/calcite/{KDR46RCI.js → Z2FH5YJQ.js} +2 -2
- package/dist/calcite/{6HU4JXBI.js → ZAXJEG25.js} +2 -2
- package/dist/calcite/{ZZRACQPQ.js → ZEXSWV3R.js} +1 -1
- package/dist/calcite/{SFMSCTHX.js → ZKRZABQK.js} +2 -2
- package/dist/calcite/{IU2WDCX2.js → ZSNSSWGX.js} +2 -2
- package/dist/calcite/{3CE2RHU4.js → ZYKMMLDD.js} +2 -2
- package/dist/calcite/calcite.esm.js +2 -2
- package/dist/chunks/ExpandToggle.js +1 -1
- package/dist/chunks/FloatingArrow.js +1 -1
- package/dist/chunks/Heading.js +1 -1
- package/dist/chunks/Validation.js +1 -1
- package/dist/chunks/XButton.js +1 -1
- package/dist/chunks/_sortable.js +1 -1
- package/dist/chunks/array.js +1 -1
- package/dist/chunks/component.js +1 -1
- package/dist/chunks/core.js +1 -1
- package/dist/chunks/date.js +1 -1
- package/dist/chunks/dom.js +1 -1
- package/dist/chunks/dynamicClasses.js +1 -1
- package/dist/chunks/filter.js +1 -1
- package/dist/chunks/floating-ui.js +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/global.js +1 -1
- package/dist/chunks/guid.js +1 -1
- package/dist/chunks/input.js +1 -1
- package/dist/chunks/interact.min.js +1 -1
- package/dist/chunks/interactive.js +1 -1
- package/dist/chunks/key.js +1 -1
- package/dist/chunks/label.js +1 -1
- package/dist/chunks/locale.js +1 -1
- package/dist/chunks/logger.js +1 -1
- package/dist/chunks/math.js +1 -1
- package/dist/chunks/observers.js +1 -1
- package/dist/chunks/openCloseComponent.js +1 -1
- package/dist/chunks/resources.js +1 -1
- package/dist/chunks/resources2.js +1 -1
- package/dist/chunks/resources3.js +1 -1
- package/dist/chunks/resources4.js +1 -1
- package/dist/chunks/resources5.js +1 -1
- package/dist/chunks/resources6.js +1 -1
- package/dist/chunks/resources7.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/sortableComponent.js +1 -1
- package/dist/chunks/text.js +1 -1
- package/dist/chunks/time.js +1 -1
- package/dist/chunks/useFocusTrap.js +1 -1
- package/dist/chunks/usePreventDocumentScroll.js +1 -1
- package/dist/chunks/useT9n.js +1 -1
- package/dist/chunks/utils.js +1 -1
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/utils3.js +1 -1
- package/dist/chunks/utils4.js +1 -1
- package/dist/components/calcite-accordion/customElement.js +1 -1
- package/dist/components/calcite-accordion-item/customElement.js +1 -1
- package/dist/components/calcite-action/customElement.js +1 -1
- package/dist/components/calcite-action-bar/customElement.d.ts +7 -1
- package/dist/components/calcite-action-bar/customElement.js +10 -8
- package/dist/components/calcite-action-bar/resources.d.ts +1 -0
- package/dist/components/calcite-action-bar/utils.d.ts +1 -1
- package/dist/components/calcite-action-group/customElement.js +1 -1
- package/dist/components/calcite-action-menu/customElement.js +1 -1
- package/dist/components/calcite-action-pad/customElement.d.ts +1 -0
- package/dist/components/calcite-action-pad/customElement.js +9 -1
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-autocomplete/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
- package/dist/components/calcite-autocomplete-item-group/customElement.js +1 -1
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.js +1 -1
- package/dist/components/calcite-block-group/customElement.js +1 -1
- package/dist/components/calcite-block-section/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-card/customElement.js +1 -1
- package/dist/components/calcite-card-group/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-carousel-item/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-chip/customElement.js +1 -1
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +1 -1
- package/dist/components/calcite-color-picker-hex-input/customElement.js +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.js +1 -1
- package/dist/components/calcite-combobox/customElement.js +1 -1
- package/dist/components/calcite-combobox-item/customElement.js +1 -1
- package/dist/components/calcite-combobox-item-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-dialog/customElement.js +1 -1
- package/dist/components/calcite-dropdown/customElement.js +1 -1
- package/dist/components/calcite-dropdown-group/customElement.js +1 -1
- package/dist/components/calcite-dropdown-item/customElement.js +1 -1
- package/dist/components/calcite-fab/customElement.js +1 -1
- package/dist/components/calcite-filter/customElement.js +1 -1
- package/dist/components/calcite-flow/customElement.js +1 -1
- package/dist/components/calcite-flow-item/customElement.js +1 -1
- package/dist/components/calcite-graph/customElement.js +1 -1
- package/dist/components/calcite-handle/customElement.js +1 -1
- package/dist/components/calcite-icon/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-date-picker/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-text/customElement.js +1 -1
- package/dist/components/calcite-input-time-picker/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +1 -1
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-link/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.js +1 -1
- package/dist/components/calcite-list-item/customElement.js +1 -1
- package/dist/components/calcite-list-item-group/customElement.js +1 -1
- package/dist/components/calcite-loader/customElement.js +1 -1
- package/dist/components/calcite-menu/customElement.js +1 -1
- package/dist/components/calcite-menu-item/customElement.js +1 -1
- package/dist/components/calcite-meter/customElement.js +1 -1
- package/dist/components/calcite-modal/customElement.js +1 -1
- package/dist/components/calcite-navigation/customElement.js +1 -1
- package/dist/components/calcite-navigation-logo/customElement.js +1 -1
- package/dist/components/calcite-navigation-user/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-option/customElement.js +1 -1
- package/dist/components/calcite-option-group/customElement.js +1 -1
- package/dist/components/calcite-pagination/customElement.js +1 -1
- package/dist/components/calcite-panel/customElement.js +1 -1
- package/dist/components/calcite-popover/customElement.js +1 -1
- package/dist/components/calcite-progress/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-radio-button-group/customElement.js +1 -1
- package/dist/components/calcite-rating/customElement.js +1 -1
- package/dist/components/calcite-scrim/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.js +1 -1
- package/dist/components/calcite-segmented-control-item/customElement.js +1 -1
- package/dist/components/calcite-select/customElement.js +1 -1
- package/dist/components/calcite-sheet/customElement.js +1 -1
- package/dist/components/calcite-shell/customElement.js +1 -1
- package/dist/components/calcite-shell-center-row/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.js +4 -3
- package/dist/components/calcite-shell-panel/resources.d.ts +1 -0
- package/dist/components/calcite-slider/customElement.js +1 -1
- package/dist/components/calcite-sort-handle/customElement.js +1 -1
- package/dist/components/calcite-sortable-list/customElement.js +1 -1
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-stack/customElement.js +1 -1
- package/dist/components/calcite-stepper/customElement.js +1 -1
- package/dist/components/calcite-stepper-item/customElement.js +1 -1
- package/dist/components/calcite-switch/customElement.js +1 -1
- package/dist/components/calcite-tab/customElement.js +1 -1
- package/dist/components/calcite-tab-nav/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-table/customElement.js +1 -1
- package/dist/components/calcite-table-cell/customElement.js +1 -1
- package/dist/components/calcite-table-header/customElement.js +1 -1
- package/dist/components/calcite-table-row/customElement.js +1 -1
- package/dist/components/calcite-tabs/customElement.js +1 -1
- package/dist/components/calcite-text-area/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.js +1 -1
- package/dist/components/calcite-tile-select/customElement.js +1 -1
- package/dist/components/calcite-tile-select-group/customElement.js +1 -1
- package/dist/components/calcite-time-picker/customElement.js +1 -1
- package/dist/components/calcite-tip/customElement.js +1 -1
- package/dist/components/calcite-tip-group/customElement.js +1 -1
- package/dist/components/calcite-tip-manager/customElement.js +1 -1
- package/dist/components/calcite-tooltip/customElement.js +1 -1
- package/dist/components/calcite-tree/customElement.js +1 -1
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +54 -3
- package/dist/docs/docs.json +46 -4
- package/dist/docs/vscode.css-custom-data.json +12 -0
- package/dist/docs/vscode.html-custom-data.json +10 -2
- package/dist/docs/web-types.json +30 -4
- package/dist/extras/vscode-data.json +10 -2
- package/dist/index.js +1 -1
- package/dist/loader.js +2 -2
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +2 -2
- package/dist/calcite/2C3VWNVH.js +0 -4
- package/dist/calcite/6OL25OTY.js +0 -4
- package/dist/calcite/V44N2F6P.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as o,b as f,c as b}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as o,b as f,c as b}from"./MGFWHDKU.js";import{d as g}from"./OHFYTTBI.js";import{b as a}from"./QTXVBRHE.js";import{n as m,u as d}from"./4HYQ6BFB.js";import{d as h}from"./QVRTS37U.js";import"./X5TSAT27.js";import"./LWH72LEU.js";import{E as c,F as u,R as p,c as r,d as t}from"./IR5YV3PK.js";var M=r`: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{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}.container{display:flex;flex-grow:1;flex-direction:column}: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;grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);gap:var(--calcite-action-group-gap, 1px);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}`,n=class extends c{constructor(){super(...arguments),this.messages=g(),this.hasMenuActions=!1,this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m"}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}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=M}async setFocus(){await h(this),m(this.el)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&(this.menuOpen=!1)}setMenuOpen(e){this.menuOpen=!!e.currentTarget.open}handleMenuActionsSlotChange(e){this.hasMenuActions=d(e)}renderMenu(){let{expanded:e,menuOpen:x,scale:s,layout:i,messages:l,overlayPositioning:y,hasMenuActions:$,menuFlipPlacements:v,menuPlacement:O}=this;return t`<calcite-action-menu .expanded=${e} .flipPlacements=${v??(i==="horizontal"?["top","bottom"]:["left","right"])} .hidden=${!$} .label=${l.more} @calciteActionMenuOpen=${this.setMenuOpen} .open=${x} .overlayPositioning=${y} .placement=${O??(i==="horizontal"?"bottom-start":"leading-start")} .scale=${s}><calcite-action .icon=${f.menu} .scale=${s} slot=${a.trigger} .text=${l.more} .textEnabled=${e}></calcite-action><slot name=${o.menuActions} @slotchange=${this.handleMenuActionsSlotChange}></slot><slot name=${o.menuTooltip} slot=${a.tooltip}></slot></calcite-action-menu>`}render(){return t`<div .ariaLabel=${this.label} class=${u(b.container)} role=group><slot></slot>${this.renderMenu()}</div>`}};p("calcite-action-group",n);export{n as ActionGroup};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as A,b as $,c as me,d as pe,e as fe,f as O,g as T,h as ge,i as ve,j as E,k as be,m as Se,n as B}from"./IQH7IUUJ.js";import{a as he}from"./AANJFHMJ.js";import{b as f,c as V}from"./IQMX7YKP.js";import{b as h}from"./L5J3GXDG.js";import{a as de}from"./XB6HURFL.js";import{a as ne,c as re,e as le,h as ce}from"./2VEFDQMW.js";import{c as se,d as ae,e as oe}from"./JERYFBG2.js";import{a as ue}from"./THNZGVSX.js";import{a as Z,b as ee}from"./2O5AHXU5.js";import{b as z}from"./HWNWHK5V.js";import{a as te,d as ie}from"./SJWT7A5X.js";import{b as v}from"./PCY5HJ72.js";import{e as J,n as Q}from"./VN2Q2LLK.js";import{a as X,d as Y}from"./SAAXUXE7.js";import"./IP2AGZEA.js";import"./RA2KFBVB.js";import{E as j,F as u,J as W,R as G,c as q,d as g,h as c,q as S}from"./5LWQ6VO3.js";var N=class extends te{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.hour))switch(this.hourFormat){case"12":s=this.hour==="01"&&i>=0&&i<=2?`1${i}`:i;break;case"24":this.hour==="01"?s=`1${i}`:this.hour==="02"&&i>=0&&i<=3?s=`2${i}`:s=i;break}else s=i;this.setValuePart("hour",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.minute)&&this.minute.startsWith("0")){let a=parseInt(this.minute);s=a>A?i:`${a}${i}`}else s=i;this.setValuePart("minute",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.second)&&this.second.startsWith("0")){let a=parseInt(this.second);s=a>A?i:`${a}${i}`}else s=i;this.setValuePart("second",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:t}=e;if(z.includes(t)){let i=f(this.component.step),s=parseInt(this.fractionalSecond),a=s.toString().length,r;a>=i?r=t.padStart(i,"0"):a<i&&(r=`${s}${t}`.padStart(i,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${r}`))}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":case"ArrowDown":e.preventDefault(),this.toggleMeridiem(e.key);break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=S()}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){if(e.has("hourFormat")&&(this.setHourFormat(),this.setValue(this.component.value)),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)),e.has("numberingSystem")&&this.setValue(this.component.value),e.has("step")){let t=this.component.step,i=e.get("step");(t>=60&&i>0&&i<60||i>=60&&t>0&&t<60)&&this.setValue(this.component.value)}}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementMinuteOrSecond(e){let t;if(h(this[e])){let i=parseInt(this[e]);t=i===0?59:i-1}else t=59;this.setValuePart(e,t)}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=h(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementMinuteOrSecond(e){let t=h(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,t)}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let t=V(this.component.step),i=f(this.component.step),s=parseInt(this.fractionalSecond),a=parseFloat(`0.${this.fractionalSecond}`),r,n,l,d;e==="up"&&(r=isNaN(s)?0:a+t,n=parseFloat(r.toFixed(i)),l=V(n),d=n<1&&f(l)>0?$(l,i):"".padStart(i,"0")),e==="down"&&(r=isNaN(s)||s===0?1-t:a-t,n=parseFloat(r.toFixed(i)),l=V(n),d=n<1&&f(l)>0&&Math.sign(l)===1?$(l,i):"".padStart(i,"0")),this.setValuePart("fractionalSecond",d)}setHourFormat(){let{hourFormat:e,messages:t}=this.component,i=t._lang;this.hourFormat=e==="user"?me(i):e}setMeridiemOrder(){let{messages:e}=this.component,t=e._lang;this.meridiemOrder=ge(t)}toggleMeridiem(e){let t;this.meridiem?t=this.meridiem==="AM"?"PM":"AM":t=e==="ArrowDown"?"PM":"AM",this.setValuePart("meridiem",t)}setValue(e,t=!1){let{messages:i,numberingSystem:s,step:a,value:r}=this.component,n=i._lang,l=this.hourFormat==="12",d=B(e,a);if(ve(e)){let{hour:w,minute:x,second:b,fractionalSecond:k}=Se(d,a),{localizedHour:y,localizedHourSuffix:p,localizedMinute:m,localizedMinuteSuffix:H,localizedSecond:D,localizedDecimalSeparator:C,localizedFractionalSecond:F,localizedSecondSuffix:M,localizedMeridiem:P}=be({hour12:l,locale:n,numberingSystem:s,parts:!0,step:a,value:d});this.hour=w,this.minute=x,this.second=b,this.fractionalSecond=k,this.localizedHour=y,this.localizedHourSuffix=p,this.localizedMinute=m,this.localizedMinuteSuffix=H,this.localizedSecond=D,this.localizedDecimalSeparator=C,this.localizedFractionalSecond=F,this.localizedSecondSuffix=M,P&&(this.meridiem=T(this.hour),this.localizedMeridiem=P)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=O("hour",n,s),this.localizedMinute=null,this.localizedMinuteSuffix=O("minute",n,s),this.localizedSecond=null,this.localizedDecimalSeparator=fe(n,s),this.localizedFractionalSecond=null,this.localizedSecondSuffix=O("second",n,s),this.localizedMeridiem=null;d!==r?(this.userChangedValue=t,this.component.value=d??""):this.component.requestUpdate()}setValuePart(e,t){let{hourFormat:i}=this,{messages:s,numberingSystem:a,step:r}=this.component,n=s._lang,l=i==="12",d=this.component.value;if(e==="meridiem"){let p=this.meridiem;if(this.meridiem=t,this.localizedMeridiem=E({hour12:l,locale:n,numberingSystem:a,part:"meridiem",value:this.meridiem}),h(this.hour)){let m=parseInt(this.hour);switch(t){case"AM":m>=12&&(this.hour=$(m-12));break;case"PM":m<12&&(this.hour=$(m+12));break;default:this.component.value="";break}this.localizedHour=E({hour12:l,locale:n,numberingSystem:a,part:"hour",value:this.hour})}p!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let p=this.fractionalSecond,m=f(r);typeof t=="number"?this.fractionalSecond=t===0?"".padStart(m,"0"):$(t,m):this.fractionalSecond=t,this.localizedFractionalSecond=E({value:this.fractionalSecond,part:"fractionalSecond",locale:n,numberingSystem:a,hour12:l}),p!==this.fractionalSecond&&this.component.requestUpdate()}else{let p=this[e];this[e]=typeof t=="number"?$(t):t,this[`localized${ue(e)}`]=E({value:this[e],part:e,locale:n,numberingSystem:a,hour12:l}),p!==this[e]&&this.component.requestUpdate()}let{hour:w,minute:x,second:b,fractionalSecond:k}=this,y=B({hour:w,minute:x,second:b,fractionalSecond:k},r);d!==y&&(e==="hour"&&i==="12"&&(this.meridiem=T(w),this.localizedMeridiem=pe({locale:n,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(y??""))}},xe=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}: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}.container{--calcite-icon-color: var(--calcite-color-text-3);align-items:center;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-input);box-sizing:border-box;display:flex;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:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.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;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-color-text-1)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}: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{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{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{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.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}`,o={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",meridiemStart:"meridiem--start",meridiemEnd:"meridiem--end",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},Fe={validationMessage:"inputTimePickerValidationMessage"},L=class extends j{constructor(){super(),this.messages=ie(),this.time=new N(this),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.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputTimePickerBeforeClose=S({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=S({cancelable:!1}),this.calciteInputTimePickerChange=S(),this.calciteInputTimePickerClose=S({cancelable:!1}),this.calciteInputTimePickerOpen=S({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],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,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:W},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=xe}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(){await Y(this),Q(this.el)}connectedCallback(){super.connectedCallback(),se(this),re(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.time.setValue(this.value),this.previousEmittedValue=this.value):this.previousEmittedValue=this.value)}updated(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),ae(this),le(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:t}=this;e!==t&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=t)}keyDownHandler(e){let{defaultPrevented:t,key:i}=e,{hourFormat:s,meridiemOrder:a}=this.time;if(!t)if(i==="Enter")ne(this)&&e.preventDefault(),this.changeEventHandler();else if(this.open&&this.focusTrapDisabled&&i==="Escape")this.open=!1,e.preventDefault();else{let r=f(this.step)>0,n=this.step<60;switch(this.activeEl){case this.hourEl:i==="ArrowRight"?this.setFocusPart("minute"):i==="ArrowLeft"&&s==="12"&&a===0&&this.setFocusPart("meridiem");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):s==="12"&&this.setFocusPart("meridiem");break}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":f(this.step)>0?this.setFocusPart("fractionalSecond"):s==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondEl:switch(i){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":s==="12"&&a!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemEl:i==="ArrowLeft"&&a!==0?r?this.setFocusPart("fractionalSecond"):n?this.setFocusPart("second"):this.setFocusPart("minute"):i==="ArrowRight"&&a===0&&this.setFocusPart("hour");break}}}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}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}setContainerEl(e){this.containerEl=e}async setFocusPart(e){this[`${e||"hour"}El`]?.focus()}setFractionalSecondEl(e){this.fractionalSecondEl=e}setHourEl(e){this.hourEl=e}setMinuteEl(e){this.minuteEl=e}setSecondEl(e){this.secondEl=e}setMeridiemEl(e){this.meridiemEl=e}syncHiddenFormInput(e){he("time",this,e)}timeChangeHandler(e){if(this.disabled)return;let t=e.detail;t!==this.value&&(this.value=t)}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation(),this.time.setValue(e.target.value,!0)}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:t,scale:i}=this,{fractionalSecond:s,handleHourKeyDownEvent:a,handleMinuteKeyDownEvent:r,handleSecondKeyDownEvent:n,handleFractionalSecondKeyDownEvent:l,hour:d,hourFormat:w,localizedDecimalSeparator:x,localizedFractionalSecond:b,localizedHour:k,localizedHourSuffix:y,localizedMinute:p,localizedMinuteSuffix:m,localizedSecond:H,localizedSecondSuffix:D,meridiemOrder:C,minute:F,second:M}=this.time,P="--",we=h(s),ke=h(d),ye=h(F),Pe=h(M),U=f(this.step)>0,K=w==="12",R=this.step<60,_=C===0||J(this.el)==="rtl",I=!this.disabled&&!this.readOnly;return ee({disabled:this.disabled,children:g`<div aria-label=${oe(this)??c} class=${u({[o.container]:!0,[o.readOnly]:t})} role=combobox ${v(this.setContainerEl)}><calcite-icon class=${u(o.clockIcon)} icon=clock .scale=${i==="l"?"m":"s"}></calcite-icon><div class=${u(o.inputContainer)} dir=ltr>${K&&_&&this.renderMeridiem("start")||""}<span aria-label=${this.messages.hour??c} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${ke&&parseInt(d)||"0"} aria-valuetext=${d??c} class=${u({[o.empty]:!k,[o.hour]:!0,[o.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?a:void 0} role=spinbutton tabindex=0 ${v(this.setHourEl)}>${k||P}</span><span class=${u(o.hourSuffix)}>${y}</span><span aria-label=${this.messages.minute??c} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${ye&&parseInt(F)||"0"} aria-valuetext=${F??c} class=${u({[o.empty]:!p,[o.input]:!0,[o.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?r:void 0} role=spinbutton tabindex=0 ${v(this.setMinuteEl)}>${p||P}</span>${R&&g`<span class=${u(o.minuteSuffix)}>${m}</span>`||""}${R&&g`<span aria-label=${this.messages.second??c} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${Pe&&parseInt(M)||"0"} aria-valuetext=${M??c} class=${u({[o.empty]:!H,[o.input]:!0,[o.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?n:void 0} role=spinbutton tabindex=0 ${v(this.setSecondEl)}>${H||P}</span>`||""}${U&&g`<span class=${u(o.decimalSeparator)}>${x}</span>`||""}${U&&g`<span aria-label=${this.messages.fractionalSecond??c} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${we&&parseInt(s)||"0"} aria-valuetext=${b??c} class=${u({[o.empty]:!b,[o.fractionalSecond]:!0,[o.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?l:void 0} role=spinbutton tabindex=0 ${v(this.setFractionalSecondEl)}>${b||"".padStart(f(this.step),"-")}</span>`||""}${D&&g`<span class=${u(o.secondSuffix)}>${D}</span>`||""}${K&&!_&&this.renderMeridiem("end")||""}</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??c} @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .referenceElement=${this.containerEl} trigger-disabled ${v(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??c} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??c} .value=${this.value}></calcite-time-picker></calcite-popover>${ce({component:this})}${this.validationMessage&&this.status==="invalid"?de({icon:this.validationIcon,id:Fe.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(e){let{handleMeridiemKeyDownEvent:t,localizedMeridiem:i,meridiem:s}=this.time,a=!this.disabled&&!this.readOnly;return g`<span aria-label=${this.messages.meridiem??c} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${s==="PM"&&"2"||"1"} aria-valuetext=${s??c} class=${u({[o.empty]:!i,[o.input]:!0,[o.meridiem]:!0,[o.meridiemStart]:e==="start",[o.meridiemEnd]:e==="end"})} @focus=${this.timePartFocusHandler} @keydown=${a?t:void 0} role=spinbutton tabindex=0 ${v(this.setMeridiemEl)}>${i||"--"}</span>`}renderToggleIcon(e){return g`<span class=${u(o.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?"chevron-up":"chevron-down"} .scale=${X(this.scale)}></calcite-icon></span>`}};G("calcite-input-time-picker",L);export{L as InputTimePicker};
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as A,b as $,c as me,d as pe,e as fe,f as O,g as T,h as ge,i as ve,j as E,k as be,m as Se,n as B}from"./DJOOGFIH.js";import{a as he}from"./I67PWJGH.js";import{b as f,c as V}from"./ACXPTB53.js";import{b as h}from"./DWLXEJP6.js";import{a as de}from"./R4OJB4KS.js";import{a as ne,c as re,e as le,h as ce}from"./CRBOI47E.js";import{c as se,d as ae,e as oe}from"./DPT75Y7L.js";import{a as ue}from"./RXMPLIEH.js";import{a as Z,b as ee}from"./DHG6J4M4.js";import{b as z}from"./F7QMJ7MB.js";import{a as te,d as ie}from"./OHFYTTBI.js";import{b as v}from"./TPYECQKV.js";import{e as J,n as Q}from"./4HYQ6BFB.js";import{a as X,d as Y}from"./QVRTS37U.js";import"./X5TSAT27.js";import"./LWH72LEU.js";import{E as j,F as u,J as W,R as G,c as q,d as g,h as c,q as S}from"./IR5YV3PK.js";var N=class extends te{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.hour))switch(this.hourFormat){case"12":s=this.hour==="01"&&i>=0&&i<=2?`1${i}`:i;break;case"24":this.hour==="01"?s=`1${i}`:this.hour==="02"&&i>=0&&i<=3?s=`2${i}`:s=i;break}else s=i;this.setValuePart("hour",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.minute)&&this.minute.startsWith("0")){let a=parseInt(this.minute);s=a>A?i:`${a}${i}`}else s=i;this.setValuePart("minute",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let t=e.key;if(z.includes(t)){let i=parseInt(t),s;if(h(this.second)&&this.second.startsWith("0")){let a=parseInt(this.second);s=a>A?i:`${a}${i}`}else s=i;this.setValuePart("second",s)}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:t}=e;if(z.includes(t)){let i=f(this.component.step),s=parseInt(this.fractionalSecond),a=s.toString().length,r;a>=i?r=t.padStart(i,"0"):a<i&&(r=`${s}${t}`.padStart(i,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${r}`))}else switch(t){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":case"ArrowDown":e.preventDefault(),this.toggleMeridiem(e.key);break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=S()}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){if(e.has("hourFormat")&&(this.setHourFormat(),this.setValue(this.component.value)),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)),e.has("numberingSystem")&&this.setValue(this.component.value),e.has("step")){let t=this.component.step,i=e.get("step");(t>=60&&i>0&&i<60||i>=60&&t>0&&t<60)&&this.setValue(this.component.value)}}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementMinuteOrSecond(e){let t;if(h(this[e])){let i=parseInt(this[e]);t=i===0?59:i-1}else t=59;this.setValuePart(e,t)}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=h(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementMinuteOrSecond(e){let t=h(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,t)}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let t=V(this.component.step),i=f(this.component.step),s=parseInt(this.fractionalSecond),a=parseFloat(`0.${this.fractionalSecond}`),r,n,l,d;e==="up"&&(r=isNaN(s)?0:a+t,n=parseFloat(r.toFixed(i)),l=V(n),d=n<1&&f(l)>0?$(l,i):"".padStart(i,"0")),e==="down"&&(r=isNaN(s)||s===0?1-t:a-t,n=parseFloat(r.toFixed(i)),l=V(n),d=n<1&&f(l)>0&&Math.sign(l)===1?$(l,i):"".padStart(i,"0")),this.setValuePart("fractionalSecond",d)}setHourFormat(){let{hourFormat:e,messages:t}=this.component,i=t._lang;this.hourFormat=e==="user"?me(i):e}setMeridiemOrder(){let{messages:e}=this.component,t=e._lang;this.meridiemOrder=ge(t)}toggleMeridiem(e){let t;this.meridiem?t=this.meridiem==="AM"?"PM":"AM":t=e==="ArrowDown"?"PM":"AM",this.setValuePart("meridiem",t)}setValue(e,t=!1){let{messages:i,numberingSystem:s,step:a,value:r}=this.component,n=i._lang,l=this.hourFormat==="12",d=B(e,a);if(ve(e)){let{hour:w,minute:x,second:b,fractionalSecond:k}=Se(d,a),{localizedHour:y,localizedHourSuffix:p,localizedMinute:m,localizedMinuteSuffix:H,localizedSecond:D,localizedDecimalSeparator:C,localizedFractionalSecond:F,localizedSecondSuffix:M,localizedMeridiem:P}=be({hour12:l,locale:n,numberingSystem:s,parts:!0,step:a,value:d});this.hour=w,this.minute=x,this.second=b,this.fractionalSecond=k,this.localizedHour=y,this.localizedHourSuffix=p,this.localizedMinute=m,this.localizedMinuteSuffix=H,this.localizedSecond=D,this.localizedDecimalSeparator=C,this.localizedFractionalSecond=F,this.localizedSecondSuffix=M,P&&(this.meridiem=T(this.hour),this.localizedMeridiem=P)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=O("hour",n,s),this.localizedMinute=null,this.localizedMinuteSuffix=O("minute",n,s),this.localizedSecond=null,this.localizedDecimalSeparator=fe(n,s),this.localizedFractionalSecond=null,this.localizedSecondSuffix=O("second",n,s),this.localizedMeridiem=null;d!==r?(this.userChangedValue=t,this.component.value=d??""):this.component.requestUpdate()}setValuePart(e,t){let{hourFormat:i}=this,{messages:s,numberingSystem:a,step:r}=this.component,n=s._lang,l=i==="12",d=this.component.value;if(e==="meridiem"){let p=this.meridiem;if(this.meridiem=t,this.localizedMeridiem=E({hour12:l,locale:n,numberingSystem:a,part:"meridiem",value:this.meridiem}),h(this.hour)){let m=parseInt(this.hour);switch(t){case"AM":m>=12&&(this.hour=$(m-12));break;case"PM":m<12&&(this.hour=$(m+12));break;default:this.component.value="";break}this.localizedHour=E({hour12:l,locale:n,numberingSystem:a,part:"hour",value:this.hour})}p!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let p=this.fractionalSecond,m=f(r);typeof t=="number"?this.fractionalSecond=t===0?"".padStart(m,"0"):$(t,m):this.fractionalSecond=t,this.localizedFractionalSecond=E({value:this.fractionalSecond,part:"fractionalSecond",locale:n,numberingSystem:a,hour12:l}),p!==this.fractionalSecond&&this.component.requestUpdate()}else{let p=this[e];this[e]=typeof t=="number"?$(t):t,this[`localized${ue(e)}`]=E({value:this[e],part:e,locale:n,numberingSystem:a,hour12:l}),p!==this[e]&&this.component.requestUpdate()}let{hour:w,minute:x,second:b,fractionalSecond:k}=this,y=B({hour:w,minute:x,second:b,fractionalSecond:k},r);d!==y&&(e==="hour"&&i==="12"&&(this.meridiem=T(w),this.localizedMeridiem=pe({locale:n,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(y??""))}},xe=q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}: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}.container{--calcite-icon-color: var(--calcite-color-text-3);align-items:center;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-input);box-sizing:border-box;display:flex;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:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.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;outline:2px solid transparent;outline-offset:2px}.toggle-icon{align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-color-text-1)}.meridiem--start{margin-inline-end:var(--calcite-spacing-xxs)}.meridiem--end{margin-inline-start:var(--calcite-spacing-xxs)}: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{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{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{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.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}`,o={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",meridiemStart:"meridiem--start",meridiemEnd:"meridiem--end",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},Fe={validationMessage:"inputTimePickerValidationMessage"},L=class extends j{constructor(){super(),this.messages=ie(),this.time=new N(this),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.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputTimePickerBeforeClose=S({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=S({cancelable:!1}),this.calciteInputTimePickerChange=S(),this.calciteInputTimePickerClose=S({cancelable:!1}),this.calciteInputTimePickerOpen=S({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],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,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:W},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=xe}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(){await Y(this),Q(this.el)}connectedCallback(){super.connectedCallback(),se(this),re(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.time.setValue(this.value),this.previousEmittedValue=this.value):this.previousEmittedValue=this.value)}updated(){Z(this)}disconnectedCallback(){super.disconnectedCallback(),ae(this),le(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:t}=this;e!==t&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=t)}keyDownHandler(e){let{defaultPrevented:t,key:i}=e,{hourFormat:s,meridiemOrder:a}=this.time;if(!t)if(i==="Enter")ne(this)&&e.preventDefault(),this.changeEventHandler();else if(this.open&&this.focusTrapDisabled&&i==="Escape")this.open=!1,e.preventDefault();else{let r=f(this.step)>0,n=this.step<60;switch(this.activeEl){case this.hourEl:i==="ArrowRight"?this.setFocusPart("minute"):i==="ArrowLeft"&&s==="12"&&a===0&&this.setFocusPart("meridiem");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):s==="12"&&this.setFocusPart("meridiem");break}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":f(this.step)>0?this.setFocusPart("fractionalSecond"):s==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondEl:switch(i){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":s==="12"&&a!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemEl:i==="ArrowLeft"&&a!==0?r?this.setFocusPart("fractionalSecond"):n?this.setFocusPart("second"):this.setFocusPart("minute"):i==="ArrowRight"&&a===0&&this.setFocusPart("hour");break}}}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}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}setContainerEl(e){this.containerEl=e}async setFocusPart(e){this[`${e||"hour"}El`]?.focus()}setFractionalSecondEl(e){this.fractionalSecondEl=e}setHourEl(e){this.hourEl=e}setMinuteEl(e){this.minuteEl=e}setSecondEl(e){this.secondEl=e}setMeridiemEl(e){this.meridiemEl=e}syncHiddenFormInput(e){he("time",this,e)}timeChangeHandler(e){if(this.disabled)return;let t=e.detail;t!==this.value&&(this.value=t)}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation(),this.time.setValue(e.target.value,!0)}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:t,scale:i}=this,{fractionalSecond:s,handleHourKeyDownEvent:a,handleMinuteKeyDownEvent:r,handleSecondKeyDownEvent:n,handleFractionalSecondKeyDownEvent:l,hour:d,hourFormat:w,localizedDecimalSeparator:x,localizedFractionalSecond:b,localizedHour:k,localizedHourSuffix:y,localizedMinute:p,localizedMinuteSuffix:m,localizedSecond:H,localizedSecondSuffix:D,meridiemOrder:C,minute:F,second:M}=this.time,P="--",we=h(s),ke=h(d),ye=h(F),Pe=h(M),U=f(this.step)>0,K=w==="12",R=this.step<60,_=C===0||J(this.el)==="rtl",I=!this.disabled&&!this.readOnly;return ee({disabled:this.disabled,children:g`<div aria-label=${oe(this)??c} class=${u({[o.container]:!0,[o.readOnly]:t})} role=combobox ${v(this.setContainerEl)}><calcite-icon class=${u(o.clockIcon)} icon=clock .scale=${i==="l"?"m":"s"}></calcite-icon><div class=${u(o.inputContainer)} dir=ltr>${K&&_&&this.renderMeridiem("start")||""}<span aria-label=${this.messages.hour??c} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${ke&&parseInt(d)||"0"} aria-valuetext=${d??c} class=${u({[o.empty]:!k,[o.hour]:!0,[o.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?a:void 0} role=spinbutton tabindex=0 ${v(this.setHourEl)}>${k||P}</span><span class=${u(o.hourSuffix)}>${y}</span><span aria-label=${this.messages.minute??c} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${ye&&parseInt(F)||"0"} aria-valuetext=${F??c} class=${u({[o.empty]:!p,[o.input]:!0,[o.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?r:void 0} role=spinbutton tabindex=0 ${v(this.setMinuteEl)}>${p||P}</span>${R&&g`<span class=${u(o.minuteSuffix)}>${m}</span>`||""}${R&&g`<span aria-label=${this.messages.second??c} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${Pe&&parseInt(M)||"0"} aria-valuetext=${M??c} class=${u({[o.empty]:!H,[o.input]:!0,[o.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?n:void 0} role=spinbutton tabindex=0 ${v(this.setSecondEl)}>${H||P}</span>`||""}${U&&g`<span class=${u(o.decimalSeparator)}>${x}</span>`||""}${U&&g`<span aria-label=${this.messages.fractionalSecond??c} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${we&&parseInt(s)||"0"} aria-valuetext=${b??c} class=${u({[o.empty]:!b,[o.fractionalSecond]:!0,[o.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${I?l:void 0} role=spinbutton tabindex=0 ${v(this.setFractionalSecondEl)}>${b||"".padStart(f(this.step),"-")}</span>`||""}${D&&g`<span class=${u(o.secondSuffix)}>${D}</span>`||""}${K&&!_&&this.renderMeridiem("end")||""}</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??c} @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .referenceElement=${this.containerEl} trigger-disabled ${v(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??c} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??c} .value=${this.value}></calcite-time-picker></calcite-popover>${ce({component:this})}${this.validationMessage&&this.status==="invalid"?de({icon:this.validationIcon,id:Fe.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(e){let{handleMeridiemKeyDownEvent:t,localizedMeridiem:i,meridiem:s}=this.time,a=!this.disabled&&!this.readOnly;return g`<span aria-label=${this.messages.meridiem??c} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${s==="PM"&&"2"||"1"} aria-valuetext=${s??c} class=${u({[o.empty]:!i,[o.input]:!0,[o.meridiem]:!0,[o.meridiemStart]:e==="start",[o.meridiemEnd]:e==="end"})} @focus=${this.timePartFocusHandler} @keydown=${a?t:void 0} role=spinbutton tabindex=0 ${v(this.setMeridiemEl)}>${i||"--"}</span>`}renderToggleIcon(e){return g`<span class=${u(o.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?"chevron-up":"chevron-down"} .scale=${X(this.scale)}></calcite-icon></span>`}};G("calcite-input-time-picker",L);export{L as InputTimePicker};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
4
|
function r(n,$,o){return $?`${n}-${$}`:o?`${n}-${o}`:`${n}-m`}export{r as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{e as m,i as d}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{e as m,i as d}from"./TGFUIE4U.js";import"./4HYQ6BFB.js";import{a as n}from"./LWH72LEU.js";import{E as s,F as e,G as c,H as t,R as r,c as l,d as a}from"./IR5YV3PK.js";var i={list:"list",label:"label",title:"title"},g=l`.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit: .5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit: .75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit: 1rem}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%}.title{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding:var(--calcite-combobox-item-spacing-unit);margin-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-item-group-text-color, var(--calcite-color-text-2));border-block-end-color:var(--calcite-combobox-item-group-border-color, var(--calcite-color-border-3))}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,o=class extends s{constructor(){super(...arguments),this.guid=n(),this.afterEmptyGroup=!1,this.scale="m",this.itemHidden=!1}static{this.properties={afterEmptyGroup:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],label:1,scale:1,itemHidden:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=g}connectedCallback(){super.connectedCallback(),this.ancestors=m(this.el)}render(){let{el:p,scale:b}=this,u=d(p);return a`<ul aria-labelledby=${this.guid??t} class=${e({[i.list]:!0,[`scale--${b}`]:!0})} role=group><li class=${e({[i.label]:!0})} id=${this.guid??t} role=presentation style=${c({"--calcite-combobox-item-spacing-indent-multiplier":`${u}`})}><span class=${e(i.title)}>${this.label}</span></li><slot></slot></ul>`}};r("calcite-combobox-item-group",o);export{o as ComboboxItemGroup};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{c as h}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{c as h}from"./4HYQ6BFB.js";import{a as d}from"./LWH72LEU.js";import{E as o,F as a,I as i,R as r,c,d as l}from"./IR5YV3PK.js";var b={container:"container",content:"content"},p=c`:host{display:none}:host,.container,.content{block-size:100%;inline-size:100%}:host([selected]),:host([selected]) .container{display:flex;flex-direction:column}.content{box-sizing:border-box;padding-block:var(--calcite-tab-content-space-y, var(--calcite-tab-content-block-padding, var(--calcite-internal-tab-content-space-y)))}.scale-s{--calcite-internal-tab-content-space-y: .25rem;font-size:var(--calcite-font-size-sm);line-height:1rem}.scale-m{--calcite-internal-tab-content-space-y: .5rem;font-size:var(--calcite-font-size);line-height:1rem}.scale-l{--calcite-internal-tab-content-space-y: .625rem;font-size:var(--calcite-font-size-md);line-height:1.25rem}.container{display:none;block-size:100%;inline-size:100%;overflow:auto;outline-color:transparent}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends o{constructor(){super(),this.guid=`calcite-tab-title-${d()}`,this.scale="m",this.selected=!1,this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler)}static{this.properties={labeledBy:[16,{},{state:!0}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],tab:[3,{},{reflect:!0}]}}static{this.styles=p}async getTabIndex(){return Array.prototype.indexOf.call(h(this.el.parentElement.children).filter(e=>e.matches("calcite-tab")),this.el)}_updateAriaInfo(e=[],s=[]){this.labeledBy=s[e.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){super.disconnectedCallback(),document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(e){e.composedPath().find(t=>t.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===e.detail.tab:this.getTabIndex().then(t=>{this.selected=t===e.detail.tab}),e.stopPropagation())}render(){let e=this.el.id||this.guid;return i(this.el,"aria-labelledby",this.labeledBy),i(this.el,"id",e),l`<div class=${a({[b.container]:!0,[`scale-${this.scale}`]:!0})} role=tabpanel .tabIndex=${this.selected?0:-1}><section class=${a(b.content)}><slot></slot></section></div>`}};r("calcite-tab",n);export{n as Tab};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as x,h as y,k as D,l as v,m as g,n as p,o as d,p as m,q as r,r as c,s as L}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as x,h as y,k as D,l as v,m as g,n as p,o as d,p as m,q as r,r as c,s as L}from"./KKYI2MFO.js";import"./NJKNIQBN.js";import{a as F}from"./YKFHQFYT.js";import{b as C}from"./TPYECQKV.js";import{l as T}from"./4HYQ6BFB.js";import{d as B}from"./QVRTS37U.js";import"./X5TSAT27.js";import"./LWH72LEU.js";import{E as O,F as I,R as E,c as N,d as f,q as S}from"./IR5YV3PK.js";var b={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=N`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,$=x(),V=class extends O{constructor(){super(...arguments),this.internalColor=$,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(c($,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=S({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(){return await B(this),T(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(c($,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=m(a);(d(a,!0)||d(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(L(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputNode.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=g(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&m(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:o,value:h}=this,{key:u}=t,H=t.composedPath();if(u==="Tab"&&d(h,this.alphaChannel)||u==="Enter"){H.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let k=u==="ArrowDown"||u==="ArrowUp",w=this.value;if(k){if(!h){this.internalSetValue(this.previousNonNullValue,w),t.preventDefault();return}let z=u==="ArrowUp"?1:-1,P=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(o,P*z,H.includes(i)?"rgb":"a"),s),w),t.preventDefault();return}let A=e||a||n,R=u.length===1,K=D.test(u);R&&!A&&!K&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&m(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),o=r(c(i,n),n),h=!s||o!==r(c(s,n),n);this.internalColor=i,this.previousNonNullValue=o,this.value=o,h&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${v(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(o=>o+e),this.alphaChannel?l[3]:void 0];else{let i=g(v(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),o=this.formatOpacityForInternalInput(a),h=l==="l"?"m":"s";return f`<div class=${I(b.container)}><calcite-input-text class=${I(b.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${h} .value=${i} ${C(this.storeHexInputRef)}></calcite-input-text>${t?F("opacity-input",f`<calcite-input-number class=${I(b.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${h} suffix-text=% .value=${o} ${C(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};E("calcite-color-picker-hex-input",V);export{V as ColorPickerHexInput};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as T}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as T}from"./LWH72LEU.js";import{K as h}from"./IR5YV3PK.js";var O=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],b=O.join(","),N=typeof Element>"u",d=N?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,g=!N&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e?.ownerDocument},v=function e(t,r){var n;r===void 0&&(r=!0);var a=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"inert"),o=a===""||a==="true",i=o||r&&t&&e(t.parentNode);return i},k=function(t){var r,n=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"contenteditable");return n===""||n==="true"},M=function(t,r,n){if(v(t))return[];var a=Array.prototype.slice.apply(t.querySelectorAll(b));return r&&d.call(t,b)&&a.unshift(t),a=a.filter(n),a},B=function e(t,r,n){for(var a=[],o=Array.from(t);o.length;){var i=o.shift();if(!v(i,!1))if(i.tagName==="SLOT"){var s=i.assignedElements(),u=s.length?s:i.children,l=e(u,!0,n);n.flatten?a.push.apply(a,l):a.push({scopeParent:i,candidates:l})}else{var f=d.call(i,b);f&&n.filter(i)&&(r||!t.includes(i))&&a.push(i);var c=i.shadowRoot||typeof n.getShadowRoot=="function"&&n.getShadowRoot(i),D=!v(c,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(i));if(c&&D){var S=e(c===!0?i.children:c.children,!0,n);n.flatten?a.push.apply(a,S):a.push({scopeParent:i,candidates:S})}else o.unshift.apply(o,i.children)}}return a},I=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},A=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||k(t))&&!I(t)?0:t.tabIndex},L=function(t,r){var n=A(t);return n<0&&r&&!I(t)?0:n},P=function(t,r){return t.tabIndex===r.tabIndex?t.documentOrder-r.documentOrder:t.tabIndex-r.tabIndex},x=function(t){return t.tagName==="INPUT"},q=function(t){return x(t)&&t.type==="hidden"},W=function(t){var r=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(n){return n.tagName==="SUMMARY"});return r},$=function(t,r){for(var n=0;n<t.length;n++)if(t[n].checked&&t[n].form===r)return t[n]},G=function(t){if(!t.name)return!0;var r=t.form||g(t),n=function(s){return r.querySelectorAll('input[type="radio"][name="'+s+'"]')},a;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")a=n(window.CSS.escape(t.name));else try{a=n(t.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var o=$(a,t.form);return!o||o===t},U=function(t){return x(t)&&t.type==="radio"},j=function(t){return U(t)&&!G(t)},z=function(t){var r,n=t&&g(t),a=(r=n)===null||r===void 0?void 0:r.host,o=!1;if(n&&n!==t){var i,s,u;for(o=!!((i=a)!==null&&i!==void 0&&(s=i.ownerDocument)!==null&&s!==void 0&&s.contains(a)||t!=null&&(u=t.ownerDocument)!==null&&u!==void 0&&u.contains(t));!o&&a;){var l,f,c;n=g(a),a=(l=n)===null||l===void 0?void 0:l.host,o=!!((f=a)!==null&&f!==void 0&&(c=f.ownerDocument)!==null&&c!==void 0&&c.contains(a))}}return o},w=function(t){var r=t.getBoundingClientRect(),n=r.width,a=r.height;return n===0&&a===0},X=function(t,r){var n=r.displayCheck,a=r.getShadowRoot;if(getComputedStyle(t).visibility==="hidden")return!0;var o=d.call(t,"details>summary:first-of-type"),i=o?t.parentElement:t;if(d.call(i,"details:not([open]) *"))return!0;if(!n||n==="full"||n==="legacy-full"){if(typeof a=="function"){for(var s=t;t;){var u=t.parentElement,l=g(t);if(u&&!u.shadowRoot&&a(u)===!0)return w(t);t.assignedSlot?t=t.assignedSlot:!u&&l!==t.ownerDocument?t=l.host:t=u}t=s}if(z(t))return!t.getClientRects().length;if(n!=="legacy-full")return!0}else if(n==="non-zero-area")return w(t);return!1},H=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var r=t.parentElement;r;){if(r.tagName==="FIELDSET"&&r.disabled){for(var n=0;n<r.children.length;n++){var a=r.children.item(n);if(a.tagName==="LEGEND")return d.call(r,"fieldset[disabled] *")?!0:!a.contains(t)}return!0}r=r.parentElement}return!1},V=function(t,r){return!(r.disabled||v(r)||q(r)||X(r,t)||W(r)||H(r))},E=function(t,r){return!(j(r)||A(r)<0||!V(t,r))},Y=function(t){var r=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(r)||r>=0)},Z=function e(t){var r=[],n=[];return t.forEach(function(a,o){var i=!!a.scopeParent,s=i?a.scopeParent:a,u=L(s,i),l=i?e(a.candidates):s;u===0?i?r.push.apply(r,l):r.push(s):n.push({documentOrder:o,tabIndex:u,item:a,isScope:i,content:l})}),n.sort(P).reduce(function(a,o){return o.isScope?a.push.apply(a,o.content):a.push(o.content),a},[]).concat(r)},K=function(t,r){r=r||{};var n;return r.getShadowRoot?n=B([t],r.includeContainer,{filter:E.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:Y}):n=M(t,r.includeContainer,E.bind(null,r)),Z(n)},J={getShadowRoot:!0};function dt(e){return e?e.id=e.id||`${e.tagName.toLowerCase()}-${T()}`:""}function ht(e){return Array.isArray(e)?e:Array.from(e)}function gt(e){let t=m(e,`.${h.darkMode}, .${h.lightMode}, .${h.autoMode}`);return t?.classList.contains("calcite-mode-dark")||t?.classList.contains("calcite-mode-auto")&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function vt(e){let t="dir",r=`[${t}]`,n=m(e,r);return n?n.getAttribute(t):"ltr"}function bt(e){return e?parseFloat(getComputedStyle(e).inlineSize):0}function p(e){return e.getRootNode()}function yt(e){let t=p(e);return"host"in t?t:null}function pt(e,t){if(!e)return 0;let n=document.createElement("canvas").getContext("2d");return n.font=t,n.measureText(e).width}function R(e){return e.host||null}function Q(e,{selector:t,id:r}){if(!e)return null;e.assignedSlot&&(e=e.assignedSlot);let n=p(e);return(r?"getElementById"in n?n.getElementById(r):null:t?n.querySelector(t):null)||Q(R(n),{selector:t,id:r})}function m(e,t){return e?e.closest(t)||m(R(p(e)),t):null}function _(e){return typeof e?.setFocus=="function"}async function tt(e){if(e)return _(e)?e.setFocus():e.focus()}function et(e){if(e)return K(e,J)[0]??e}function mt(e){et(e)?.focus()}function St(e,t){return Array.from(e.children).filter(r=>r.matches(t))}function rt(e,t){return e.filter(r=>r.matches(t))}function Tt(e,t,r){if(typeof t=="string"&&t!=="")return t;if(t===""||t===!0)return e[r]}function wt(e,t){return!(t.left>e.right||t.right<e.left||t.top>e.bottom||t.bottom<e.top)}function Et(e){return(!!e).toString()}function Ct(e){return ot(e)||at(e)}function nt(e){return it(e).filter(t=>t.nodeType===Node.TEXT_NODE).map(t=>t.textContent).join("").trim()}function Nt(e){for(let t of e.childNodes)if(t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()!==""||t.nodeType===Node.ELEMENT_NODE)return!0;return!1}function at(e){return!!nt(e)}function it(e){return e.currentTarget.assignedNodes({flatten:!0})}function ot(e){return!!st(e).length}function st(e,t){return ut(e.target,t)}function ut(e,t){let r=e.assignedElements({flatten:!0});return t?rt(r,t):r}function It(e){return!!(e.isPrimary&&e.button===0)}function At(e){return e.detail===0}var xt=(e,t,r,n=!0)=>{let a=e.indexOf(t),o=a===0,i=a===e.length-1;n&&(r=r==="previous"&&o?"last":r==="next"&&i?"first":r);let s;return r==="previous"?s=e[a-1]||e[n?e.length-1:a]:r==="next"?s=e[a+1]||e[n?0:a]:r==="last"?s=e[e.length-1]:s=e[0],tt(s),s};function Rt(e,t){if(e.parentNode!==t.parentNode)return!1;let r=Array.from(e.parentNode.children);return r.indexOf(e)<r.indexOf(t)}async function Ft(e,t,r,n){return F(e,t,"animation",r,n)}async function Dt(e,t,r,n){return F(e,t,"transition",r,n)}async function lt(e,t){await y(),e?.(),await y(),t?.()}function C(e,t,r){let n=t==="transition"?"transitionProperty":"animationName";return e.getAnimations().find(a=>a[n]===r)}async function F(e,t,r,n,a){let o=C(e,r,t);if(o||(await y(),o=C(e,r,t)),!o)return lt(n,a);n?.();try{await o.finished}catch{}finally{a?.()}}function y(){return new Promise(e=>requestAnimationFrame(()=>e()))}function Ot(e){switch(!0){case e.endsWith("px"):return parseFloat(e);case e.endsWith("vw"):return window.innerWidth/100*parseFloat(e);case e.endsWith("vh"):return window.innerHeight/100*parseFloat(e);default:return 0}}export{J as a,dt as b,ht as c,gt as d,vt as e,bt as f,p as g,yt as h,pt as i,Q as j,m as k,tt as l,et as m,mt as n,St as o,Tt as p,wt as q,Et as r,Ct as s,Nt as t,ot as u,st as v,ut as w,It as x,At as y,xt as z,Rt as A,Ft as B,Dt as C,Ot as D};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as b}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as b}from"./YKFHQFYT.js";import{a as w}from"./F7QMJ7MB.js";import{d as $}from"./OHFYTTBI.js";import{n as f}from"./4HYQ6BFB.js";import{d as k}from"./QVRTS37U.js";import{a as m}from"./X5TSAT27.js";import"./LWH72LEU.js";import{E as v,F as c,H as u,R as x,c as h,d as r,q as p}from"./IR5YV3PK.js";var l={content:"content",toggle:"toggle"},t={chevronIcon:"chevron-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleSwitch:"toggle--switch",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"},s={menuExpanded:"chevron-up",menuCollapsed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},S=h`:host{box-sizing:border-box;display:block;font-size:var(--calcite-font-size--1);color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2));background-color:var(--calcite-block-section-background-color, var(--calcite-color-foreground-1))}:host([expanded]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-block-section-border-color, var(--calcite-color-border-3))}:host([expanded]) .toggle{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .chevron-icon{color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}:host([expanded]) .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;font-family:var(--calcite-font-family);gap:var(--calcite-spacing-md);color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2));background-color:var(--calcite-block-section-background-color, transparent);font-weight:var(--calcite-font-weight-normal)}.toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.toggle--switch,.section-header{margin-inline:0px;margin-block:.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle--switch:hover,.section-header:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;word-break:break-word;background-color:var(--calcite-block-section-background-color, transparent)}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover,.toggle-container .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends v{constructor(){super(...arguments),this.messages=$(),this.expanded=!1,this.toggleDisplay="button",this.calciteBlockSectionToggle=p({cancelable:!1})}static{this.properties={expanded:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],text:1,toggleDisplay:[3,{},{reflect:!0}]}}static{this.styles=S}get open(){return this.expanded}set open(e){m.deprecated("property",{name:"open",removalVersion:4,suggested:"expanded"}),this.expanded=e}async setFocus(){await k(this),f(this.el)}handleHeaderKeyDown(e){w(e.key)&&(this.toggleSection(),e.preventDefault(),e.stopPropagation())}toggleSection(){this.expanded=!this.expanded,this.calciteBlockSectionToggle.emit()}renderStatusIcon(){let{status:e}=this,o=s[e]??!1,i={[t.statusIcon]:!0,[t.valid]:e=="valid",[t.invalid]:e=="invalid"};return o?r`<calcite-icon class=${c(i)} .icon=${o} scale=s></calcite-icon>`:null}renderIcon(e){let{iconFlipRtl:o}=this;if(e===void 0)return null;let i=o==="both"||o==="start",a=o==="both"||o==="end",n=e===this.iconStart;return b(n?this.iconStart:this.iconEnd,r`<calcite-icon class=${c(n?t.iconStart:t.iconEnd)} .flipRtl=${n?i:a} .icon=${n?this.iconStart:this.iconEnd} scale=s></calcite-icon>`)}render(){let{messages:e,expanded:o,text:i,toggleDisplay:a}=this,n=o?s.menuExpanded:s.menuCollapsed,g=o?e.collapse:e.expand,y=a==="switch"?r`<div class=${c({[t.toggleContainer]:!0})}><div aria-controls=${l.content} .ariaExpanded=${o} class=${c({[t.toggle]:!0,[t.toggleSwitch]:!0})} id=${l.toggle} @click=${this.toggleSection} @keydown=${this.handleHeaderKeyDown} role=button tabindex=0 title=${g??u}>${this.renderIcon(this.iconStart)}<div class=${c(t.toggleSwitchContent)}><span class=${c(t.toggleSwitchText)}>${i}</span></div>${this.renderIcon(this.iconEnd)}${this.renderStatusIcon()}<calcite-switch .checked=${o} class=${c(t.switch)} inert .label=${g} scale=s></calcite-switch></div></div>`:r`<div class=${c({[t.toggleContainer]:!0})}><button aria-controls=${l.content} .ariaExpanded=${o} class=${c({[t.sectionHeader]:!0,[t.toggle]:!0})} id=${l.toggle} @click=${this.toggleSection}>${this.renderIcon(this.iconStart)}<span class=${c(t.sectionHeaderText)}>${i}</span>${this.renderIcon(this.iconEnd)}${this.renderStatusIcon()}<calcite-icon class=${c(t.chevronIcon)} .icon=${n} scale=s></calcite-icon></button></div>`;return r`${y}<section aria-labelledby=${l.toggle} class=${c(t.content)} .hidden=${!o} id=${l.content}><slot></slot></section>`}};x("calcite-block-section",d);export{d as BlockSection};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as ie}from"./AANJFHMJ.js";import{a as K,b as f,c as _,d as R,e as q,k as r}from"./L5J3GXDG.js";import{a as te}from"./XB6HURFL.js";import{a as J,c as Q,e as X,g as E,h as ee}from"./2VEFDQMW.js";import{c as G,d as Z,e as Y}from"./JERYFBG2.js";import{a as j,b as M}from"./2O5AHXU5.js";import{a as T}from"./C7TAGXYT.js";import{b as U}from"./HWNWHK5V.js";import{c as A,d as W}from"./SJWT7A5X.js";import{a as N,b as k}from"./PCY5HJ72.js";import{e as P,p as V,x as $}from"./VN2Q2LLK.js";import{a as x,d as L}from"./SAAXUXE7.js";import"./IP2AGZEA.js";import"./RA2KFBVB.js";import{D as C,E as D,F as s,J as z,K as F,R as O,c as H,d as c,h,q as y}from"./5LWQ6VO3.js";var n={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"},re={validationMessage:"inputNumberValidationMessage"},oe={action:"action"},le=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}: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);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));border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}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))}calcite-icon{color:var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;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}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;outline-color:transparent;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1));border-inline-start-width:0px}.clear-button:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.clear-button:hover calcite-icon{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.clear-button:active calcite-icon{color:var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;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;font-weight:var(--calcite-font-weight-medium);line-height:1;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-prefix-background-color, var(--calcite-color-background));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-suffix-background-color, var(--calcite-color-background));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;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}: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-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:1px;border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;padding-block:0px;padding-inline:.5rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1))}.number-button-item calcite-icon{pointer-events:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:disabled{pointer-events:none}.number-button-item:hover{background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.number-button-item:hover calcite-icon{color:var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.number-button-item:active calcite-icon{color:var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.prefix,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down]{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}.has-suffix input,:host .clearable input,:host(:not([read-only])) input,:host .suffix,:host .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host .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}.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-placeholder-text-color, var(--calcite-color-text-3))}`,B=class extends D{constructor(){super(),this.actionWrapperEl=N(),this.attributeWatch=A(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.inputWrapperEl=N(),this.onHiddenFormInputInput=e=>{e.target.name===this.name&&this.setNumberValue({value:e.target.value,origin:"direct"}),this.setFocus(),e.stopPropagation()},this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=W(),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.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputNumberChange=y({cancelable:!1}),this.calciteInputNumberInput=y(),this.calciteInternalInputNumberBlur=y({cancelable:!1}),this.calciteInternalInputNumberFocus=y({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:[0,{},{attribute:!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:z},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label: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:z},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.styles=le}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.childNumberEl?.select()}async setFocus(){await L(this),this.childNumberEl?.focus()}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),G(this),Q(this),this.el.addEventListener(E,this.onHiddenFormInputInput)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=V({},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:f(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=V({},this.icon,"number")),e.has("messages")&&(r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1})}updated(){j(this)}disconnectedCallback(){super.disconnectedCallback(),Z(this),X(this),this.el.removeEventListener(E,this.onHiddenFormInputInput)}get isClearable(){return this.clearable&&this.value.length>0}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==""?"":f(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"&&J(this)&&e.preventDefault())}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,d){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let u=e==="up"?1:-1,o=this.integer&&this.step!=="any"?Math.round(this.step):this.step,b=o==="any"?1:Math.abs(o||1),p=new K(a!==""?a:"0").add(`${b*u}`),g=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,l=g()?`${i}`:m()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:d,origin:"user",value:l})}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(){window.clearInterval(this.nudgeNumberValueIntervalId),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperEl.value)||t.includes(this.actionWrapperEl.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;r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=r.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:_(i)}),this.childNumberEl.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=[...U,"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}r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===r.decimal&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.indexOf(r.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&!/[eE]/.test(this.childNumberEl.value))||e.key==="-"&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,d=this.minString?parseFloat(this.minString):null,a=150;this.incrementOrDecrementNumberValue(e,i,d,t),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let u=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(u){u=!1;return}this.incrementOrDecrementNumberValue(e,i,d,t)},a)}nudgeButtonPointerUpHandler(e){$(e)&&window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerOutHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerDownHandler(e){if(!$(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}syncHiddenFormInput(e){ie("number",this,e)}setChildNumberElRef(e){this.childNumberEl=e}setInputNumberValue(e){this.childNumberEl&&(this.childNumberEl.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return f(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:d,value:a}){r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let u=this.previousValue?.length>a.length||this.value?.length>a.length,o=this.integer?a.replace(/[e.]/g,""):a,b=o.charAt(o.length-1)===".",v=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),g=b&&u?o:R(o),m=a&&!g?f(this.previousValue)?this.previousValue:"":g,l=r.localize(m);i!=="connected"&&!b&&(l=q(l,m,r)),b&&u&&(l=`${l}${r.decimal}`),p&&(l=`${v?l.charAt(0):""}${r.localize("0").repeat(p[1].length)}${v?l.slice(1):l}`),this.displayedValue=l,this.setPreviousNumberValue(d??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let S=["-","."].includes(m)?"":m;this.value=S;let ne=new Set(["e","E",r.decimal,r.minusSign,r.group,...r.digits]),w=this.childNumberEl?.value;if(w){let I=Array.from(w).filter(ae=>ne.has(ae)).join("");I!==w&&this.setInputNumberValue(I)}i==="direct"&&(this.setInputNumberValue(l),this.setPreviousEmittedNumberValue(S)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=r.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}warnAboutInvalidNumberValue(e){e&&!f(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=P(this.el),t=c`<div class=${s(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=c`<button .ariaLabel=${this.messages.clear} class=${s(n.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${x(this.scale)}></calcite-icon></button>`,d=c`<calcite-icon class=${s(n.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${x(this.scale)}></calcite-icon>`,a=this.numberButtonType==="horizontal",u=c`<button aria-hidden=true class=${s({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-up .scale=${x(this.scale)}></calcite-icon></button>`,o=c`<button aria-hidden=true class=${s({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-down .scale=${x(this.scale)}></calcite-icon></button>`,b=c`<div class=${s(n.numberButtonWrapper)}>${u}${o}</div>`,v=c`<div class=${s(n.prefix)}>${this.prefixText}</div>`,p=c`<div class=${s(n.suffix)}>${this.suffixText}</div>`,g=T("localized-input",c`<input aria-errormessage=${re.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Y(this)} autocomplete=${this.autocomplete??h} .autofocus=${this.el.autofocus} value=${this.defaultValue??h} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??h} inputmode=${this.el.inputMode||"decimal"} maxlength=${this.maxLength??h} minlength=${this.minLength??h} name=${h} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??h} .readOnly=${this.readOnly} type=text .value=${C(this.displayedValue??"")} ${k(this.setChildNumberElRef)}>`);return M({disabled:this.disabled,children:c`<div class=${s({[n.inputWrapper]:!0,[F.rtl]:e==="rtl",[n.hasSuffix]:this.suffixText,[n.hasPrefix]:this.prefixText,[n.clearable]:this.isClearable})} ${k(this.inputWrapperEl)}>${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?v:null}<div class=${s(n.wrapper)}>${g}${this.isClearable?i:null}${this.requestedIcon?d:null}${this.loading?t:null}</div><div class=${s(n.actionWrapper)} ${k(this.actionWrapperEl)}><slot name=${oe.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?b:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${ee({component:this})}</div>${this.validationMessage&&this.status==="invalid"?te({icon:this.validationIcon,id:re.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",B);export{B as InputNumber};
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as ie}from"./I67PWJGH.js";import{a as K,b as f,c as _,d as R,e as q,k as r}from"./DWLXEJP6.js";import{a as te}from"./R4OJB4KS.js";import{a as J,c as Q,e as X,g as E,h as ee}from"./CRBOI47E.js";import{c as G,d as Z,e as Y}from"./DPT75Y7L.js";import{a as j,b as M}from"./DHG6J4M4.js";import{a as T}from"./YKFHQFYT.js";import{b as U}from"./F7QMJ7MB.js";import{c as A,d as W}from"./OHFYTTBI.js";import{a as N,b as k}from"./TPYECQKV.js";import{e as P,p as V,x as $}from"./4HYQ6BFB.js";import{a as x,d as L}from"./QVRTS37U.js";import"./X5TSAT27.js";import"./LWH72LEU.js";import{D as C,E as D,F as s,J as z,K as F,R as O,c as H,d as c,h,q as y}from"./IR5YV3PK.js";var n={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"},re={validationMessage:"inputNumberValidationMessage"},oe={action:"action"},le=H`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}: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);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));border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}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))}calcite-icon{color:var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;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}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;outline-color:transparent;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1));border-inline-start-width:0px}.clear-button:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.clear-button:hover calcite-icon{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.clear-button:active calcite-icon{color:var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;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;font-weight:var(--calcite-font-weight-medium);line-height:1;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-prefix-background-color, var(--calcite-color-background));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-suffix-background-color, var(--calcite-color-background));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;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}: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-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:1px;border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;padding-block:0px;padding-inline:.5rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1))}.number-button-item calcite-icon{pointer-events:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:disabled{pointer-events:none}.number-button-item:hover{background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.number-button-item:hover calcite-icon{color:var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.number-button-item:active calcite-icon{color:var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.prefix,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down]{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}.has-suffix input,:host .clearable input,:host(:not([read-only])) input,:host .suffix,:host .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host .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}.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-placeholder-text-color, var(--calcite-color-text-3))}`,B=class extends D{constructor(){super(),this.actionWrapperEl=N(),this.attributeWatch=A(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.inputWrapperEl=N(),this.onHiddenFormInputInput=e=>{e.target.name===this.name&&this.setNumberValue({value:e.target.value,origin:"direct"}),this.setFocus(),e.stopPropagation()},this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=W(),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.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteInputNumberChange=y({cancelable:!1}),this.calciteInputNumberInput=y(),this.calciteInternalInputNumberBlur=y({cancelable:!1}),this.calciteInternalInputNumberFocus=y({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:[0,{},{attribute:!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:z},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label: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:z},{reflect:!0}],validationMessage:1,validity:[0,{},{attribute:!1}],value:1}}static{this.styles=le}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.childNumberEl?.select()}async setFocus(){await L(this),this.childNumberEl?.focus()}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),G(this),Q(this),this.el.addEventListener(E,this.onHiddenFormInputInput)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=V({},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:f(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=V({},this.icon,"number")),e.has("messages")&&(r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1})}updated(){j(this)}disconnectedCallback(){super.disconnectedCallback(),Z(this),X(this),this.el.removeEventListener(E,this.onHiddenFormInputInput)}get isClearable(){return this.clearable&&this.value.length>0}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==""?"":f(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"&&J(this)&&e.preventDefault())}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,d){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let u=e==="up"?1:-1,o=this.integer&&this.step!=="any"?Math.round(this.step):this.step,b=o==="any"?1:Math.abs(o||1),p=new K(a!==""?a:"0").add(`${b*u}`),g=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,l=g()?`${i}`:m()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:d,origin:"user",value:l})}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(){window.clearInterval(this.nudgeNumberValueIntervalId),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperEl.value)||t.includes(this.actionWrapperEl.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;r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=r.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:_(i)}),this.childNumberEl.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=[...U,"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}r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===r.decimal&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.indexOf(r.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberEl.value||this.value&&!/[eE]/.test(this.childNumberEl.value))||e.key==="-"&&(!this.value&&!this.childNumberEl.value||this.value&&this.childNumberEl.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,d=this.minString?parseFloat(this.minString):null,a=150;this.incrementOrDecrementNumberValue(e,i,d,t),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let u=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(u){u=!1;return}this.incrementOrDecrementNumberValue(e,i,d,t)},a)}nudgeButtonPointerUpHandler(e){$(e)&&window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerOutHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}nudgeButtonPointerDownHandler(e){if(!$(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}syncHiddenFormInput(e){ie("number",this,e)}setChildNumberElRef(e){this.childNumberEl=e}setInputNumberValue(e){this.childNumberEl&&(this.childNumberEl.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return f(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:d,value:a}){r.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let u=this.previousValue?.length>a.length||this.value?.length>a.length,o=this.integer?a.replace(/[e.]/g,""):a,b=o.charAt(o.length-1)===".",v=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),g=b&&u?o:R(o),m=a&&!g?f(this.previousValue)?this.previousValue:"":g,l=r.localize(m);i!=="connected"&&!b&&(l=q(l,m,r)),b&&u&&(l=`${l}${r.decimal}`),p&&(l=`${v?l.charAt(0):""}${r.localize("0").repeat(p[1].length)}${v?l.slice(1):l}`),this.displayedValue=l,this.setPreviousNumberValue(d??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let S=["-","."].includes(m)?"":m;this.value=S;let ne=new Set(["e","E",r.decimal,r.minusSign,r.group,...r.digits]),w=this.childNumberEl?.value;if(w){let I=Array.from(w).filter(ae=>ne.has(ae)).join("");I!==w&&this.setInputNumberValue(I)}i==="direct"&&(this.setInputNumberValue(l),this.setPreviousEmittedNumberValue(S)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=r.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){window.clearInterval(this.nudgeNumberValueIntervalId)}warnAboutInvalidNumberValue(e){e&&!f(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=P(this.el),t=c`<div class=${s(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=c`<button .ariaLabel=${this.messages.clear} class=${s(n.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${x(this.scale)}></calcite-icon></button>`,d=c`<calcite-icon class=${s(n.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${x(this.scale)}></calcite-icon>`,a=this.numberButtonType==="horizontal",u=c`<button aria-hidden=true class=${s({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-up .scale=${x(this.scale)}></calcite-icon></button>`,o=c`<button aria-hidden=true class=${s({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:a})} data-adjustment=down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-down .scale=${x(this.scale)}></calcite-icon></button>`,b=c`<div class=${s(n.numberButtonWrapper)}>${u}${o}</div>`,v=c`<div class=${s(n.prefix)}>${this.prefixText}</div>`,p=c`<div class=${s(n.suffix)}>${this.suffixText}</div>`,g=T("localized-input",c`<input aria-errormessage=${re.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Y(this)} autocomplete=${this.autocomplete??h} .autofocus=${this.el.autofocus} value=${this.defaultValue??h} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??h} inputmode=${this.el.inputMode||"decimal"} maxlength=${this.maxLength??h} minlength=${this.minLength??h} name=${h} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??h} .readOnly=${this.readOnly} type=text .value=${C(this.displayedValue??"")} ${k(this.setChildNumberElRef)}>`);return M({disabled:this.disabled,children:c`<div class=${s({[n.inputWrapper]:!0,[F.rtl]:e==="rtl",[n.hasSuffix]:this.suffixText,[n.hasPrefix]:this.prefixText,[n.clearable]:this.isClearable})} ${k(this.inputWrapperEl)}>${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?v:null}<div class=${s(n.wrapper)}>${g}${this.isClearable?i:null}${this.requestedIcon?d:null}${this.loading?t:null}</div><div class=${s(n.actionWrapper)} ${k(this.actionWrapperEl)}><slot name=${oe.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?b:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?u:null}${ee({component:this})}</div>${this.validationMessage&&this.status==="invalid"?te({icon:this.validationIcon,id:re.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",B);export{B as InputNumber};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as s}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as s}from"./54YSXAF3.js";import{E as n,F as o,R as r,c as i,d as c,q as a}from"./IR5YV3PK.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=i`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=a({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:[3,{},{reflect:!0}],iconPosition:[3,{},{reflect:!0}],iconType:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.appearance=this.appearance,e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return c`<div class=${o({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",t);export{t as Accordion};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as y,b as x}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as y,b as x}from"./DHG6J4M4.js";import{d as k}from"./OHFYTTBI.js";import{a as f,b as m}from"./TPYECQKV.js";import{d as v}from"./QVRTS37U.js";import{a as g}from"./X5TSAT27.js";import{E as u,F as b,R as p,c as d,d as h,h as s,q as l}from"./IR5YV3PK.js";var C={handle:"handle",handleSelected:"handle--selected"},H={drag:"drag"},i={itemLabel:"{itemLabel}",position:"{position}",total:"{total}"},S=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:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;outline-color:transparent;color:var(--calcite-handle-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-handle-background-color, transparent);padding-block:.75rem;padding-inline:.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-hover, var(--calcite-color-foreground-2))}:host(:not([disabled])) .handle:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));color:var(--calcite-handle-icon-color-hover, var(--calcite-color-text-1))}:host(:not([disabled])) .handle--selected{color:var(--calcite-handle-icon-color-selected, var(--calcite-color-text-1));background-color:var(--calcite-handle-background-color-selected, var(--calcite-color-foreground-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends u{constructor(){super(...arguments),this.handleButton=f(),this.messages=k({blocking:!0}),this.blurUnselectDisabled=!1,this.disabled=!1,this.selected=!1,this.calciteHandleChange=l({cancelable:!1}),this.calciteHandleNudge=l({cancelable:!1}),this.calciteInternalAssistiveTextChange=l({cancelable:!1})}static{this.properties={blurUnselectDisabled:[5,{},{type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],selected:[7,{},{reflect:!0,type:Boolean}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}]}}static{this.styles=S}async setFocus(){await v(this),this.handleButton.value?.focus()}willUpdate(e){(e.has("messages")||e.has("label")||e.has("selected")&&(this.hasUpdated||this.selected!==!1)||e.has("setPosition")||e.has("setSize"))&&this.handleAriaTextChange()}updated(){y(this)}loaded(){g.deprecated("component",{name:"handle",removalVersion:4,suggested:"sort-handle"})}handleAriaTextChange(){let e=this.getAriaText("live");e&&this.calciteInternalAssistiveTextChange.emit({message:e})}getTooltip(){let{label:e,messages:t}=this;return t?e?t.dragHandle.replace(i.itemLabel,e):t.dragHandleUntitled:""}getAriaText(e){let{setPosition:t,setSize:r,label:c,messages:a,selected:n}=this;return!a||!c||typeof r!="number"||typeof t!="number"?null:(e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit).replace(i.position,t.toString()).replace(i.itemLabel,c).replace(i.total,r.toString())}handleKeyDown(e){if(!this.disabled)switch(e.key){case" ":this.selected=!this.selected,this.calciteHandleChange.emit(),e.preventDefault();break;case"ArrowUp":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.selected)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"});break}}handleBlur(){this.blurUnselectDisabled||this.disabled||this.selected&&(this.selected=!1,this.calciteHandleChange.emit())}render(){return x({disabled:this.disabled,children:h`<span .ariaChecked=${this.disabled?null:this.selected} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${this.disabled?null:this.getAriaText("label")} class=${b({[C.handle]:!0,[C.handleSelected]:!this.disabled&&this.selected})} @blur=${this.handleBlur} @keydown=${this.handleKeyDown} role=radio tabindex=${(this.disabled?null:0)??s} title=${this.getTooltip()??s} ${m(this.handleButton)}><calcite-icon .icon=${H.drag} scale=s></calcite-icon></span>`})}};p("calcite-handle",o);export{o as Handle};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a,b}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a,b}from"./N6XKMWPZ.js";import"./ZEXSWV3R.js";export{b as normalize,a as timeZones};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a}from"./MGFWHDKU.js";import{b as A}from"./TPYECQKV.js";import{b as x}from"./QTXVBRHE.js";import{e as d}from"./4HYQ6BFB.js";import{d as g,h as v}from"./IR5YV3PK.js";var I=2,S=t=>t.reduce((o,e)=>o+e,0)/t.length,D=t=>{let o=t.filter(n=>n.slot!==a.menuActions),e=o?.length;return{actionWidth:e?S(o.map(n=>n.clientWidth||0)):0,actionHeight:e?S(o.map(n=>n.clientHeight||0)):0}},N=({width:t,actionWidth:o,layout:e,height:n,actionHeight:i,groupCount:r})=>{let c=e==="horizontal"?t:n,s=e==="horizontal"?o:i;return Math.floor((c-r*I)/s)},H=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:i,height:r,groupCount:c})=>Math.max(o-N({width:n,actionWidth:e,layout:t,height:r,actionHeight:i,groupCount:c}),0),E=t=>Array.from(t.querySelectorAll("calcite-action")).filter(o=>o.closest("calcite-action-menu")?o.slot===x.trigger:!0),k=({actionGroups:t,expanded:o,overflowCount:e})=>{let n=e;t.reverse().forEach(i=>{let r=0,c=E(i).reverse();c.forEach(s=>{s.slot===a.menuActions&&(s.removeAttribute("slot"),s.textEnabled=o)}),n>0&&c.some(s=>(c.filter(u=>!u.slot).length>1&&c.length>2&&!s.closest("calcite-action-menu")&&(s.textEnabled=!0,s.setAttribute("slot",a.menuActions),r++,r>1&&n--),n<1)),i.manager.component.requestUpdate()})},p={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function O(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}function B({el:t,expanded:o}){E(t).filter(e=>e.slot!==a.menuActions).forEach(e=>e.textEnabled=o),t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(e=>e.expanded=o)}var P=({tooltip:t,referenceElement:o,expanded:e,ref:n})=>(t&&(t.referenceElement=!e&&o?o:null),n&&n(o),o),G=({expanded:t,expandText:o,collapseText:e,expandLabel:n,collapseLabel:i,toggle:r,el:c,position:s,tooltip:f,ref:u,scale:$})=>{let b=d(c)==="rtl",h=t?e:o,C=t?i:n,l=[p.chevronsLeft,p.chevronsRight];b&&l.reverse();let m=O(s,c)==="end",T=m?l[1]:l[0],q=m?l[0]:l[1];return g`<calcite-action .icon=${t?T:q} id=expand-toggle .label=${C} @click=${r} .scale=${$} .text=${h} .textEnabled=${t} title=${(!t&&!f?h:null)??v} ${A(L=>P({tooltip:f,referenceElement:L,expanded:t,ref:u}))}></calcite-action>`};export{D as a,H as b,E as c,k as d,B as e,G as f};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
4
|
function v(r,n,i){if(!1)return;let e=c(r);return new e(n,i)}function c(r){class n extends window.MutationObserver{constructor(e){super(e),this.observedEntry=[],this.callback=e}observe(e,t){return this.observedEntry.push({target:e,options:t}),super.observe(e,t)}unobserve(e){let t=this.observedEntry.filter(s=>s.target!==e);this.observedEntry=[],this.callback(super.takeRecords(),this),this.disconnect(),t.forEach(s=>this.observe(s.target,s.options))}}return function(){return r==="intersection"?window.IntersectionObserver:r==="mutation"?n:window.ResizeObserver}()}export{v as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
2
2
|
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
|
3
|
-
v3.2.0-next.
|
|
4
|
-
import{a as h}from"./
|
|
3
|
+
v3.2.0-next.54 */
|
|
4
|
+
import{a as h}from"./54YSXAF3.js";import{b as u}from"./TPYECQKV.js";import{B as p}from"./4HYQ6BFB.js";import{d as w}from"./QVRTS37U.js";import"./X5TSAT27.js";import"./LWH72LEU.js";import{E as d,F as m,R as f,c,d as l}from"./IR5YV3PK.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},g=c`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing);background-color:var(--calcite-flow-background-color)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=h("mutation",()=>this.updateItemsAndProps()),this.items=[],this.selectedIndex=-1,this.flowDirection="standby",this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:[16,{},{state:!0}],customItemSelectors:1}}static{this.styles=g}async back(){let{items:e,selectedIndex:i}=this,t=e[i],s=e[i-1];if(!t||!s)return;let a=t.beforeBack?t.beforeBack:()=>Promise.resolve();try{await a.call(t)}catch{return}return t.selected=!1,s.selected=!0,s}async setFocus(){await w(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0})}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){this.updateItemsAndProps()}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await p(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,i){let t=e>0;return!(e>-1&&i>0)&&!t?"standby":i<e?"retreating":"advancing"}updateItemsAndProps(){let{customItemSelectors:e,el:i}=this,t=Array.from(i.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(s=>s.closest("calcite-flow")===i);this.items=t,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:i}=this,t=this.findSelectedFlowItemIndex(i);i.forEach((s,a)=>{let r=a===t;r||(s.menuOpen=!1),s.showBackButton=r&&t>0}),t!==-1&&(e!==t&&(this.flowDirection=this.getFlowDirection(e,t)),this.selectedIndex=t)}findSelectedFlowItemIndex(e){let i=e.slice(0).reverse().find(t=>!!t.selected);return e.indexOf(i)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,i={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return l`<div class=${m(i)} ${u(this.setFrameEl)}><slot></slot></div>`}};f("calcite-flow",o);export{o as Flow};
|