@esri/calcite-components 5.2.0-next.34 → 5.2.0-next.35
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/{HHATT2UD.js → 2WUERQUR.js} +1 -1
- package/dist/cdn/{2OLJ3FUU.js → 32MRPMT4.js} +1 -1
- package/dist/cdn/{GJCWKT4V.js → 32P4KY7E.js} +1 -1
- package/dist/cdn/{UQGH3DKB.js → 3BI7CV4Y.js} +1 -1
- package/dist/cdn/{NGUUYLR7.js → 3LLVO5WJ.js} +1 -1
- package/dist/cdn/{NJ24XHLQ.js → 3RUPN2AO.js} +1 -1
- package/dist/cdn/{WJVJQE5P.js → 3T3RNN4B.js} +1 -1
- package/dist/cdn/{4VHAXDQK.js → 3YTIEL2A.js} +1 -1
- package/dist/cdn/{LIJ5V2RH.js → 42LTPRQN.js} +1 -1
- package/dist/cdn/{2SO74VOS.js → 562VGYXS.js} +1 -1
- package/dist/cdn/{EQIXMYG3.js → 56CZNEPY.js} +1 -1
- package/dist/cdn/{HMM4ZFPP.js → 575YR6TV.js} +1 -1
- package/dist/cdn/{DUBD6KNL.js → 5FABYQLK.js} +1 -1
- package/dist/cdn/{M3EYW2VG.js → 5KMBCRFJ.js} +1 -1
- package/dist/cdn/{ROJJWCLD.js → 5NTSGDDJ.js} +1 -1
- package/dist/cdn/{FJCFPYSL.js → 64A7DZ2X.js} +1 -1
- package/dist/cdn/{JOSEHQRG.js → 66JHMZWJ.js} +1 -1
- package/dist/cdn/{MWTJ5EKX.js → 66YPQUTK.js} +1 -1
- package/dist/cdn/{V464OWRY.js → 6CURKT62.js} +1 -1
- package/dist/cdn/{PLGNVWQV.js → 6NCM4IHD.js} +1 -1
- package/dist/cdn/{TFZWWJXM.js → 6NL7L6P2.js} +1 -1
- package/dist/cdn/{KAWJR2MH.js → 6NNY2JKX.js} +1 -1
- package/dist/cdn/{67LKCAUF.js → 6OEFRGMV.js} +1 -1
- package/dist/cdn/{OEKMQUG2.js → 7ELHZVTZ.js} +1 -1
- package/dist/cdn/{IER4QCWX.js → 7P73G22E.js} +1 -1
- package/dist/cdn/{CQ55NUF2.js → 7STL2E5H.js} +1 -1
- package/dist/cdn/{34A2JBI7.js → A4KCT5DD.js} +1 -1
- package/dist/cdn/{R7NJ5DPM.js → A7E2RJ3V.js} +1 -1
- package/dist/cdn/{IEO3SNVS.js → ALK3J5ZJ.js} +1 -1
- package/dist/cdn/{DJE52FKC.js → B7JUSBYY.js} +1 -1
- package/dist/cdn/{52L2Y4I3.js → BHECZMHT.js} +1 -1
- package/dist/cdn/{6DDEBJT6.js → BHO3BUGE.js} +1 -1
- package/dist/cdn/{DBYBKXUC.js → BILYHH45.js} +1 -1
- package/dist/cdn/{KXLEYKX5.js → BPYNMOOC.js} +1 -1
- package/dist/cdn/{XSVOUKOA.js → BXH5YHYX.js} +1 -1
- package/dist/cdn/{TSYMHVVE.js → CSOU6ZB2.js} +1 -1
- package/dist/cdn/{IUVPJ3HG.js → CSYZZYQG.js} +1 -1
- package/dist/cdn/{CNNLMIH2.js → CX55MR2W.js} +1 -1
- package/dist/cdn/{OPT67Q2R.js → CYNOEUIK.js} +1 -1
- package/dist/cdn/{VUSM63GA.js → D2Z66ERW.js} +1 -1
- package/dist/cdn/{GIJ7PYXB.js → D3LEAT4L.js} +1 -1
- package/dist/cdn/{NP3C6UH3.js → D3PRNBN5.js} +1 -1
- package/dist/cdn/{YFE2XCCJ.js → DAYRYSU7.js} +1 -1
- package/dist/cdn/{LGTVQKU4.js → DN3PTK3H.js} +1 -1
- package/dist/cdn/{JDJW7IOG.js → DP4J57PF.js} +1 -1
- package/dist/cdn/{5GW2PNBP.js → DZ2TNAUV.js} +1 -1
- package/dist/cdn/{Q54PMU4H.js → E6G4NFHZ.js} +1 -1
- package/dist/cdn/{HYJNZGDZ.js → EHFESNU2.js} +1 -1
- package/dist/cdn/{VQUEYWKU.js → EJC73Z7Y.js} +1 -1
- package/dist/cdn/{JUJXXQWA.js → EJLHOPKH.js} +1 -1
- package/dist/cdn/{YYGZ5NQC.js → EJR6HO3E.js} +1 -1
- package/dist/cdn/{XZRWDGTF.js → ENM6SOZ5.js} +1 -1
- package/dist/cdn/{NO7V52QT.js → EOIFOX6W.js} +1 -1
- package/dist/cdn/{A57WDXBM.js → ETMQS6YX.js} +1 -1
- package/dist/cdn/{DXJ3SZ3N.js → EYGYLCIC.js} +1 -1
- package/dist/cdn/{X6FVQNUG.js → F2YKAGTS.js} +1 -1
- package/dist/cdn/{Q7NS4GVX.js → F75FCJY7.js} +1 -1
- package/dist/cdn/{7BKS4PFK.js → FQNX6VAF.js} +1 -1
- package/dist/cdn/{MAPRLDXG.js → FXPOAJPW.js} +1 -1
- package/dist/cdn/{KHUXEHSN.js → FYFGUIFO.js} +1 -1
- package/dist/cdn/{ZIMTT3GB.js → GDPR5QU7.js} +1 -1
- package/dist/cdn/{KXN5XB73.js → GFZYRP72.js} +1 -1
- package/dist/cdn/{KSUJTKZ5.js → GG5DXV5C.js} +1 -1
- package/dist/cdn/{VVKC5BGR.js → GGVWHAWS.js} +1 -1
- package/dist/cdn/{NXGI7U6L.js → GKEMM5CJ.js} +1 -1
- package/dist/cdn/{DC6ZE5VV.js → GMJMWXEJ.js} +1 -1
- package/dist/cdn/{QQPT3ENO.js → GRDLQPYF.js} +1 -1
- package/dist/cdn/{WTUM4SSW.js → H7RQT7VZ.js} +1 -1
- package/dist/cdn/{B4OTZN7V.js → HCWRBF4U.js} +1 -1
- package/dist/cdn/{3B2YYHEP.js → HF2WCQBD.js} +1 -1
- package/dist/cdn/{E6TPV5IU.js → HMCNBJ3A.js} +1 -1
- package/dist/cdn/{YCY2AXMT.js → HNIAAV6F.js} +1 -1
- package/dist/cdn/{EMIJDMKX.js → HQO6NB34.js} +1 -1
- package/dist/cdn/{CRUSHZIN.js → HRE3CSJO.js} +1 -1
- package/dist/cdn/{KBEOU6XB.js → HXTVF454.js} +1 -1
- package/dist/cdn/{EJWPGKEU.js → I35SQMP4.js} +1 -1
- package/dist/cdn/{LV7VPYVR.js → I5G5BNZZ.js} +1 -1
- package/dist/cdn/{VP6XZS6K.js → I6GHZRAU.js} +1 -1
- package/dist/cdn/{CWNQIS43.js → I7NA5UVT.js} +1 -1
- package/dist/cdn/{MLN6T267.js → IOU3BRXK.js} +1 -1
- package/dist/cdn/{3ZE4JI4X.js → IVMWTWGW.js} +1 -1
- package/dist/cdn/{FW6BT6EP.js → J3HNF5A2.js} +1 -1
- package/dist/cdn/{NKL7NSVV.js → JFSXUKPK.js} +1 -1
- package/dist/cdn/{RCO7AQK4.js → JITA6JKU.js} +1 -1
- package/dist/cdn/{FWBMKLCU.js → KOMZ5IFX.js} +1 -1
- package/dist/cdn/{ACQTS3J3.js → LCLRALU6.js} +1 -1
- package/dist/cdn/{7LKDA6OC.js → LGKU7YJR.js} +1 -1
- package/dist/cdn/{7XZ7PAEM.js → LPWOW74E.js} +1 -1
- package/dist/cdn/{FDS2YREX.js → LWBHBIIV.js} +1 -1
- package/dist/cdn/{CP25FMC2.js → M655CM2C.js} +1 -1
- package/dist/cdn/{4VQI4R7J.js → MAPJO2FN.js} +1 -1
- package/dist/cdn/{56CUCPCD.js → MEQIOJ3Z.js} +1 -1
- package/dist/cdn/{GZJYDK4X.js → MINXYDDK.js} +1 -1
- package/dist/cdn/{QBDKDE2F.js → MRDTOFSZ.js} +1 -1
- package/dist/cdn/{5JYHJI7D.js → N3LW7LYW.js} +1 -1
- package/dist/cdn/{ZVV7PQRT.js → N4WMH5C4.js} +1 -1
- package/dist/cdn/{UHAH4IYQ.js → NCPQOKLC.js} +1 -1
- package/dist/cdn/{N3YSSIMR.js → NO6Z72IS.js} +1 -1
- package/dist/cdn/{YFCK7FOA.js → NRYR3QXL.js} +1 -1
- package/dist/cdn/{XQKV3J6C.js → NTQDURPA.js} +1 -1
- package/dist/cdn/{OUQEH6CK.js → NVG6LOQS.js} +1 -1
- package/dist/cdn/{ITCJPW46.js → NXZJ2CLO.js} +1 -1
- package/dist/cdn/{NVENUCRF.js → ONKPNZ36.js} +1 -1
- package/dist/cdn/{PJNX7EDP.js → PC4YM7PA.js} +1 -1
- package/dist/cdn/{AWJAVEAX.js → PDNCYTWZ.js} +1 -1
- package/dist/cdn/{C3KPSVGH.js → Q4T7LG2N.js} +1 -1
- package/dist/cdn/{STFBBE2C.js → QBDF6BWM.js} +1 -1
- package/dist/cdn/{TOS26VDH.js → QHEQR4WM.js} +1 -1
- package/dist/cdn/{ZGP64WBH.js → QRGLTHTH.js} +1 -1
- package/dist/cdn/{RET4INDI.js → QUENWIHQ.js} +1 -1
- package/dist/cdn/{O7FVKI6E.js → QXCQ7MIL.js} +1 -1
- package/dist/cdn/{LU4ANEQL.js → R3CZFAEA.js} +1 -1
- package/dist/cdn/{S3BDFFWK.js → RE6AZMNT.js} +1 -1
- package/dist/cdn/{XXQAUXU6.js → RE7W53H7.js} +1 -1
- package/dist/cdn/{YGFGJM5J.js → RXHZA4Z6.js} +1 -1
- package/dist/cdn/{L5OXNYB3.js → S3GKNZU2.js} +1 -1
- package/dist/cdn/{JKVUWO4Q.js → SA6EFPOZ.js} +1 -1
- package/dist/cdn/{P34UMG3H.js → SELR4AJF.js} +1 -1
- package/dist/cdn/{ZSPKZX6D.js → SEUHNLWE.js} +1 -1
- package/dist/cdn/{X4UWXMWI.js → SFNKKC6P.js} +1 -1
- package/dist/cdn/{G6ZVL3QG.js → SH5UBXY5.js} +1 -1
- package/dist/cdn/{GDCT3O3R.js → TGJGLAUY.js} +1 -1
- package/dist/cdn/{4XAA4FL5.js → TGW2VXE4.js} +1 -1
- package/dist/cdn/{5CLYROXT.js → THQ2UGMV.js} +1 -1
- package/dist/cdn/{U62I6ED4.js → TSTAOKW2.js} +1 -1
- package/dist/cdn/{FLHFZN4H.js → UD2V6OFH.js} +1 -1
- package/dist/cdn/{WKQNZHN6.js → UN7AV6GL.js} +1 -1
- package/dist/cdn/{CIZBRXWP.js → UPYJ2NKL.js} +1 -1
- package/dist/cdn/{LOVOT7S2.js → VVXDZMMG.js} +1 -1
- package/dist/cdn/{3452BXT3.js → VYTQX5JJ.js} +1 -1
- package/dist/cdn/{V25VIIA6.js → WBLRPQO7.js} +1 -1
- package/dist/cdn/{KKYGFS33.js → WHVF4WBS.js} +1 -1
- package/dist/cdn/{MQHZO6ZP.js → WOLFYCJN.js} +1 -1
- package/dist/cdn/{ER7WXLPC.js → XC2EEJ5M.js} +1 -1
- package/dist/cdn/{XG2KRODT.js → XKWFRO53.js} +1 -1
- package/dist/cdn/{GTTHGH23.js → XNBCMVTA.js} +1 -1
- package/dist/cdn/{YGRFNIT3.js → XPIDMNGT.js} +1 -1
- package/dist/cdn/{NUJKT5EY.js → XZ2HNDCD.js} +1 -1
- package/dist/cdn/{PHIHMI6K.js → YC6VJS6I.js} +1 -1
- package/dist/cdn/{CMPLB6H3.js → YNRRW5XR.js} +1 -1
- package/dist/cdn/{WFZSPJIU.js → YSXFNTL3.js} +1 -1
- package/dist/cdn/{6OVB3TAD.js → YW3TUCKY.js} +1 -1
- package/dist/cdn/{7ZILEGVA.js → Z2AZJ7BL.js} +1 -1
- package/dist/cdn/{LUINM7MS.js → ZIYS7YUU.js} +1 -1
- package/dist/cdn/{4KD57W6G.js → ZQYAJFSR.js} +1 -1
- package/dist/cdn/assets/icon/radarChart16.json +1 -0
- package/dist/cdn/assets/icon/radarChart24.json +1 -0
- package/dist/cdn/assets/icon/radarChart32.json +1 -0
- package/dist/cdn/assets/icon/treeMap16.json +1 -0
- package/dist/cdn/assets/icon/treeMap24.json +1 -0
- package/dist/cdn/assets/icon/treeMap32.json +1 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as Z,b as J,c as Q}from"./3ZE4JI4X.js";import{a as Y}from"./Q7NS4GVX.js";import{a as U,b as m,c as A,d as j,e as q,j as u}from"./CNNLMIH2.js";import{a as W}from"./NVENUCRF.js";import{a as K}from"./UHAH4IYQ.js";import{c as _}from"./NUJKT5EY.js";import{a as I}from"./DKJI4BME.js";import{a as G}from"./7ZILEGVA.js";import{a as P}from"./4XAA4FL5.js";import{a as D}from"./TOS26VDH.js";import{b as F}from"./YP3AYJH3.js";import{a as L}from"./JDJW7IOG.js";import{a as M}from"./6DDEBJT6.js";import{a as R}from"./ZWPNZ5XW.js";import{c as T,e as H}from"./FLHFZN4H.js";import"./YFCK7FOA.js";import{n as E,v as O}from"./ER7WXLPC.js";import{D as k,E as g,F as v,G as N,H as l,L as w,M as B,S,g as C,h as o,l as i,p as b}from"./DBYBKXUC.js";var r={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},$={validationMessage:"inputValidationMessage"},X={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"},re={action:"action"},ee={up:"up",down:"down"},te={chevronUp:"chevron-up",chevronDown:"chevron-down"},le=150,oe=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) input[type=file]{min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 8px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) input[type=file]{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 11px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) input[type=file]{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 16px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-width:1px;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-color, var(--calcite-color-text-1));transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.element-wrapper:has(.clear-button) input,:host([number-button-type=vertical][type=number]) input,:host([number-button-type=horizontal]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .clear-button,:host([number-button-type=horizontal][type=number]) .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host([number-button-type=horizontal]) input{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([number-button-type=vertical][type=number][read-only]) .has-suffix .suffix,:host([clearable]) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-color, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-color, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block;--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-editable{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal{border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));max-block-size:100%;min-block-size:100%;align-self:stretch;border-width:1px;border-style:solid}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{border-inline-start-width:0px;order:5;padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center;border-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));box-shadow:var(--calcite-input-shadow, var(--calcite-shadow-none))}input[type=date]::-webkit-input-placeholder{visibility:hidden!important}:host([type=color]) input{padding:.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;background-color:var(--calcite-color-foreground-1);text-align:center;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));block-size:initial}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:.5rem}:host([type=file][scale=m]) input{padding-block:.25rem;padding-inline:.75rem}:host([type=file][scale=l]) input{padding-block:.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .number-button-item,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) .inline-editable,:host([inline-editable]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1))}:host([type=datetime-local]) .element-wrapper{inline-size:100%}:host([type=datetime-local]) .element-wrapper input{display:inline-block;min-inline-size:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-inline-editable-control-background-color-hover, var(--calcite-input-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-editable-control-text-color-press, var(--calcite-input-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-inline-editable-control-background-color-press, var(--calcite-input-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-editable-control-text-color-press, var(--calcite-input-inline-editable-control-text-color))}`,z=class extends N{constructor(){super(),this.actionWrapperRef=g(),this.attributeWatch=T(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=g(),this.childNumberRef=g(),this.enableInlineEditingButtonRef=g(),this.direction=H(),this.formSupport=_({inputType:"text",getValue:()=>this.type==="file"?this.childRef.value?.files??null:this.value})(this),this.inputWrapperRef=g(),this.labelable=G(this),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=L({blocking:!0}),this.focusSetter=M()(this),this.interactiveContainer=P(this),this.inlineEditableManager=new Q({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.loading=!1,this.localeFormat=!1,this.multiple=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.type="text",this.calciteInputChange=b({cancelable:!1}),this.calciteInputInput=b(),this.calciteInternalInputBlur=b({cancelable:!1}),this.calciteInternalInputFocus=b({cancelable:!1}),this.calciteInputInlineEditableCancel=b({cancelable:!1}),this.calciteInputInlineEditableConfirm=b({cancelable:!1}),this.calciteInputInlineEditableChange=b({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],accept:1,alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],files:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:w,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],multiple:[5,{},{type:Boolean}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,type:[3,{},{reflect:!0}],validationIcon:[3,{converter:w,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=oe}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get isClearable(){return(this.clearable||this.type==="search")&&this.value?.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setValue({origin:"reset",value:t}))}async selectText(){(this.type==="number"?this.childNumberRef:this.childRef).value?.select()}async setFocus(e){return this.focusSetter(()=>this.type==="number"?this.childNumberRef.value:this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=E(X,this.icon,this.type),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),this.type==="number"&&(this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedValue=this.value):(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"connected",value:m(this.value)?this.value:""})))}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()??void 0),e.has("min")&&(this.minString=this.min?.toString()??void 0),(e.has("icon")||e.has("type")&&(this.hasUpdated||this.type!=="text"))&&(this.requestedIcon=E(X,this.icon,this.type)),e.has("readOnly")&&this.stopNudging(),e.has("type")&&(this.hasUpdated||this.type!=="text")&&this.formSupport.overrideInputType(this.type)}disconnectedCallback(){super.disconnectedCallback(),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(this.type==="number"&&(e==="Infinity"||e==="-Infinity")){this.displayedValue=e,this.previousEmittedValue=e;return}this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?m(e)?e:this.previousValue||"":e}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.editingEnabled)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,n,s){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let d=e==="up"?1:-1,p=this.step==="any"?1:Math.abs(this.step||1),c=new U(a!==""?a:"0").add(`${p*d}`),h=()=>typeof n=="number"&&!isNaN(n)&&c.subtract(`${n}`).isNegative,x=()=>typeof t=="number"&&!isNaN(t)&&!c.subtract(`${t}`).isNegative,y=h()?`${n}`:x()?`${t}`:c.toString();this.setValue({committing:!0,nativeEvent:s,origin:"user",value:y})}clearInputValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){e.preventDefault()}clearButtonClickHandler(e){e.preventDefault(),e.stopPropagation(),this.clearInputValue(e),(this.type==="number"?this.childNumberRef.value:this.childRef.value)?.focus()}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputChange.emit(),this.setPreviousEmittedValue(this.value))}inputBlurHandler(){this.stopNudging(),this.calciteInternalInputBlur.emit(),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),n=t.some(s=>s instanceof HTMLElement&&s.classList.contains(Z.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||n)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputFocusHandler(){this.calciteInternalInputFocus.emit()}inputInputHandler(e){this.disabled||this.readOnly||(this.type==="file"&&(this.files=this.childRef.value.files??void 0),this.setValue({nativeEvent:e,origin:"user",value:e.target.value}))}inputKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let n=u.delocalize(t);e.inputType==="insertFromPaste"?(m(n)||e.preventDefault(),this.setValue({nativeEvent:e,origin:"user",value:A(n)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setValue({nativeEvent:e,origin:"user",value:n})}inputNumberKeyDownHandler(e){if(this.type!=="number"||this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let t=[...F,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let n=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||n){e.key==="Enter"&&this.emitChangeIfUserModified();return}u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===u.decimal&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(u.decimal)===-1))&&(/[eE]/.test(e.key)&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat||this.type!=="number")return;let n=this.maxString?parseFloat(this.maxString):null,s=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,n,s,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,n,s,t)},le)}numberButtonPointerUpAndOutHandler(){this.stopNudging()}numberButtonPointerDownHandler(e){if(!O(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputValue(e){let t=this.type==="number"?this.childNumberRef:this.childRef;t.value&&(t.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=this.normalizeValue(e)}normalizeValue(e){return this.type==="number"?m(e)?e:"":e}setPreviousValue(e){this.previousValue=this.normalizeValue(e)}setValue({committing:e=!1,nativeEvent:t,origin:n,previousValue:s,value:a}){if(this.setPreviousValue(s??this.value),this.previousValueOrigin=n,this.type==="number"){u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};let d=this.previousValue?.length>a.length||this.value?.length>a.length,p=a.charAt(a.length-1)===".",f=p&&d?a:j(a),c=a&&!f?m(this.previousValue)?this.previousValue:"":f,h=u.localize(c);n!=="connected"&&!p&&(h=q(h,c,u)),this.displayedValue=p&&d?`${h}${u.decimal}`:h,this.userChangedValue=n==="user"&&this.value!==c,this.value=["-","."].includes(c)?"":c}else this.userChangedValue=n==="user"&&this.value!==a,this.value=a;n==="direct"&&(this.setInputValue(a),this.previousEmittedValue=a),t&&(this.calciteInputInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=this.type==="number"?u.localize(this.previousValue):this.previousValue):e&&this.emitChangeIfUserModified())}inputKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){this.type==="number"&&e&&!m(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=o`<div class=${l(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,n=o`<div class=${l(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearButtonClickHandler} @pointerdown=${this.disabled||this.readOnly?void 0:this.clearButtonPointerDownHandler}>${Y({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,s=o`<div class=${l(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${R(this.scale)}></calcite-icon></div>`,a=this.numberButtonType==="horizontal",d=o`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.up} data-testid=number-button-up @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${te.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,p=o`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.down} data-testid=number-button-down @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${te.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,f=o`<div class=${l(r.numberButtonWrapper)}>${d}${p}</div>`,c=o`<div class=${l(r.prefix)}>${this.prefixText}</div>`,h=o`<div class=${l(r.suffix)}>${this.suffixText}</div>`,x=this.el.autofocus,y=this.el.enterKeyHint,V=this.el.inputMode,ie=this.type==="number"?D("localized-input",o`<input accept=${this.accept??i} aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} autocomplete=${this.autocomplete??i} .autofocus=${x} class=${l({[r.editingEnabled]:this.editingEnabled,[r.inlineChild]:this.hasInlineEditableContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${y??i} inputmode=${V??i} maxlength=${this.maxLength??i} minlength=${this.minLength??i} .multiple=${this.multiple} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.editingEnabled?-1:void 0)??i} type=text .value=${k(this.displayedValue??"")} ${v(this.childNumberRef)}>`):null,ne=this.type!=="number"?o`<input accept=${this.accept??i} aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} autocomplete=${this.autocomplete??i} .autofocus=${x} class=${l({[r.editingEnabled]:this.editingEnabled,[r.inlineChild]:this.hasInlineEditableContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${y??i} inputmode=${V??i} max=${this.maxString??i} maxlength=${this.maxLength??i} min=${this.minString??i} minlength=${this.minLength??i} .multiple=${this.multiple} name=${this.name??i} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputInputHandler} @keydown=${this.inputKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??i} step=${this.step??i} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.editingEnabled?-1:void 0)??i} type=${this.type??i} .value=${k(this.value??"")} ${v(this.childRef)}>`:null;return this.interactiveContainer({disabled:this.disabled,children:o`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[r.inputWrapper]:!0,[B.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText})} ${v(this.inputWrapperRef)}><div class=${l(r.wrapper)}>${this.loading?t:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?p:null}${this.prefixText?c:null}${this.requestedIcon?s:null}${ie}${ne}${this.isClearable?n:null}${this.suffixText?h:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?d:null}${this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null}</div>${this.selfManagedInlineEditable&&o`<div class=${l(r.inlineEditable)}>${J({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,ae=>{this.inlineEditableLoading=ae}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${l(r.actionWrapper)} ${v(this.actionWrapperRef)}><slot name=${re.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:$.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};S("calcite-input",z);export{z as Input};
|
|
2
|
+
import{a as Z,b as J,c as Q}from"./IVMWTWGW.js";import{a as Y}from"./F75FCJY7.js";import{a as U,b as m,c as A,d as j,e as q,j as u}from"./CX55MR2W.js";import{a as W}from"./ONKPNZ36.js";import{a as K}from"./NCPQOKLC.js";import{c as _}from"./XZ2HNDCD.js";import{a as I}from"./DKJI4BME.js";import{a as G}from"./Z2AZJ7BL.js";import{a as P}from"./TGW2VXE4.js";import{a as D}from"./QHEQR4WM.js";import{b as F}from"./YP3AYJH3.js";import{a as L}from"./DP4J57PF.js";import{a as M}from"./BHO3BUGE.js";import{a as R}from"./ZWPNZ5XW.js";import{c as T,e as H}from"./UD2V6OFH.js";import"./NRYR3QXL.js";import{n as E,v as O}from"./XC2EEJ5M.js";import{D as k,E as g,F as v,G as N,H as l,L as w,M as B,S,g as C,h as o,l as i,p as b}from"./BILYHH45.js";var r={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},$={validationMessage:"inputValidationMessage"},X={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"},re={action:"action"},ee={up:"up",down:"down"},te={chevronUp:"chevron-up",chevronDown:"chevron-down"},le=150,oe=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) input[type=file]{min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 8px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) input[type=file]{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=m]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 11px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) input[type=file]{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([scale=l]):host([number-button-type=horizontal]){--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-button-item-height: 16px;--calcite-internal-input-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-button-item-vertical-padding: 5px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-width:1px;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-color, var(--calcite-color-text-1));transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.element-wrapper:has(.clear-button) input,:host([number-button-type=vertical][type=number]) input,:host([number-button-type=horizontal]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .has-suffix .suffix,:host([number-button-type=vertical][type=number]) .clear-button,:host([number-button-type=horizontal][type=number]) .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host([number-button-type=horizontal]) input{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){border-start-start-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([number-button-type=vertical][type=number][read-only]) .has-suffix .suffix,:host([clearable]) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-color, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-color, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block;--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-editable{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;order:6}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal{border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));max-block-size:100%;min-block-size:100%;align-self:stretch;border-width:1px;border-style:solid}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{border-inline-start-width:0px;order:5;padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-button-item-vertical-padding)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));padding-block-end:var(--calcite-internal-input-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center;border-radius:var(--calcite-input-corner-radius, var(--calcite-corner-radius-sharp));box-shadow:var(--calcite-input-shadow, var(--calcite-shadow-none))}input[type=date]::-webkit-input-placeholder{visibility:hidden!important}:host([type=color]) input{padding:.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;background-color:var(--calcite-color-foreground-1);text-align:center;border-color:var(--calcite-input-border-color, var(--calcite-color-border-input));block-size:initial}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:.5rem}:host([type=file][scale=m]) input{padding-block:.25rem;padding-inline:.75rem}:host([type=file][scale=l]) input{padding-block:.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .number-button-item,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) .inline-editable,:host([inline-editable]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-background-color, var(--calcite-color-foreground-1))}:host([type=datetime-local]) .element-wrapper{inline-size:100%}:host([type=datetime-local]) .element-wrapper input{display:inline-block;min-inline-size:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-inline-editable-control-background-color-hover, var(--calcite-input-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-editable-control-text-color-press, var(--calcite-input-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-inline-editable-control-background-color-press, var(--calcite-input-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-inline-editable-control-text-color-press, var(--calcite-input-inline-editable-control-text-color))}`,z=class extends N{constructor(){super(),this.actionWrapperRef=g(),this.attributeWatch=T(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=g(),this.childNumberRef=g(),this.enableInlineEditingButtonRef=g(),this.direction=H(),this.formSupport=_({inputType:"text",getValue:()=>this.type==="file"?this.childRef.value?.files??null:this.value})(this),this.inputWrapperRef=g(),this.labelable=G(this),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=L({blocking:!0}),this.focusSetter=M()(this),this.interactiveContainer=P(this),this.inlineEditableManager=new Q({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.loading=!1,this.localeFormat=!1,this.multiple=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.type="text",this.calciteInputChange=b({cancelable:!1}),this.calciteInputInput=b(),this.calciteInternalInputBlur=b({cancelable:!1}),this.calciteInternalInputFocus=b({cancelable:!1}),this.calciteInputInlineEditableCancel=b({cancelable:!1}),this.calciteInputInlineEditableConfirm=b({cancelable:!1}),this.calciteInputInlineEditableChange=b({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],accept:1,alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],files:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:w,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],multiple:[5,{},{type:Boolean}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,type:[3,{},{reflect:!0}],validationIcon:[3,{converter:w,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=oe}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get isClearable(){return(this.clearable||this.type==="search")&&this.value?.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setValue({origin:"reset",value:t}))}async selectText(){(this.type==="number"?this.childNumberRef:this.childRef).value?.select()}async setFocus(e){return this.focusSetter(()=>this.type==="number"?this.childNumberRef.value:this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=E(X,this.icon,this.type),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),this.type==="number"&&(this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedValue=this.value):(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"connected",value:m(this.value)?this.value:""})))}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()??void 0),e.has("min")&&(this.minString=this.min?.toString()??void 0),(e.has("icon")||e.has("type")&&(this.hasUpdated||this.type!=="text"))&&(this.requestedIcon=E(X,this.icon,this.type)),e.has("readOnly")&&this.stopNudging(),e.has("type")&&(this.hasUpdated||this.type!=="text")&&this.formSupport.overrideInputType(this.type)}disconnectedCallback(){super.disconnectedCallback(),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(this.type==="number"&&(e==="Infinity"||e==="-Infinity")){this.displayedValue=e,this.previousEmittedValue=e;return}this.setValue({origin:"direct",previousValue:t,value:e==null||e==""?"":this.type==="number"?m(e)?e:this.previousValue||"":e}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.editingEnabled)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,n,s){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let d=e==="up"?1:-1,p=this.step==="any"?1:Math.abs(this.step||1),c=new U(a!==""?a:"0").add(`${p*d}`),h=()=>typeof n=="number"&&!isNaN(n)&&c.subtract(`${n}`).isNegative,x=()=>typeof t=="number"&&!isNaN(t)&&!c.subtract(`${t}`).isNegative,y=h()?`${n}`:x()?`${t}`:c.toString();this.setValue({committing:!0,nativeEvent:s,origin:"user",value:y})}clearInputValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){e.preventDefault()}clearButtonClickHandler(e){e.preventDefault(),e.stopPropagation(),this.clearInputValue(e),(this.type==="number"?this.childNumberRef.value:this.childRef.value)?.focus()}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputChange.emit(),this.setPreviousEmittedValue(this.value))}inputBlurHandler(){this.stopNudging(),this.calciteInternalInputBlur.emit(),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),n=t.some(s=>s instanceof HTMLElement&&s.classList.contains(Z.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||n)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputFocusHandler(){this.calciteInternalInputFocus.emit()}inputInputHandler(e){this.disabled||this.readOnly||(this.type==="file"&&(this.files=this.childRef.value.files??void 0),this.setValue({nativeEvent:e,origin:"user",value:e.target.value}))}inputKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let n=u.delocalize(t);e.inputType==="insertFromPaste"?(m(n)||e.preventDefault(),this.setValue({nativeEvent:e,origin:"user",value:A(n)}),this.childNumberRef.value&&(this.childNumberRef.value.value=this.displayedValue)):this.setValue({nativeEvent:e,origin:"user",value:n})}inputNumberKeyDownHandler(e){if(this.type!=="number"||this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){this.nudgeNumberValue("down",e);return}let t=[...F,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let n=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||n){e.key==="Enter"&&this.emitChangeIfUserModified();return}u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===u.decimal&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(u.decimal)===-1))&&(/[eE]/.test(e.key)&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat||this.type!=="number")return;let n=this.maxString?parseFloat(this.maxString):null,s=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,n,s,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,n,s,t)},le)}numberButtonPointerUpAndOutHandler(){this.stopNudging()}numberButtonPointerDownHandler(e){if(!O(e))return;e.preventDefault();let t=e.currentTarget.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputValue(e){let t=this.type==="number"?this.childNumberRef:this.childRef;t.value&&(t.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=this.normalizeValue(e)}normalizeValue(e){return this.type==="number"?m(e)?e:"":e}setPreviousValue(e){this.previousValue=this.normalizeValue(e)}setValue({committing:e=!1,nativeEvent:t,origin:n,previousValue:s,value:a}){if(this.setPreviousValue(s??this.value),this.previousValueOrigin=n,this.type==="number"){u.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};let d=this.previousValue?.length>a.length||this.value?.length>a.length,p=a.charAt(a.length-1)===".",f=p&&d?a:j(a),c=a&&!f?m(this.previousValue)?this.previousValue:"":f,h=u.localize(c);n!=="connected"&&!p&&(h=q(h,c,u)),this.displayedValue=p&&d?`${h}${u.decimal}`:h,this.userChangedValue=n==="user"&&this.value!==c,this.value=["-","."].includes(c)?"":c}else this.userChangedValue=n==="user"&&this.value!==a,this.value=a;n==="direct"&&(this.setInputValue(a),this.previousEmittedValue=a),t&&(this.calciteInputInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=this.type==="number"?u.localize(this.previousValue):this.previousValue):e&&this.emitChangeIfUserModified())}inputKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){this.type==="number"&&e&&!m(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=o`<div class=${l(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,n=o`<div class=${l(r.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearButtonClickHandler} @pointerdown=${this.disabled||this.readOnly?void 0:this.clearButtonPointerDownHandler}>${Y({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,s=o`<div class=${l(r.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${R(this.scale)}></calcite-icon></div>`,a=this.numberButtonType==="horizontal",d=o`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.up} data-testid=number-button-up @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${te.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,p=o`<div aria-hidden=true class=${l({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.down} data-testid=number-button-down @pointerdown=${this.numberButtonPointerDownHandler} @pointerout=${this.numberButtonPointerUpAndOutHandler} @pointerup=${this.numberButtonPointerUpAndOutHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${te.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,f=o`<div class=${l(r.numberButtonWrapper)}>${d}${p}</div>`,c=o`<div class=${l(r.prefix)}>${this.prefixText}</div>`,h=o`<div class=${l(r.suffix)}>${this.suffixText}</div>`,x=this.el.autofocus,y=this.el.enterKeyHint,V=this.el.inputMode,ie=this.type==="number"?D("localized-input",o`<input accept=${this.accept??i} aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} autocomplete=${this.autocomplete??i} .autofocus=${x} class=${l({[r.editingEnabled]:this.editingEnabled,[r.inlineChild]:this.hasInlineEditableContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${y??i} inputmode=${V??i} maxlength=${this.maxLength??i} minlength=${this.minLength??i} .multiple=${this.multiple} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.editingEnabled?-1:void 0)??i} type=text .value=${k(this.displayedValue??"")} ${v(this.childNumberRef)}>`):null,ne=this.type!=="number"?o`<input accept=${this.accept??i} aria-errormessage=${$.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} autocomplete=${this.autocomplete??i} .autofocus=${x} class=${l({[r.editingEnabled]:this.editingEnabled,[r.inlineChild]:this.hasInlineEditableContext,[r.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${y??i} inputmode=${V??i} max=${this.maxString??i} maxlength=${this.maxLength??i} min=${this.minString??i} minlength=${this.minLength??i} .multiple=${this.multiple} name=${this.name??i} @blur=${this.inputBlurHandler} @focus=${this.inputFocusHandler} @input=${this.inputInputHandler} @keydown=${this.inputKeyDownHandler} @keyup=${this.inputKeyUpHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??i} step=${this.step??i} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.editingEnabled?-1:void 0)??i} type=${this.type??i} .value=${k(this.value??"")} ${v(this.childRef)}>`:null;return this.interactiveContainer({disabled:this.disabled,children:o`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[r.inputWrapper]:!0,[B.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText})} ${v(this.inputWrapperRef)}><div class=${l(r.wrapper)}>${this.loading?t:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?p:null}${this.prefixText?c:null}${this.requestedIcon?s:null}${ie}${ne}${this.isClearable?n:null}${this.suffixText?h:null}${this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?d:null}${this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?f:null}</div>${this.selfManagedInlineEditable&&o`<div class=${l(r.inlineEditable)}>${J({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,ae=>{this.inlineEditableLoading=ae}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${l(r.actionWrapper)} ${v(this.actionWrapperRef)}><slot name=${re.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?W({icon:this.validationIcon,id:$.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};S("calcite-input",z);export{z as Input};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as T}from"./OEKMQUG2.js";import{a as L}from"./4XAA4FL5.js";import{a as g}from"./TOS26VDH.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./JDJW7IOG.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./6DDEBJT6.js";import{a as C}from"./ZWPNZ5XW.js";import"./FLHFZN4H.js";import"./YFCK7FOA.js";import"./ER7WXLPC.js";import{E as v,F as l,G as z,H as a,J as n,M as y,S as w,g as x,h as t}from"./DBYBKXUC.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([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]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{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([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
|
|
2
|
+
import{a as T}from"./7ELHZVTZ.js";import{a as L}from"./TGW2VXE4.js";import{a as g}from"./QHEQR4WM.js";import{a as I}from"./T6CCMW7H.js";import{a as E}from"./VI7SBYXT.js";import{a as R}from"./DP4J57PF.js";import{a as i,b as S}from"./BEE5ZZFY.js";import{a as B}from"./BHO3BUGE.js";import{a as C}from"./ZWPNZ5XW.js";import"./UD2V6OFH.js";import"./NRYR3QXL.js";import"./XC2EEJ5M.js";import{E as v,F as l,G as z,H as a,J as n,M as y,S as w,g as x,h as t}from"./BILYHH45.js";var D=x`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([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]){--calcite-internal-action-font-size: var(--calcite-font-size--2);--calcite-internal-action-min-height: var(--calcite-size-sm);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-font-size: var(--calcite-font-size--1);--calcite-internal-action-min-height: var(--calcite-size-md);--calcite-internal-action-line-height: 1rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-font-size: var(--calcite-font-size-0);--calcite-internal-action-min-height: var(--calcite-size-lg);--calcite-internal-action-line-height: 1.25rem;--calcite-internal-action-spacing: var(--calcite-spacing-sm-plus)}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius-xs)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius-xs)))}.interaction-container{border-radius:inherit}:host([width=full]){flex:1 0 auto}:host([width=full]) .button{justify-content:center}:host([width=full]) .button .text-container--visible{flex:none}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;outline-color:transparent;box-sizing:border-box;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));border-radius:inherit;color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));cursor:inherit;flex:1 0 auto;font-family:inherit;font-size:var(--calcite-internal-action-font-size);font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-internal-action-line-height);min-block-size:var(--calcite-internal-action-height, var(--calcite-internal-action-min-height));max-block-size:var(--calcite-internal-action-height, none);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-internal-action-spacing));padding-inline:var(--calcite-internal-action-padding-inline, var(--calcite-internal-action-spacing));text-align:start}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.button--text-visible{gap:var(--calcite-internal-action-spacing);inline-size:100%}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:opacity;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-3));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}:host([active]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-3))}:host([active]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) calcite-loader[inline]{margin-inline-end:0px;--calcite-loader-progress-color-inline: var(--calcite-action-loader-color)}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([appearance=transparent]) .button{transition-property:box-shadow;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--calcite-action-background-color, var(--calcite-color-transparent))}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-transparent-press)))}:host([selection-appearance=highlight]):host([active]) .button{background-color:var(--calcite-color-surface-highlight);color:var(--calcite-color-text-highlight)}:host([active-descendant]) .button{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([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}:host([scale=s]) .indicator-with-icon{position:relative}:host([scale=s]) .indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.125rem;inset-inline-end:-.125rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([scale=s]) .indicator-without-icon{position:relative}:host([scale=s]) .indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.175rem;inset-inline-end:-.175rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand));block-size:.375rem;inline-size:.375rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,F=x`.screen-reader-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,k=class extends z{constructor(){super(...arguments),this.guid=I(),this.buttonRef=v(),this.buttonId=S.button(this.guid),this.mutationObserver=E("mutation",()=>this.requestUpdate()),this.messages=R({blocking:!0}),this.focusSetter=B()(this),this.indicatorRef=v(),this.interactiveContainer=L(this),this.formTrigger=T()(this),this.labelElRef=v(),this.active=!1,this.activeDescendant=!1,this.appearance="transparent",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.overflowDisabled=!1,this.scale="m",this.width="auto",this.textEnabled=!1,this.type="button"}static{this.properties={aria:[0,{},{attribute:!1}],active:[7,{},{reflect:!0,type:Boolean}],activeDescendant:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overflowDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=[D,F]}async setFocus(e){return this.focusSetter(()=>this.buttonRef.value,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}getAccessibleLabel(){let e=this.label||this.text||"";return this.indicator?this.messages.indicatorLabel.replace("{label}",e):e}getLabelledByElements(){let e=[...this.labelElRef.value?[this.labelElRef.value]:[],...this.aria?.labelledByElements??[]];return e.length?e:void 0}renderTextContainer(){let{text:e,textEnabled:o}=this,r={[i.textContainer]:!0,[i.textContainerVisible]:o};return e?g("text-container",t`<div class=${a(r)}>${e}</div>`):null}renderIndicatorText(){let{indicator:e,messages:o,buttonId:r}=this;return t`<div aria-labelledby=${r??n} aria-live=polite class=${a(y.screenReaderText)} role=region ${l(this.indicatorRef)}>${e?o.indicator:null}</div>`}renderIconContainer(){let{loading:e,icon:o,scale:r,el:s,iconFlipRtl:m,indicator:d}=this,u=r==="l"?"l":"m",h=e?t`<calcite-loader inline .label=${this.messages.loading} .scale=${u}></calcite-loader>`:null,b=o?t`<calcite-icon class=${a({[i.indicatorWithIcon]:d})} .flipRtl=${m} .icon=${o} .scale=${C(this.scale)}></calcite-icon>`:null,c=h||b,p=c||s.children?.length,f=t`<div class=${a({[i.slotContainer]:!0,[i.slotContainerHidden]:e})}><slot></slot></div>`;return p?g("icon-container",t`<div aria-hidden=true class=${a(i.iconContainer)}>${c}${f}</div>`):null}renderLabel(){let e=this.getAccessibleLabel();return e?t`<span class=${a(y.screenReaderText)} ${l(this.labelElRef)}>${e}</span>`:null}renderButton(){let{compact:e,disabled:o,icon:r,loading:s,textEnabled:m,indicator:d,indicatorRef:u,buttonId:h}=this,b=this.getLabelledByElements(),c={[i.button]:!0,[i.buttonTextVisible]:m,[i.buttonCompact]:e},p=t`${this.renderIconContainer()}${this.renderTextContainer()}${!r&&d&&g("indicator-no-icon",t`<div class=${a(i.indicatorWithoutIcon)}></div>`)||""}${this.renderLabel()}`,f=d&&u.value?[u.value]:[],$=[...this.aria?.controlsElements??[],...f];return this.dragHandle?t`<span .ariaBusy=${s} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} id=${h??n} role=button tabindex=${(this.disabled?void 0:0)??n} ${l(this.buttonRef)}>${p}</span>`:t`<button .ariaBusy=${s} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${$} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabelledByElements=${b} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${a(c)} .disabled=${o} id=${h??n} .role=${this.aria?.role} type=${this.type??n} ${l(this.buttonRef)}>${p}</button>`}render(){return this.interactiveContainer({disabled:this.disabled,children:t`${this.renderButton()}${this.renderIndicatorText()}`})}};w("calcite-action",k);export{k as Action};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{H as e,h as t,l as i}from"./
|
|
2
|
+
import{H as e,h as t,l as i}from"./BILYHH45.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./KWIC32XQ.js";import{a as C,b as L,c as m,d as A,f as V,h as b}from"./SWQCPUC2.js";import{j as D}from"./CNNLMIH2.js";import{a as K}from"./56CUCPCD.js";import{a as B}from"./4XAA4FL5.js";import{a as v}from"./TOS26VDH.js";import{a as W}from"./3452BXT3.js";import{a as q}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as z}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as G}from"./JDJW7IOG.js";import{a as N}from"./6DDEBJT6.js";import"./ZWPNZ5XW.js";import"./FLHFZN4H.js";import"./YFCK7FOA.js";import{e as U,p as w,s as E}from"./ER7WXLPC.js";import{F as I,G as R,H as h,I as k,N as H,S as T,g as M,h as d,p}from"./DBYBKXUC.js";var f={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text",containerHeight:"container-height"},S={emptyContent:"empty-content",filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},_=M`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,j=`${L}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=W()(this),this.sortable=K()(this),this.updateListItemsDebounced=q(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=G({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=B(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,g=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(b);if(g.forEach(o=>{o.closest(C)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=g,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(g=>g.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&V(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(C)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(L))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=E(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=E(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=E(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(j);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=U(t),s=e?Array.from(a.querySelectorAll(`${C}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:z()})),Array.from(this.el.querySelectorAll(L)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(b),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${h({[f.container]:!0,[f.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${t} .ariaLabel=${e||""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${h(f.sticky)} role=rowgroup ${I(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${I(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(f.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${S.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${I(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter?v("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${v("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?v("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};T("calcite-list",P);export{P as List};
|
|
2
|
+
import{b as $}from"./KWIC32XQ.js";import{a as C,b as L,c as m,d as A,f as V,h as b}from"./SWQCPUC2.js";import{j as D}from"./CX55MR2W.js";import{a as K}from"./MEQIOJ3Z.js";import{a as B}from"./TGW2VXE4.js";import{a as v}from"./QHEQR4WM.js";import{a as W}from"./VYTQX5JJ.js";import{a as q}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as z}from"./T6CCMW7H.js";import{a as y}from"./VI7SBYXT.js";import{a as G}from"./DP4J57PF.js";import{a as N}from"./BHO3BUGE.js";import"./ZWPNZ5XW.js";import"./UD2V6OFH.js";import"./NRYR3QXL.js";import{e as U,p as w,s as E}from"./XC2EEJ5M.js";import{F as I,G as R,H as h,I as k,N as H,S as T,g as M,h as d,p}from"./BILYHH45.js";var f={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text",containerHeight:"container-height"},S={emptyContent:"empty-content",filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"},_=M`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-spacing-xs)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-color-foreground-1))}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::slotted(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,j=`${L}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=W()(this),this.sortable=K()(this),this.updateListItemsDebounced=q(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=G({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=B(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=t=>{this.filterContainerEl=t,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(t=>t!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(t){this.calciteListOrderChange.emit(t)}async setFocus(t){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(e=>e.active),t)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(t){(t.has("filterText")||t.has("filterProps")||t.has("filterPredicate"))&&this.performFilter(),(t.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||t.has("group")||t.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||t.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||t.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||t.has("displayMode")&&this.hasUpdated||t.has("scale")&&this.hasUpdated||t.has("canPull")&&this.hasUpdated||t.has("canPut")&&this.hasUpdated||t.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:t,selectionMode:e,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,g=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(b);if(g.forEach(o=>{o.closest(C)===s&&(o.scale=r,o.selectionAppearance=t,o.selectionMode=e,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=g,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let t=this.filterContainerEl;t&&this.filterRowResizeObserver?.observe(t)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(t){this.parentListEl||(t.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();let{focusableItems:e}=this,a=e.findIndex(s=>s.active)-1;e[a]&&this.focusRow(e[a])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i}=this;i.forEach(a=>{a.active=a===e})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleSortReorder(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleReorder(t))}handleSortAdd(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleAdd(t))}handleSortMove(t){this.parentListEl||t.defaultPrevented||(t.preventDefault(),this.handleMove(t))}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();let e=t.target,{listItems:i,selectionMode:a}=this;e.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===e),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(this.parentListEl)return;t.stopPropagation();let{target:e,detail:i}=t,{focusableItems:a,lastSelectedInfo:s}=this,n=e;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(g=>g.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(t){this.parentListEl||(t.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:t,defaultSlotEl:e}=this;t&&e&&V(e),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){t.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest(C)||void 0}handleDefaultSlotChange(t){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(t)}handleEmptyContentSlotChange(t){this.hasEmptyContent=w(t)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(L))}handleFilterActionsStartSlotChange(t){this.hasFilterActionsStart=E(t)}handleFilterActionsEndSlotChange(t){this.hasFilterActionsEnd=E(t)}handleFilterNoResultsSlotChange(t){this.hasFilterNoResults=E(t)}setActiveListItem(){let{focusableItems:t}=this;t.some(e=>e.active)||t[0]&&(t[0].active=!0)}async updateSelectedItems(t=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(e=>e.selected),t&&this.calciteListChange.emit()}filterElements({el:t,filteredItems:e,visibleParents:i}){let a=!i.has(t)&&!e.includes(t);t.filterHidden=a;let s=t.parentElement.closest(j);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:e,visibleParents:i}))}allParentListItemsExpanded(t){let e=t.parentElement?.closest(m);if(e){if(!e.expanded)return!1}else return!0;return this.allParentListItemsExpanded(e)}borderItems(){let t=this.visibleItems.filter(e=>!e.filterHidden&&this.allParentListItemsExpanded(e));t.forEach(e=>e.bordered=e!==t[t.length-1])}updateFilteredItems(){let{visibleItems:t,filteredData:e,filterText:i,filterPredicate:a}=this,s=t?.filter(r=>t.every(c=>c===r||!r.contains(c))),n=a?t.filter(a):i?e.map(r=>r.el):t||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:t}=this;t&&(t.filteredItems&&(this.filteredData=t.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let t=this.filterEl?.value??this.filterText;await this.filterEl?.filter(t),this.updateFilteredData()}performFilter(){let{filterEl:t,filterText:e,effectiveFilterProps:i}=this;t&&(t.value=e,t.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(t){this.defaultSlotEl=t}setFilterEl(t){this.filterEl=t,this.performFilter()}handleFilterChange(t){t.stopPropagation();let{value:e}=t.currentTarget;this.filterText=e,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(t=>({label:t.label,description:t.description,metadata:t.metadata,heading:this.getGroupHeading(t),el:t}))}getGroupHeading(t){return this.listItemGroups.filter(e=>e.contains(t)&&e.heading).map(e=>e.heading)}updateGroupItems(){let{el:t,group:e,scale:i}=this,a=U(t),s=e?Array.from(a.querySelectorAll(`${C}[group="${e}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:z()})),Array.from(this.el.querySelectorAll(L)).forEach(l=>{l.scale=i})}focusRow(t){let{focusableItems:e}=this;t&&(e.forEach(i=>i.active=i===t),t.setFocus())}isNavigable(t){let e=t.parentElement?.closest(m);return e?e.expanded&&this.isNavigable(e):!0}handleListKeydown(t){if(t.defaultPrevented||this.parentListEl)return;let{key:e}=t,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(e==="ArrowDown"){t.preventDefault();let s=t.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(e==="ArrowUp"){if(t.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(e==="Home"){t.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(e==="End"){t.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&console.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:t,toEl:e,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!t||!e||e===t||i.contains(e))return!1;let l=t.canPull?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0,r=e.canPut?.({toEl:e,fromEl:t,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(t){let{addTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(t){let{moveTo:e}=t.detail,i=t.target,a=i?.parentElement,s=e.element,l=Array.from(a.children).filter(b).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(t){let{reorder:e}=t.detail,i=t.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(b),n=s.length-1,l=s.indexOf(i),r=l;switch(e){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=e==="up"||e==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:t,label:e,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${h({[f.container]:!0,[f.containerHeight]:this.listItems.length<1&&t})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${h(f.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${t?d`<calcite-scrim class=${h(f.scrim)} .loading=${t}></calcite-scrim>`:null}<div .ariaBusy=${t} .ariaLabel=${e||""} class=${h(f.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${h(f.sticky)} role=rowgroup ${I(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${h(f.stack)}><slot name=${S.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${I(this.setFilterEl)}></calcite-filter><slot name=${S.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${h(f.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${S.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${I(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${S.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:t,filteredItems:e,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${h(f.assistiveText)}>${this.hasActiveFilter?v("aria-filter-enabled",d`<div>${t.filterEnabled}</div>`):null}${v("aria-item-count",d`<div>${t.total.replace("{count}",D.localize(e.length.toString()))}</div>`)}${e.length?v("aria-item-list",d`<ol>${e.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};T("calcite-list",P);export{P as List};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{n as l}from"./
|
|
2
|
+
import{n as l}from"./BILYHH45.js";var p=(n,o)=>{let e=n;for(;e;){if(e===o)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},f=(n,o,e)=>{let r=E(o).subscribe;return r(t=>{t.some(s=>p(n,s.target))&&e()})},u={},E=n=>{let o=n.join(","),e=u[o];if(e!==void 0)return e;let r=new Set,t=new MutationObserver(s=>r.forEach(a=>a(s)));globalThis.document&&t.observe(document.documentElement,{attributes:!0,attributeFilter:n,subtree:!0});let i={subscribe:s=>(r.add(s),()=>{r.delete(s),r.size===0&&(t.disconnect(),u[o]=void 0)})};return u[o]=i,i},b=(n,o)=>{let e=n;for(;e;){let r=e.closest?.(o);if(r)return r;let t=e.getRootNode?.();if(t===globalThis.document)return;e=t?.host}};var g=(n,o,e)=>b(n,`[${o}]`)?.getAttribute(o)??e;var v="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),C=new Set(v),c="en",y={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},N=async(n,o,e="")=>{let r=`${o}/${e}`,t=`${r}${n}.json`;return d[t]??(d[t]=h(n,r)),await d[t]},d={},h=async(n,o)=>{let e=`${o}${n}.json`;try{let r=await fetch(e);if(r.ok)return await r.json()}catch(r){return l("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:r}}),{}}return n===c?{}:await h(c,o)},w=n=>{let o=g(n,"lang",globalThis.navigator?.language||c);return{lang:o,t9nLocale:m(o)}},m=n=>{let[o,e]=n.split("-"),r=o.toLowerCase(),t=r;return e&&(t=`${r}-${e.toUpperCase()}`),t=y[t]??t,C.has(t)?t:e?m(r):c},k=(n,o,e,r)=>{let t,i=()=>L(n,o(),r).then(s=>{(t?.lang!==s.lang||t.t9nLocale!==s.t9nLocale||t.t9nStrings!==s.t9nStrings)&&e(s),t=s}).catch(s=>{l("error","intl","Error updating component locale state",{detail:{error:s}})});return queueMicrotask(i),f(n,["lang"],i)},L=async(n,o,e=n.localName.split("-").slice(1).join("-"))=>{let{lang:r,t9nLocale:t}=w(n),i=`${o}/${e}/t9n`,a=e===null?{}:await N(t,i,"messages.");return{lang:r,t9nLocale:t,t9nStrings:a}};export{f as a,g as b,C as c,c as d,w as e,m as f,k as g};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./TOS26VDH.js";import{C as b,s as c,t as d}from"./ER7WXLPC.js";import{E as m,F as f,G as $,H as h,S as w,g as v,h as n}from"./DBYBKXUC.js";var B=v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:var(--calcite-shell-corner-radius);box-shadow:var(--calcite-shell-shadow)}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}.main.has-resizable-panel-top ::slotted(calcite-panel){border-block-start:none}.main.has-resizable-panel-bottom ::slotted(calcite-panel){border-block-end:none}.main.has-action-bar-position-panel ::slotted(calcite-panel){border:0}:host([hidden]){display:none}[hidden]{display:none}`,o={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",hasActionBarPositionPanel:"has-action-bar-position-panel",hasResizablePanelBottom:"has-resizable-panel-bottom",hasResizablePanelTop:"has-resizable-panel-top",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},r={panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",dialogs:"dialogs"},g=["panel-start","panel-end","panel-top","panel-bottom"],u=class extends ${constructor(){super(),this.defaultSlotRef=m(),this.panelBottomSlotRef=m(),this.panelEndSlotRef=m(),this.panelStartSlotRef=m(),this.panelTopSlotRef=m(),this.panelSlotState={"panel-start":{elements:[],resizable:!1},"panel-end":{elements:[],resizable:!1},"panel-top":{elements:[],resizable:!1},"panel-bottom":{elements:[],resizable:!1}},this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasActionBarPositionPanel=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasResizablePanelBottom=!1,this.hasResizablePanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd),this.listen("calciteInternalShellPanelResizableChange",this.handleCalciteInternalShellPanelResizableChange),this.listen("calciteInternalShellPanelActionBarPositionChange",this.handleCalciteInternalShellPanelActionBarPositionChange)}static{this.properties={hasAlerts:[16,{},{state:!0}],hasDialogs:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],hasActionBarPositionPanel:[16,{},{state:!0}],hasOnlyPanelBottom:[16,{},{state:!0}],hasPanelBottom:[16,{},{state:!0}],hasPanelTop:[16,{},{state:!0}],hasResizablePanelBottom:[16,{},{state:!0}],hasResizablePanelTop:[16,{},{state:!0}],hasSheets:[16,{},{state:!0}],panelIsResizing:[16,{},{state:!0}],contentBehind:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=B}willUpdate(t){(t.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||t.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizableChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelActionBarPositionChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=!0,t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=!1,t.stopPropagation()}handleHeaderSlotChange(t){this.hasHeader=!!c(t)}handleFooterSlotChange(t){this.hasFooter=!!c(t)}handleAlertsSlotChange(t){this.hasAlerts=!!c(t),d(t).filter(e=>e?.matches("calcite-alert")).forEach(e=>{e.embedded=!0})}handleSheetsSlotChange(t){this.hasSheets=!!c(t),d(t).filter(e=>e?.matches("calcite-sheet")).forEach(e=>{e.embedded=!0})}configurePanels(t,e,a){t.forEach(l=>{let s=l;l.layout=e,l.position=a,s.shellSizingDataProvider=p=>this.getShellPanelSizingData(l,p)})}getDefaultSlotMinSize(t){return this.defaultSlotRef.value?.assignedElements({flatten:!0}).reduce((e,a)=>{let l=window.getComputedStyle(a);return t==="inline"?e+b(l.borderInlineStartWidth)+b(l.borderInlineEndWidth):e+b(l.borderBlockStartWidth)+b(l.borderBlockEndWidth)},0)??0}getDefaultSlotBounds(){let t=this.defaultSlotRef.value?.assignedElements({flatten:!0})??[];return t.length?t.reduce((e,a)=>{let l=a.getBoundingClientRect();return e?{bottom:Math.max(e.bottom,l.bottom),left:Math.min(e.left,l.left),right:Math.max(e.right,l.right),top:Math.min(e.top,l.top)}:{bottom:l.bottom,left:l.left,right:l.right,top:l.top}},null):null}getShellPanelSizingData(t,e){let a=t.assignedSlot?.parentElement;if(!a)return null;let l=a.getBoundingClientRect(),s=this.getDefaultSlotBounds();if(!s)return{availableSize:e==="inline"?l.width:l.height};let p=this.getDefaultSlotMinSize(e),z=window.getComputedStyle(this).direction==="rtl",S;if(e==="inline"){let P=t.position==="start";S=z?P?l.right-s.left:s.right-l.left:P?s.right-l.left:l.right-s.left}else S=t.position==="start"?s.bottom-l.top:l.bottom-s.top;return{availableSize:Math.max(Math.floor(S)-Math.ceil(p),0)}}handlePanelTopChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelTop=c(t),this.configurePanels(e,"horizontal","start"),e.forEach(a=>{a.layout="horizontal",a.position="start"}),this.updateResizableSlotState("panel-top",e)}handlePanelBottomChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelBottom=c(t),this.configurePanels(e,"horizontal","end"),e.forEach(a=>{a.layout="horizontal",a.position="end"}),this.updateResizableSlotState("panel-bottom",e)}handlePanelStartChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","start"),e.forEach(a=>{a.layout="vertical",a.position="start"}),this.updateResizableSlotState("panel-start",e)}handlePanelEndChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","end"),e.forEach(a=>{a.layout="vertical",a.position="end"}),this.updateResizableSlotState("panel-end",e)}handleDialogsSlotChange(t){this.hasDialogs=!!c(t),d(t).filter(e=>e?.matches("calcite-dialog")).forEach(e=>{e.embedded=!0})}updateResizableSlotState(t,e=this.panelSlotState[t].elements){this.panelSlotState[t]={elements:e,resizable:e.some(a=>a.resizable)},this.syncResizableState(),this.syncActionBarPositionPanelState()}syncActionBarPositionPanelState(){this.hasActionBarPositionPanel=g.some(t=>this.panelSlotState[t].elements.some(e=>!!e.actionBarPosition))}syncResizableState(){this.hasResizablePanelBottom=this.panelSlotState["panel-bottom"].resizable,this.hasResizablePanelTop=this.panelSlotState["panel-top"].resizable}renderHeader(){return n`<div .hidden=${!this.hasHeader}>${i("header",n`<slot name=${r.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return i("footer",n`<div class=${h(o.footer)} .hidden=${!this.hasFooter}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return n`<div .hidden=${!this.hasAlerts}>${i("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return n`<div .hidden=${!this.hasSheets}>${i("sheets",n`<slot name=${r.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderDialogs(){return n`<div .hidden=${!this.hasDialogs}>${i("dialogs",n`<slot name=${r.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:t}=this,e=i("default-slot",n`<slot ${f(this.defaultSlotRef)}></slot>`),a=t?n`<div class=${h(o.contentNonInteractive)}>${e}</div>`:e,l=i("panel-bottom-slot",n`<slot name=${r.panelBottom} @slotchange=${this.handlePanelBottomChange} ${f(this.panelBottomSlotRef)}></slot>`),s=i("panel-top-slot",n`<slot name=${r.panelTop} @slotchange=${this.handlePanelTopChange} ${f(this.panelTopSlotRef)}></slot>`),p="content-container";return this.contentBehind?[i(p,n`<div class=${h({[o.content]:!0,[o.contentBehind]:!0})}>${a}</div>`),n`<div class=${h({[o.contentBehindCenterContent]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${l}</div>`]:[i(p,n`<div class=${h({[o.content]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${a}${l}</div>`)]}renderMain(){return n`<div class=${h({[o.main]:!0,[o.hasActionBarPositionPanel]:this.hasActionBarPositionPanel,[o.hasResizablePanelBottom]:this.hasResizablePanelBottom,[o.hasResizablePanelTop]:this.hasResizablePanelTop})}><slot name=${r.panelStart} @slotchange=${this.handlePanelStartChange} ${f(this.panelStartSlotRef)}></slot>${this.renderContent()}<slot name=${r.panelEnd} @slotchange=${this.handlePanelEndChange} ${f(this.panelEndSlotRef)}></slot></div>`}renderPositionedSlots(){return n`<div class=${h(o.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return n`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};w("calcite-shell",u);export{u as Shell};
|
|
2
|
+
import{a as i}from"./QHEQR4WM.js";import{C as b,s as c,t as d}from"./XC2EEJ5M.js";import{E as m,F as f,G as $,H as h,S as w,g as v,h as n}from"./BILYHH45.js";var B=v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:var(--calcite-shell-corner-radius);box-shadow:var(--calcite-shell-shadow)}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}.main.has-resizable-panel-top ::slotted(calcite-panel){border-block-start:none}.main.has-resizable-panel-bottom ::slotted(calcite-panel){border-block-end:none}.main.has-action-bar-position-panel ::slotted(calcite-panel){border:0}:host([hidden]){display:none}[hidden]{display:none}`,o={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",hasActionBarPositionPanel:"has-action-bar-position-panel",hasResizablePanelBottom:"has-resizable-panel-bottom",hasResizablePanelTop:"has-resizable-panel-top",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},r={panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",dialogs:"dialogs"},g=["panel-start","panel-end","panel-top","panel-bottom"],u=class extends ${constructor(){super(),this.defaultSlotRef=m(),this.panelBottomSlotRef=m(),this.panelEndSlotRef=m(),this.panelStartSlotRef=m(),this.panelTopSlotRef=m(),this.panelSlotState={"panel-start":{elements:[],resizable:!1},"panel-end":{elements:[],resizable:!1},"panel-top":{elements:[],resizable:!1},"panel-bottom":{elements:[],resizable:!1}},this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasActionBarPositionPanel=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasResizablePanelBottom=!1,this.hasResizablePanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd),this.listen("calciteInternalShellPanelResizableChange",this.handleCalciteInternalShellPanelResizableChange),this.listen("calciteInternalShellPanelActionBarPositionChange",this.handleCalciteInternalShellPanelActionBarPositionChange)}static{this.properties={hasAlerts:[16,{},{state:!0}],hasDialogs:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],hasActionBarPositionPanel:[16,{},{state:!0}],hasOnlyPanelBottom:[16,{},{state:!0}],hasPanelBottom:[16,{},{state:!0}],hasPanelTop:[16,{},{state:!0}],hasResizablePanelBottom:[16,{},{state:!0}],hasResizablePanelTop:[16,{},{state:!0}],hasSheets:[16,{},{state:!0}],panelIsResizing:[16,{},{state:!0}],contentBehind:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=B}willUpdate(t){(t.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||t.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizableChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelActionBarPositionChange(t){let e=t.composedPath().find(a=>a?.matches?.("calcite-shell-panel"));e?.slot&&g.includes(e.slot)&&this.updateResizableSlotState(e.slot),t.stopPropagation()}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=!0,t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=!1,t.stopPropagation()}handleHeaderSlotChange(t){this.hasHeader=!!c(t)}handleFooterSlotChange(t){this.hasFooter=!!c(t)}handleAlertsSlotChange(t){this.hasAlerts=!!c(t),d(t).filter(e=>e?.matches("calcite-alert")).forEach(e=>{e.embedded=!0})}handleSheetsSlotChange(t){this.hasSheets=!!c(t),d(t).filter(e=>e?.matches("calcite-sheet")).forEach(e=>{e.embedded=!0})}configurePanels(t,e,a){t.forEach(l=>{let s=l;l.layout=e,l.position=a,s.shellSizingDataProvider=p=>this.getShellPanelSizingData(l,p)})}getDefaultSlotMinSize(t){return this.defaultSlotRef.value?.assignedElements({flatten:!0}).reduce((e,a)=>{let l=window.getComputedStyle(a);return t==="inline"?e+b(l.borderInlineStartWidth)+b(l.borderInlineEndWidth):e+b(l.borderBlockStartWidth)+b(l.borderBlockEndWidth)},0)??0}getDefaultSlotBounds(){let t=this.defaultSlotRef.value?.assignedElements({flatten:!0})??[];return t.length?t.reduce((e,a)=>{let l=a.getBoundingClientRect();return e?{bottom:Math.max(e.bottom,l.bottom),left:Math.min(e.left,l.left),right:Math.max(e.right,l.right),top:Math.min(e.top,l.top)}:{bottom:l.bottom,left:l.left,right:l.right,top:l.top}},null):null}getShellPanelSizingData(t,e){let a=t.assignedSlot?.parentElement;if(!a)return null;let l=a.getBoundingClientRect(),s=this.getDefaultSlotBounds();if(!s)return{availableSize:e==="inline"?l.width:l.height};let p=this.getDefaultSlotMinSize(e),z=window.getComputedStyle(this).direction==="rtl",S;if(e==="inline"){let P=t.position==="start";S=z?P?l.right-s.left:s.right-l.left:P?s.right-l.left:l.right-s.left}else S=t.position==="start"?s.bottom-l.top:l.bottom-s.top;return{availableSize:Math.max(Math.floor(S)-Math.ceil(p),0)}}handlePanelTopChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelTop=c(t),this.configurePanels(e,"horizontal","start"),e.forEach(a=>{a.layout="horizontal",a.position="start"}),this.updateResizableSlotState("panel-top",e)}handlePanelBottomChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.hasPanelBottom=c(t),this.configurePanels(e,"horizontal","end"),e.forEach(a=>{a.layout="horizontal",a.position="end"}),this.updateResizableSlotState("panel-bottom",e)}handlePanelStartChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","start"),e.forEach(a=>{a.layout="vertical",a.position="start"}),this.updateResizableSlotState("panel-start",e)}handlePanelEndChange(t){let e=d(t).filter(a=>a?.matches("calcite-shell-panel"));this.configurePanels(e,"vertical","end"),e.forEach(a=>{a.layout="vertical",a.position="end"}),this.updateResizableSlotState("panel-end",e)}handleDialogsSlotChange(t){this.hasDialogs=!!c(t),d(t).filter(e=>e?.matches("calcite-dialog")).forEach(e=>{e.embedded=!0})}updateResizableSlotState(t,e=this.panelSlotState[t].elements){this.panelSlotState[t]={elements:e,resizable:e.some(a=>a.resizable)},this.syncResizableState(),this.syncActionBarPositionPanelState()}syncActionBarPositionPanelState(){this.hasActionBarPositionPanel=g.some(t=>this.panelSlotState[t].elements.some(e=>!!e.actionBarPosition))}syncResizableState(){this.hasResizablePanelBottom=this.panelSlotState["panel-bottom"].resizable,this.hasResizablePanelTop=this.panelSlotState["panel-top"].resizable}renderHeader(){return n`<div .hidden=${!this.hasHeader}>${i("header",n`<slot name=${r.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return i("footer",n`<div class=${h(o.footer)} .hidden=${!this.hasFooter}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return n`<div .hidden=${!this.hasAlerts}>${i("alerts",n`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return n`<div .hidden=${!this.hasSheets}>${i("sheets",n`<slot name=${r.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderDialogs(){return n`<div .hidden=${!this.hasDialogs}>${i("dialogs",n`<slot name=${r.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:t}=this,e=i("default-slot",n`<slot ${f(this.defaultSlotRef)}></slot>`),a=t?n`<div class=${h(o.contentNonInteractive)}>${e}</div>`:e,l=i("panel-bottom-slot",n`<slot name=${r.panelBottom} @slotchange=${this.handlePanelBottomChange} ${f(this.panelBottomSlotRef)}></slot>`),s=i("panel-top-slot",n`<slot name=${r.panelTop} @slotchange=${this.handlePanelTopChange} ${f(this.panelTopSlotRef)}></slot>`),p="content-container";return this.contentBehind?[i(p,n`<div class=${h({[o.content]:!0,[o.contentBehind]:!0})}>${a}</div>`),n`<div class=${h({[o.contentBehindCenterContent]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${l}</div>`]:[i(p,n`<div class=${h({[o.content]:!0,[o.contentBottom]:this.hasOnlyPanelBottom})}>${s}${a}${l}</div>`)]}renderMain(){return n`<div class=${h({[o.main]:!0,[o.hasActionBarPositionPanel]:this.hasActionBarPositionPanel,[o.hasResizablePanelBottom]:this.hasResizablePanelBottom,[o.hasResizablePanelTop]:this.hasResizablePanelTop})}><slot name=${r.panelStart} @slotchange=${this.handlePanelStartChange} ${f(this.panelStartSlotRef)}></slot>${this.renderContent()}<slot name=${r.panelEnd} @slotchange=${this.handlePanelEndChange} ${f(this.panelEndSlotRef)}></slot></div>`}renderPositionedSlots(){return n`<div class=${h(o.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return n`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};w("calcite-shell",u);export{u as Shell};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as N}from"./CQ55NUF2.js";import{a as S}from"./4KD57W6G.js";import{a as H,b as U}from"./R7NJ5DPM.js";import{a as z}from"./VVKC5BGR.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./XXQAUXU6.js";import{a as D}from"./WFZSPJIU.js";import{a as B}from"./FW6BT6EP.js";import"./EMIJDMKX.js";import{a as l}from"./TOS26VDH.js";import"./5EBGPCB7.js";import"./GZZYSINJ.js";import"./YP3AYJH3.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./JDJW7IOG.js";import{a as P}from"./6DDEBJT6.js";import"./ZWPNZ5XW.js";import{e as C}from"./FLHFZN4H.js";import"./YFCK7FOA.js";import"./ER7WXLPC.js";import{E as y,F as u,G as x,H as o,S as w,g as b,h as n,p as r}from"./DBYBKXUC.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};
|
|
2
|
+
import{a as N}from"./7STL2E5H.js";import{a as S}from"./ZQYAJFSR.js";import{a as H,b as U}from"./A7E2RJ3V.js";import{a as z}from"./GGVWHAWS.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./RE7W53H7.js";import{a as D}from"./YSXFNTL3.js";import{a as B}from"./J3HNF5A2.js";import"./HQO6NB34.js";import{a as l}from"./QHEQR4WM.js";import"./5EBGPCB7.js";import"./GZZYSINJ.js";import"./YP3AYJH3.js";import{a as k}from"./VI7SBYXT.js";import{a as E}from"./DP4J57PF.js";import{a as P}from"./BHO3BUGE.js";import"./ZWPNZ5XW.js";import{e as C}from"./UD2V6OFH.js";import"./NRYR3QXL.js";import"./XC2EEJ5M.js";import{E as y,F as u,G as x,H as o,S as w,g as b,h as n,p as r}from"./BILYHH45.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-spacing-xs)}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-spacing-sm)}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends x{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=z({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:a,overlayPositioning:c,flipDisabled:p,filteredFlipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:a,flipDisabled:p,flipPlacements:d,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){D(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?l(i.closeButtonContainer,n`<div class=${o(i.closeButtonContainer)}><calcite-action class=${o(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,a=e?B({class:i.heading,level:t,children:e}):null;return a?l(i.header,n`<div class=${o(i.header)}>${a}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:a,open:c,pointerDisabled:p,floatingLayout:d}=this,s=e&&c,f=!s,h=p?null:l("floating-arrow",N({floatingLayout:d,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=a,this.el.ariaLive="polite",this.el.role="dialog",n`<div class=${o(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${o({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${o({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${o(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};w("calcite-popover",g);export{g as Popover};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as p}from"./
|
|
2
|
+
import{a as p}from"./DP4J57PF.js";import{a as c}from"./BHO3BUGE.js";import"./ZWPNZ5XW.js";import{c as h}from"./UD2V6OFH.js";import"./NRYR3QXL.js";import{k as m,t as f,x as l}from"./XC2EEJ5M.js";import{G as u,S as r,g as o,h as n}from"./BILYHH45.js";var d=o`:host{display:flex;line-height:var(--calcite-font-line-height-fixed-lg)}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends u{constructor(){super(),this.attributeWatch=h(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.messages=p(),this.focusSetter=c()(this),this.layout="horizontal",this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=d}async setFocus(e){return this.focusSetter(()=>this.menuItems[0],e)}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(e){let t=e.target,s=e.detail.children,i=e.detail.event.key;e.stopPropagation(),i==="ArrowDown"?t.layout==="vertical"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowUp"?this.layout==="vertical"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&s[s.length-1].setFocus():i==="ArrowRight"?this.layout==="horizontal"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowLeft"?this.layout==="horizontal"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&this.focusParentElement(e.target):i==="Escape"&&this.focusParentElement(e.target),e.preventDefault()}handleMenuSlotChange(e){this.menuItems=f(e),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(e){let t=e.parentElement;t&&(m(t),t.open=!1)}setMenuItemLayout(e,t){e.forEach(s=>{s.layout=t,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return n`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};r("calcite-menu",a);export{a as Menu};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{F as n,H as o,h as a,l as t}from"./
|
|
2
|
+
import{F as n,H as o,h as a,l as t}from"./BILYHH45.js";var m={validationContainer:"validation-container"},d=()=>{},$=({scale:e,status:s,id:r,icon:l,message:c,ref:i})=>a`<div class=${o(m.validationContainer)} ${n(i||d)}><calcite-input-message aria-live=polite .icon=${l} id=${r??t} .scale=${e} .status=${s}>${c}</calcite-input-message></div>`;export{$ as a};
|