@esri/calcite-components 5.2.0-next.52 → 5.2.0-next.53
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/{4QRSP54L.js → 25MBTQWV.js} +1 -1
- package/dist/cdn/{FU7PP7EZ.js → 33CTRPMC.js} +1 -1
- package/dist/cdn/{6C45YMSU.js → 35WXTGH4.js} +1 -1
- package/dist/cdn/{BKUQTED6.js → 3DV5QTNY.js} +1 -1
- package/dist/cdn/{WT2YX74I.js → 3JIQNHT3.js} +1 -1
- package/dist/cdn/{XSSANQHT.js → 3LOA6UKI.js} +1 -1
- package/dist/cdn/{5IY5AZID.js → 3WGBUF2A.js} +1 -1
- package/dist/cdn/{Q5YHMXUJ.js → 44VLPY5E.js} +1 -1
- package/dist/cdn/{EVRI2FZL.js → 4AMF2WPJ.js} +1 -1
- package/dist/cdn/{NJVWU7BY.js → 4DJTUQTW.js} +1 -1
- package/dist/cdn/{A43H4ACK.js → 4KSNBW2E.js} +1 -1
- package/dist/cdn/{FSWRPJLY.js → 4LS3JPHM.js} +1 -1
- package/dist/cdn/{DEAZPR3O.js → 4PWHTT3C.js} +1 -1
- package/dist/cdn/{XMEW42ZT.js → 4WPZXK2W.js} +1 -1
- package/dist/cdn/{MSW5F7EK.js → 5GR3NYYM.js} +1 -1
- package/dist/cdn/{6JD2UITH.js → 5IWLNF27.js} +1 -1
- package/dist/cdn/{7EPA3JVK.js → 5K4BD6CH.js} +1 -1
- package/dist/cdn/{2UU4GC6J.js → 65VDKOMT.js} +1 -1
- package/dist/cdn/{MOKVR42W.js → 6F7UQCHE.js} +1 -1
- package/dist/cdn/{WAAXC3ZO.js → 6I23DNXF.js} +1 -1
- package/dist/cdn/{FJEFDFTK.js → 6NDSKB2U.js} +1 -1
- package/dist/cdn/{F6BRM2Q3.js → 6NEJMTOD.js} +1 -1
- package/dist/cdn/{BYDMHOHU.js → 6XBENCKA.js} +1 -1
- package/dist/cdn/{2BXLNQIZ.js → 6YJ5UIZV.js} +1 -1
- package/dist/cdn/{YQG3K7RY.js → 6ZJT6XKW.js} +1 -1
- package/dist/cdn/{2MV25LR7.js → 7B35ACNA.js} +1 -1
- package/dist/cdn/{G5TMRI7H.js → 7PO36DJI.js} +1 -1
- package/dist/cdn/{WK6TX2CC.js → 7XR32APU.js} +1 -1
- package/dist/cdn/{6CAVJUNQ.js → 7XWPEEV3.js} +1 -1
- package/dist/cdn/{OH4FTT72.js → A7VHS6PW.js} +1 -1
- package/dist/cdn/{GGDUHGLC.js → ADLENHVR.js} +1 -1
- package/dist/cdn/{NBWVAOQC.js → AWIQ4IDA.js} +1 -1
- package/dist/cdn/{OJZ4M3GG.js → B3UTTO4T.js} +1 -1
- package/dist/cdn/{QHQH5PTR.js → BB24SPO6.js} +1 -1
- package/dist/cdn/{NMX5HV2Q.js → BBVQN4XU.js} +1 -1
- package/dist/cdn/{GFDADXBN.js → BMZX44SP.js} +1 -1
- package/dist/cdn/{WYHZBJSW.js → BWNSATJK.js} +1 -1
- package/dist/cdn/{5KVPN6ZK.js → C2EUHLKN.js} +1 -1
- package/dist/cdn/{MJB7R5GQ.js → CALNNFYY.js} +1 -1
- package/dist/cdn/{LTBVUWRD.js → CGKN4PE2.js} +1 -1
- package/dist/cdn/{GTE72X6T.js → CMNTY3KG.js} +1 -1
- package/dist/cdn/{KE26D5WZ.js → D624YOFH.js} +1 -1
- package/dist/cdn/{KHKFNVS4.js → D6PO7VA7.js} +1 -1
- package/dist/cdn/{7DJSWIUP.js → DQ5MJ4FE.js} +1 -1
- package/dist/cdn/{GVBK444B.js → E32WEZ5G.js} +1 -1
- package/dist/cdn/{HZLJJMO4.js → EB3YTDDS.js} +1 -1
- package/dist/cdn/{U75LEECI.js → EG2CWMVV.js} +1 -1
- package/dist/cdn/{EAXTNNI7.js → EN3GCB2L.js} +1 -1
- package/dist/cdn/{6RAAG5YR.js → F27Q3ZSS.js} +1 -1
- package/dist/cdn/{WUCXAHMP.js → FIBARJAS.js} +1 -1
- package/dist/cdn/{UMXV3POK.js → FJAK436P.js} +1 -1
- package/dist/cdn/{YJKBYNMB.js → G6UOPSED.js} +1 -1
- package/dist/cdn/{RI3HBI3T.js → GKSFR347.js} +1 -1
- package/dist/cdn/{F6KQ2PW5.js → GNRUOA3X.js} +1 -1
- package/dist/cdn/{PVV3MFQP.js → GQ6ZN6ZL.js} +1 -1
- package/dist/cdn/{3FLYIPBS.js → GSVJ3VLC.js} +1 -1
- package/dist/cdn/{HDG74ORI.js → GTHED47R.js} +1 -1
- package/dist/cdn/{6RY5N3R3.js → H2LEA5MH.js} +1 -1
- package/dist/cdn/{PJVOJMGT.js → HFXIGEQG.js} +1 -1
- package/dist/cdn/{ANJDXEZQ.js → HTKT2YHB.js} +1 -1
- package/dist/cdn/{RMUDLUVA.js → IH4BRDKJ.js} +1 -1
- package/dist/cdn/{GBVEV7ZN.js → IPSEQDGK.js} +1 -1
- package/dist/cdn/{QABJPTQU.js → JFCKL5CT.js} +1 -1
- package/dist/cdn/{MJQQAIHL.js → JIGRSMJQ.js} +1 -1
- package/dist/cdn/{WP7GA5R2.js → JOG2TYHS.js} +1 -1
- package/dist/cdn/{JCZBYNA2.js → JR4GVS3D.js} +1 -1
- package/dist/cdn/{TTXTXN6Q.js → KIRRMJ4W.js} +1 -1
- package/dist/cdn/{HH2EQQZ3.js → KWSLB362.js} +1 -1
- package/dist/cdn/{N3ZBO7ID.js → LA4SQXVD.js} +1 -1
- package/dist/cdn/{3NIXPUL3.js → LAVBWVKV.js} +1 -1
- package/dist/cdn/{XZNL6EO5.js → LCIN4BAU.js} +1 -1
- package/dist/cdn/{IPJTEYGY.js → MFZDZOLU.js} +1 -1
- package/dist/cdn/{HLH6INWE.js → ML4ZLB2H.js} +1 -1
- package/dist/cdn/{BOHDV2WG.js → MXLSDL23.js} +1 -1
- package/dist/cdn/{NPZ4RBQN.js → MXWFQNUR.js} +1 -1
- package/dist/cdn/{JZYK465F.js → N3I54LTD.js} +1 -1
- package/dist/cdn/{FA4PIP7T.js → N5RNELGO.js} +1 -1
- package/dist/cdn/{52QBBLJO.js → NDHQEDN2.js} +1 -1
- package/dist/cdn/{7VDY6654.js → NUAUDQ3N.js} +1 -1
- package/dist/cdn/{GNJXEF4J.js → OFR6VQ32.js} +1 -1
- package/dist/cdn/{M6KSWL4Z.js → OHJUIIYA.js} +1 -1
- package/dist/cdn/{VSITSV3K.js → OOV2LBGS.js} +1 -1
- package/dist/cdn/{OBTZFN2X.js → OYSD2AFF.js} +1 -1
- package/dist/cdn/{AI3JLLET.js → OZG3AGV3.js} +1 -1
- package/dist/cdn/{FZH24ECO.js → P5A4QU63.js} +1 -1
- package/dist/cdn/{IMX2HMIC.js → P6TZAS65.js} +1 -1
- package/dist/cdn/{SUJVRYGQ.js → PGYNB5LM.js} +1 -1
- package/dist/cdn/{6DSDZW5H.js → PIESO6DV.js} +1 -1
- package/dist/cdn/{DTVZ6D4T.js → PSWPHN7E.js} +1 -1
- package/dist/cdn/{PYKCOD27.js → QAEF6I5V.js} +1 -1
- package/dist/cdn/{E7FBXTLX.js → QICAOLKL.js} +1 -1
- package/dist/cdn/{EHTNWRA6.js → QNNSRSZA.js} +1 -1
- package/dist/cdn/{NPCJUFMM.js → QOVXBZ3A.js} +1 -1
- package/dist/cdn/{E67ZD3GJ.js → QVT4CYHT.js} +1 -1
- package/dist/cdn/{LA7TZ3RU.js → QZFP5OV3.js} +1 -1
- package/dist/cdn/{OTBZJFX2.js → R2PS7IER.js} +1 -1
- package/dist/cdn/RG67KMMR.js +2 -0
- package/dist/cdn/{DGCYSGCP.js → RI5ITRON.js} +1 -1
- package/dist/cdn/{EFTPKAD4.js → RNJKHCFX.js} +1 -1
- package/dist/cdn/{PZL4DLCQ.js → RUDH7VEA.js} +1 -1
- package/dist/cdn/{MTCCNI5K.js → RUWHCF3Y.js} +1 -1
- package/dist/cdn/{RSRMZD4B.js → RUXFTDAX.js} +1 -1
- package/dist/cdn/{66A37SAT.js → S5VNLIM4.js} +1 -1
- package/dist/cdn/{QE32LPWF.js → SCKZX7H3.js} +1 -1
- package/dist/cdn/{QCWY5N73.js → SIBDA7S3.js} +1 -1
- package/dist/cdn/{RVS2N4SY.js → SPV3YNMP.js} +1 -1
- package/dist/cdn/{ANAJQLWU.js → SUITH54W.js} +1 -1
- package/dist/cdn/{4PY4DYLG.js → SWFMTNMG.js} +1 -1
- package/dist/cdn/{6IGGHQTQ.js → T4AEYA2X.js} +1 -1
- package/dist/cdn/{3XC5LAPA.js → T4SIZULX.js} +1 -1
- package/dist/cdn/{D3KUIDF2.js → TALVKI5G.js} +1 -1
- package/dist/cdn/{JHM3CANJ.js → THU6STSV.js} +1 -1
- package/dist/cdn/{EFDH2OAA.js → TO5PQNOZ.js} +1 -1
- package/dist/cdn/{BM4FIX25.js → TVP5ODPU.js} +1 -1
- package/dist/cdn/{DFS62MDO.js → TW5522PH.js} +1 -1
- package/dist/cdn/{OOXKVN2X.js → UGUI4YCR.js} +1 -1
- package/dist/cdn/{PNZLYX3G.js → UHQXX2FJ.js} +1 -1
- package/dist/cdn/{FDLVSPXR.js → UQPPXTM2.js} +1 -1
- package/dist/cdn/{R73HR5QE.js → UVFLEC2Z.js} +1 -1
- package/dist/cdn/{GFITUMVO.js → V23TNBHQ.js} +1 -1
- package/dist/cdn/{7MF3YSBV.js → VAGQNLH6.js} +1 -1
- package/dist/cdn/{ZIBTU3RD.js → VR3ZPJMD.js} +1 -1
- package/dist/cdn/{LKIC5Q3A.js → VXCCMUJG.js} +1 -1
- package/dist/cdn/{6ZYKELKO.js → W3J3ZZDD.js} +1 -1
- package/dist/cdn/{KINMWU7P.js → WCGFY7X4.js} +1 -1
- package/dist/cdn/{2WG5KCNC.js → WFXLGY4Z.js} +1 -1
- package/dist/cdn/{VQYLTV7G.js → WHX3CTCR.js} +1 -1
- package/dist/cdn/{V55BNPIA.js → WIP3XIZI.js} +1 -1
- package/dist/cdn/{WJ6NLHUK.js → WT2HF472.js} +1 -1
- package/dist/cdn/{NV6PJ5SV.js → WVEEBTO2.js} +1 -1
- package/dist/cdn/{I7SS2H7N.js → XB3ISPIG.js} +1 -1
- package/dist/cdn/{5H2UKO4C.js → XCW2F6R6.js} +1 -1
- package/dist/cdn/{JCZBUECQ.js → XN33AZES.js} +1 -1
- package/dist/cdn/{ATKBKIJQ.js → XVDUVQ6V.js} +1 -1
- package/dist/cdn/{AWNYLXEL.js → XXMDC7A7.js} +1 -1
- package/dist/cdn/{O22MTMZA.js → XZ5HKRP3.js} +1 -1
- package/dist/cdn/{R4T7XG7V.js → Y6KKE5QE.js} +1 -1
- package/dist/cdn/{5MWWANTK.js → YIHKUM32.js} +1 -1
- package/dist/cdn/{JIK5ZQVP.js → Z5XCPUMX.js} +1 -1
- package/dist/cdn/{AUPHVCL5.js → ZBD3PFH6.js} +1 -1
- package/dist/cdn/{RIUBPUMD.js → ZDFBJVB6.js} +1 -1
- package/dist/cdn/{PBPDN3PE.js → ZHRGS2NR.js} +1 -1
- package/dist/cdn/{GLWU3SXR.js → ZQMFJO2S.js} +1 -1
- package/dist/cdn/{IOHLPB7D.js → ZVTGHUWC.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-menu-item/customElement.d.ts +7 -1
- package/dist/components/calcite-menu-item/customElement.js +12 -9
- package/dist/components/calcite-sheet/customElement.d.ts +1 -1
- package/dist/components/calcite-sheet/customElement.js +0 -3
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +2 -2
- package/dist/cdn/S6DWZD7K.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as n}from"./5IJ25RMA.js";import{c as g}from"./DMK27J6W.js";import{F as h,h as a,l as f}from"./
|
|
2
|
+
import{a as n}from"./5IJ25RMA.js";import{c as g}from"./DMK27J6W.js";import{F as h,h as a,l as f}from"./3LOA6UKI.js";var u={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function L(e,c){return c||e.closest("calcite-shell-panel")?.position||"start"}function k({actions:e,expandables:c,expanded:o}){e.filter(t=>t.slot!==n.menuActions).forEach(t=>t.textEnabled=o),c.forEach(t=>t.expanded=o)}function B({el:e,expanded:c}){Array.from(e.querySelectorAll("calcite-action")).filter(o=>o.slot!==n.menuActions&&(o.closest("calcite-action-menu")?o.slot===g.trigger:!0)).forEach(o=>o.textEnabled=c),e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(o=>o.expanded=c)}var d=({tooltip:e,referenceElement:c,expanded:o,ref:t})=>(e&&(e.referenceElement=!o&&c?c:void 0),t&&t(c),c),P=({collapseText:e,collapseLabel:c,direction:o,expanded:t,expandText:m,expandLabel:$,toggle:v,el:S,position:A,tooltip:r,ref:E,scale:T})=>{let b=o==="rtl",l=t?e:m,p=t?c:$,i=[u.chevronsLeft,u.chevronsRight];b&&i.reverse();let s=L(S,A)==="end",x=s?i[1]:i[0],y=s?i[0]:i[1];return a`<calcite-action .aria=${{expanded:t}} .icon=${t?x:y} id=expand-toggle .label=${p} @click=${v} .scale=${T} .text=${l} .textEnabled=${t} title=${(!t&&!r?l:void 0)??f} ${h(C=>d({tooltip:r,referenceElement:C,expanded:t,ref:E}))}></calcite-action>`};export{k as a,B as b,P as c};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as y}from"./
|
|
2
|
+
import{a as y}from"./GNRUOA3X.js";import{a as h,b as S,c as x}from"./5IJ25RMA.js";import{c as u}from"./DMK27J6W.js";import{c as v}from"./BEE5ZZFY.js";import{a as b}from"./WT2HF472.js";import"./ZWPNZ5XW.js";import"./PSWPHN7E.js";import"./JR4GVS3D.js";import{x as A,z as r}from"./S5VNLIM4.js";import{E as c,F as l,G as m,H as f,T as g,g as p,h as n,p as a}from"./3LOA6UKI.js";var E=p`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm-plus)}:host{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0;gap:var(--calcite-internal-action-group-gap)}.container{display:flex;flex-grow:1;flex-direction:column;gap:inherit}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;gap:var(--calcite-action-group-gap, var(--calcite-internal-action-group-gap));grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends m{constructor(){super(),this.messages=y(),this._actions=[],this.focusSetter=b()(this),this.defaultSlotRef=c(),this.menuActionsSlotRef=c(),this.hasMenuActions=!1,this.expanded=!1,this.layout="vertical",this.menuOpen=!1,this.overlayPositioning="absolute",this.overflowActionsDisabled=!1,this.scale="m",this.selectionMode="none",this.topLayerDisabled=!1,this.selectedActions=[],this.calciteActionGroupCollapse=a({cancelable:!1}),this.calciteActionGroupExpand=a({cancelable:!1}),this.calciteActionGroupChange=a({cancelable:!1}),this.calciteInternalActionGroupActionsChange=a({cancelable:!1}),this.listen("click",this.handleActionClick)}static{this.properties={hasMenuActions:[16,{},{state:!0}],columns:[11,{},{type:Number,reflect:!0}],expanded:[7,{},{reflect:!0,type:Boolean}],label:1,layout:[3,{},{reflect:!0}],menuFlipPlacements:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],actions:[32,{},{attribute:!1,readOnly:!0}],selectedActions:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=E}get actions(){return this._actions}async setFocus(t){return this.focusSetter(()=>this.el,t)}willUpdate(t){(this.hasUpdated||t.has("selectionMode"))&&this.syncSelectionState(),t.has("expanded")&&((this.hasUpdated||this.expanded!==!1)&&(this.menuOpen=!1),this.hasUpdated&&(this.expanded?this.calciteActionGroupExpand.emit():this.calciteActionGroupCollapse.emit()))}setActiveAction(t,e){let s=!e.active;switch(this.selectionMode){case"multiple":this.updateAction(e,s);break;case"single":this.actions.forEach((i,o)=>this.updateAction(i,o===t&&s));break;case"single-persist":this.actions[t].active||(this.actions.forEach((i,o)=>this.updateAction(i,o===t)),this.updateSelectedActions([e]),this.calciteActionGroupChange.emit());return;default:return}this.updateSelectedActions(this.actions.filter(i=>i.active)),this.calciteActionGroupChange.emit()}setMenuOpen(t){this.menuOpen=!!t.currentTarget.open}syncSelectionState(){if(this.selectionMode!=="none"?this.setRoleOnActions():this.clearActionAriaAttributes(),this.selectionMode==="single"||this.selectionMode==="single-persist"){let t=this.actions.filter(e=>e.active);t.length>1&&this.actions.forEach(e=>this.updateAction(e,e===t.at(-1)))}this.updateSelectedActions(this.selectionMode==="none"?[]:this.actions.filter(t=>t.active))}syncActions(){let t=this.defaultSlotRef.value?r(this.defaultSlotRef.value,"calcite-action"):[],e=this.menuActionsSlotRef.value?r(this.menuActionsSlotRef.value,"calcite-action"):[];this._actions=[...t,...e],this.syncSelectionState()}syncActionsAndEmitChange(){this.syncActions(),this.calciteInternalActionGroupActionsChange.emit()}handleDefaultSlotChange(){this.syncActionsAndEmitChange()}handleMenuActionsSlotChange(t){this.hasMenuActions=A(t),this.syncActionsAndEmitChange()}handleActionClick(t){let e=t.composedPath().find(i=>v(i));if(!e||e.disabled)return;let s=this.actions.indexOf(e);s===-1||this.selectionMode==="none"||this.setActiveAction(s,e)}setRoleOnActions(){this.actions.forEach(t=>{t.aria={...t.aria,role:this.selectionMode==="single"||this.selectionMode==="single-persist"?"radio":"checkbox"},this.setActionAriaChecked(t,t.active)})}setActionAriaChecked(t,e){t.aria={...t.aria,checked:e?"true":"false"}}clearActionAriaAttributes(){this.selectionMode==="none"&&this.actions.forEach(t=>{t.aria&&(t.aria.checked=void 0,t.aria.role=void 0,t.aria={...t.aria})})}updateAction(t,e){t.active=e,this.setActionAriaChecked(t,e)}updateSelectedActions(t){let e=this.selectedActions;e.length===t.length&&e.every((i,o)=>i===t[o])||(this.selectedActions=t)}renderMenu(){let{expanded:t,menuOpen:e,scale:s,layout:i,messages:o,overlayPositioning:$,hasMenuActions:M,menuFlipPlacements:C,menuPlacement:O}=this;return n`<calcite-action-menu .expanded=${t} .flipPlacements=${C??(i==="horizontal"?["top","bottom"]:["left","right"])} .hidden=${!M} .label=${o.more} @calciteActionMenuOpen=${this.setMenuOpen} .open=${e} .overlayPositioning=${$} .placement=${O??(i==="horizontal"?"bottom-start":"leading-start")} .scale=${s} .topLayerDisabled=${this.topLayerDisabled}><calcite-action .aria=${{expanded:t}} .icon=${S.menu} .scale=${s} slot=${u.trigger} .text=${o.more} .textEnabled=${t}></calcite-action><slot name=${h.menuActions} @slotchange=${this.handleMenuActionsSlotChange} ${l(this.menuActionsSlotRef)}></slot><slot name=${h.menuTooltip} slot=${u.tooltip}></slot></calcite-action-menu>`}render(){return n`<div .ariaLabel=${this.label} class=${f(x.container)} .role=${this.selectionMode==="multiple"||this.selectionMode==="none"?"group":"radiogroup"}><slot @slotchange=${this.handleDefaultSlotChange} ${l(this.defaultSlotRef)}></slot>${this.renderMenu()}</div>`}};g("calcite-action-group",d);export{d as ActionGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b,e as g}from"./
|
|
2
|
+
import{a as b,e as g}from"./LCIN4BAU.js";import"./QBJZUEM2.js";import{a as p}from"./T6CCMW7H.js";import"./S5VNLIM4.js";import{G as r,H as t,I as a,J as c,T as m,g as s,h as e}from"./3LOA6UKI.js";var i={firstTitle:"first-title",list:"list",label:"label",separator:"separator",title:"title",scale:l=>`scale--${l}`},h=s`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-spacing-sm);--calcite-combobox-item-vertical-spacing-unit: var(--calcite-spacing-xxs)}.scale--s .first-title{padding-block-start:var(--calcite-spacing-sm)}.scale--s .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-spacing-md);--calcite-combobox-item-vertical-spacing-unit: var(--calcite-spacing-xs)}.scale--m .first-title{padding-block-start:var(--calcite-spacing-md)}.scale--m .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-combobox-item-horizontal-spacing-unit: var(--calcite-spacing-lg);--calcite-combobox-item-vertical-spacing-unit: var(--calcite-spacing-sm-plus)}.scale--l .first-title{padding-block-start:var(--calcite-spacing-xl)}.scale--l .separator{margin-block:var(--calcite-combobox-item-vertical-spacing-unit);margin-inline-start:calc(var(--calcite-combobox-item-horizontal-spacing-unit) + var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier));margin-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit)}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.separator{block-size:var(--calcite-spacing-px);background-color:var(--calcite-combobox-item-group-border-color, var(--calcite-color-border-3))}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%}.title{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-horizontal-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-vertical-spacing-unit);padding-inline-start:calc(var(--calcite-combobox-item-indent-value) + var(--calcite-combobox-item-horizontal-spacing-unit));padding-inline-end:var(--calcite-combobox-item-horizontal-spacing-unit);color:var(--calcite-combobox-item-group-text-color, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,o=class extends r{constructor(){super(...arguments),this.guid=p(),this.afterEmptyGroup=!1,this.position=0,this.scale="m",this.itemHidden=!1}static{this.properties={afterEmptyGroup:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],label:1,position:[9,{},{type:Number}],scale:1,itemHidden:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}connectedCallback(){super.connectedCallback(),this.ancestors=b(this.el)}render(){let{el:d,scale:u}=this,n=g(d),v=this.position>0?e`<div class=${t(i.separator)} role=separator style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${n}`})}></div>`:null;return e`<ul aria-labelledby=${this.guid??c} class=${t({[i.list]:!0,[i.scale(u)]:!0})} role=group>${v}<li class=${t({[i.label]:!0})} id=${this.guid??c} role=presentation style=${a({"--calcite-combobox-item-spacing-indent-multiplier":`${n}`})}><span class=${t({[i.title]:!0,[i.firstTitle]:this.position===0})}>${this.label}</span></li><slot></slot></ul>`}};m("calcite-combobox-item-group",o);export{o as ComboboxItemGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as B,b as S,c as q}from"./BM4FIX25.js";import{a as L}from"./TTXTXN6Q.js";import{a as V}from"./AUPHVCL5.js";import{a as z}from"./6RAAG5YR.js";import{c as M}from"./XMEW42ZT.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./I7SS2H7N.js";import{a as $}from"./6C45YMSU.js";import{a as C}from"./F6KQ2PW5.js";import{a as I}from"./WJ6NLHUK.js";import{a as y}from"./ZWPNZ5XW.js";import{c as k,e as w}from"./DTVZ6D4T.js";import"./JCZBYNA2.js";import{s as h}from"./66A37SAT.js";import{D as f,E as d,F as u,G as x,H as a,L as p,M as m,T as E,g as v,h as l,l as n,p as r}from"./XSSANQHT.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",editingEnabled:"editing-enabled",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},F={validationMessage:"inputTextValidationMessage"},W={action:"action"},P=v`: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-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-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;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-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{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.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-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.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-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-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-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}: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)) .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-text-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,: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-text-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-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-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-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-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-action-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-text-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-editable-control-background-color-hover, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-editable-control-background-color-press, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}`,b=class extends x{constructor(){super(),this.actionWrapperRef=d(),this.attributeWatch=k(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=d(),this.enableInlineEditingButtonRef=d(),this.direction=w(),this.inputWrapperRef=d(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=C({blocking:!0}),this.focusSetter=I()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(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.calciteInputTextInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditableChange.emit()}}),this.labelable=R(this),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.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=r(),this.calciteInputTextInput=r(),this.calciteInternalInputTextBlur=r(),this.calciteInternalInputTextFocus=r(),this.calciteInputTextInlineEditableCancel=r({cancelable:!1}),this.calciteInputTextInlineEditableConfirm=r({cancelable:!1}),this.calciteInputTextInlineEditableChange=r({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:p},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],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}],suffixText:1,validationIcon:[3,{converter:p},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>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.requestedIcon=h({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=h({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value: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.clearInputTextValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),c=t.some(o=>o instanceof HTMLElement&&o.classList.contains(B.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||c)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}inputTextKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}setValue({committing:e=!1,nativeEvent:t,origin:c,previousValue:o,value:s}){this.setPreviousValue(o??this.value),this.previousValueOrigin=c,this.userChangedValue=c==="user"&&s!==this.value,this.value=s,c==="direct"&&(this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=l`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,c=l`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=l`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=l`<div class=${a(i.prefix)}>${this.prefixText}</div>`,g=l`<div class=${a(i.suffix)}>${this.suffixText}</div>`,O=l`<input aria-errormessage=${F.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.editingEnabled]:this.inlineEditableEnabledInContext,[i.inlineChild]:this.hasInlineEditableContext,[i.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??n} type=text .value=${f(this.value??"")} ${u(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:l`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[m.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${u(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${O}${this.isClearable?c:null}${this.suffixText?g:null}</div>${this.selfManagedInlineEditable&&l`<div class=${a(i.inlineEditable)}>${S({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,H=>{this.inlineEditableLoading=H}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${a(i.actionWrapper)} ${u(this.actionWrapperRef)}><slot name=${W.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:F.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};E("calcite-input-text",b);export{b as InputText};
|
|
2
|
+
import{a as B,b as S,c as q}from"./TVP5ODPU.js";import{a as L}from"./KIRRMJ4W.js";import{a as V}from"./ZBD3PFH6.js";import{a as z}from"./F27Q3ZSS.js";import{c as M}from"./4WPZXK2W.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./XB3ISPIG.js";import{a as $}from"./35WXTGH4.js";import{a as C}from"./GNRUOA3X.js";import{a as I}from"./WT2HF472.js";import{a as y}from"./ZWPNZ5XW.js";import{c as k,e as w}from"./PSWPHN7E.js";import"./JR4GVS3D.js";import{s as h}from"./S5VNLIM4.js";import{D as f,E as d,F as u,G as x,H as a,L as p,M as m,T as E,g as v,h as l,l as n,p as r}from"./3LOA6UKI.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",editingEnabled:"editing-enabled",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},F={validationMessage:"inputTextValidationMessage"},W={action:"action"},P=v`: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-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-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]) .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(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-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;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-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{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.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-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.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-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-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-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}: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)) .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-text-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,: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-text-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-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-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-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-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-action-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-text-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-editable-control-background-color-hover, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-editable-control-background-color-press, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}`,b=class extends x{constructor(){super(),this.actionWrapperRef=d(),this.attributeWatch=k(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=d(),this.enableInlineEditingButtonRef=d(),this.direction=w(),this.inputWrapperRef=d(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=C({blocking:!0}),this.focusSetter=I()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(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.calciteInputTextInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditableChange.emit()}}),this.labelable=R(this),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.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=r(),this.calciteInputTextInput=r(),this.calciteInternalInputTextBlur=r(),this.calciteInternalInputTextFocus=r(),this.calciteInputTextInlineEditableCancel=r({cancelable:!1}),this.calciteInputTextInlineEditableConfirm=r({cancelable:!1}),this.calciteInputTextInlineEditableChange=r({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:p},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],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}],suffixText:1,validationIcon:[3,{converter:p},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>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.requestedIcon=h({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=h({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value: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.clearInputTextValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),c=t.some(o=>o instanceof HTMLElement&&o.classList.contains(B.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||c)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}inputTextKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}setValue({committing:e=!1,nativeEvent:t,origin:c,previousValue:o,value:s}){this.setPreviousValue(o??this.value),this.previousValueOrigin=c,this.userChangedValue=c==="user"&&s!==this.value,this.value=s,c==="direct"&&(this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=l`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,c=l`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=l`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=l`<div class=${a(i.prefix)}>${this.prefixText}</div>`,g=l`<div class=${a(i.suffix)}>${this.suffixText}</div>`,O=l`<input aria-errormessage=${F.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.editingEnabled]:this.inlineEditableEnabledInContext,[i.inlineChild]:this.hasInlineEditableContext,[i.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??n} type=text .value=${f(this.value??"")} ${u(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:l`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[m.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${u(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${O}${this.isClearable?c:null}${this.suffixText?g:null}</div>${this.selfManagedInlineEditable&&l`<div class=${a(i.inlineEditable)}>${S({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,H=>{this.inlineEditableLoading=H}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${a(i.actionWrapper)} ${u(this.actionWrapperRef)}><slot name=${W.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:F.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};E("calcite-input-text",b);export{b as InputText};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{j as d}from"./6IGGHQTQ.js";import{a as I}from"./AUPHVCL5.js";import{a as T}from"./6RAAG5YR.js";import{c as R}from"./XMEW42ZT.js";import{a as H}from"./DKJI4BME.js";import{a as M}from"./I7SS2H7N.js";import{a as E}from"./6C45YMSU.js";import{a as A}from"./ANAJQLWU.js";import{c as O}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as w,b as k}from"./VI7SBYXT.js";import{a as L}from"./F6KQ2PW5.js";import{a as C}from"./WJ6NLHUK.js";import"./ZWPNZ5XW.js";import{c as S}from"./DTVZ6D4T.js";import"./JCZBYNA2.js";import{x as u}from"./66A37SAT.js";import{D as v,E as m,F as c,G as b,H as r,J as l,L as y,T as z,g as x,h as n,p as g}from"./XSSANQHT.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only",wrapper:"wrapper",loaderContainer:"loader-container",loader:"loader"},W={validationMessage:"textAreaValidationMessage"},B={footerStart:"footer-start",footerEnd:"footer-end"},q=100,f=Object.freeze({height:0,width:0}),F=x`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) );--calcite-internal-text-area-corner-radius: var( --calcite-text-area-corner-radius, var(--calcite-corner-radius-default) );--calcite-internal-text-area-shadow: var(--calcite-text-area-shadow, var(--calcite-shadow-none));--calcite-internal-text-area-footer-background-color: var( --calcite-text-area-footer-background-color, var(--calcite-text-area-background-color, var(--calcite-color-foreground-1)) );min-block-size:var(--calcite-text-area-min-height, calc(2 * var(--calcite-internal-text-area-padding-block) + 2 * var(--calcite-border-width-sm)));min-inline-size:var(--calcite-text-area-min-width, 12rem)}.wrapper{box-sizing:border-box;block-size:100%;inline-size:100%;box-shadow:var(--calcite-internal-text-area-shadow);border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));padding-block:var(--calcite-internal-text-area-padding-block);padding-inline:var(--calcite-internal-text-area-padding-inline)}.footer{background-color:var(--calcite-internal-text-area-footer-background-color);border-radius:0 0 var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:inherit;line-height:var(--calcite-font-line-height-base);max-block-size:var(--calcite-text-area-max-height);min-block-size:calc(var(--calcite-text-area-min-height, 0px) - var(--calcite-internal-text-area-footer-min-height, 0px));max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem);background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius) 0 0}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width:480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area.text-area--only{border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.loader-container{position:relative;block-size:inherit}.loader{position:absolute;inset-block-start:0;inset-block-start:var(--calcite-spacing-px);inset-inline:var(--calcite-spacing-px)}.footer{box-sizing:border-box;display:flex;align-items:center;line-height:var(--calcite-font-line-height-base);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:var(--calcite-internal-text-area-footer-min-height)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-text-area-background-color, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.footer.readonly{background-color:var(--calcite-internal-text-area-footer-background-color, var(--calcite-color-background))}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%;min-block-size:var(--calcite-text-area-min-height, 0)}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-xxs);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-sm);--calcite-internal-text-area-footer-min-height: 1.75rem}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .character-limit{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-sm);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-md);--calcite-internal-text-area-footer-min-height: 2.25rem}:host([scale=l]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-md);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-lg);--calcite-internal-text-area-footer-min-height: 2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0))}:host([scale=l]) .character-limit{padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-text-area-placeholder-text-color, var(--calcite-color-text-3))}`,p=class extends b{constructor(){super(...arguments),this.attributeWatch=S(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerRef=m(),this.loaderContainerRef=m(),this.formSupport=R({inputType:"text"})(this),this.guid=$(),this.resizeObserver=w("resize",async()=>{await this.componentOnReady();let{textAreaHeight:e,textAreaWidth:t,loaderHeight:i,elWidth:h,footerHeight:s,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==t&&(this.footerRef.value.style.width=`${t}px`),this.resize==="none")return;let{width:N,height:j}=getComputedStyle(this.el);this.dimensionsDiffer(h,t)&&N!=="auto"&&this.updateSizeToAuto("width"),i>0&&e>0&&s>0&&this.dimensionsDiffer(i,e+s)&&j!=="auto"&&this.updateSizeToAuto("height")}),this.cancelable=A()(this),this.updateSizeToAuto=O(e=>{this.el.style[e]="auto"},q,{edges:["trailing"]}),this.messages=L({blocking:!0}),this.focusSetter=C()(this),this.interactiveContainer=E(this),this.labelable=M(this),this.endSlotHasElements=!1,this.startSlotHasElements=!1,this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.value="",this.wrap="soft",this.calciteTextAreaChange=g(),this.calciteTextAreaInput=g()}static{this.properties={endSlotHasElements:[16,{},{state:!0}],startSlotHasElements:[16,{},{state:!0}],columns:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,limitText:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberingSystem:1,placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],resize:[3,{},{reflect:!0}],rows:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:y},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,wrap:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=F}async selectText(){await this.componentOnReady(),this.textAreaEl?.select()}async setFocus(e){return this.focusSetter(()=>this.textAreaEl,e)}connectedCallback(){super.connectedCallback(),this.cancelable.add(this.updateSizeToAuto)}willUpdate(e){let t=!1;(e.has("messages")||e.has("numberingSystem")||e.has("groupSeparator"))&&(t=!0),(e.has("value")||e.has("maxLength")||t)&&(this.updateNumberFormatter(),this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),this.formSupport.setCustomValidity(this.isCharacterLimitExceeded()?this.replacePlaceholdersInMessages():""))}updated(){this.setTextAreaHeight()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}dimensionsDiffer(e,t){return Math.abs(e-t)>1}updateNumberFormatter(){d.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator}}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(t=>{t.nodeName==="#text"&&t.nodeValue&&(this.value=t.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?.length.toString()||"0",t=this.maxLength?.toString()||"0";return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:{currentLength:d.localize(e),maxLength:d.localize(t)}}setTextAreaEl(e){k(this.resizeObserver,this.textAreaEl,e),this.textAreaEl=e}setTextAreaHeight(){let{textAreaHeight:e,loaderHeight:t,footerHeight:i}=this.getHeightAndWidthOfElements();t<=0||e<=0||i<=0||this.dimensionsDiffer(e+i,t)&&(this.textAreaEl.style.height=`${t-i}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl?this.textAreaEl.getBoundingClientRect():f,{height:i}=this.loaderContainerRef.value?this.loaderContainerRef.value.getBoundingClientRect():f,{width:h}=this.el.getBoundingClientRect(),{height:s,width:o}=this.footerRef.value?this.footerRef.value.getBoundingClientRect():f;return{textAreaHeight:e,textAreaWidth:t,loaderHeight:i,elWidth:h,footerHeight:s,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.maxLength!==void 0&&this.value?.length>this.maxLength||!1}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength,t=n`<div class=${r(a.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`;return this.interactiveContainer({disabled:this.disabled,children:n`<div class=${r(a.wrapper)}>${this.labelText&&T({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(a.loaderContainer)} ${c(this.loaderContainerRef)}>${this.loading?t:null}<textarea aria-describedby=${this.guid??l} aria-errormessage=${W.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${H(this)} .autofocus=${this.el.autofocus} class=${r({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??l} name=${this.name??l} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??l} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??l} .value=${v(this.value??"")} wrap=${this.wrap??l} ${c(this.setTextAreaEl)}></textarea><span class=${r({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${r({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${c(this.footerRef)}><div class=${r({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${B.footerStart} @slotchange=${i=>this.startSlotHasElements=u(i)}></slot><slot name=${B.footerEnd} @slotchange=${i=>this.endSlotHasElements=u(i)}></slot></div>${this.renderCharacterLimit()}</footer>${this.isCharacterLimitExceeded()&&n`<span aria-live=polite class=${r(a.assistiveText)} id=${this.guid??l}>${this.replacePlaceholdersInMessages()}</span>`||""}</div>${this.validationMessage&&this.status==="invalid"?I({icon:this.validationIcon,id:W.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</div>`})}renderCharacterLimit(){return this.maxLength?n`<span class=${r(a.characterLimit)}><span class=${r({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`:null}};z("calcite-text-area",p);export{p as TextArea};
|
|
2
|
+
import{j as d}from"./T4AEYA2X.js";import{a as I}from"./ZBD3PFH6.js";import{a as T}from"./F27Q3ZSS.js";import{c as R}from"./4WPZXK2W.js";import{a as H}from"./DKJI4BME.js";import{a as M}from"./XB3ISPIG.js";import{a as E}from"./35WXTGH4.js";import{a as A}from"./SUITH54W.js";import{c as O}from"./5EBGPCB7.js";import"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as w,b as k}from"./VI7SBYXT.js";import{a as L}from"./GNRUOA3X.js";import{a as C}from"./WT2HF472.js";import"./ZWPNZ5XW.js";import{c as S}from"./PSWPHN7E.js";import"./JR4GVS3D.js";import{x as u}from"./S5VNLIM4.js";import{D as v,E as m,F as c,G as b,H as r,J as l,L as y,T as z,g as x,h as n,p as g}from"./3LOA6UKI.js";var a={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only",wrapper:"wrapper",loaderContainer:"loader-container",loader:"loader"},W={validationMessage:"textAreaValidationMessage"},B={footerStart:"footer-start",footerEnd:"footer-end"},q=100,f=Object.freeze({height:0,width:0}),F=x`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color: var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color: var( --calcite-text-area-footer-border-color, var(--calcite-internal-text-area-border-color) );--calcite-internal-text-area-corner-radius: var( --calcite-text-area-corner-radius, var(--calcite-corner-radius-default) );--calcite-internal-text-area-shadow: var(--calcite-text-area-shadow, var(--calcite-shadow-none));--calcite-internal-text-area-footer-background-color: var( --calcite-text-area-footer-background-color, var(--calcite-text-area-background-color, var(--calcite-color-foreground-1)) );min-block-size:var(--calcite-text-area-min-height, calc(2 * var(--calcite-internal-text-area-padding-block) + 2 * var(--calcite-border-width-sm)));min-inline-size:var(--calcite-text-area-min-width, 12rem)}.wrapper{box-sizing:border-box;block-size:100%;inline-size:100%;box-shadow:var(--calcite-internal-text-area-shadow);border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));padding-block:var(--calcite-internal-text-area-padding-block);padding-inline:var(--calcite-internal-text-area-padding-inline)}.footer{background-color:var(--calcite-internal-text-area-footer-background-color);border-radius:0 0 var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius)}.text-area{position:relative;margin:0;box-sizing:border-box;display:block;inline-size:100%;--calcite-internal-text-area-border-block-end-color: var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:inherit;line-height:var(--calcite-font-line-height-base);max-block-size:var(--calcite-text-area-max-height);min-block-size:calc(var(--calcite-text-area-min-height, 0px) - var(--calcite-internal-text-area-footer-min-height, 0px));max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem);background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-internal-text-area-corner-radius) var(--calcite-internal-text-area-corner-radius) 0 0}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width:480px){.text-area{resize:none}}.text-area: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))))}.text-area.text-area--invalid{--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.text-area.footer--slotted{min-inline-size:18rem}.text-area.text-area--only{border-radius:var(--calcite-internal-text-area-corner-radius)}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color: var( --calcite-text-area-divider-color, var(--calcite-color-border-3) )}.loader-container{position:relative;block-size:inherit}.loader{position:absolute;inset-block-start:0;inset-block-start:var(--calcite-spacing-px);inset-inline:var(--calcite-spacing-px)}.footer{box-sizing:border-box;display:flex;align-items:center;line-height:var(--calcite-font-line-height-base);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:var(--calcite-internal-text-area-footer-min-height)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-text-area-background-color, var(--calcite-color-background));font-weight:var(--calcite-font-weight-medium)}.footer.readonly{background-color:var(--calcite-internal-text-area-footer-background-color, var(--calcite-color-background))}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%;min-block-size:var(--calcite-text-area-min-height, 0)}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-xxs);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-sm);--calcite-internal-text-area-footer-min-height: 1.75rem}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .character-limit{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-sm);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-md);--calcite-internal-text-area-footer-min-height: 2.25rem}:host([scale=l]){--calcite-internal-text-area-padding-block: var(--calcite-spacing-md);--calcite-internal-text-area-padding-inline: var(--calcite-spacing-lg);--calcite-internal-text-area-footer-min-height: 2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0))}:host([scale=l]) .character-limit{padding-inline-start:var(--calcite-spacing-lg)}:host([status=invalid]){--calcite-internal-text-area-border-color: var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-text-area-placeholder-text-color, var(--calcite-color-text-3))}`,p=class extends b{constructor(){super(...arguments),this.attributeWatch=S(["autofocus","spellcheck"],this.handleGlobalAttributesChanged),this.footerRef=m(),this.loaderContainerRef=m(),this.formSupport=R({inputType:"text"})(this),this.guid=$(),this.resizeObserver=w("resize",async()=>{await this.componentOnReady();let{textAreaHeight:e,textAreaWidth:t,loaderHeight:i,elWidth:h,footerHeight:s,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==t&&(this.footerRef.value.style.width=`${t}px`),this.resize==="none")return;let{width:N,height:j}=getComputedStyle(this.el);this.dimensionsDiffer(h,t)&&N!=="auto"&&this.updateSizeToAuto("width"),i>0&&e>0&&s>0&&this.dimensionsDiffer(i,e+s)&&j!=="auto"&&this.updateSizeToAuto("height")}),this.cancelable=A()(this),this.updateSizeToAuto=O(e=>{this.el.style[e]="auto"},q,{edges:["trailing"]}),this.messages=L({blocking:!0}),this.focusSetter=C()(this),this.interactiveContainer=E(this),this.labelable=M(this),this.endSlotHasElements=!1,this.startSlotHasElements=!1,this.disabled=!1,this.groupSeparator=!1,this.limitText=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.resize="both",this.scale="m",this.status="idle",this.value="",this.wrap="soft",this.calciteTextAreaChange=g(),this.calciteTextAreaInput=g()}static{this.properties={endSlotHasElements:[16,{},{state:!0}],startSlotHasElements:[16,{},{state:!0}],columns:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,limitText:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberingSystem:1,placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],resize:[3,{},{reflect:!0}],rows:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:y},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,wrap:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=F}async selectText(){await this.componentOnReady(),this.textAreaEl?.select()}async setFocus(e){return this.focusSetter(()=>this.textAreaEl,e)}connectedCallback(){super.connectedCallback(),this.cancelable.add(this.updateSizeToAuto)}willUpdate(e){let t=!1;(e.has("messages")||e.has("numberingSystem")||e.has("groupSeparator"))&&(t=!0),(e.has("value")||e.has("maxLength")||t)&&(this.updateNumberFormatter(),this.localizedCharacterLengthObj=this.getLocalizedCharacterLength(),this.formSupport.setCustomValidity(this.isCharacterLimitExceeded()?this.replacePlaceholdersInMessages():""))}updated(){this.setTextAreaHeight()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}dimensionsDiffer(e,t){return Math.abs(e-t)>1}updateNumberFormatter(){d.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator}}handleGlobalAttributesChanged(){this.requestUpdate()}onLabelClick(){this.setFocus()}handleInput(e){this.value=e.target.value,this.calciteTextAreaInput.emit()}handleChange(){this.calciteTextAreaChange.emit()}contentSlotChangeHandler(){this.value||this.el.childNodes.forEach(t=>{t.nodeName==="#text"&&t.nodeValue&&(this.value=t.nodeValue.trim())})}getLocalizedCharacterLength(){let e=this.value?.length.toString()||"0",t=this.maxLength?.toString()||"0";return this.numberingSystem==="latn"?{currentLength:e,maxLength:t}:{currentLength:d.localize(e),maxLength:d.localize(t)}}setTextAreaEl(e){k(this.resizeObserver,this.textAreaEl,e),this.textAreaEl=e}setTextAreaHeight(){let{textAreaHeight:e,loaderHeight:t,footerHeight:i}=this.getHeightAndWidthOfElements();t<=0||e<=0||i<=0||this.dimensionsDiffer(e+i,t)&&(this.textAreaEl.style.height=`${t-i}px`)}getHeightAndWidthOfElements(){let{height:e,width:t}=this.textAreaEl?this.textAreaEl.getBoundingClientRect():f,{height:i}=this.loaderContainerRef.value?this.loaderContainerRef.value.getBoundingClientRect():f,{width:h}=this.el.getBoundingClientRect(),{height:s,width:o}=this.footerRef.value?this.footerRef.value.getBoundingClientRect():f;return{textAreaHeight:e,textAreaWidth:t,loaderHeight:i,elWidth:h,footerHeight:s,footerWidth:o}}replacePlaceholdersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.maxLength!==void 0&&this.value?.length>this.maxLength||!1}render(){let e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength,t=n`<div class=${r(a.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`;return this.interactiveContainer({disabled:this.disabled,children:n`<div class=${r(a.wrapper)}>${this.labelText&&T({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${r(a.loaderContainer)} ${c(this.loaderContainerRef)}>${this.loading?t:null}<textarea aria-describedby=${this.guid??l} aria-errormessage=${W.validationMessage} .ariaInvalid=${this.status==="invalid"||this.isCharacterLimitExceeded()} .ariaLabel=${H(this)} .autofocus=${this.el.autofocus} class=${r({[a.textArea]:!0,[a.readOnly]:this.readOnly,[a.textAreaInvalid]:this.isCharacterLimitExceeded(),[a.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[a.textAreaOnly]:!e})} .cols=${this.columns} .disabled=${this.disabled} maxlength=${(this.limitText?this.maxLength:void 0)??l} name=${this.name??l} @change=${this.handleChange} @input=${this.handleInput} placeholder=${this.placeholder??l} .readOnly=${this.readOnly} .required=${this.required} .rows=${this.rows} spellcheck=${this.el.spellcheck??l} .value=${v(this.value??"")} wrap=${this.wrap??l} ${c(this.setTextAreaEl)}></textarea><span class=${r({[a.content]:!0})}><slot @slotchange=${this.contentSlotChangeHandler}></slot></span><footer class=${r({[a.footer]:!0,[a.readOnly]:this.readOnly,[a.hide]:!e})} ${c(this.footerRef)}><div class=${r({[a.container]:!0,[a.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements})}><slot name=${B.footerStart} @slotchange=${i=>this.startSlotHasElements=u(i)}></slot><slot name=${B.footerEnd} @slotchange=${i=>this.endSlotHasElements=u(i)}></slot></div>${this.renderCharacterLimit()}</footer>${this.isCharacterLimitExceeded()&&n`<span aria-live=polite class=${r(a.assistiveText)} id=${this.guid??l}>${this.replacePlaceholdersInMessages()}</span>`||""}</div>${this.validationMessage&&this.status==="invalid"?I({icon:this.validationIcon,id:W.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</div>`})}renderCharacterLimit(){return this.maxLength?n`<span class=${r(a.characterLimit)}><span class=${r({[a.characterOverLimit]:this.isCharacterLimitExceeded()})}>${this.localizedCharacterLengthObj.currentLength}</span>/${this.localizedCharacterLengthObj.maxLength}</span>`:null}};z("calcite-text-area",p);export{p as TextArea};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{h,i as p,j as S}from"./
|
|
2
|
+
import{h,i as p,j as S}from"./3LOA6UKI.js";var u=Symbol.for(""),d=t=>{if(t?.r===u)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:u}),w=(t,...a)=>({_$litStatic$:a.reduce((r,i,o)=>r+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
|
|
3
3
|
take care to ensure page security.`)})(i)+t[o+1],t[0]),r:u}),v=new Map,c=t=>(a,...r)=>{let i=r.length,o,e,l=[],$=[],n,s=0,f=!1;for(;s<i;){for(n=a[s];s<i&&(e=r[s],(o=d(e))!==void 0);)n+=o+a[++s],f=!0;s!==i&&$.push(e),l.push(n),s++}if(s===i&&l.push(a[i]),f){let m=l.join("$$lit$$");(a=v.get(m))===void 0&&(l.raw=l,v.set(m,a=l)),r=$}return t(a,...r)},b=c(h),x=c(p),y=c(S);export{_ as a,w as b,b as c};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as Z}from"./
|
|
2
|
+
import{b as Z}from"./PSWPHN7E.js";import{a as C,b as ee,c as te,d as R,e as _,f as ae,p as re}from"./S5VNLIM4.js";import{R as X}from"./3LOA6UKI.js";function U(r,e){(e==null||e>r.length)&&(e=r.length);for(var i=0,u=Array(e);i<e;i++)u[i]=r[i];return u}function pe(r){if(Array.isArray(r))return U(r)}function ne(r,e){var i=typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(!i){if(Array.isArray(r)||(i=se(r))||e){i&&(r=i);var u=0,y=function(){};return{s:y,n:function(){return u>=r.length?{done:!0}:{done:!1,value:r[u++]}},e:function(h){throw h},f:y}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var s,n=!0,b=!1;return{s:function(){i=i.call(r)},n:function(){var h=i.next();return n=h.done,h},e:function(h){b=!0,s=h},f:function(){try{n||i.return==null||i.return()}finally{if(b)throw s}}}}function ye(r,e,i){return(e=Te(e))in r?Object.defineProperty(r,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[e]=i,r}function me(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function he(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
4
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ie(r,e){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(r);e&&(u=u.filter(function(y){return Object.getOwnPropertyDescriptor(r,y).enumerable})),i.push.apply(i,u)}return i}function oe(r){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};e%2?ie(Object(i),!0).forEach(function(u){ye(r,u,i[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):ie(Object(i)).forEach(function(u){Object.defineProperty(r,u,Object.getOwnPropertyDescriptor(i,u))})}return r}function ge(r){return pe(r)||me(r)||se(r)||he()}function we(r,e){if(typeof r!="object"||!r)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var u=i.call(r,e);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function Te(r){var e=we(r,"string");return typeof e=="symbol"?e:e+""}function se(r,e){if(r){if(typeof r=="string")return U(r,e);var i={}.toString.call(r).slice(8,-1);return i==="Object"&&r.constructor&&(i=r.constructor.name),i==="Map"||i==="Set"?Array.from(r):i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?U(r,e):void 0}}var E={getActiveTrap:function(e){return e?.length>0?e[e.length-1]:null},activateTrap:function(e,i){var u=E.getActiveTrap(e);i!==u&&E.pauseTrap(e);var y=e.indexOf(i);y===-1||e.splice(y,1),e.push(i)},deactivateTrap:function(e,i){var u=e.indexOf(i);u!==-1&&e.splice(u,1),E.unpauseTrap(e)},pauseTrap:function(e){var i=E.getActiveTrap(e);i?._setPausedState(!0)},unpauseTrap:function(e){var i=E.getActiveTrap(e);i&&!i._isManuallyPaused()&&i._setPausedState(!1)}},Fe=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Ne=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},L=function(e){return e?.key==="Tab"||e?.keyCode===9},ke=function(e){return L(e)&&!e.shiftKey},Ee=function(e){return L(e)&&e.shiftKey},ue=function(e){return setTimeout(e,0)},j=function(e){for(var i=arguments.length,u=new Array(i>1?i-1:0),y=1;y<i;y++)u[y-1]=arguments[y];return typeof e=="function"?e.apply(void 0,u):e},x=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},De=[],ce=function(e,i){var u=i?.document||document,y=i?.trapStack||De,s=oe({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:ke,isKeyBackward:Ee},i),n={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},b,h=function(t,a,o){return t&&t[a]!==void 0?t[a]:s[o||a]},N=function(t,a){var o=typeof a?.composedPath=="function"?a.composedPath():void 0;return n.containerGroups.findIndex(function(f){var l=f.container,p=f.tabbableNodes;return l.contains(t)||o?.includes(l)||p.find(function(c){return c===t})})},D=function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},o=a.hasFallback,f=o===void 0?!1:o,l=a.params,p=l===void 0?[]:l,c=s[t];if(typeof c=="function"&&(c=c.apply(void 0,ge(p))),c===!0&&(c=void 0),!c){if(c===void 0||c===!1)return c;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var v=c;if(typeof c=="string"){try{v=u.querySelector(c)}catch(d){throw new Error("`".concat(t,'` appears to be an invalid selector; error="').concat(d.message,'"'))}if(!v&&!f)throw new Error("`".concat(t,"` as selector refers to no known node"))}return v},A=function(t){var a=t.activeElement;return a?a.shadowRoot&&a.shadowRoot.activeElement!==null?A(a.shadowRoot):a:null},k=function(){var t=D("initialFocus",{hasFallback:!0});if(t===!1)return!1;if(t===void 0||t&&!_(t,s.tabbableOptions)){var a=A(u);if(N(a)>=0)t=a;else{var o=n.tabbableGroups[0],f=o&&o.firstTabbableNode;t=f||D("fallbackFocus")}}else t===null&&(t=D("fallbackFocus"));if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},O=function(){if(n.containerGroups=n.containers.map(function(t){var a=ee(t,s.tabbableOptions),o=te(t,s.tabbableOptions),f=a.length>0?a[0]:void 0,l=a.length>0?a[a.length-1]:void 0,p=o.find(function(d){return R(d)}),c=o.slice().reverse().find(function(d){return R(d)}),v=!!a.find(function(d){return C(d)>0});return{container:t,tabbableNodes:a,focusableNodes:o,posTabIndexesFound:v,firstTabbableNode:f,lastTabbableNode:l,firstDomTabbableNode:p,lastDomTabbableNode:c,nextTabbableNode:function(g){var T=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,F=a.indexOf(g);return F<0?T?o.slice(o.indexOf(g)+1).find(function(S){return R(S)}):o.slice(0,o.indexOf(g)).reverse().find(function(S){return R(S)}):a[F+(T?1:-1)]}}}),n.tabbableGroups=n.containerGroups.filter(function(t){return t.tabbableNodes.length>0}),n.tabbableGroups.length<=0&&!D("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(n.containerGroups.find(function(t){return t.posTabIndexesFound})&&n.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},w=function(t){if(t!==!1&&t!==A(document)){if(!t||!t.focus){w(k());return}t.focus({preventScroll:!!s.preventScroll}),n.mostRecentlyFocusedNode=t,Fe(t)&&t.select()}},K=function(t){var a=D("setReturnFocus",{params:[t]});return a||(a===!1?!1:t)},V=function(t){var a=t.target,o=t.event,f=t.isBackward,l=f===void 0?!1:f;a=a||x(o),O();var p=null;if(n.tabbableGroups.length>0){var c=N(a,o),v=c>=0?n.containerGroups[c]:void 0;if(c<0)l?p=n.tabbableGroups[n.tabbableGroups.length-1].lastTabbableNode:p=n.tabbableGroups[0].firstTabbableNode;else if(l){var d=n.tabbableGroups.findIndex(function(M){var q=M.firstTabbableNode;return a===q});if(d<0&&(v.container===a||_(a,s.tabbableOptions)&&!R(a,s.tabbableOptions)&&!v.nextTabbableNode(a,!1))&&(d=c),d>=0){var g=d===0?n.tabbableGroups.length-1:d-1,T=n.tabbableGroups[g];p=C(a)>=0?T.lastTabbableNode:T.lastDomTabbableNode}else L(o)||(p=v.nextTabbableNode(a,!1))}else{var F=n.tabbableGroups.findIndex(function(M){var q=M.lastTabbableNode;return a===q});if(F<0&&(v.container===a||_(a,s.tabbableOptions)&&!R(a,s.tabbableOptions)&&!v.nextTabbableNode(a))&&(F=c),F>=0){var S=F===n.tabbableGroups.length-1?0:F+1,P=n.tabbableGroups[S];p=C(a)>=0?P.firstTabbableNode:P.firstDomTabbableNode}else L(o)||(p=v.nextTabbableNode(a))}}else p=D("fallbackFocus");return p},B=function(t){var a=x(t);if(!(N(a,t)>=0)){if(j(s.clickOutsideDeactivates,t)){b.deactivate({returnFocus:s.returnFocusOnDeactivate});return}j(s.allowOutsideClick,t)||t.preventDefault()}},W=function(t){var a=x(t),o=N(a,t)>=0;if(o||a instanceof Document)o&&(n.mostRecentlyFocusedNode=a);else{t.stopImmediatePropagation();var f,l=!0;if(n.mostRecentlyFocusedNode)if(C(n.mostRecentlyFocusedNode)>0){var p=N(n.mostRecentlyFocusedNode),c=n.containerGroups[p].tabbableNodes;if(c.length>0){var v=c.findIndex(function(d){return d===n.mostRecentlyFocusedNode});v>=0&&(s.isKeyForward(n.recentNavEvent)?v+1<c.length&&(f=c[v+1],l=!1):v-1>=0&&(f=c[v-1],l=!1))}}else n.containerGroups.some(function(d){return d.tabbableNodes.some(function(g){return C(g)>0})})||(l=!1);else l=!1;l&&(f=V({target:n.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(n.recentNavEvent)})),w(f||n.mostRecentlyFocusedNode||k())}n.recentNavEvent=void 0},de=function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;n.recentNavEvent=t;var o=V({event:t,isBackward:a});o&&(L(t)&&t.preventDefault(),w(o))},Y=function(t){(s.isKeyForward(t)||s.isKeyBackward(t))&&de(t,s.isKeyBackward(t))},$=function(t){Ne(t)&&j(s.escapeDeactivates,t)!==!1&&(t.preventDefault(),b.deactivate())},z=function(t){var a=x(t);N(a,t)>=0||j(s.clickOutsideDeactivates,t)||j(s.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},J=function(){if(n.active){E.activateTrap(y,b);var t;return s.delayInitialFocus?t=new Promise(function(a){n.delayInitialFocusTimer=ue(function(){w(k()),a()})}):w(k()),u.addEventListener("focusin",W,!0),u.addEventListener("mousedown",B,{capture:!0,passive:!1}),u.addEventListener("touchstart",B,{capture:!0,passive:!1}),u.addEventListener("click",z,{capture:!0,passive:!1}),u.addEventListener("keydown",Y,{capture:!0,passive:!1}),u.addEventListener("keydown",$),t}},ve=function(t){n.active&&!n.paused&&b._setSubtreeIsolation(!1),n.adjacentElements.clear(),n.alreadySilent.clear();var a=new Set,o=new Set,f=ne(t),l;try{for(f.s();!(l=f.n()).done;){var p=l.value;a.add(p);for(var c=typeof ShadowRoot<"u"&&p.getRootNode()instanceof ShadowRoot,v=p;v;){a.add(v);var d=v.parentElement,g=[];d?g=d.children:!d&&c&&(g=v.getRootNode().children,d=v.getRootNode().host,c=typeof ShadowRoot<"u"&&d.getRootNode()instanceof ShadowRoot);var T=ne(g),F;try{for(T.s();!(F=T.n()).done;){var S=F.value;o.add(S)}}catch(P){T.e(P)}finally{T.f()}v=d}}}catch(P){f.e(P)}finally{f.f()}a.forEach(function(P){o.delete(P)}),n.adjacentElements=o},Q=function(){if(n.active)return u.removeEventListener("focusin",W,!0),u.removeEventListener("mousedown",B,!0),u.removeEventListener("touchstart",B,!0),u.removeEventListener("click",z,!0),u.removeEventListener("keydown",Y,!0),u.removeEventListener("keydown",$),b},be=function(t){var a=n.mostRecentlyFocusedNode;if(a){var o=t.some(function(l){var p=Array.from(l.removedNodes);return p.some(function(c){return c===a||typeof c.contains=="function"&&c.contains(a)})});if(o&&n.containers.some(function(l){return l?.isConnected})){O();var f=k();w(f)}}},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(be):void 0,I=function(){H&&(H.disconnect(),n.active&&!n.paused&&n.containers.map(function(t){H.observe(t,{subtree:!0,childList:!0})}))};return b={get active(){return n.active},get paused(){return n.paused},activate:function(t){if(n.active)return this;var a=h(t,"onActivate"),o=h(t,"onPostActivate"),f=h(t,"checkCanFocusTrap"),l=E.getActiveTrap(y),p=!1;if(l&&!l.paused){var c;(c=l._setSubtreeIsolation)===null||c===void 0||c.call(l,!1),p=!0}try{f||O(),n.active=!0,n.paused=!1,n.nodeFocusedBeforeActivation=A(u),a?.({trap:b});var v=function(){f&&O();var T=function(){b._setSubtreeIsolation(!0),I(),o?.({trap:b})},F=J();F?F.then(T):T()};if(f)return f(n.containers.concat()).then(v,v),this;v()}catch(g){if(l===E.getActiveTrap(y)&&p){var d;(d=l._setSubtreeIsolation)===null||d===void 0||d.call(l,!0)}throw g}return this},deactivate:function(t){if(!n.active)return this;var a=oe({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},t);clearTimeout(n.delayInitialFocusTimer),n.delayInitialFocusTimer=void 0,n.paused||b._setSubtreeIsolation(!1),n.alreadySilent.clear(),Q(),n.active=!1,n.paused=!1,I(),E.deactivateTrap(y,b);var o=h(a,"onDeactivate"),f=h(a,"onPostDeactivate"),l=h(a,"checkCanReturnFocus"),p=h(a,"delayReturnFocus"),c=h(a,"returnFocus","returnFocusOnDeactivate");o?.({trap:b});var v=function(){c&&w(K(n.nodeFocusedBeforeActivation)),f?.({trap:b})},d=function(){p&&c?ue(v):v()};return c&&l?(l(K(n.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(t){return n.active?(n.manuallyPaused=!0,this._setPausedState(!0,t)):this},unpause:function(t){return n.active?(n.manuallyPaused=!1,y[y.length-1]!==this?this:this._setPausedState(!1,t)):this},updateContainerElements:function(t){var a=[].concat(t).filter(Boolean);return n.containers=a.map(function(o){return typeof o=="string"?u.querySelector(o):o}),s.isolateSubtrees&&ve(n.containers),n.active&&(O(),n.paused||b._setSubtreeIsolation(!0)),I(),this}},Object.defineProperties(b,{_isManuallyPaused:{value:function(){return n.manuallyPaused}},_setPausedState:{value:function(t,a){if(n.paused===t)return this;if(n.paused=t,t){var o=h(a,"onPause"),f=h(a,"onPostPause");o?.({trap:b}),Q(),b._setSubtreeIsolation(!1),I(),f?.({trap:b})}else{var l=h(a,"onUnpause"),p=h(a,"onPostUnpause");l?.({trap:b});var c=function(){O();var d=function(){b._setSubtreeIsolation(!0),I(),p?.({trap:b})},g=J();g?g.then(d):d()};c()}return this}},_setSubtreeIsolation:{value:function(t){s.isolateSubtrees&&n.adjacentElements.forEach(function(a){var o;t?s.isolateSubtrees==="aria-hidden"?((a.ariaHidden==="true"||((o=a.getAttribute("aria-hidden"))===null||o===void 0?void 0:o.toLowerCase())==="true")&&n.alreadySilent.add(a),a.setAttribute("aria-hidden","true")):((a.inert||a.hasAttribute("inert"))&&n.alreadySilent.add(a),a.setAttribute("inert",!0)):n.alreadySilent.has(a)||(s.isolateSubtrees==="aria-hidden"?a.removeAttribute("aria-hidden"):a.removeAttribute("inert"))})}}}),b.updateContainerElements(e),b};function le(r,{focusTrapOptions:e},i){return!e?.extraContainers&&!i?r:[r,...fe(e?.extraContainers),...fe(i)]}function fe(r=[]){return Array.isArray(r)?r:[r]}var G=new WeakSet;function Ae(r,e){let i=e&&e!==document.body&&e!==document.documentElement;return!G.has(r)&&i&&re(e),!1}function Se(r,e){let i=e?.fallbackFocus||r,u=e?.clickOutsideDeactivates??!0,y;return{fallbackFocus:i,...e,document:r.ownerDocument,tabbableOptions:ae,trapStack:X().focusTrapStack,clickOutsideDeactivates:s=>(G.has(r)||G.add(r),typeof u=="function"?u(s):u),onActivate:s=>{e?.escapeDeactivates&&(y=new AbortController,r.addEventListener("keydown",n=>{if(n.key==="Escape"){let b=e?.escapeDeactivates;(typeof b=="function"?b(n):b??!0)&&s.trap.deactivate()}},{signal:y.signal})),e?.onActivate?.(s)},onDeactivate:s=>{y?.abort(),y=void 0,e?.onDeactivate?.(s)},onPostDeactivate:()=>{G.delete(r)},setReturnFocus:s=>{let n=typeof e?.setReturnFocus=="function"?e.setReturnFocus(s):e?.setReturnFocus;return n===void 0?Ae(r,s):n}}}var Le=(r={})=>Z((e,i)=>{let u,y,s,n=!1,b=r.focusTrapOptions,h=()=>r.triggerProp?!!e[r.triggerProp]:!0,N=()=>r.triggerProp?h():n,D=()=>typeof e.focusTrapDisabledOverride=="function"?!e.focusTrapDisabledOverride():!e.focusTrapDisabled,A=()=>{let w=y||e.el;w.isConnected&&(u||(s||=le(w,e),u=ce(s,Se(w,{...b,...e.focusTrapOptions}))),D()&&u.activate())},k=()=>{u?.deactivate()};return i.onConnected(()=>{u&&N()&&A()}),i.onUpdate(w=>{if(!(!e.hasUpdated||!w.has("focusTrapDisabled"))){if(e.focusTrapDisabled||!h()){k();return}N()&&A()}}),i.onDisconnected(()=>k()),{get _instance(){},activate:()=>{n=!0,A()},deactivate:()=>{n=!1,k()},overrideFocusTrapEl:w=>{if(u)throw new Error("Focus trap already created");y=w},setExtraContainers:w=>{let K=y||e.el;s=le(K,e,w)},updateContainerElements:()=>u?.updateContainerElements(s)}});export{Le as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as w}from"./6C45YMSU.js";import{a as u}from"./MOKVR42W.js";import{b as p}from"./GZZYSINJ.js";import{a as d}from"./ZWPNZ5XW.js";import{e as I}from"./DTVZ6D4T.js";import"./JCZBYNA2.js";import{r as E,x as $,y as T}from"./66A37SAT.js";import{E as x,F as k,G as C,H as i,K as y,M as s,T as S,g,h as o,l as v,p as r}from"./XSSANQHT.js";var n={actionsEnd:"actions-end",checkbox:"checkbox",checkboxContainer:"checkbox-container",checkboxLabel:"checkbox-label",chevron:"chevron",childrenContainer:"children-container",iconStart:"icon-start",itemExpanded:"item--expanded",nodeAndActionsContainer:"node-actions-container",nodeContainer:"node-container",selectionIcon:"selection-icon"},M={actionsEnd:"actions-end",children:"children"},l={blank:"blank",bulletPoint:"bullet-point",checkmark:"check",checkSquareF:"check-square-f",chevronRight:"chevron-right",minusSquareF:"minus-square-f",square:"square"},P=g`: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-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host(:is([scale=s],[scale=m])){--calcite-internal-tree-item-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-tree-item-action-spacing: var(--calcite-spacing-xs);--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host{display:block;max-inline-size:100%;cursor:pointer}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding);overflow:hidden}.node-actions-container{display:flex}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}.node-actions-container{color:var(--calcite-tree-text-color, var(--calcite-color-text-1))}.icon-start{--calcite-icon-color: var(--calcite-color-text-3)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);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;block-size:100%;inset-inline-start:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{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(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;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(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:var(--calcite-internal-tree-item-action-spacing)}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-border-input))}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{display:grid;grid-template-rows:0fr;max-block-size:max-content;opacity:1;position:relative;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,grid-template-rows var(--calcite-internal-animation-timing-medium) ease-in-out}.item--expanded>.children-container{grid-template-rows:1fr;opacity:1;max-block-size:max-content}@starting-style{.item--expanded>.children-container{opacity:0;grid-template-rows:0fr}}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .selection-icon{opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-color-border-1)}.node-container:hover .selection-icon,:host([selected]) .node-container:hover .selection-icon,:host(:focus:not([disabled])) .node-container .selection-icon{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{--calcite-internal-tree-item-text-color: var(--calcite-tree-text-color-selected, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-internal-tree-item-text-color)}:host([selected]) .node-container .icon-start,:host([selected]) .node-container:hover .icon-start{--calcite-icon-color: var(--calcite-internal-tree-item-text-color)}:host([selected]) .node-container .selection-icon,:host([selected]) .node-container:hover .selection-icon{opacity:1;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children]) .node-container .selection-icon{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);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;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .selection-icon{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([selected]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends C{constructor(){super(),this.actionSlotWrapperRef=x(),this.childTree=null,this.direction=I(),this.isSelectionMultiLike=!1,this.userChangedValue=!1,this.interactiveContainer=w(this),this.hasEndActions=!1,this.updateAfterInitialRender=!1,this.depth=-1,this.disabled=!1,this.expanded=!1,this.indeterminate=!1,this.lines=!1,this.parentExpanded=!1,this.selected=!1,this.calciteInternalTreeItemSelect=r({cancelable:!1}),this.calciteTreeItemCollapse=r({cancelable:!1}),this.calciteTreeItemExpand=r({cancelable:!1}),this.calciteTreeItemSelect=r({cancelable:!1}),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasEndActions:[16,{},{state:!0}],updateAfterInitialRender:[16,{},{state:!0}],depth:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],hasChildren:[39,{},{reflect:!0,readOnly:!0,type:Boolean}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],indeterminate:[7,{},{reflect:!0,type:Boolean}],label:1,lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=P}get hasChildren(){return!!this.childTree}connectedCallback(){super.connectedCallback(),this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item")??void 0}load(){requestAnimationFrame(()=>this.updateAfterInitialRender=!0)}willUpdate(e){this.preWillUpdate(),e.has("expanded")&&((this.hasUpdated||this.expanded!==!1)&&this.updateChildTree(),this.hasUpdated&&(this.expanded?this.calciteTreeItemExpand.emit():this.calciteTreeItemCollapse.emit())),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(this.selected),e.has("selectionMode")&&this.getSelectionMode()}loaded(){this.updateAncestorTree()}handleSelectedChange(e){this.selectionMode==="ancestors"&&!this.userChangedValue&&(e&&(this.indeterminate=!1),this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:!0,updateItem:!1})),this.userChangedValue&&(this.calciteTreeItemSelect.emit(),this.userChangedValue=!1)}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}onClick(e){if(this.disabled||this.isActionEndEvent(e))return;let[t]=E(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){let c=t.target===""?"_self":t.target;window.open(t.href,c)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:!0}),this.userChangedValue=!0}iconClickHandler(e){e.stopPropagation(),this.expanded=!this.expanded}childrenClickHandler(e){e.stopPropagation()}keyDownHandler(e){if(!(this.isActionEndEvent(e)||e.defaultPrevented))switch(e.key){case" ":this.userChangedValue=!0,this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault();break;case"Enter":{let t=Array.from(this.el.children).find(c=>c.matches("a"));this.userChangedValue=!0,t?(t.click(),this.selected=!0):this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault()}}}updateChildTree(){let{childTree:e}=this;e&&(e.parentExpanded=this.expanded)}handleChildrenSlotChange(e){let t=T(e).filter(c=>c.matches("calcite-tree"))[0];this.childTree=t,this.requestUpdate("hasChildren"),this.updateChildTree()}isActionEndEvent(e){return e.composedPath().includes(this.actionSlotWrapperRef.value)}updateAncestorTree(){let e=this.parentTreeItem;if(!(this.selectionMode!=="ancestors"||!e)){if(this.selected){let t=this.el.parentElement;if(!t)return;let c=Array.from(t.children),h=c.filter(a=>a.selected);c.length===h.length?(e.selected=!0,e.indeterminate=!1):h.length>0&&(e.indeterminate=!0),Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])")).forEach(a=>{a.selected=!0,a.indeterminate=!1})}else if(this.indeterminate){let t=this.parentTreeItem;t.indeterminate=!0}}}actionsEndSlotChangeHandler(e){this.hasEndActions=$(e)}preWillUpdate(){this.depth=0;let e=this.el.closest("calcite-tree");if(!e)return;this.selectionMode=e.selectionMode,this.scale=e.scale||"m",this.lines=e.lines;let t;for(;e&&(t=e.parentElement?.closest("calcite-tree")??null,t!==e);)e=t,this.depth=this.depth+1}getSelectionIcon(){let{selectionMode:e,hasChildren:t}=this;return e==="single"||e==="children"||e==="single-persist"?l.bulletPoint:e==="multiple"||e==="multichildren"?l.checkmark:e==="none"&&!t?l.blank:null}render(){let e=this.direction==="rtl",t=this.getSelectionIcon(),c=this.hasChildren&&this.indeterminate,h=this.hasChildren||this.selectionMode==="ancestors"?o`<calcite-icon class=${i({[n.chevron]:!0,[s.rtl]:e})} .icon=${this.hasChildren?l.chevronRight:l.blank} @click=${this.iconClickHandler} .scale=${d(this.scale)}></calcite-icon>`:null,m=u("default-slot",o`<slot></slot>`),a=this.selectionMode==="ancestors"?o`<div class=${i(n.checkboxContainer)}><calcite-icon class=${i(n.checkbox)} .icon=${this.selected?l.checkSquareF:c?l.minusSquareF:l.square} .scale=${d(this.scale)}></calcite-icon></div>`:null,A=t?o`<calcite-icon class=${i({[n.selectionIcon]:!0,[s.rtl]:e})} .icon=${t} .scale=${d(this.scale)}></calcite-icon>`:null,z=!(this.parentExpanded||this.depth===1),b=this.updateAfterInitialRender&&this.expanded,{hasEndActions:R}=this,q=u("actionsEndSlot",o`<slot name=${M.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`),L=o`<calcite-icon class=${i(n.iconStart)} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`;return this.el.ariaChecked=this.selectionMode==="multiple"||this.selectionMode==="multichildren"||this.selectionMode==="ancestors"?p(this.selected):null,this.el.ariaExpanded=this.hasChildren?p(b):null,this.el.inert=z,this.el.ariaLive="polite",this.el.ariaSelected=this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist"?p(this.selected):null,this.el.role="treeitem",y(this.el,"tabIndex",this.disabled?-1:0),this.interactiveContainer({disabled:this.disabled,children:o`<div class=${i({[n.itemExpanded]:b})}><div class=${i(n.nodeAndActionsContainer)}><div class=${i({[n.nodeContainer]:!0,[s.rtl]:e})} data-selection-mode=${this.selectionMode??v}>${h}${A}${a||null}${this.iconStart?L:null}${a?o`<label class=${i(n.checkboxLabel)}>${m}</label>`:m}</div><div class=${i(n.actionsEnd)} .hidden=${!R} ${k(this.actionSlotWrapperRef)}>${q}</div></div><div class=${i({[n.childrenContainer]:!0,[s.rtl]:e})} @click=${this.childrenClickHandler} .role=${this.hasChildren?"group":void 0}><slot name=${M.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>`})}};S("calcite-tree-item",f);export{f as TreeItem};
|
|
2
|
+
import{a as w}from"./35WXTGH4.js";import{a as u}from"./6F7UQCHE.js";import{b as p}from"./GZZYSINJ.js";import{a as d}from"./ZWPNZ5XW.js";import{e as I}from"./PSWPHN7E.js";import"./JR4GVS3D.js";import{r as E,x as $,y as T}from"./S5VNLIM4.js";import{E as x,F as k,G as C,H as i,K as y,M as s,T as S,g,h as o,l as v,p as r}from"./3LOA6UKI.js";var n={actionsEnd:"actions-end",checkbox:"checkbox",checkboxContainer:"checkbox-container",checkboxLabel:"checkbox-label",chevron:"chevron",childrenContainer:"children-container",iconStart:"icon-start",itemExpanded:"item--expanded",nodeAndActionsContainer:"node-actions-container",nodeContainer:"node-container",selectionIcon:"selection-icon"},M={actionsEnd:"actions-end",children:"children"},l={blank:"blank",bulletPoint:"bullet-point",checkmark:"check",checkSquareF:"check-square-f",chevronRight:"chevron-right",minusSquareF:"minus-square-f",square:"square"},P=g`: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-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host(:is([scale=s],[scale=m])){--calcite-internal-tree-item-action-spacing: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-tree-item-action-spacing: var(--calcite-spacing-xs);--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host{display:block;max-inline-size:100%;cursor:pointer}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding);overflow:hidden}.node-actions-container{display:flex}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}.node-actions-container{color:var(--calcite-tree-text-color, var(--calcite-color-text-1))}.icon-start{--calcite-icon-color: var(--calcite-color-text-3)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);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;block-size:100%;inset-inline-start:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{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(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;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(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:var(--calcite-internal-tree-item-action-spacing)}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-border-input))}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{display:grid;grid-template-rows:0fr;max-block-size:max-content;opacity:1;position:relative;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,grid-template-rows var(--calcite-internal-animation-timing-medium) ease-in-out}.item--expanded>.children-container{grid-template-rows:1fr;opacity:1;max-block-size:max-content}@starting-style{.item--expanded>.children-container{opacity:0;grid-template-rows:0fr}}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .selection-icon{opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-color-border-1)}.node-container:hover .selection-icon,:host([selected]) .node-container:hover .selection-icon,:host(:focus:not([disabled])) .node-container .selection-icon{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{--calcite-internal-tree-item-text-color: var(--calcite-tree-text-color-selected, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);color:var(--calcite-internal-tree-item-text-color)}:host([selected]) .node-container .icon-start,:host([selected]) .node-container:hover .icon-start{--calcite-icon-color: var(--calcite-internal-tree-item-text-color)}:host([selected]) .node-container .selection-icon,:host([selected]) .node-container:hover .selection-icon{opacity:1;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children]) .node-container .selection-icon{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);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;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .selection-icon{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([selected]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends C{constructor(){super(),this.actionSlotWrapperRef=x(),this.childTree=null,this.direction=I(),this.isSelectionMultiLike=!1,this.userChangedValue=!1,this.interactiveContainer=w(this),this.hasEndActions=!1,this.updateAfterInitialRender=!1,this.depth=-1,this.disabled=!1,this.expanded=!1,this.indeterminate=!1,this.lines=!1,this.parentExpanded=!1,this.selected=!1,this.calciteInternalTreeItemSelect=r({cancelable:!1}),this.calciteTreeItemCollapse=r({cancelable:!1}),this.calciteTreeItemExpand=r({cancelable:!1}),this.calciteTreeItemSelect=r({cancelable:!1}),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasEndActions:[16,{},{state:!0}],updateAfterInitialRender:[16,{},{state:!0}],depth:[11,{},{reflect:!0,type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],hasChildren:[39,{},{reflect:!0,readOnly:!0,type:Boolean}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],indeterminate:[7,{},{reflect:!0,type:Boolean}],label:1,lines:[7,{},{reflect:!0,type:Boolean}],parentExpanded:[5,{},{type:Boolean}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=P}get hasChildren(){return!!this.childTree}connectedCallback(){super.connectedCallback(),this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item")??void 0}load(){requestAnimationFrame(()=>this.updateAfterInitialRender=!0)}willUpdate(e){this.preWillUpdate(),e.has("expanded")&&((this.hasUpdated||this.expanded!==!1)&&this.updateChildTree(),this.hasUpdated&&(this.expanded?this.calciteTreeItemExpand.emit():this.calciteTreeItemCollapse.emit())),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(this.selected),e.has("selectionMode")&&this.getSelectionMode()}loaded(){this.updateAncestorTree()}handleSelectedChange(e){this.selectionMode==="ancestors"&&!this.userChangedValue&&(e&&(this.indeterminate=!1),this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:!0,updateItem:!1})),this.userChangedValue&&(this.calciteTreeItemSelect.emit(),this.userChangedValue=!1)}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}onClick(e){if(this.disabled||this.isActionEndEvent(e))return;let[t]=E(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){let c=t.target===""?"_self":t.target;window.open(t.href,c)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:!0}),this.userChangedValue=!0}iconClickHandler(e){e.stopPropagation(),this.expanded=!this.expanded}childrenClickHandler(e){e.stopPropagation()}keyDownHandler(e){if(!(this.isActionEndEvent(e)||e.defaultPrevented))switch(e.key){case" ":this.userChangedValue=!0,this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault();break;case"Enter":{let t=Array.from(this.el.children).find(c=>c.matches("a"));this.userChangedValue=!0,t?(t.click(),this.selected=!0):this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault()}}}updateChildTree(){let{childTree:e}=this;e&&(e.parentExpanded=this.expanded)}handleChildrenSlotChange(e){let t=T(e).filter(c=>c.matches("calcite-tree"))[0];this.childTree=t,this.requestUpdate("hasChildren"),this.updateChildTree()}isActionEndEvent(e){return e.composedPath().includes(this.actionSlotWrapperRef.value)}updateAncestorTree(){let e=this.parentTreeItem;if(!(this.selectionMode!=="ancestors"||!e)){if(this.selected){let t=this.el.parentElement;if(!t)return;let c=Array.from(t.children),h=c.filter(a=>a.selected);c.length===h.length?(e.selected=!0,e.indeterminate=!1):h.length>0&&(e.indeterminate=!0),Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])")).forEach(a=>{a.selected=!0,a.indeterminate=!1})}else if(this.indeterminate){let t=this.parentTreeItem;t.indeterminate=!0}}}actionsEndSlotChangeHandler(e){this.hasEndActions=$(e)}preWillUpdate(){this.depth=0;let e=this.el.closest("calcite-tree");if(!e)return;this.selectionMode=e.selectionMode,this.scale=e.scale||"m",this.lines=e.lines;let t;for(;e&&(t=e.parentElement?.closest("calcite-tree")??null,t!==e);)e=t,this.depth=this.depth+1}getSelectionIcon(){let{selectionMode:e,hasChildren:t}=this;return e==="single"||e==="children"||e==="single-persist"?l.bulletPoint:e==="multiple"||e==="multichildren"?l.checkmark:e==="none"&&!t?l.blank:null}render(){let e=this.direction==="rtl",t=this.getSelectionIcon(),c=this.hasChildren&&this.indeterminate,h=this.hasChildren||this.selectionMode==="ancestors"?o`<calcite-icon class=${i({[n.chevron]:!0,[s.rtl]:e})} .icon=${this.hasChildren?l.chevronRight:l.blank} @click=${this.iconClickHandler} .scale=${d(this.scale)}></calcite-icon>`:null,m=u("default-slot",o`<slot></slot>`),a=this.selectionMode==="ancestors"?o`<div class=${i(n.checkboxContainer)}><calcite-icon class=${i(n.checkbox)} .icon=${this.selected?l.checkSquareF:c?l.minusSquareF:l.square} .scale=${d(this.scale)}></calcite-icon></div>`:null,A=t?o`<calcite-icon class=${i({[n.selectionIcon]:!0,[s.rtl]:e})} .icon=${t} .scale=${d(this.scale)}></calcite-icon>`:null,z=!(this.parentExpanded||this.depth===1),b=this.updateAfterInitialRender&&this.expanded,{hasEndActions:R}=this,q=u("actionsEndSlot",o`<slot name=${M.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`),L=o`<calcite-icon class=${i(n.iconStart)} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`;return this.el.ariaChecked=this.selectionMode==="multiple"||this.selectionMode==="multichildren"||this.selectionMode==="ancestors"?p(this.selected):null,this.el.ariaExpanded=this.hasChildren?p(b):null,this.el.inert=z,this.el.ariaLive="polite",this.el.ariaSelected=this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist"?p(this.selected):null,this.el.role="treeitem",y(this.el,"tabIndex",this.disabled?-1:0),this.interactiveContainer({disabled:this.disabled,children:o`<div class=${i({[n.itemExpanded]:b})}><div class=${i(n.nodeAndActionsContainer)}><div class=${i({[n.nodeContainer]:!0,[s.rtl]:e})} data-selection-mode=${this.selectionMode??v}>${h}${A}${a||null}${this.iconStart?L:null}${a?o`<label class=${i(n.checkboxLabel)}>${m}</label>`:m}</div><div class=${i(n.actionsEnd)} .hidden=${!R} ${k(this.actionSlotWrapperRef)}>${q}</div></div><div class=${i({[n.childrenContainer]:!0,[s.rtl]:e})} @click=${this.childrenClickHandler} .role=${this.hasChildren?"group":void 0}><slot name=${M.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>`})}};S("calcite-tree-item",f);export{f as TreeItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b}from"./GZZYSINJ.js";import{u}from"./
|
|
2
|
+
import{b}from"./GZZYSINJ.js";import{u}from"./S5VNLIM4.js";import{G as g,H as c,T as m,g as d,h as o,p as h}from"./3LOA6UKI.js";var f={input:"input"},t={label:"label",labelScale:r=>`label--scale-${r}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"},v=d`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(: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))));outline-offset:-1px;z-index:var(--calcite-z-index)}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends g{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=h({cancelable:!1})}static{this.properties={hasSlottedContent:[16,{},{state:!0}],appearance:1,checked:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],iconStart:[3,{},{reflect:!0}],layout:1,scale:1,value:1}}static{this.styles=v}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=u(e)}renderIcon(e,l=!1){return e?o`<calcite-icon class=${c({[t.icon]:!0,[t.iconSolo]:l})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:l,layout:n,scale:a,value:s}=this;return this.el.ariaChecked=b(l),this.el.ariaLabel=s,this.el.role="radio",o`<label class=${c({[t.label]:!0,[t.labelScale(a)]:!0,[t.labelHorizontal]:n==="horizontal",[t.labelOutline]:e==="outline",[t.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:l,iconStart:n}=this,a=n||l;return!e&&a?[this.renderIcon(a,!0),o`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(n),o`<slot @slotchange=${this.handleSlotChange}></slot>`,o`<slot name=${f.input}></slot>`,this.renderIcon(l)]}};m("calcite-segmented-control-item",i);export{i as SegmentedControlItem};
|
|
@@ -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"./3LOA6UKI.js";var p=(t,s)=>{let e=t;for(;e;){if(e===s)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},u=(t,s,e)=>{let n=C(s).subscribe;return n(o=>{o.some(r=>p(t,r.target))&&e()})},d={},C=t=>{let s=t.join(","),e=d[s];if(e!==void 0)return e;let n=new Set,o=new MutationObserver(r=>n.forEach(i=>i(r)));globalThis.document&&o.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0});let a={subscribe:r=>(n.add(r),()=>{n.delete(r),n.size===0&&(o.disconnect(),d[s]=void 0)})};return d[s]=a,a},E=(t,s)=>{let e=t;for(;e;){let n=e.closest?.(s);if(n)return n;let o=e.getRootNode?.();if(o===globalThis.document)return;e=o?.host}};var g=(t,s,e)=>E(t,`[${s}]`)?.getAttribute(s)??e;var b=t=>{let s=g(t,"lang",globalThis.navigator?.language||c);return{lang:s,t9nLocale:m(s)}},k=(t,s,e,n)=>{let o,a=()=>v(t,s(),n).then(r=>{(o?.lang!==r.lang||o.t9nLocale!==r.t9nLocale||o.t9nStrings!==r.t9nStrings)&&e(r),o=r}).catch(r=>{l("error","intl","Error updating component locale state",{detail:{error:r}})});return queueMicrotask(a),u(t,["lang"],a)},v=async(t,s,e=t.localName.split("-").slice(1).join("-"))=>{let{lang:n,t9nLocale:o}=b(t),a=`${s}/${e}/t9n`,i=e===null?{}:await y(o,a,"messages.");return{lang:n,t9nLocale:o,t9nStrings:i}};var $="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(","),A=new Set($),c="en",N={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},y=async(t,s,e="")=>{let n=`${s}/${e}`,o=`${n}${t}.json`;return h[o]??=f(t,n),await h[o]},h={},f=async(t,s)=>{let e=`${s}${t}.json`;try{let n=await fetch(e);if(n.ok)return await n.json()}catch(n){return l("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:n}}),{}}return t===c?{}:await f(c,s)},m=t=>{let[s,e]=t.split("-"),n=s.toLowerCase(),o=n;return e&&(o=`${n}-${e.toUpperCase()}`),o=N[o]??o,A.has(o)?o:e?m(n):c};export{u as a,g as b,b as c,k as d,A as e,c as f,m as g};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{F as r,H as a,h as c,l as t}from"./
|
|
2
|
+
import{F as r,H as a,h as c,l as t}from"./3LOA6UKI.js";var m={container:"clear-button--container"},f=()=>{},x=({ariaLabel:i,ref:e,disabled:n,focusable:l,onClick:s,scale:$,title:o})=>c`<div class=${a(m.container)} .inert=${n} ${r(e||f)}><calcite-action .disabled=${n} icon=x .label=${i??""} @click=${s} .scale=${$} tabindex=${(l?void 0:-1)??t} .text=${o} title=${o??t}></calcite-action></div>`;export{x as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./
|
|
2
|
+
import{a as i}from"./6F7UQCHE.js";import{a as s}from"./WT2HF472.js";import"./ZWPNZ5XW.js";import"./PSWPHN7E.js";import"./JR4GVS3D.js";import"./S5VNLIM4.js";import{G as r,H as t,T as c,g as l,h as a}from"./3LOA6UKI.js";var e={button:"button",fullName:"full-name",standalone:"standalone",textContainer:"text-container",username:"username"},u=l`:host([scale=s]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-lg);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-2xl)}:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);outline-color:transparent;font-family:inherit;border:none;padding-inline:0;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;text-align:start;padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar{--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-user-full-name-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-user-full-name-line-height)}.standalone{padding-block-start:0}.username{font-size:var(--calcite-internal-navigation-user-username-font-size);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));line-height:var(--calcite-internal-navigation-user-username-line-height)}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .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(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(...arguments),this.focusSetter=s()(this),this.active=!1,this.textDisabled=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],fullName:1,label:1,textDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=u}async setFocus(o){return this.focusSetter(()=>this.el,o)}render(){return a`<button .ariaLabel=${this.label} class=${t(e.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .scale=${this.scale} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${t(e.textContainer)}>${this.fullName&&i(e.fullName,a`<span class=${t({[e.fullName]:!0,[e.standalone]:!this.username})}>${this.fullName}</span>`)||""}${this.username&&i(e.username,a`<span class=${t(e.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};c("calcite-navigation-user",n);export{n as NavigationUser};
|