@esri/calcite-components 5.2.0-next.65 → 5.2.0-next.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{HKT5OLU4.js → 22LDUK4O.js} +1 -1
- package/dist/cdn/{HCRIKTCD.js → 23OA75GR.js} +1 -1
- package/dist/cdn/{FLWQO4SM.js → 24LKTCES.js} +1 -1
- package/dist/cdn/{BOBCE7IH.js → 2A25MM6M.js} +1 -1
- package/dist/cdn/2CC34UKL.js +2 -0
- package/dist/cdn/{K4U3CZQF.js → 2DXAX53K.js} +1 -1
- package/dist/cdn/{QEWBGS4U.js → 2GSRH5DM.js} +1 -1
- package/dist/cdn/{DBGELC5L.js → 2LTCN4AS.js} +1 -1
- package/dist/cdn/{66EFOAPN.js → 2P4TML4G.js} +1 -1
- package/dist/cdn/{JDP63FTS.js → 2UYETTP2.js} +1 -1
- package/dist/cdn/{7PEZP3LN.js → 3CWCK5PU.js} +1 -1
- package/dist/cdn/3MIARSOY.js +2 -0
- package/dist/cdn/{T7254YHO.js → 3RFXBFR6.js} +1 -1
- package/dist/cdn/{STGB6UO6.js → 44356XFJ.js} +1 -1
- package/dist/cdn/{BLQMEPES.js → 44RHPQCA.js} +1 -1
- package/dist/cdn/{2LZF2FQW.js → 4EFSYE7P.js} +1 -1
- package/dist/cdn/{WMHBGQFP.js → 4LG6IYYU.js} +1 -1
- package/dist/cdn/{FSAC426Q.js → 4MC7DSYJ.js} +1 -1
- package/dist/cdn/{G7DLCQN7.js → 4TBDCNVB.js} +1 -1
- package/dist/cdn/{ZMGSUC4U.js → 5FWKH67V.js} +1 -1
- package/dist/cdn/{B4HGSN3V.js → 65Y4LJIT.js} +1 -1
- package/dist/cdn/{ZCIR3AUJ.js → 6GXN5AYW.js} +1 -1
- package/dist/cdn/{3LFEZ5OB.js → 6LXRTZOO.js} +1 -1
- package/dist/cdn/{HUSNADI5.js → 6NCMX7DB.js} +1 -1
- package/dist/cdn/{PEKTQKD2.js → 6NFI5SYH.js} +1 -1
- package/dist/cdn/{KHTUMKZQ.js → 7EQBGM5Q.js} +1 -1
- package/dist/cdn/{ATQRQONS.js → 7IO2UJZF.js} +1 -1
- package/dist/cdn/{ZGXPXYOB.js → 7ZMS5NQU.js} +1 -1
- package/dist/cdn/ABIRUUSH.js +2 -0
- package/dist/cdn/{PU6UJE46.js → ADILARBD.js} +1 -1
- package/dist/cdn/AJJSPLET.js +2 -0
- package/dist/cdn/{F4IU3BXE.js → AQXRYL3W.js} +1 -1
- package/dist/cdn/{UY6CFCQL.js → AUT7UKFU.js} +1 -1
- package/dist/cdn/{AC6X2XLH.js → AXYEXUZB.js} +1 -1
- package/dist/cdn/{GGCCDQ4N.js → AXYYKNW3.js} +1 -1
- package/dist/cdn/{6KX56ZHA.js → B4HDFIJJ.js} +1 -1
- package/dist/cdn/{5LSDGTLE.js → BF765X5L.js} +1 -1
- package/dist/cdn/{MZ7L6SOI.js → BMPL7P6K.js} +1 -1
- package/dist/cdn/{4CJ7UZ5M.js → C4W46EYM.js} +1 -1
- package/dist/cdn/{WJF263YK.js → C6O67YVB.js} +1 -1
- package/dist/cdn/{JZVKMUUF.js → CEHI75Q5.js} +1 -1
- package/dist/cdn/CTNH7GEV.js +2 -0
- package/dist/cdn/{MPHIPMY3.js → D63IPQBR.js} +1 -1
- package/dist/cdn/{PTRDPEKH.js → D674QPUM.js} +1 -1
- package/dist/cdn/{VFATGLA4.js → D6EESESK.js} +1 -1
- package/dist/cdn/{2XRVGD23.js → D7WCRWSA.js} +1 -1
- package/dist/cdn/{ZBLIPOOS.js → DKTQYM66.js} +1 -1
- package/dist/cdn/{HPBDOEO3.js → DTZ2ONEH.js} +1 -1
- package/dist/cdn/{VVTP6WQR.js → E6D5ST6T.js} +1 -1
- package/dist/cdn/{WOAOXEZH.js → EKPMAQZL.js} +1 -1
- package/dist/cdn/{YIXIZWOT.js → EY4TGNKH.js} +1 -1
- package/dist/cdn/{VT6ZWB6J.js → EYG74BAU.js} +1 -1
- package/dist/cdn/{OMUSPFMI.js → F22WQNYM.js} +1 -1
- package/dist/cdn/F2VPBX6P.js +2 -0
- package/dist/cdn/{WOY3PEXG.js → FGIBA6EF.js} +1 -1
- package/dist/cdn/{2CLIOZLH.js → FNMEFJMB.js} +1 -1
- package/dist/cdn/{JKKIZGQT.js → FRLWYGCQ.js} +1 -1
- package/dist/cdn/{W6UOOPME.js → FSFQKKEY.js} +1 -1
- package/dist/cdn/{QRJXBRSA.js → G5B3JJHX.js} +1 -1
- package/dist/cdn/{G4ZUHQOF.js → GA6KRSSM.js} +1 -1
- package/dist/cdn/{ZIL3JYHM.js → GEQIQTN5.js} +1 -1
- package/dist/cdn/{JGZPWD5B.js → GPFQA733.js} +1 -1
- package/dist/cdn/{DQDXRH4A.js → GPZNT46Y.js} +1 -1
- package/dist/cdn/{HKNYWUXV.js → H3IXDZI7.js} +1 -1
- package/dist/cdn/{OC3VLEUH.js → HBK4F26V.js} +1 -1
- package/dist/cdn/{5466NNSD.js → HFRBMQLB.js} +1 -1
- package/dist/cdn/{RWEXDUH6.js → HGIRVP4H.js} +1 -1
- package/dist/cdn/{5OVTA35H.js → HJFIIT7D.js} +1 -1
- package/dist/cdn/HJOU6OFP.js +2 -0
- package/dist/cdn/{URBM7DCG.js → INXDPD5O.js} +1 -1
- package/dist/cdn/{SVK3DSZC.js → ISTAKCL2.js} +1 -1
- package/dist/cdn/{VMUS2O4I.js → IV5JALI4.js} +1 -1
- package/dist/cdn/{HXMG2F57.js → J4JKD33K.js} +1 -1
- package/dist/cdn/{JVNK3YIK.js → J72U6HVJ.js} +1 -1
- package/dist/cdn/{PIVFAUUW.js → J7WXH7AJ.js} +1 -1
- package/dist/cdn/{BCGPUYT2.js → JHSEIK5X.js} +1 -1
- package/dist/cdn/{I3V57TNU.js → K25XXWWF.js} +1 -1
- package/dist/cdn/{OLHAGMPW.js → K6GLNJ32.js} +1 -1
- package/dist/cdn/{SFGRVJU2.js → K7FF7AGO.js} +1 -1
- package/dist/cdn/{CJQ3IBKN.js → KG7XN2UZ.js} +1 -1
- package/dist/cdn/{LTPFTTAI.js → KIDNC2DH.js} +1 -1
- package/dist/cdn/{FAM3T7KR.js → KMNQJ5WW.js} +1 -1
- package/dist/cdn/{5XYH7Z2Z.js → KOAPZD6M.js} +1 -1
- package/dist/cdn/{IEXAUPXH.js → KQG4WUKB.js} +1 -1
- package/dist/cdn/{IP3WQ57G.js → KTY65CUE.js} +1 -1
- package/dist/cdn/{7MZDUBM4.js → KZ4HDSQJ.js} +1 -1
- package/dist/cdn/{ATATVM4B.js → L7IR4UEX.js} +1 -1
- package/dist/cdn/{5DXKCOCH.js → LUQ2QMMG.js} +1 -1
- package/dist/cdn/{VZHYWEXI.js → M5M2YH7K.js} +1 -1
- package/dist/cdn/M6Y3HVY7.js +2 -0
- package/dist/cdn/{GNZCCLOS.js → M7XWBRKW.js} +1 -1
- package/dist/cdn/{3WFSBUL5.js → MATNSAWZ.js} +1 -1
- package/dist/cdn/{YGBRK2TH.js → MHEKMC66.js} +1 -1
- package/dist/cdn/{KQJPNLZ5.js → MHMNUQK3.js} +1 -1
- package/dist/cdn/{K4UPJAY4.js → MHU2W6BJ.js} +1 -1
- package/dist/cdn/{PWWV4MEM.js → MKQO7B5R.js} +1 -1
- package/dist/cdn/{4GR5HM6D.js → MQKSRI7E.js} +1 -1
- package/dist/cdn/{LVB6J4R6.js → MQWL7QVM.js} +1 -1
- package/dist/cdn/{2C4IAOUE.js → MRLAAOTJ.js} +1 -1
- package/dist/cdn/{2645JNE3.js → NHG7AY6Z.js} +1 -1
- package/dist/cdn/{J5ZCQ4LH.js → NYGX7JFT.js} +1 -1
- package/dist/cdn/{PZIPS3OD.js → NYNZHDCM.js} +1 -1
- package/dist/cdn/{52UBOLK5.js → OK5Y4G3U.js} +1 -1
- package/dist/cdn/{TDSAIF76.js → OOOKUGWE.js} +1 -1
- package/dist/cdn/{KX5WYBCL.js → OUFTD2XH.js} +1 -1
- package/dist/cdn/{HMDBNON3.js → P3OXFFNK.js} +1 -1
- package/dist/cdn/{W4GD2ELS.js → PEKWSZIB.js} +1 -1
- package/dist/cdn/{MAFYBSUD.js → Q5FATF7P.js} +1 -1
- package/dist/cdn/{3756ZWNR.js → Q5Y5R727.js} +1 -1
- package/dist/cdn/{LWI2OZ4I.js → QBVBKUXP.js} +1 -1
- package/dist/cdn/{W2B6V7XP.js → QRL26KH2.js} +1 -1
- package/dist/cdn/{VHDPK22K.js → QSJYIRTY.js} +1 -1
- package/dist/cdn/{SIVHM6PZ.js → R43NUVTL.js} +1 -1
- package/dist/cdn/{YRSS44FT.js → RQIUYKPU.js} +1 -1
- package/dist/cdn/{3J6KD7XS.js → RVVDJUQW.js} +1 -1
- package/dist/cdn/{TWJHY6JU.js → S3LNTOXZ.js} +1 -1
- package/dist/cdn/S7XJD4Z7.js +2 -0
- package/dist/cdn/{PNPRTTQ7.js → SBHWOCSV.js} +1 -1
- package/dist/cdn/{NR3VMRR2.js → SVWR4VY2.js} +1 -1
- package/dist/cdn/{2IANMUYT.js → SWQC2R65.js} +1 -1
- package/dist/cdn/{KELHSGYC.js → T4YJNHS6.js} +1 -1
- package/dist/cdn/{IIMKYYII.js → TCOCCX5S.js} +1 -1
- package/dist/cdn/{RT4PFR4F.js → TFEFPMH4.js} +1 -1
- package/dist/cdn/TTYAA7KM.js +2 -0
- package/dist/cdn/{AGJ4OZGQ.js → UCNJ3HTL.js} +1 -1
- package/dist/cdn/{FLMGBOWG.js → ULSY5MBF.js} +1 -1
- package/dist/cdn/VKC5ZSJ3.js +2 -0
- package/dist/cdn/{D5VX7TI2.js → VKOYN66F.js} +1 -1
- package/dist/cdn/{LGGGNBR3.js → VTN623AZ.js} +1 -1
- package/dist/cdn/{FTVQOUBK.js → VZ32CDBE.js} +1 -1
- package/dist/cdn/{7XZT4B4U.js → WJP63KGJ.js} +1 -1
- package/dist/cdn/{LYPGHU3U.js → WJVIFBLZ.js} +1 -1
- package/dist/cdn/{2NAG72ZS.js → WKOHQVBM.js} +1 -1
- package/dist/cdn/{CARRCXGY.js → X5JUCLT4.js} +1 -1
- package/dist/cdn/{D4FVSC6I.js → XF3SSJQS.js} +1 -1
- package/dist/cdn/{KCMJGWSO.js → XJGCO3IP.js} +1 -1
- package/dist/cdn/{RX2QRMZD.js → XUIQIYQE.js} +1 -1
- package/dist/cdn/{VDNM3GL3.js → XW7EUSA6.js} +1 -1
- package/dist/cdn/{L5ROFLD2.js → Y4JUJVYQ.js} +1 -1
- package/dist/cdn/{JJRJMEGF.js → YL2SB2SE.js} +1 -1
- package/dist/cdn/{SXYLW7GD.js → YV3LRITX.js} +1 -1
- package/dist/cdn/{GPZYY6F3.js → Z7SIGLTH.js} +1 -1
- package/dist/cdn/{7HEWVLGE.js → Z7ZXU3WD.js} +1 -1
- package/dist/cdn/{4DWUJMGA.js → ZID5WLN3.js} +1 -1
- package/dist/cdn/assets/icon/columnGroup16.json +1 -0
- package/dist/cdn/assets/icon/columnGroup24.json +1 -0
- package/dist/cdn/assets/icon/columnGroup32.json +1 -0
- package/dist/cdn/assets/icon/columnRemove16.json +1 -0
- package/dist/cdn/assets/icon/columnRemove24.json +1 -0
- package/dist/cdn/assets/icon/columnRemove32.json +1 -0
- package/dist/cdn/assets/icon/columnUngroup16.json +1 -0
- package/dist/cdn/assets/icon/columnUngroup24.json +1 -0
- package/dist/cdn/assets/icon/columnUngroup32.json +1 -0
- package/dist/cdn/assets/icon/envelopeOpen16.json +1 -0
- package/dist/cdn/assets/icon/envelopeOpen24.json +1 -0
- package/dist/cdn/assets/icon/envelopeOpen32.json +1 -0
- package/dist/cdn/assets/icon/handDraw16.json +1 -0
- package/dist/cdn/assets/icon/handDraw24.json +1 -0
- package/dist/cdn/assets/icon/handDraw32.json +1 -0
- package/dist/cdn/assets/icon/monitorShare16.json +1 -0
- package/dist/cdn/assets/icon/monitorShare24.json +1 -0
- package/dist/cdn/assets/icon/monitorShare32.json +1 -0
- package/dist/cdn/assets/icon/pi16.json +1 -0
- package/dist/cdn/assets/icon/pi24.json +1 -0
- package/dist/cdn/assets/icon/pi32.json +1 -0
- package/dist/cdn/assets/icon/rowGroup16.json +1 -0
- package/dist/cdn/assets/icon/rowGroup24.json +1 -0
- package/dist/cdn/assets/icon/rowGroup32.json +1 -0
- package/dist/cdn/assets/icon/rowRemove16.json +1 -0
- package/dist/cdn/assets/icon/rowRemove24.json +1 -0
- package/dist/cdn/assets/icon/rowRemove32.json +1 -0
- package/dist/cdn/assets/icon/rowUngroup16.json +1 -0
- package/dist/cdn/assets/icon/rowUngroup24.json +1 -0
- package/dist/cdn/assets/icon/rowUngroup32.json +1 -0
- package/dist/cdn/assets/icon/sdCard16.json +1 -0
- package/dist/cdn/assets/icon/sdCard24.json +1 -0
- package/dist/cdn/assets/icon/sdCard32.json +1 -0
- package/dist/cdn/assets/icon/swatchPalette16.json +1 -0
- package/dist/cdn/assets/icon/swatchPalette24.json +1 -0
- package/dist/cdn/assets/icon/swatchPalette32.json +1 -0
- package/dist/cdn/assets/icon/thermometer16.json +1 -0
- package/dist/cdn/assets/icon/thermometer24.json +1 -0
- package/dist/cdn/assets/icon/thermometer32.json +1 -0
- package/dist/cdn/assets/icon/webCamera16.json +1 -0
- package/dist/cdn/assets/icon/webCamera24.json +1 -0
- package/dist/cdn/assets/icon/webCamera32.json +1 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/openCloseComponent.js +5 -5
- package/dist/chunks/runtime.js +4 -4
- package/dist/chunks/text.js +0 -4
- package/dist/chunks/useForm.js +14 -2
- package/dist/chunks/useTime.js +6 -2
- package/dist/components/calcite-action/customElement.js +2 -2
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.d.ts +2 -1
- package/dist/components/calcite-block/customElement.js +1 -1
- package/dist/components/calcite-button/customElement.js +1 -1
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-color-picker/customElement.js +38 -13
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/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-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-input-time-zone/customElement.js +6 -2
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-slider/customElement.js +70 -44
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +8 -3
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/cdn/H5UHGGZL.js +0 -2
- package/dist/cdn/LDKWV2L4.js +0 -2
- package/dist/cdn/OG3COZJH.js +0 -2
- package/dist/cdn/PGRAP4CE.js +0 -2
- package/dist/cdn/Q6UPATTY.js +0 -2
- package/dist/cdn/QVUAKAIF.js +0 -2
- package/dist/cdn/SFY7RQLA.js +0 -2
- package/dist/cdn/WBO47MFY.js +0 -2
- package/dist/cdn/WYUEYPWP.js +0 -2
- package/dist/cdn/YTXFWSQT.js +0 -2
- package/dist/cdn/YZ3CCHB5.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{s as e}from"./
|
|
2
|
+
import{s as e}from"./M7XWBRKW.js";import{G as o,H as n,K as a,L as l,T as r,g as c,h as i}from"./Q5Y5R727.js";var d={inputMessageIcon:"calcite-input-message-icon"},u={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"},h=c`:host{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;box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;margin-block-start:var(--calcite-input-message-spacing, var(--calcite-input-message-spacing-value, var(--calcite-spacing-xxs)))}.calcite-input-message-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;pointer-events:none;display:inline-flex;flex-shrink:0;margin-inline-end:var(--calcite-spacing-sm)}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-danger))))}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-success))))}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand))))}:host([scale=s]){font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-xs)}:host([scale=m]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=l]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends o{constructor(){super(...arguments),this.iconFlipRtl=!1,this.scale="m",this.status="idle"}static{this.properties={icon:[3,{converter:l},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}]}}static{this.styles=h}connectedCallback(){super.connectedCallback(),this.requestedIcon=e(u,this.icon,this.status)}willUpdate(t){(t.has("status")&&(this.hasUpdated||this.status!=="idle")||t.has("icon"))&&(this.requestedIcon=e(u,this.icon,this.status))}render(){let t=this.el.hidden;return a(this.el,"calcite-hydrated-hidden",t),i`${this.renderIcon(this.requestedIcon)}<slot></slot>`}renderIcon(t){return t&&i`<calcite-icon class=${n(d.inputMessageIcon)} .flipRtl=${this.iconFlipRtl} .icon=${t} scale=s></calcite-icon>`}};r("calcite-input-message",s);export{s as InputMessage};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as W}from"./PTRDPEKH.js";import{b as R}from"./PM5LDKID.js";import{a as F}from"./G7DLCQN7.js";import{a as G}from"./OMUSPFMI.js";import{c as K}from"./WYUEYPWP.js";import{a as V}from"./DKJI4BME.js";import{a as N}from"./WOAOXEZH.js";import{a as P}from"./CARRCXGY.js";import{b as q}from"./EWR2MENT.js";import{d as I}from"./B5TGMHUH.js";import{a as x,c as y,e as U,g as u,h as M}from"./TDSAIF76.js";import{a as H}from"./Q6UPATTY.js";import{a as L}from"./VVTP6WQR.js";import"./5EBGPCB7.js";import{a as D}from"./T6CCMW7H.js";import{a as T,b as w}from"./VI7SBYXT.js";import{a as B}from"./G4ZUHQOF.js";import"./VUYX7MNO.js";import{a as O}from"./5OVTA35H.js";import"./ZWPNZ5XW.js";import{c as E,e as z}from"./PZIPS3OD.js";import"./KHTUMKZQ.js";import{x as b,z as v}from"./GNZCCLOS.js";import{E as f,F as p,G as A,H as r,L as g,T as S,g as k,h as m,l as o,p as c}from"./3756ZWNR.js";var Q=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,j={contentBottom:"content-bottom",contentTop:"content-top"},s={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},J="autocomplete",C={validationMessage:"autocompleteValidationMessage",input:h=>`${J}-input-${h}`,list:h=>`${J}-list-${h}`},X="calcite-autocomplete-item-group",Y="calcite-autocomplete-item",$=class extends A{constructor(){super(),this.guid=D(),this.attributeWatch=E(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=z(),this.formSupport=K({inputType:"text"})(this),this.inputId=C.input(this.guid),this.listId=C.list(this.guid),this.messages=B(),this.transitionProp="opacity",this.transitionRef=f(),this.defaultSlotRef=f(),this.focusSetter=O()(this),this.resizeObserver=T("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=L(this),this.topLayer=P({target:()=>this.floatingEl})(this),this.activeDescendant="",this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=x,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=c({cancelable:!1}),this.calciteAutocompleteBeforeOpen=c({cancelable:!1}),this.calciteAutocompleteChange=c({cancelable:!1}),this.calciteAutocompleteClose=c({cancelable:!1}),this.calciteAutocompleteOpen=c({cancelable:!1}),this.calciteAutocompleteTextChange=c({cancelable:!1}),this.calciteAutocompleteTextInput=c({cancelable:!1}),N(this),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendant:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Q}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:l,placement:i,overlayPositioning:n,flipPlacements:a}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:l,overlayPositioning:n,placement:i,flipPlacements:a,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),u(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("value")&&this.hasUpdated&&this.selectedItemsHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==x))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${R(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}loaded(){this.getAllItems(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}selectedItemsHandler(){this.items.forEach(t=>t.selected=t.value===this.value)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),H(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.selectedItemsHandler(),this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,l)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let i=l[e+1];i&&(i.disableSpacing=t.children.length===0)})}updateItems(){let t="";this.value&&this.selectedItemsHandler(),this.items.forEach(e=>{e.scale=this.scale,e.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((e,l)=>{let i=l===this.activeIndex;i&&(t=e.guid),e.active=i}),this.activeDescendant=t}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=b(t)}handleContentBottomSlotChange(t){this.hasContentBottom=b(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,X):Array.from(this.el.children).filter(q),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,Y):Array.from(this.el.children).filter(I),l=t.flatMap(n=>n.items??[]),i=Array.from(new Set([...e,...l].filter(I)));this.groups=t,this.items=i,this.updateItems(),this.updateGroups()}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,u(this)}keyDownHandler(t){let{defaultPrevented:e,key:l}=t;if(e)return;let{open:i,activeIndex:n,enabledItems:a}=this,d=a.length&&n>-1?a[n]:null;switch(l){case"Escape":i&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":i&&d?(d.requestSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.min(n+1,a.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.max(n-1,0):a.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":a.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":a.length&&(this.open=!0,this.activeIndex=a.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,u(this)}render(){let{disabled:t,listId:e,inputId:l,isOpen:i}=this,n=this.el.autofocus,a=this.el.enterKeyHint,d=this.el.inputMode;return this.interactiveContainer({disabled:t,children:m`${this.labelText&&G({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(s.inputContainer)}><calcite-input .alignment=${this.alignment} aria-activedescendant=${this.activeDescendant??o} aria-controls=${e??o} aria-label=${V(this)??o} aria-owns=${e??o} aria-autocomplete=list .ariaExpanded=${i} aria-haspopup=listbox .autocomplete=${this.autocomplete} .autofocus=${n} class=${r(s.input)} clearable .disabled=${t} enterkeyhint=${a??o} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} id=${l??o} inputmode=${d??o} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} role=combobox .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${p(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[s.contentContainer]:!0,[s.floatingUIContainer]:!0,[s.floatingUIContainerActive]:i})} popover=manual ${p(this.setFloatingEl)}><div class=${r({[s.contentAnimation]:!0,[y.animation]:!0,[y.animationActive]:i})} ${p(this.transitionRef)}><div class=${r({[s.content]:!0,[s.contentHidden]:!i})}><slot name=${j.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${p(this.defaultSlotRef)}></slot><slot name=${j.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:C.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return m`<ul aria-labelledby=${this.inputId??o} aria-live=polite class=${r(s.screenReadersOnly)} id=${this.listId??o} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return F(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>m`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} id=${t.guid??o} role=option tabindex=-1>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",$);export{$ as Autocomplete};
|
|
2
|
+
import{a as W}from"./D674QPUM.js";import{b as R}from"./PM5LDKID.js";import{a as F}from"./4TBDCNVB.js";import{a as G}from"./F22WQNYM.js";import{c as K}from"./TTYAA7KM.js";import{a as V}from"./DKJI4BME.js";import{a as N}from"./EKPMAQZL.js";import{a as P}from"./X5JUCLT4.js";import{b as q}from"./EWR2MENT.js";import{d as I}from"./B5TGMHUH.js";import{a as x,c as y,e as U,g as u,h as M}from"./OOOKUGWE.js";import{a as H}from"./CTNH7GEV.js";import{a as L}from"./E6D5ST6T.js";import"./5EBGPCB7.js";import{a as D}from"./T6CCMW7H.js";import{a as T,b as w}from"./VI7SBYXT.js";import{a as B}from"./GA6KRSSM.js";import"./VUYX7MNO.js";import{a as O}from"./HJFIIT7D.js";import"./ZWPNZ5XW.js";import{c as E,e as z}from"./NYNZHDCM.js";import"./7EQBGM5Q.js";import{x as b,z as v}from"./M7XWBRKW.js";import{E as f,F as p,G as A,H as r,L as g,T as S,g as k,h as m,l as o,p as c}from"./Q5Y5R727.js";var Q=k`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,j={contentBottom:"content-bottom",contentTop:"content-top"},s={inputContainer:"input-container",input:"input",contentContainer:"content-container",contentAnimation:"content-animation",content:"content",contentHidden:"content--hidden",floatingUIContainer:"floating-ui-container",floatingUIContainerActive:"floating-ui-container--active",screenReadersOnly:"screen-readers-only"},J="autocomplete",C={validationMessage:"autocompleteValidationMessage",input:h=>`${J}-input-${h}`,list:h=>`${J}-list-${h}`},X="calcite-autocomplete-item-group",Y="calcite-autocomplete-item",$=class extends A{constructor(){super(),this.guid=D(),this.attributeWatch=E(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.direction=z(),this.formSupport=K({inputType:"text"})(this),this.inputId=C.input(this.guid),this.listId=C.list(this.guid),this.messages=B(),this.transitionProp="opacity",this.transitionRef=f(),this.defaultSlotRef=f(),this.focusSetter=O()(this),this.resizeObserver=T("resize",()=>{this.setFloatingElSize()}),this.interactiveContainer=L(this),this.topLayer=P({target:()=>this.floatingEl})(this),this.activeDescendant="",this.activeIndex=-1,this.hasContentBottom=!1,this.hasContentTop=!1,this.items=[],this.groups=[],this.alignment="start",this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.open=!1,this.overlayPositioning="absolute",this.placement=x,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.value="",this.calciteAutocompleteBeforeClose=c({cancelable:!1}),this.calciteAutocompleteBeforeOpen=c({cancelable:!1}),this.calciteAutocompleteChange=c({cancelable:!1}),this.calciteAutocompleteClose=c({cancelable:!1}),this.calciteAutocompleteOpen=c({cancelable:!1}),this.calciteAutocompleteTextChange=c({cancelable:!1}),this.calciteAutocompleteTextInput=c({cancelable:!1}),N(this),this.listenOn(document,"click",this.documentClickHandler),this.listen("calciteAutocompleteItemSelect",this.handleAutocompleteItemSelect),this.listen("calciteInternalAutocompleteItemChange",this.handleAutocompleteItemChange),this.listen("calciteInternalAutocompleteItemGroupItemsChange",this.handleAutocompleteItemGroupItemsChange)}static{this.properties={activeDescendant:[16,{},{state:!0}],activeIndex:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],items:[16,{},{state:!0}],groups:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],inputValue:1,label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],pattern:1,placeholder:1,placement:[3,{},{reflect:!0}],prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Q}get isOpen(){return this.open&&(this.hasContentTop||this.hasContentBottom||this.items.length>0)}get enabledItems(){return this.items.filter(t=>!t.disabled)}async reposition(t=!1){let{floatingEl:e,referenceEl:l,placement:i,overlayPositioning:n,flipPlacements:a}=this;return U(this,{direction:this.direction,floatingEl:e,referenceEl:l,overlayPositioning:n,placement:i,flipPlacements:a,type:"menu"},t)}async scrollContentTo(t){this.transitionRef.value?.scrollTo(t)}async selectText(){return this.referenceEl?.selectText()}async setFocus(t){return this.focusSetter(()=>this.referenceEl,t)}connectedCallback(){super.connectedCallback(),u(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),t.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),t.has("value")&&this.hasUpdated&&this.selectedItemsHandler(),(t.has("flipPlacements")||t.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||t.has("placement")&&(this.hasUpdated||this.placement!==x))&&this.reposition(!0);let e=!1;t.has("inputValue")&&(this.hasUpdated||this.inputValue)&&(this.inputValueMatchPattern=this.inputValue?new RegExp(`(${R(this.inputValue)})`,"i"):void 0,this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("scale")&&(this.hasUpdated||this.scale!=="m")&&(this.updateItems(),this.updateGroups(),e=!0),!e&&t.has("activeIndex")&&(this.hasUpdated||this.activeIndex!==-1)&&this.updateItems()}loaded(){this.getAllItems(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),M(this)}setFloatingElSize(){let{referenceEl:t,floatingEl:e}=this;!t||!e||(e.style.inlineSize=`${t.clientWidth}px`)}handleGlobalAttributesChanged(){this.requestUpdate()}handleDisabledChange(t){t||(this.open=!1)}selectedItemsHandler(){this.items.forEach(t=>t.selected=t.value===this.value)}openHandler(){if(this.disabled){this.open=!1;return}this.open||(this.activeIndex=-1),H(this),this.setFloatingElSize(),this.reposition(!0)}async documentClickHandler(t){this.disabled||t.composedPath().includes(this.el)||(this.open=!1)}async handleAutocompleteItemSelect(t){this.value=t.target.value,this.selectedItemsHandler(),this.emitChange(),await this.setFocus(),this.open=!1}handleAutocompleteItemChange(t){t.stopPropagation(),this.items.length&&(this.updateItems(),this.requestUpdate())}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteAutocompleteBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAutocompleteOpen.emit()}onBeforeClose(){this.calciteAutocompleteBeforeClose.emit()}onClose(){this.calciteAutocompleteClose.emit(),this.topLayer.hide()}emitChange(){this.calciteAutocompleteChange.emit()}updateGroups(){this.groups.forEach((t,e,l)=>{t.scale=this.scale,t.position=e,e===0&&(t.disableSpacing=!0);let i=l[e+1];i&&(i.disableSpacing=t.children.length===0)})}updateItems(){let t="";this.value&&this.selectedItemsHandler(),this.items.forEach(e=>{e.scale=this.scale,e.inputValueMatchPattern=this.inputValueMatchPattern}),this.enabledItems.forEach((e,l)=>{let i=l===this.activeIndex;i&&(t=e.guid),e.active=i}),this.activeDescendant=t}handleInputFocus(){this.open=!0}handleContentTopSlotChange(t){this.hasContentTop=b(t)}handleContentBottomSlotChange(t){this.hasContentBottom=b(t)}handleDefaultSlotChange(){this.getAllItems()}handleAutocompleteItemGroupItemsChange(t){t.stopPropagation(),this.getAllItems()}getAllItems(){let t=this.defaultSlotRef.value?v(this.defaultSlotRef.value,X):Array.from(this.el.children).filter(q),e=this.defaultSlotRef.value?v(this.defaultSlotRef.value,Y):Array.from(this.el.children).filter(I),l=t.flatMap(n=>n.items??[]),i=Array.from(new Set([...e,...l].filter(I)));this.groups=t,this.items=i,this.updateItems(),this.updateGroups()}setReferenceEl(t){w(this.resizeObserver,this.referenceEl,t),this.referenceEl=t,u(this)}keyDownHandler(t){let{defaultPrevented:e,key:l}=t;if(e)return;let{open:i,activeIndex:n,enabledItems:a}=this,d=a.length&&n>-1?a[n]:null;switch(l){case"Escape":i&&(this.open=!1,t.preventDefault());break;case"Tab":this.open=!1;break;case"Enter":i&&d?(d.requestSelection(),this.open=!1,t.preventDefault()):!t.defaultPrevented&&this.formSupport.active&&(t.preventDefault(),this.formSupport.requestSubmit());break;case"ArrowDown":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.min(n+1,a.length-1):0,this.scrollToActiveItem(),t.preventDefault());break;case"ArrowUp":a.length&&(this.open=!0,this.activeIndex=n!==-1?Math.max(n-1,0):a.length-1,this.scrollToActiveItem(),t.preventDefault());break;case"Home":a.length&&(this.open=!0,this.activeIndex=0,this.scrollToActiveItem(),t.preventDefault());break;case"End":a.length&&(this.open=!0,this.activeIndex=a.length-1,this.scrollToActiveItem(),t.preventDefault());break}}scrollToActiveItem(){this.enabledItems[this.activeIndex]?.scrollIntoView({block:"nearest"})}changeHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.calciteAutocompleteTextChange.emit()}inputClickHandler(t){t.defaultPrevented||(this.open=!0)}inputHandler(t){t.stopPropagation(),this.inputValue=t.target.value,this.open=this.inputValue?.length>0,this.calciteAutocompleteTextInput.emit()}setFloatingEl(t){this.floatingEl=t,u(this)}render(){let{disabled:t,listId:e,inputId:l,isOpen:i}=this,n=this.el.autofocus,a=this.el.enterKeyHint,d=this.el.inputMode;return this.interactiveContainer({disabled:t,children:m`${this.labelText&&G({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(s.inputContainer)}><calcite-input .alignment=${this.alignment} aria-activedescendant=${this.activeDescendant??o} aria-controls=${e??o} aria-label=${V(this)??o} aria-owns=${e??o} aria-autocomplete=list .ariaExpanded=${i} aria-haspopup=listbox .autocomplete=${this.autocomplete} .autofocus=${n} class=${r(s.input)} clearable .disabled=${t} enterkeyhint=${a??o} .form=${this.form} .icon=${this.icon??!0} .iconFlipRtl=${this.iconFlipRtl} id=${l??o} inputmode=${d??o} .label=${this.label} .loading=${this.loading} .maxLength=${this.maxLength} .messageOverrides=${this.messages} .minLength=${this.minLength} .name=${this.name} @calciteInputChange=${this.changeHandler} @calciteInputInput=${this.inputHandler} @calciteInternalInputFocus=${this.handleInputFocus} @click=${this.inputClickHandler} @keydown=${this.keyDownHandler} .pattern=${this.pattern} .placeholder=${this.placeholder} .prefixText=${this.prefixText} .readOnly=${this.readOnly} .required=${this.required} role=combobox .scale=${this.scale} .status=${this.status} .suffixText=${this.suffixText} type=search .value=${this.inputValue} ${p(this.setReferenceEl)}></calcite-input>${this.renderListBox()}<div class=${r({[s.contentContainer]:!0,[s.floatingUIContainer]:!0,[s.floatingUIContainerActive]:i})} popover=manual ${p(this.setFloatingEl)}><div class=${r({[s.contentAnimation]:!0,[y.animation]:!0,[y.animationActive]:i})} ${p(this.transitionRef)}><div class=${r({[s.content]:!0,[s.contentHidden]:!i})}><slot name=${j.contentTop} @slotchange=${this.handleContentTopSlotChange}></slot><slot aria-hidden=true @slotchange=${this.handleDefaultSlotChange} ${p(this.defaultSlotRef)}></slot><slot name=${j.contentBottom} @slotchange=${this.handleContentBottomSlotChange}></slot></div></div></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:C.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderListBox(){return m`<ul aria-labelledby=${this.inputId??o} aria-live=polite class=${r(s.screenReadersOnly)} id=${this.listId??o} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>`}renderListBoxOptions(){return F(this.items.filter(t=>!!(t.label||t.heading)),t=>t.guid,t=>m`<li .ariaDisabled=${t.disabled} .ariaLabel=${t.label} .ariaSelected=${t.selected} id=${t.guid??o} role=option tabindex=-1>${t.heading}${t.description}</li>`)}};S("calcite-autocomplete",$);export{$ as Autocomplete};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./T6CCMW7H.js";import{a as y}from"./
|
|
2
|
+
import{a as b}from"./T6CCMW7H.js";import{a as y}from"./GA6KRSSM.js";import"./NYNZHDCM.js";import"./7EQBGM5Q.js";import{G as u,H as l,I as z,K as k,T as x,g as h,h as r,i as p,l as f}from"./Q5Y5R727.js";var a={percentage:"percentage",progressRing:"ring--progress",ring:"ring",rings:"rings",text:"text",trackRing:"ring--track"},w=h`:host{position:relative;margin-inline:auto;display:flex;align-items:center;justify-content:center;opacity:1;flex-direction:column;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke-width:var(--calcite-internal-stroke-width);fill:none;transform:scale(1);padding-block:var(--calcite-loader-spacing, 4rem)}:host([scale=s]){--calcite-internal-stroke-width: 3;--calcite-internal-text-offset: var(--calcite-spacing-xxs);--calcite-internal-loader-font-size: var(--calcite-font-size--3);--calcite-internal-loader-size: 2rem;--calcite-internal-loader-size-inline: .75rem;--calcite-internal-loader-value-line-height: .625rem}:host([scale=m]){--calcite-internal-stroke-width: 6;--calcite-internal-text-offset: var(--calcite-spacing-sm);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-md);--calcite-internal-loader-size: 4rem;--calcite-internal-loader-size-inline: 1rem;--calcite-internal-loader-value-line-height: 1.375rem}:host([scale=l]){--calcite-internal-stroke-width: 8;--calcite-internal-text-offset: var(--calcite-spacing-md);--calcite-internal-loader-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-loader-size: 6rem;--calcite-internal-loader-size-inline: 1.5rem;--calcite-internal-loader-value-line-height: 1.71875rem}.text{display:block;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);margin-block-start:var(--calcite-loader-text-spacing, var(--calcite-internal-text-offset));font-weight:var(--calcite-loader-text-weight, var(--calcite-font-weight-normal));color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.percentage{display:block;text-align:center;font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));line-height:var(--calcite-internal-loader-value-line-height);align-self:center;color:var(--calcite-loader-text-color, var(--calcite-color-text-1))}.rings{position:relative;display:flex;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-internal-loader-size));block-size:var(--calcite-loader-size, var(--calcite-internal-loader-size))}.ring--track{stroke:var(--calcite-loader-track-color, var(--calcite-color-transparent-press))}.ring--progress{stroke:var(--calcite-loader-progress-color, var(--calcite-color-brand));transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([type=indeterminate]) .ring--progress{animation:loader-clockwise calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) linear infinite}:host([inline]){--calcite-internal-stroke-width: 2;position:relative;margin:0;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));min-block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));vertical-align:calc(var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline))) * -1 * .2)}:host([inline]) .rings{inset-block-start:0px;margin:0;inset-inline-start:0;inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring{inline-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)));block-size:var(--calcite-loader-size, var(--calcite-loader-size-inline, var(--calcite-internal-loader-size-inline)))}:host([inline]) .ring--progress{stroke:var(--calcite-loader-progress-color-inline, currentColor)}:host([complete]){opacity:0;transform:scale(.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1s,transform var(--calcite-internal-animation-timing-medium) linear 1s}:host([complete]) .rings{opacity:0;transform:scale(.75);transform-origin:center;transition:opacity calc(.18s * var(--calcite-internal-duration-factor)) linear .8s,transform calc(.18s * var(--calcite-internal-duration-factor)) linear .8s}:host([complete]) .percentage{color:var(--calcite-color-brand);transform:scale(1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear,transform var(--calcite-internal-animation-timing-medium) linear}@keyframes loader-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends u{constructor(){super(...arguments),this.messages=y({name:null}),this.complete=!1,this.inline=!1,this.scale="m",this.text="",this.type="indeterminate",this.value=0}static{this.properties={complete:[7,{},{reflect:!0,type:Boolean}],inline:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=w}connectedCallback(){super.connectedCallback(),this.updateFormatter()}load(){requestAnimationFrame(()=>this.valueChangeHandler())}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==0)&&this.valueChangeHandler(),(e.has("type")&&(this.hasUpdated||this.type!=="indeterminate")||e.has("messages"))&&this.updateFormatter()}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}formatValue(){return this.type!=="determinate-value"?`${this.value}`:this.formatter.format(this.value/100)}getSize(e){return{s:32,m:64,l:96}[e]}getInlineSize(e){return{s:12,m:16,l:24}[e]}updateFormatter(){this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.messages._lang||(this.formatter=new Intl.NumberFormat(this.messages._lang,{style:"percent"}))}render(){let{el:e,inline:n,label:s,text:c,type:i,value:v}=this,o=e.id||b(),t=i!=="indeterminate",d=Math.floor(v);return this.el.ariaLabel=s,this.el.ariaValueMax=t?"100":null,this.el.ariaValueMin=t?"0":null,this.el.ariaValueNow=t?d.toString():null,k(this.el,"id",o),this.el.role="progressbar",r`<div class=${l(a.rings)}>${this.renderRing("track")}${this.renderRing("progress")}${!n&&t&&r`<div class=${l(a.percentage)}>${this.formatValue()}</div>`||""}</div>${!n&&c&&r`<div class=${l(a.text)}>${c}</div>`||""}`}renderRing(e){let{inline:n,scale:s,value:c}=this,i=n?this.getInlineSize(s):this.getSize(s),o=i*.45,t;if(e==="progress"){let d=2*o*Math.PI,g=(this.type.startsWith("determinate")?c:24)/100*d,$=d-g;t={"stroke-dasharray":`${g} ${$}`}}return r`<svg aria-hidden=true class=${l({[a.ring]:!0,[a.trackRing]:e==="track",[a.progressRing]:e==="progress"})} style=${z(t)} viewBox=${`0 0 ${i} ${i}`}>${p`<circle cx=${i/2} cy=${i/2} r=${o??f} />`}</svg>`}};x("calcite-loader",m);export{m as Loader};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as l}from"./
|
|
2
|
+
import{a as l}from"./MHU2W6BJ.js";import{F as c,H as a,h,i as e,l as s}from"./Q5Y5R727.js";var d={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"},m={width:12,height:6,strokeWidth:1},S=({floatingLayout:w,key:g,ref:f})=>{let{width:t,height:r,strokeWidth:o}=m,i=t/2,$=w==="vertical",n=`M0,0 H${t} L${t-i},${r} Q${i},${r} ${i},${r} Z`;return l(g,h`<svg aria-hidden=true class=${a(d.arrow)} height=${t} viewBox=${`0 0 ${t} ${t+($?0:o)}`} width=${t+($?o:0)} ${c(f)}>${e`${e`<path class=${a(d.arrowStroke)} d=${n??s} fill=none stroke-width=${o+1} />`||""}<path d=${n??s} stroke=none />`}</svg>`)};export{S as a};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as ee,b as D}from"./YJPIZ6DX.js";import{a as K,j as P}from"./5FWKH67V.js";import{a as Q}from"./D674QPUM.js";import{a as J}from"./F22WQNYM.js";import{c as Y}from"./TTYAA7KM.js";import{a as W}from"./DKJI4BME.js";import{a as Z}from"./EKPMAQZL.js";import{a as q}from"./E6D5ST6T.js";import{a as X}from"./MHU2W6BJ.js";import{e as j}from"./5EBGPCB7.js";import{a as G}from"./YP3AYJH3.js";import{a as N}from"./T6CCMW7H.js";import{a as U}from"./GA6KRSSM.js";import{a as I}from"./HJFIIT7D.js";import"./ZWPNZ5XW.js";import"./NYNZHDCM.js";import"./7EQBGM5Q.js";import{A as _,t as H}from"./M7XWBRKW.js";import{E as k,F as R,G as F,H as b,I as M,K as O,L as E,T as A,g as C,h as V,l as B,p as w}from"./Q5Y5R727.js";var o={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed",scale:$=>`scale--${$}`},ie="calcite-slider",S={validationMessage:"validationMessage",host:$=>`${ie}-${$}`},se=250,le=C`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: var(--calcite-space-sm-plus);--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in;border-radius:var(--calcite-corner-radius)}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media(forced-colors:active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function g($){return Array.isArray($)}var te=0,z=class extends F{constructor(){super(),this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.dragProp&&!j(this.lastDragPropValue,this.getDragPropValue(this.dragProp))&&this.emitChange(),this.dragProp=void 0,this.lastDragPropValue=void 0,this.minValueDragRange=void 0,this.maxValueDragRange=void 0,this.minMaxValueRange=void 0)},this.dragUpdate=e=>{if(!(this.disabled||!this.trackRef.value)&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(g(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let i=t-this.minValueDragRange,a=t+this.maxValueDragRange;a<=this.max&&i>=this.min&&a-i===this.minMaxValueRange&&this.setValue({minValue:this.clamp(i,"minValue"),maxValue:this.clamp(a,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else if(g(this.value)&&this.previousEmittedValue!==void 0&&g(this.previousEmittedValue)&&this.dragProp==="maxValue"){let[i,a]=this.previousEmittedValue;i===a&&t<i?(this.dragProp="minValue",this.minHandleRef.value.focus()):this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>(P.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},P.localize(e.toString())),this.formSupport=Y({inputType:"range"})(this),this.guid=S.host(N()),this.maxHandleRef=k(),this.maxValueLabelRefs={label:k(),static:k(),transformed:k()},this.maxTickLabelRef=k(),this.messages=U({blocking:!0}),this.minHandleRef=k(),this.minValueLabelRefs={label:k(),static:k(),transformed:k()},this.minTickLabelRef=k(),this.pointerUpDragEnd=e=>{this.disabled||!_(e)||this.dragEnd(e)},this.trackRef=k(),this.focusSetter=I()(this),this.interactiveContainer=q(this),this._value=te,this.activeProp="value",this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,this.calciteSliderChange=w({cancelable:!1}),this.calciteSliderInput=w({cancelable:!1}),Z(this),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={activeProp:[16,{},{state:!0}],maxValueDragRange:[16,{},{state:!0}],minMaxValueRange:[16,{},{state:!0}],minValueDragRange:[16,{},{state:!0}],tickValues:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],fillPlacement:[3,{},{reflect:!0}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],hasHistogram:[7,{},{reflect:!0,type:Boolean}],histogram:[0,{},{attribute:!1}],histogramStops:[0,{},{attribute:!1}],label:1,labelFormatter:[0,{},{attribute:!1}],labelHandles:[7,{},{reflect:!0,type:Boolean}],labelTicks:[7,{},{reflect:!0,type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLabel:1,maxValue:[9,{},{type:Number}],min:[11,{},{reflect:!0,type:Number}],minLabel:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],minValue:[9,{},{type:Number}],mirrored:[7,{},{reflect:!0,type:Boolean}],name:[3,{},{reflect:!0}],numberingSystem:1,pageStep:[11,{},{reflect:!0,type:Number}],precise:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],snap:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],ticks:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=le}get value(){return this._value}set value(e){if(Array.isArray(e)){this._value=e;return}if(e!=null){this._value=Number(e);return}this._value=Array.isArray(this._value)?[this.minValue,this.maxValue]:te}async setFocus(e){return this.focusSetter(()=>this.minHandleRef.value||this.maxHandleRef.value,e)}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),this.previousEmittedValue=this.value}load(){this.setInitialValue()}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.isConnected&&(this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),g(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels())}disconnectedCallback(){super.disconnectedCallback(),this.removeDragListeners()}setInitialValue(){g(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value))}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:i,max:a,min:s,pageStep:l,step:n}=this,h=this[i],{key:r}=e;if(G(r)){e.preventDefault();return}let c=NaN;if(r==="ArrowUp"||r==="ArrowRight"?c=h+n*(t&&r==="ArrowRight"?-1:1):r==="ArrowDown"||r==="ArrowLeft"?c=h-n*(t&&r==="ArrowLeft"?-1:1):r==="PageUp"?l&&(c=h+l):r==="PageDown"?l&&(c=h-l):r==="Home"?c=s:r==="End"&&(c=a),isNaN(c))return;e.preventDefault();let m=Number(c.toFixed(D(n)));this.setValue({[i]:this.clamp(m,i)})}pointerDownHandler(e){if(this.disabled||!_(e))return;let t=e.clientX||e.pageX,i=this.mapToRange(t),a="value";g(this.value)&&(i>=this.minValue&&i<=this.maxValue&&this.lastDragProp==="minMaxValue"?a="minMaxValue":a=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i)||i>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this.getDragPropValue(a),this.dragStart(a);let s=e.composedPath();[this.minHandleRef.value,this.maxHandleRef.value].some(n=>n&&s.includes(n))||this.setValue({[a]:this.clamp(i,a)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;g(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return g(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/se;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],i=this.getTickDensity(),a=e*i,s=this.min;for(;s<this.max;)s+=a,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=void 0}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){_(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}getDragPropValue(e){return e==="minMaxValue"?this.value:this[e]}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandleRef.value.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandleRef.value.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitChange(){this.calciteSliderChange.emit(),this.previousEmittedValue=this.value}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t=!1;if(Object.keys(e).forEach(a=>{let s=e[a];s!==void 0&&(t||(t=this[a]!==s),this[a]=s)}),!t)return;(e.minValue||e.maxValue)&&this.setValueFromMinMax(),this.dragProp||this.emitChange(),this.calciteSliderInput.emit()}clamp(e,t){return e=ee(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:i,width:a}=this.trackRef.value.getBoundingClientRect()||{left:0,width:0},s=(e-i)/a,l=this.shouldMirror(),n=this.clamp(this.min+t*(l?1-s:s)),h=Number(n.toFixed(D(this.step)));return this.snap&&this.step?this.getClosestStep(h):h}getClosestStep(e){let{max:t,min:i,step:a}=this,s=new K(`${Math.floor((e-i)/a)}`).multiply(`${a}`).add(`${i}`).toString(),l=this.clamp(Number(s));return l>t&&(l-=a),l}getClosestHandle(e){let t=this.minHandleRef.value,i=this.maxHandleRef.value;return this.getDistanceX(i,e)>this.getDistanceX(t,e)?t:i}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=e==="minValue"?this.minValueLabelRefs:this.maxValueLabelRefs,i=t.label.value,a=t.static.value,s=t.transformed.value,l=a.getBoundingClientRect(),n=this.getHostOffset(l.left,l.right);i.style.transform=`translateX(${n}px)`,s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){let e=this.shouldMirror(),t=e?this.maxValueLabelRefs:this.minValueLabelRefs,i=e?this.minValueLabelRefs:this.maxValueLabelRefs,a=t.label.value,s=t.static.value,l=t.transformed.value,n=this.getHostOffset(s.getBoundingClientRect().left,s.getBoundingClientRect().right),h=i.label.value,r=i.static.value,c=i.transformed.value,m=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right),p=this.getFontSizeForElement(a),v=this.getRangeLabelOverlap(l,c),y=a,u=p/2;if(v>0){if(y.classList.add(o.hyphen,o.hyphenWrap),m===0&&n===0){let d=v/2-u;d=Math.sign(d)===-1?Math.abs(d):-d;let f=this.getHostOffset(l.getBoundingClientRect().left+d-u,l.getBoundingClientRect().right+d-u),x=v/2,L=this.getHostOffset(c.getBoundingClientRect().left+x,c.getBoundingClientRect().right+x);f!==0&&(d+=f,x+=f),L!==0&&(d+=L,x+=L),a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`,h.style.transform=`translateX(${x}px)`,c.style.transform=`translateX(${x}px)`}else if(n>0||m>0)a.style.transform=`translateX(${n+u}px)`,h.style.transform=`translateX(${v+m}px)`,c.style.transform=`translateX(${v+m}px)`;else if(n<0||m<0){let d=Math.abs(n)+v-u;d=Math.sign(d)===-1?Math.abs(d):-d,a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`}}else y.classList.remove(o.hyphen,o.hyphenWrap),a.style.transform=`translateX(${n}px)`,l.style.transform=`translateX(${n}px)`,h.style.transform=`translateX(${m}px)`,c.style.transform=`translateX(${m}px)`}hideObscuredBoundingTickLabels(){let e=g(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.minHandleRef.value,i=this.maxHandleRef.value,a=this.minTickLabelRef.value,s=this.maxTickLabelRef.value;!t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,i)?"0":"1"),t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,t)||this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,t)||this.isMaxTickLabelObscured(s,i)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:i,right:a}=this.el.getBoundingClientRect();return e<i?i-e:t>a?-(t-a):0}getRangeLabelOverlap(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),l=i.right+s-a.left;return Math.max(l,0)}isMinTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return H(i,a)}isMaxTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return H(i,a)}internalLabelFormatter(e,t){let i=this.labelFormatter;if(!i)return this.formatValue(e);let a=i(e,t,this.formatValue);return a??this.formatValue(e)}render(){let e=this.el.id||this.guid,t=g(this.value)?this.maxValue:this.value,i=this.minValue||this.min,a=this.shouldUseMinValue(),s=this.getUnitInterval(a?this.minValue:i)*100,l=this.getUnitInterval(t)*100,n=this.shouldMirror(),h=g(this.value),r=W(this),c=h&&!!r,m=this.buildThumbType("max"),p=this.renderThumb({type:m,thumbPlacement:m.includes("histogram")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}),v=this.buildThumbType("min"),y=h?this.renderThumb({type:v,thumbPlacement:v.includes("histogram")||v.includes("precise")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}):null,u=h?"start":this.fillPlacement,d=u==="none"?{left:"unset",right:"unset"}:u==="end"?{left:`${n?s:l}%`,right:`${n?l:s}%`}:{left:`${n?100-l:s}%`,right:`${n?s:100-l}%`};return O(this.el,"id",e),this.interactiveContainer({disabled:this.disabled,children:V`${this.labelText&&J({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${S.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${r} .ariaRequired=${this.required} class=${b({[o.container]:!0,[o.containerRange]:h,[o.scale(this.scale)]:!0})} .role=${c?"group":void 0}>${this.renderGraph()}<div class=${b(o.track)} ${R(this.trackRef)}><div class=${b(o.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${M(d)}></div><div class=${b(o.ticks)}>${this.tickValues.map(f=>{let x=`${this.getUnitInterval(f)*100}%`,L=!1;if(u==="start"||u==="end")if(a)L=f>=this.minValue&&f<=this.maxValue;else{let T=u==="start"?i:t,ae=u==="start"?t:this.max;L=f>=T&&f<=ae}return V`<span class=${b({[o.tick]:!0,[o.tickActive]:L})} style=${M({left:n?"":x,right:n?x:""})}>${this.renderTickLabel(f)}</span>`})}</div></div><div class=${b(o.thumbContainer)}>${y}${p}</div></div>${this.validationMessage&&this.status==="invalid"?Q({icon:this.validationIcon,id:S.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:i,minInterval:a,maxInterval:s,labelFallback:l}){let n=e.includes("labeled"),h=e.includes("precise"),r=e.includes("min"),c=g(this.value),m=r?this.minValue:c?this.maxValue:this.value,p=r?"minValue":c?"maxValue":"value",v=r?this.minLabel||l:c?this.maxLabel||l:this.minLabel||l,y=r?this.minValue:m,u=p==="minValue"?this.internalLabelFormatter(this.minValue,"min"):p==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),d=r?{left:`${t?100-a:a}%`}:{right:`${t?s:100-s}%`},f=`${o.handleLabel} ${r?o.handleLabelMinValue:o.handleLabelValue}`,x=r?this.minValueLabelRefs:this.maxValueLabelRefs,T=[...n?[V`<span aria-hidden=true class=${b(f)} ${R(x.label)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.static}`} ${R(x.static)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.transformed}`} ${R(x.transformed)}>${u}</span>`]:[],V`<div class=${b(o.handle)}></div>`,h&&V`<div class=${b(o.handleExtension)}></div>`||""];return i==="below"&&T.reverse(),X(e,V`<div .ariaLabel=${v} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${y} class=${b({[o.thumb]:!0,[o.thumbValue]:!r,[o.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===p,[o.thumbPrecise]:h,[o.thumbMinValue]:r})} data-value-prop=${p??B} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${M(d)} tabindex=0 ${R(r?this.minHandleRef:this.maxHandleRef)}>${T}</div>`)}renderGraph(){return this.histogram?V`<calcite-graph class=${b(o.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${g(this.value)?this.maxValue:this.value} .highlightMin=${g(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:i,labelTicks:a,max:s,min:l,precise:n,value:h}=this,r=g(h),c=e===l,m=e===s,p=c||m;if(!(a&&(!t&&(p||!n||!r)||t&&(p||!n&&!i))))return null;let y={[o.tickLabel]:!0,[o.tickMin]:c,[o.tickMax]:m},u=this.internalLabelFormatter(e,"tick");return c?V`<span class=${b(y)} ${R(this.minTickLabelRef)}>${u}</span>`:m?V`<span class=${b(y)} ${R(this.maxTickLabelRef)}>${u}</span>`:V`<span class=${b(y)}>${u}</span>`}};A("calcite-slider",z);export{z as Slider};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as t,b as y}from"./V6MLAVPM.js";import{a as I}from"./
|
|
2
|
+
import{a as t,b as y}from"./V6MLAVPM.js";import{a as I}from"./E6D5ST6T.js";import{b as $}from"./GZZYSINJ.js";import{a as k}from"./HJFIIT7D.js";import{a as s}from"./ZWPNZ5XW.js";import"./NYNZHDCM.js";import"./7EQBGM5Q.js";import"./M7XWBRKW.js";import{E as v,F as g,G as b,H as o,J as l,K as w,T as x,g as f,h as i,p as r}from"./Q5Y5R727.js";var q=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline:2px solid transparent;outline-offset:2px}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;text-decoration-line:none;color:var(--calcite-dropdown-item-text-color, var(--calcite-color-text-1));text-align:start}.container a{outline:none;position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;text-decoration-line:none;color:var(--calcite-dropdown-item-text-color, var(--calcite-color-text-1))}.content{flex:1 1 auto}.icon{position:relative;opacity:0;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.9)}.icon--start,.icon--end{--calcite-icon-color: var(--calcite-dropdown-item-text-color, var(--calcite-color-text-3))}:host([scale=s]) .container{padding-block:.25rem;padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .icon,:host([scale=s]) .icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:.5rem;padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .icon,:host([scale=m]) .icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:var(--calcite-space-sm-plus);padding-inline:1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .icon,:host([scale=l]) .icon--start{padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .icon--end{padding-inline-start:var(--calcite-spacing-lg)}:host(:focus) .container,:host([active-descendant]) .container{text-decoration-line:none;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled])) .container{background-color:var(--calcite-dropdown-item-background-color-hover, var(--calcite-color-foreground-2))}:host(:active:not([disabled])) .container{background-color:var(--calcite-dropdown-item-background-color-press, var(--calcite-color-foreground-3))}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{text-decoration-line:none;color:var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .icon--start,:host(:hover:not([disabled])) .icon--end,:host(:active:not([disabled])) .icon--start,:host(:active:not([disabled])) .icon--end{--calcite-icon-color: var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .link,:host(:active:not([disabled])) .link{color:var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1))}:host([selected]) .container:not(.container--none-selection),:host([selected]) .link{font-weight:var(--calcite-font-weight-medium);--calcite-internal-dropdown-item-text-color: var( --calcite-dropdown-item-text-color-press, var(--calcite-color-text-1) );color:var(--calcite-internal-dropdown-item-text-color)}:host([selected]) .container:not(.container--none-selection) .icon,:host([selected]) .link .icon{--calcite-icon-color: var(--calcite-dropdown-item-icon-color-press, var(--calcite-color-brand))}:host([selected]) .container:not(.container--none-selection) .icon--start,:host([selected]) .container:not(.container--none-selection) .icon--end,:host([selected]) .link .icon--start,:host([selected]) .link .icon--end{--calcite-icon-color: var(--calcite-internal-dropdown-item-text-color)}:host(:hover:not([disabled])) .icon{--calcite-icon-color: var(--calcite-dropdown-item-icon-color-hover)}:host([selected]) .icon{opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,d=class extends b{constructor(){super(),this.childLinkRef=v(),this.focusSetter=k()(this),this.interactiveContainer=I(this),this.disabled=!1,this.activeDescendant=!1,this.scale="m",this.selected=!1,this.selectionMode="single",this.calciteDropdownItemSelect=r({cancelable:!1}),this.calciteInternalDropdownItemSelect=r({cancelable:!1}),this.listen("click",this.onClick),this.listenOn(document.body,"calciteInternalDropdownItemChange",this.updateActiveItemOnChange)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],href:[3,{},{reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],label:1,rel:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,target:[3,{},{reflect:!0}]}}static{this.styles=q}async setFocus(e){return this.focusSetter(()=>this.el,e)}async activateItem(){if(!this.disabled){if(this.href){this.childLinkRef.value?.click();return}this.emitRequestedItem()}}connectedCallback(){super.connectedCallback(),this.initialize()}load(){this.initialize()}onClick(){this.emitRequestedItem()}updateActiveItemOnChange(e){this.parentDropdownGroupEl&&e.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=e.detail.requestedDropdownGroup,this.requestedDropdownItem=e.detail.requestedDropdownItem,this.determineActiveItem()),e.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group")??void 0,this.selectionMode==="none"&&(this.selected=!1)}determineActiveItem(){switch(this.selectionMode){case"multiple":this.el===this.requestedDropdownItem&&(this.selected=!this.selected);break;case"single":this.el===this.requestedDropdownItem?this.selected=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.selected=!1);break;case"none":this.selected=!1;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit(),this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}render(){let{href:e,selectionMode:c,label:h,iconFlipRtl:n}=this,p=i`<calcite-icon class=${o(t.iconStart)} .flipRtl=${n==="start"||n==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,a=i`<span class=${o(t.itemContent)}><slot></slot></span>`,m=i`<calcite-icon class=${o(t.iconEnd)} .flipRtl=${n==="end"||n==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`,u=this.iconStart&&this.iconEnd?[p,a,m]:this.iconStart?[p,a]:this.iconEnd?[a,m]:a,D=e?i`<a .ariaLabel=${h} class=${o(t.link)} href=${e??l} rel=${this.rel??l} tabindex=-1 target=${this.target??l} ${g(this.childLinkRef)}>${u}</a>`:u,E=e?null:c==="single"?"menuitemradio":c==="multiple"?"menuitemcheckbox":"menuitem",C=c!=="none"?$(this.selected):null,{disabled:S}=this;return this.el.ariaChecked=C,this.el.ariaLabel=e?"":h??null,this.el.role=E,w(this.el,"tabIndex",-1),this.interactiveContainer({disabled:S,children:i`<div class=${o({[t.container]:!0,[t.containerNone]:c==="none"})}>${c!=="none"?i`<calcite-icon class=${o(t.icon)} .icon=${y.check} .scale=${s(this.scale)}></calcite-icon>`:null}${D}</div>`})}};x("calcite-dropdown-item",d);export{d as DropdownItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as z}from"./5IBOQL24.js";import{a as x}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as A}from"./
|
|
2
|
+
import{c as z}from"./5IBOQL24.js";import{a as x}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as A}from"./GA6KRSSM.js";import"./VUYX7MNO.js";import"./NYNZHDCM.js";import"./7EQBGM5Q.js";import{C as o,y as S}from"./M7XWBRKW.js";import{E as f,F as v,G as g,H as a,T as I,g as m,h as r,i as b,l as h,p as d}from"./Q5Y5R727.js";var p={actionIcon:"action-icon",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"},P={chevronLeft:"chevron-left",chevronRight:"chevron-right"},B="calcite-stepper-action",D={position:(c,e)=>`${B}-${c}-${e?"start":"end"}`},l={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"},U=({disabled:c,active:e,complete:t,error:i})=>r`<svg class=${a({[l.stepBar]:!0})}>${b`<rect class=${a({[l.stepBarActive]:e,[l.stepBarComplete]:t,[l.stepBarDisabled]:c,[l.stepBarError]:i,[l.stepBarInActive]:!0})} width=100% x=0 y=0 />`}</svg>`,R=m`:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-action-block-size: 2.75rem;--calcite-internal-stepper-action-inline-size: 2rem;--calcite-internal-step-bar-gap: .25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-action-block-size: 3.25rem;--calcite-internal-stepper-action-inline-size: 2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-action-block-size: 4rem;--calcite-internal-stepper-action-inline-size: 3rem;--calcite-internal-step-bar-gap: .75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:grid;grid-template-areas:"items" "content";gap:.5rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s));grid-template-rows:auto 1fr}:host([layout=horizontal][scale=s]) .container,:host([layout=horizontal-single][scale=s]) .container{gap:.25rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal][scale=l]) .container,:host([layout=horizontal-single][scale=l]) .container{gap:.75rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:.125rem;inline-size:100%;gap:var(--calcite-stepper-bar-gap, var(--calcite-internal-step-bar-gap, .5rem))}.step-bar--inactive{fill:var(--calcite-stepper-bar-inactive-fill-color, var(--calcite-color-border-3, #dfdfdf));fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-stepper-bar-active-fill-color, var(--calcite-color-brand))}.step-bar--complete{fill:var(--calcite-stepper-bar-complete-fill-color, var(--calcite-color-brand));fill-opacity:.5}.step-bar--error{fill:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}.step-bar--disabled{opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends g{constructor(){super(),this.containerRef=f(),this.visibleItems=[],this.focusableItems=[],this.guid=x(),this.items=[],this.multipleViewMode=!1,this.mutationObserver=y("mutation",()=>this.updateItems()),this.messages=A(),this.currentActivePosition=-1,this.icon=!1,this.layout="horizontal",this.numbered=!1,this.scale="m",this.selectedItem=null,this.calciteInternalStepperItemChange=d({cancelable:!1}),this.calciteStepperChange=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteInternalStepperItemUpdate",e=>{e.stopPropagation(),this.updateItems()}),this.listen("calciteInternalStepperItemSelect",this.updateItem),this.listen("calciteStepperItemSelect",this.handleItemSelect)}static{this.properties={currentActivePosition:[16,{},{state:!0}],icon:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=R}async endStep(){let e=this.getEnabledStepIndex(this.visibleItems.length-1,"previous");typeof e=="number"&&this.updateStep(e)}async goToStep(e){let t=e-1;this.currentActivePosition!==t&&this.updateStep(t)}async nextStep(){let e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");typeof e=="number"&&this.updateStep(e)}async prevStep(){let e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");typeof e=="number"&&this.updateStep(e)}async startStep(){let e=this.getEnabledStepIndex(0,"next");typeof e=="number"&&this.updateStep(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateItems()}willUpdate(e){(e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("icon")&&(this.hasUpdated||this.icon!==!1)||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("numberingSystem")&&(this.hasUpdated||this.numberingSystem!==void 0))&&this.updateItems(),e.has("currentActivePosition")&&requestAnimationFrame(()=>{this.determineActiveStepper()})}loaded(){if(this.currentActivePosition===-1){let e=this.getFirstEnabledStepperPosition();this.currentActivePosition=e,this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}keyDownHandler(e){if(e.defaultPrevented||!e.composedPath().includes(this.el))return;let t=this.items.find(i=>i===e.target);if(!(!t||t.disabled))switch(e.key){case"ArrowDown":case"ArrowRight":o(this.focusableItems,t,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":o(this.focusableItems,t,"previous"),e.preventDefault();break;case"Home":o(this.focusableItems,t,"first"),e.preventDefault();break;case"End":o(this.focusableItems,t,"last"),e.preventDefault();break}}updateItem(e){let{position:t}=e.detail;typeof t=="number"&&(this.currentActivePosition=t,this.selectedItem=e.target),this.calciteInternalStepperItemChange.emit({position:t})}handleItemSelect(){this.emitItemSelect()}emitItemSelect(){this.calciteStepperChange.emit()}updateItems(){this.visibleItems=this.items.filter(e=>!e.hidden),this.determineActiveStepper(),this.focusableItems=this.visibleItems.filter(e=>!e.disabled&&!e.itemHidden),this.items.forEach(e=>{e.icon=this.icon,e.numbered=this.numbered,e.layout=this.layout,e.scale=this.scale,e.numberingSystem=this.numberingSystem})}determineActiveStepper(){let{visibleItems:e}=this;if(e.length<2)return;let{currentActivePosition:t,layout:i}=this;this.multipleViewMode=i!=="horizontal-single",e.forEach((n,s)=>{n.itemHidden=i==="horizontal-single"&&s!==t})}getEnabledStepIndex(e,t="next"){let{visibleItems:i,currentActivePosition:n}=this,s=e;for(;s>=0&&s<i.length&&i[s]?.disabled;)s=s+(t==="previous"?-1:1);return s!==n&&s<i.length&&s>=0?s:null}updateStep(e){this.currentActivePosition=e,this.calciteInternalStepperItemChange.emit({position:e})}handleActionClick(e){let t=this.currentActivePosition;e.target.getAttribute("data-position")==="start"?this.prevStep():this.nextStep(),typeof this.currentActivePosition=="number"&&t!==this.currentActivePosition&&this.visibleItems[this.currentActivePosition]&&!this.visibleItems[this.currentActivePosition].disabled&&this.emitItemSelect()}getFirstEnabledStepperPosition(){let e=this.visibleItems.findIndex(t=>!t.disabled);return e>-1?e:0}handleDefaultSlotChange(e){this.items=S(e).filter(n=>z(n)),this.updateItems();let t=Array(this.visibleItems.length).fill("1fr").join(" "),i=this.containerRef.value;i.style.gridTemplateAreas=t,i.style.gridTemplateColumns=t}render(){return this.el.ariaLabel=this.messages.label??null,this.el.role="region",r`<div class=${a({container:!0,[p.singleView]:this.layout==="horizontal-single"})} ${v(this.containerRef)}>${this.layout==="horizontal-single"&&r`<div class=${a({[p.stepBarContainer]:!0})}>${this.visibleItems.map((e,t)=>U({active:t===this.currentActivePosition,complete:e.complete&&t!==this.currentActivePosition&&!e.error,disabled:e.disabled&&t!==this.currentActivePosition,error:e.error&&t!==this.currentActivePosition}))}</div>`||""}${this.layout==="horizontal-single"&&r`<div class=${a({[p.actionContainer]:!0})}>${this.renderAction("start")}${this.renderAction("end")}</div>`||""}<slot @slotchange=${this.handleDefaultSlotChange}></slot></div>`}renderAction(e){let t=e==="start",i=t?P.chevronLeft:P.chevronRight,{currentActivePosition:n,multipleViewMode:s,layout:w}=this,C=D.position(this.guid,t),$=t?-1:1,k=t?"previous":"next",E=this.getEnabledStepIndex(n+$,k)===null;return w==="horizontal-single"&&!s?r`<calcite-action alignment=center class=${a({[p.actionIcon]:!0})} compact data-position=${e??h} .disabled=${E} .icon=${i} icon-flip-rtl id=${C??h} @click=${this.handleActionClick} .scale=${this.scale} .text=${t?this.messages.previousStep:this.messages.nextStep}></calcite-action>`:null}};I("calcite-stepper",u);export{u as Stepper};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./5QN2KNKV.js";import"./27YYIR6K.js";import{a as O}from"./
|
|
2
|
+
import{a as x,h as y,l as E,n as g,o as b,p,q as I,r as d,s as r,t as h,u as B}from"./5QN2KNKV.js";import"./27YYIR6K.js";import{a as O}from"./MHU2W6BJ.js";import"./5EBGPCB7.js";import{a as T}from"./HJFIIT7D.js";import"./ZWPNZ5XW.js";import"./NYNZHDCM.js";import"./7EQBGM5Q.js";import"./M7XWBRKW.js";import{E as C,F as v,G as D,H as f,T as F,g as S,h as m,p as R}from"./Q5Y5R727.js";var $={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},U=S`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{--calcite-input-text-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-text-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-text-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color)}.opacity-input{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,V=x(),k=class extends D{constructor(){super(...arguments),this.hexInputRef=C(),this.opacityInputRef=C(),this.focusSetter=T()(this),this.internalColor=V,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=r(h(V,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=R({cancelable:!1})}static{this.properties={internalColor:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],allowEmpty:[5,{},{type:Boolean}],hexLabel:1,messages:[0,{},{attribute:!1}],numberingSystem:1,scale:[3,{},{reflect:!0}],value:[3,{},{reflect:!0}]}}static{this.styles=U}async setFocus(t){return this.focusSetter(()=>this.hexInputRef.value,t)}connectedCallback(){super.connectedCallback(),this.previousDefinedValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=r(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==r(h(V,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}onHexInputBlur(){let t=this.hexInputRef.value,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,o=n&&!e,i=d(a);(I(a,!0)||I(a,!1))&&this.onHexInputChange(),!(o||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(B(l.object())))}onOpacityInputBlur(){let t=this.opacityInputRef.value,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let e=this.hexInputRef.value.value;if(e){let a=r(e,!1);if(p(a)&&this.alphaChannel&&this.internalColor){let l=r(this.internalColor.hexa(),!0).slice(-2);e=`${a+l}`}}this.internalSetValue(e,this.value)}onOpacityInputChange(){let t=this.opacityInputRef.value,e;if(!t.value)e=t.value;else{let a=b(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){(t.type==="calciteInternalInputTextFocus"?this.hexInputRef:this.opacityInputRef).value.selectText()}onHexInputInput(){let t=`#${this.hexInputRef.value.value}`,e=this.value;p(t,this.alphaChannel)&&d(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:o,hexInputRef:i,internalColor:s,value:c}=this,{key:u}=t,w=t.composedPath();if(u==="Tab"&&I(c,this.alphaChannel)||u==="Enter"){w.includes(i.value)?this.onHexInputChange():this.onOpacityInputChange(),u==="Enter"&&t.preventDefault();return}let L=u==="ArrowDown"||u==="ArrowUp",H=this.value;if(L){if(!c){this.internalSetValue(this.previousDefinedValue,H),t.preventDefault();return}let P=u==="ArrowUp"?1:-1,N=l?10:1;this.internalSetValue(h(this.nudgeRGBChannels(s,N*P,w.includes(i.value)?"rgb":"a"),o),H),t.preventDefault();return}let A=e||a||n,K=u.length===1,z=E.test(u);K&&!A&&!z&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData?.getData("text");p(e,this.alphaChannel)&&d(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputRef.value.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=r(t,n,n);if(p(l,n)){let{internalColor:o}=this,i=x(l),s=r(h(i,n),n),c=!o||s!==r(h(o,n),n);this.internalColor=i,this.previousDefinedValue=s,this.value=s,c&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${g(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),o=l.slice(0,3);if(a==="rgb")n=[...o.map(s=>s+e),this.alphaChannel?l[3]:void 0];else{let i=b(g(t.alpha())+e);n=[...o,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:o}=this,i=this.formatHexForInternalInput(o),s=this.formatOpacityForInternalInput(a),c=l==="l"?"m":"s";return m`<div class=${f($.container)}><calcite-input-text class=${f($.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} prefix-text=# .scale=${c} .value=${i} ${v(this.hexInputRef)}></calcite-input-text>${t?O("opacity-input",m`<calcite-input-number class=${f($.opacityInput)} .label=${n?.opacity} .max=${y.max} max-length=3 .min=${y.min} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} @keydown=${this.onInputKeyDown} .scale=${c} suffix-text=% .value=${s} ${v(this.opacityInputRef)}></calcite-input-number>`):null}</div>`}};F("calcite-color-picker-hex-input",k);export{k as ColorPickerHexInput};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./
|
|
2
|
+
import{a as k}from"./F22WQNYM.js";import{c as x}from"./TTYAA7KM.js";import{a as f}from"./DKJI4BME.js";import{a as y}from"./EKPMAQZL.js";import{a as m}from"./E6D5ST6T.js";import{a as p}from"./YP3AYJH3.js";import{a as u}from"./GA6KRSSM.js";import{a as v}from"./HJFIIT7D.js";import"./ZWPNZ5XW.js";import{e as b}from"./NYNZHDCM.js";import"./7EQBGM5Q.js";import"./M7XWBRKW.js";import{E as r,F as n,G as h,H as i,J as a,M as d,T as g,g as s,h as o,i as l,p as t}from"./Q5Y5R727.js";var z={toggle:"toggle",check:"check-svg"},w=s`: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([scale=s]) .check-svg,:host([scale=s]) .toggle{inline-size:var(--calcite-checkbox-size, .75rem);block-size:var(--calcite-checkbox-size, .75rem)}:host([scale=m]) .check-svg,:host([scale=m]) .toggle{inline-size:var(--calcite-checkbox-size, var(--calcite-font-size-relative-base));block-size:var(--calcite-checkbox-size, var(--calcite-font-size-relative-base))}:host([scale=l]) .check-svg,:host([scale=l]) .toggle{inline-size:var(--calcite-checkbox-size, 1rem);block-size:var(--calcite-checkbox-size, 1rem)}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{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;pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-color-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;box-shadow:inset 0 0 0 1px var(--calcite-checkbox-border-color, var(--calcite-color-border-input));color:var(--calcite-checkbox-icon-color, var(--calcite-color-background))}:host([status=invalid]:not([checked])) .check-svg{box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle:active .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([status=invalid]:not([checked])) .toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .toggle:hover .check-svg,:host([indeterminate]) .toggle:hover .check-svg{background-color:var(--calcite-checkbox-border-color-hover, var(--calcite-color-brand-hover))}:host([checked]) .toggle:active .check-svg,:host([indeterminate]) .toggle:active .check-svg{background-color:var(--calcite-checkbox-border-color-press, var(--calcite-color-brand-press));box-shadow:inset 0 0 0 2px var(--calcite-checkbox-border-color-press, var(--calcite-color-brand-press))}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-checkbox-border-color-hover, var(--calcite-color-brand-hover))}.toggle:active .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-checkbox-border-color-press, var(--calcite-color-brand-press))}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:after,.toggle:before{inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute}.toggle:not(.calcite--rtl):after{content:"";transform:translate(-50%) translateY(-50%)}.toggle.calcite--rtl:before{content:"";transform:translate(50%) translateY(-50%)}@media(forced-colors:active){.check-svg{border:1px solid currentColor}}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends h{constructor(){super(),this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z",this.direction=b(),this.formSupport=x({inputType:"checkbox"})(this),this.indeterminatePath="M13 8v1H3V8z",this.onLabelClick=()=>{this.toggle()},this.toggleRef=r(),this.messages=u(),this.focusSetter=v()(this),this.interactiveContainer=m(this),this.checked=!1,this.disabled=!1,this.hovered=!1,this.indeterminate=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteCheckboxChange=t({cancelable:!1}),this.calciteInternalCheckboxBlur=t({cancelable:!1}),this.calciteInternalCheckboxFocus=t({cancelable:!1}),y(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hovered:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>this.toggleRef.value,e)}getPath(){return this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:""}toggle(){this.disabled||(this.checked=!this.checked,this.setFocus(),this.indeterminate=!1,this.calciteCheckboxChange.emit())}keyDownHandler(e){p(e.key)&&(this.toggle(),e.preventDefault())}clickHandler(){this.toggle()}onToggleBlur(){this.calciteInternalCheckboxBlur.emit(!1)}onToggleFocus(){this.calciteInternalCheckboxFocus.emit(!0)}render(){let e=this.direction==="rtl";return this.interactiveContainer({disabled:this.disabled,children:o`<div .ariaChecked=${this.checked} .ariaLabel=${f(this)} .ariaRequired=${this.required} class=${i({[z.toggle]:!0,[d.rtl]:e})} @blur=${this.onToggleBlur} @focus=${this.onToggleFocus} role=checkbox tabindex=${(this.disabled?void 0:0)??a} ${n(this.toggleRef)}><svg aria-hidden=true class=${i(z.check)} viewBox="0 0 16 16">${l`<path d=${this.getPath()??a} />`}</svg><slot></slot></div>${this.labelText&&k({bottomSpacingDisabled:!0,labelText:this.labelText,required:this.required,spacingInlineStart:!0,tooltipText:this.messages.required})||""}`})}};g("calcite-checkbox",c);export{c as Checkbox};
|