npm - @arcgis/map-components - Versions diffs - 5.1.0-next.80 → 5.1.0-next.82 - Mend

@arcgis/map-components 5.1.0-next.80 → 5.1.0-next.82

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.

Files changed (262) hide show

package/dist/cdn/{RKMX5UC5.js → W42FYJ5N.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as O}from"./PT4OAWSU.js";import{a as Ce,b as Ee,c as Me,d as Ae,f as Te,g as ze,h as Fe,i as Oe,j as Pe,k as De,m as _,n as q,o as Re,p as Se,q as J}from"./4KLZDEYJ.js";import i from"./BKAPYSAA.js";import"./MP6Z45SA.js";import h from"./GUHQ4SWM.js";import f from"./R3NYK6BO.js";import{a as Le}from"./TGYMEHXI.js";import{a as E}from"./X4JLEHWK.js";import e from"./Z25OUO3N.js";import"./PC4PAQXQ.js";import"./GAJMF6RP.js";import{a as Ie}from"./ACMP5JBE.js";import d from"./KDIBOT2K.js";import{a as ye}from"./VNFPWEKG.js";import{a as B}from"./54VXNFQ4.js";import c from"./3DR3T6WY.js";import b from"./RRGRQMTZ.js";import{g as ve}from"./4VZNRZ26.js";import"./77TGNHGP.js";import a from"./G4FGSUWN.js";import{c as A}from"./IIQQUUEG.js";import{B as ue,M as k,N as C,O as fe,P as m,Q as be,R as g,S as F,U as _e,a as Z,b as l,x as me}from"./Z4O75QMV.js";import"./3TTFCHAA.js";export default $arcgis.t(([lt,P,{on:Ge,watch:nt},{isLayerFromCatalog:it},{h:xe},,{a:we},$e,,,,{c:V,d:ke}])=>{function K(s){return s&&"visibilityMode"in s?s.visibilityMode:null}function Be(s,e){"visible"in s&&(K(e)==="exclusive"&&s.visible||(s.visible=!s.visible))}function at(s,e){s.panel.open=!s.panel.open,s.panel.open&&e()}function rt(s,e,t,i){s&&t===e.layer?.uid&&(xe(s),i?.(null))}function ot(s,e,t){t.type==="toggle"&&(t.value=!t.value),s(t,e)}function st(s){return s.actionsSections.map(e=>e.filter(t=>t.visible))}function je(s,e){let{icon:t}=e;if(t)return null;let i="image"in e?e.image:void 0;return i?l`<span aria-hidden=true class=${m(A(s.itemActionIcon,{[s.itemActionImage]:!!i}))} style=${be(ke(i))}></span>`:null}function Ue(s,e,t){let{item:i,css:a,handleAction:o}=s,{active:n,disabled:c,title:d,type:h,indicator:v}=e,x=V(e);return l`<calcite-action .active=${h==="toggle"?e.value:!1} data-action-id=${e.id??g} .disabled=${c} .icon=${x} .indicator=${v} .loading=${n} @click=${()=>ot(o,i,e)} scale=s slot=${(t?void 0:"actions-end")??g} .text=${d??""} .textEnabled=${t} title=${d??void 0??g}>${je(a,e)}</calcite-action>`}function Q(s){let{item:e,parent:t,hideStatusIndicators:i,css:a,visibilityAppearance:o,hideCatalogLayerList:n,dragEnabled:c=!1,rootGroupUid:d,listModeDisabled:h=!1,selectionMode:v,displayMode:x,layerTablesEnabled:$,showErrors:T,parentTitles:I,selectedItems:z,activeItem:f,handleCatalogOpen:D,handleTablesOpen:Ye,selectedDragItemLayerUid:He,handleSelectedDragItemLayerUidChange:Ze,handlePanelOpen:Ve,messages:p,setCurrentActiveItem:X,clearActiveItem:ee}=s,L=k(),U=k(),M=e.title||("untitledTable"in p?p.untitledTable:p.untitledLayer??""),te=null;i||(te=F(l`<arcgis-layer-list-item-indicator .item=${e} .parent=${t} slot=content-end></arcgis-layer-list-item-indicator>`));let ie=null;{let{layer:r}=e,u=r&&"persistenceEnabled"in r&&(it(r)||!r.persistenceEnabled);(s.showTemporaryLayerIndicators||s.showTemporaryTableIndicators)&&u&&(ie=l`<calcite-icon class=${m(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${p.temporary??g}></calcite-icon>`)}let ae=null;if("visible"in e&&"visibleToggle"in a&&o){let r=K(t);if(r!=="inherited"){let u=Ae({visible:e.visible,exclusive:r==="exclusive",visibilityAppearance:o}),b=o==="checkbox",y=p.layerVisibility;ae=l`<calcite-action class=${m(a.visibleToggle)} .icon=${b?u:void 0} @click=${()=>Be(e,t)} .slot=${b?"actions-start":"actions-end"} .text=${y??""} title=${y??g}>${b?null:l`<calcite-icon class=${m(A({[a.visibleIcon]:r!=="exclusive"&&e.visible}))} .icon=${u} scale=s></calcite-icon>`}</calcite-action>`}}let re=null;{let r=e.panel;r?.open&&!r.disabled&&!r.flowEnabled&&(re=l`<div class=${m(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${s.view}></arcgis-layer-list-item-panel></div>`)}let oe=null;{let r=e.panel;if(r?.visible){let{open:u,title:b,disabled:y}=r,H={icon:r.icon,image:r.image,indicator:!1},S=V(H);oe=l`<calcite-action .active=${u} .disabled=${y} .icon=${S} @click=${()=>at(e,Ve)} slot=actions-end .text=${b??""} title=${b??void 0??g}>${je(a,r)}</calcite-action>`}}let se=null;{let r=e.layer,u=r?.type==="catalog-footprint",b=r?.type==="sublayer"&&J(r,"footprints");"itemCatalogIcon"in a&&(u||b)&&(se=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`)}let le=null;{let r=e.layer,u=r?.type==="catalog-dynamic-group",b=r?.type==="sublayer"&&J(r,"layers-in-view");"itemCatalogIcon"in a&&(u||b)&&(le=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`)}let ne=null;if("visible"in e){let r=e.layer;!n&&r?.type==="catalog-dynamic-group"&&(ne=l`<calcite-action .disabled=${!r.visible} icon=chevron-right icon-flip-rtl @click=${()=>D?.(e)} scale=s slot=actions-end .text=${M??""}></calcite-action>`)}let ce=null,j=!1;{let r=e.layer;if($&&r)switch(r.type){case"knowledge-graph":j=$.includes(r.type)&&"tables"in r&&!!r.tables?.length;break;case"map-image":case"tile":j=$.includes(r.type)&&"subtables"in r&&!!r.subtables?.length;break}"itemTableIcon"in a&&"visible"in e&&"tables"in p&&j&&(ce=E(`${e.uid}-tables`,l`<calcite-list-item class=${m(a.item)} data-layer-id=${r?.id??g} drag-disabled .label=${p.tables} title=${p.tables??g} @calciteListItemSelect=${()=>Ye?.(e)} .value=${e}><calcite-icon class=${m(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`))}let de=null;if("children"in e){let r=[...I??[],e.title],{children:u,layer:b}=e,y=b?.type!=="catalog-dynamic-group"&&Re(e),H=h?!1:Te(b),S=b?.type==="group",Xe=!H&&!y&&c&&S,et=c&&"childrenSortable"in e&&e.childrenSortable&&Oe(e),tt=y?u?.filter(w=>!w.hidden&&(T||!w.error)).toArray().map(w=>Q({...s,item:w,parent:e,parentTitles:r})):null;(y||Xe)&&(de=l`<calcite-list .canPull=${w=>s.canMove?s.canMove(w,"pull"):!1} .canPut=${w=>s.canMove?s.canMove(w,"put"):!1} data-item=${e.uid??g} data-layer-type=${d??g} .displayMode=${x} .dragEnabled=${et} .group=${S?d:`${d}-${b?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${tt}${ce}</calcite-list>`)}let G=null;e.error?G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError"in p?p.tableError:p.layerError}</div></calcite-notice></div>`:"incompatible"in e&&e.incompatible&&"layerIncompatible"in p&&(G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${C(U)}><div slot=message>${p.layerIncompatible}</div></calcite-notice></div>`);let pe=st(e),N=e.actionsSections.reduce((r,u)=>r+u.length,0),ge=Se(pe),qe=pe.toArray().map(r=>l`<calcite-action-group>${r.toArray().map(u=>Ue(s,u,!0))}</calcite-action-group>`),Je=r=>{e.actionsOpen=r.currentTarget.open},he=null;N>1&&(he=l`<calcite-action-menu appearance=transparent .label=${p.menu??""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${Je}><calcite-action icon=ellipsis scale=s slot=trigger .text=${p.options??""} title=${p.options??g}></calcite-action>${qe}</calcite-action-menu>`);let Y=null;N===1&&ge?Y=Ue(s,ge,!1):N>1&&(Y=he);let Ke="visibleAtCurrentTimeExtent"in e&&"layerInvisibleAtTime"in p&&!e.visibleAtCurrentTimeExtent?`${M} (${p.layerInvisibleAtTime})`:"visibleAtCurrentScale"in e&&"layerInvisibleAtScale"in p&&!e.visibleAtCurrentScale?`${M} (${p.layerInvisibleAtScale})`:M,Qe="parent"in e&&e.parent?.layer?.type==="catalog",R=e.layer,We="visibleAtCurrentScale"in e&&!e.visibleAtCurrentScale||"visibleAtCurrentTimeExtent"in e&&!e.visibleAtCurrentTimeExtent;return queueMicrotask(()=>{rt(L.value??null,e,He,Ze),U.value&&(s.handleTooltipReferenceChange?.(R?.uid,U.value),queueMicrotask(()=>s.handleTooltipReferenceChange?.(R?.uid,null))),e.panel&&(e.panel.container=L.value)}),E(e.uid,l`<calcite-list-item class=${m(A(a.item,"itemActive"in a&&{[a.itemActive]:f?.uid===e.uid}))} data-item=${e.uid??g} data-layer-id=${R?.id??g} .dragDisabled=${!("sortable"in e&&e.sortable)||Qe} id=${R?.uid??g} .label=${M} .metadata=${{parentTitles:I??[],_title:M}} .expanded=${"open"in e&&e.open} .selected=${v!=="none"?z.includes(e):!1} title=${Ke??g} .unavailable=${We} .value=${e} @focusin=${()=>{X?.(e),L.value?.classList.add(a.itemActive)}} @focusout=${()=>{ee?.(),L.value?.classList.remove(a.itemActive)}} @mouseover=${()=>{X?.(e),L.value?.classList.add(a.itemActive)}} @mouseleave=${()=>{ee?.(),L.value?.classList.remove(a.itemActive)}} @calciteListItemSelect=${r=>"visible"in e&&_(r.currentTarget,s.operationalItems)===e&&v==="none"&&K(t)!=="inherited"&&Be(e,t)} @calciteListItemToggle=${r=>{"open"in e&&(r.stopPropagation(),e.open=r.target.expanded)}} ${C(L)}>${se}${le}${te}${ae}${ne}${ie}${de}${G}${re}${oe}${Y}</calcite-list-item>`)}var ct=Z`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{width:100%;--arcgis-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.item{--calcite-list-item-icon-center: var(--calcite-space-sm)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:14px}.item__filter-container--sticky{z-index:1;position:sticky;top:0}.item__group{margin-top:var(--calcite-spacing-md)}.item__scroller{overflow-y:auto;z-index:0;position:relative}.item__scroller--enabled{max-height:var(--arcgis-list-item-scroller-max-height)}.item__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.item__list-item{cursor:pointer;min-height:var(--calcite-spacing-xxxl)}.item__list-item[class^=esri-icon-],.item__list-item[class*=" esri-icon-"]{padding-inline-end:2.8px}.item__list-item--disabled{cursor:default}.item__list-item-icon{justify-content:center;align-items:center;min-width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);display:flex}.item__list-item-icon span{line-height:0}.arcgis-thumbnail-preview{background-position:50%;width:22px;height:22px}.item__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.content-bottom{margin:var(--calcite-spacing-md) 15px}.content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md)}.message{margin:var(--calcite-spacing-md) 15px}.visible-icon{visibility:hidden}.item:hover>.visible-toggle>.visible-icon,.item:focus>.visible-toggle>.visible-icon,.item:focus-within>.visible-toggle>.visible-icon{visibility:visible}`,dt=Z`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{display:flex;min-height:var(--calcite-space-3xl);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-layer-list-visibility-icon: hidden}:host>div{display:flex;width:100%}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-space-md-plus)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size)}.action-menu .action-group{display:none}.action-menu[open] .action-group{display:flex}.active:hover>.visible-toggle>.visible-icon,.active:focus>.visible-toggle>.visible-icon,.active:focus-within>.visible-toggle>.visible-icon{visibility:visible}`,Ne="nested",pt=$e(lt),W=class extends fe{constructor(){super(...arguments),this._lastDragDetail=null,this._rootListRef=k(),this._layerFlowItemRef=k(),this._panelFlowItemRef=k(),this._selectedDragItemLayerUid=null,this._rootGroupUid=`operational-${ue()}`,this._openedLayersController=null,this.messages=ye(),this._canMove=({dragEl:e,fromEl:t,toEl:i},a)=>{let o=a==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,n=_(e,this.operationalItems);if(!n?.sortable)return!1;let c=_(t,this.operationalItems),d=q(t),h=_(i,this.operationalItems),v=q(i),x=!!d&&!!v&&d===v,$={selected:n,from:c,to:h},T=t.group,I=i.group,z=c?.layer?.type??"",f=h?.layer?.type??"",D=new Set(["map-image","catalog","knowledge-graph"]);return T&&I&&typeof o=="function"?o($):x&&!D.has(z)&&!D.has(f)&&n?.layer?.type!=="sublayer"},this._onCatalogOpen=e=>{this.openedLayers.push(e.layer?.parent)},this._onTablesOpen=e=>{this.openedLayers.push(e.layer)},this._clearActiveItem=()=>{this._activeItem=null},this._setCurrentActiveItem=e=>{this._activeItem=e},this._setActiveItem=e=>{if(this.visibilityAppearance!=="default")return;let t=Array.from(e.composedPath()).find(a=>a.classList?.contains(O.item)),i=_(t,this.operationalItems);this._activeItem=i},this.viewModel=pt(this),this.arcgisClose=Ie(this),this._activeItem=null,this._tooltipReferenceMap=new Map,this._layerListMap=new Map,this.layerTablesEnabled=new P(["knowledge-graph"]),this.mapImageOptions=null,this.openedLayerLists=new P,this.tileOptions=null,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.closed=!1,this.icon="layers",this.collapsed=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.layerTablesAvailable=new P(["knowledge-graph"]),this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.minDragEnabledItems=Me,this.minFilterItems=Ee,this.openedLayers=new P,this.operationalItems=this.viewModel.operationalItems,this.selectedItems=new P,this.selectionMode="none",this.visibilityAppearance="default",this.hideCatalogLayerList=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showErrors=!1,this.showFilter=!1,this.showHeading=!1,this.hideStatusIndicators=!1,this.showTemporaryLayerIndicators=!1,this.state=this.viewModel.state,this.arcgisPropertyChange=ve()("state"),this.arcgisReady=me(),this.arcgisTriggerAction=we(()=>this.viewModel,"trigger-action")}static{this.properties={_catalogLayerList:16,_tableList:16,_tooltipReferenceMap:16,_layerListMap:16,_totalItems:16,_visibleItems:16,_openedPanelItems:16,_dragEnabled:16,_filterEnabled:16,layerTablesEnabled:16,mapImageOptions:16,openedLayerLists:16,tileOptions:16,_renderedOpenLayerFlowItems:16,view:0,autoDestroyDisabled:5,closed:5,referenceElement:1,icon:1,catalogLayerList:32,catalogOptions:0,collapsed:5,dragEnabled:5,filterPlaceholder:1,filterPredicate:0,filterText:1,headingLevel:9,knowledgeGraphOptions:0,layerTablesAvailable:0,listItemCanGiveFunction:0,listItemCanReceiveFunction:0,listItemCreatedFunction:0,minDragEnabledItems:9,minFilterItems:9,openedLayers:32,operationalItems:0,position:1,selectedItems:0,selectionMode:1,tableList:32,visibilityAppearance:1,hideCatalogLayerList:5,showCloseButton:5,showCollapseButton:5,showErrors:5,showFilter:5,showHeading:5,hideStatusIndicators:5,showTemporaryLayerIndicators:5,messageOverrides:0,label:1,state:32}}static{this.styles=[dt,ct]}get _totalItems(){return this.viewModel.operationalItems.flatten(e=>e.children.filter(t=>t.layer?.type!=="catalog-dynamic-group")).length}get _visibleItems(){return this.operationalItems?.filter(e=>!e.hidden&&(this.showErrors||!e.error))}get _openedPanelItems(){return this._visibleItems.flatten(e=>e.children).filter(({hidden:e,panel:t})=>!e&&t?.open&&!t.disabled&&t.flowEnabled)}get _dragEnabled(){return this._totalItems>=this.minDragEnabledItems&&this.dragEnabled}get _filterEnabled(){return this._totalItems>=this.minFilterItems&&this.showFilter}get _renderedOpenLayerFlowItems(){let{openedLayers:e}=this;return e.toArray().map((t,i)=>this._renderLayerFlowItem(t,i===e.length-1))}get catalogLayerList(){return this._catalogLayerList}get tableList(){return this._tableList}async destroy(){await this.manager.destroy(),this._destroyOpenedLayerLists(),this._tooltipReferenceMap.clear()}loaded(){this.manager.onLifecycle(()=>[Ge(()=>this.openedLayers,"change",()=>{this._handleOpenedLayersChange()},{initial:!0}),Ge(()=>this.viewModel.operationalItems,"change",()=>ze(this.selectedItems),{initial:!0}),nt(()=>[this.filterPredicate,this._rootListRef.value],()=>Fe(this._rootListRef.value,this.filterPredicate,this.operationalItems))])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}async _createFlowList(e,t){let{_layerListMap:i}=this,a=i.get(e);if(a)return a;let o=e.type==="catalog"?await this._createCatalogLayerList(e):await this._createTableList(e);return t.aborted||i.set(e,o),o}async _handleOpenedLayersChange(){let{_layerListMap:e,openedLayers:t,openedLayerLists:i}=this;this._openedLayersController?.abort();let a=new AbortController,{signal:o}=a;this._openedLayersController=a,e.forEach((d,h)=>{t.includes(h)||(d?.destroy?.(),e.delete(h))});let n=await Promise.all(t.map(d=>this._createFlowList(d,o)));if(o.aborted)return;i.removeAll(),i.addMany(n);let c=i.at(-1);c?"catalogLayer"in c?(this._catalogLayerList=c,this._tableList=void 0):(this._catalogLayerList=void 0,this._tableList=c):(this._catalogLayerList=void 0,this._tableList=void 0)}_destroyOpenedLayerLists(){this.openedLayerLists.destroyAll(),this.openedLayers.removeAll(),this._layerListMap.clear()}async _createCatalogLayerList(e){let{headingLevel:t,catalogOptions:i,filterPlaceholder:a,listItemCreatedFunction:o,minFilterItems:n,selectionMode:c,visibilityAppearance:d}=this;return F(l`<arcgis-catalog-layer-list .headingLevel=${t} .filterPlaceholder=${i?.filterPlaceholder??a} .listItemCreatedFunction=${i?.listItemCreatedFunction??o} .minFilterItems=${i?.minFilterItems??n} .selectionMode=${i?.selectionMode??c} .visibilityAppearance=${i?.visibilityAppearance??d} .showErrors=${i?.visibleElements?.errors??this.showErrors} .showFilter=${i?.visibleElements?.filter??this.showFilter} .hideStatusIndicators=${i?.visibleElements?.statusIndicators??this.hideStatusIndicators} .showTemporaryLayerIndicators=${i?.visibleElements?.temporaryLayerIndicators??this.showTemporaryLayerIndicators} @arcgisReady=${h=>h.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list>`)}_getTableListParams(e){switch(e.type){case"knowledge-graph":return{...this.knowledgeGraphOptions,tables:e.tables};case"map-image":return{...this.mapImageOptions,tables:e.subtables};case"tile":return{...this.tileOptions,tables:e.subtables};default:return null}}async _createTableList(e){let{headingLevel:t,selectionMode:i,dragEnabled:a}=this,o=this._getTableListParams(e);return F(l`<arcgis-table-list .headingLevel=${o?.headingLevel??t} .selectionMode=${o?.selectionMode??i} .dragEnabled=${o?.dragEnabled??a} .collapsed=${o?.collapsed} .filterPlaceholder=${o?.filterPlaceholder} .filterText=${o?.filterText} .icon=${o?.icon??void 0} .label=${o?.label??void 0} .listItemCreatedFunction=${o?.listItemCreatedFunction} .tables=${o?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${n=>n.stopPropagation()}></arcgis-table-list>`)}_handlePanelFlowItemBack(e){e.open=!1}_onPanelOpen(){}_onTooltipReferenceChange(e,t){t?this._tooltipReferenceMap.set(e,t):this._tooltipReferenceMap.delete(e)}_onSelectedDragItemLayerUidChange(e){this._selectedDragItemLayerUid=e}_onTriggerAction(e,t){this.triggerAction(e,t)}_moveLayerFromChildList({toEl:e,fromEl:t,dragEl:i,newIndex:a}){let o=_(i,this.operationalItems),n=_(e,this.operationalItems),c=_(t,this.operationalItems);this.viewModel.moveListItem(o,c,n,a)}_onCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:a}=e;t.insertBefore(i,t.children[a])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{toEl:i,fromEl:a,dragEl:o,newIndex:n}=e,c=t?.newIndex===n&&t?.dragEl===o&&t?.toEl===i&&t?.fromEl===a;if(!(!a||!i||c)){if(this._lastDragDetail=e,this._selectedDragItemLayerUid=o.value,a===i){let d=Array.from(a.children).filter(h=>h?.matches("calcite-list-item")).map(h=>h.value.layer?.uid??"");this._sortLayers(a,d);return}this._moveLayerFromChildList({toEl:i,fromEl:a,dragEl:o,newIndex:n})}}_sortLayers(e,t){if(e)if(e===this._rootListRef.value)Pe(this.el.view?.map?.layers,t);else{let i=_(e,this.operationalItems);if(!i)return;De(i,t)}}_handleCalciteListChange(e){let{selectionMode:t,selectedItems:i}=this;if(t==="none")return;let a=e.target.selectedItems.map(o=>_(o,this.operationalItems)).filter(Boolean);i.removeAll(),i.addMany(a)}render(){let{_visibleItems:e,state:t}=this,i={[B.hidden]:t==="loading",[B.disabled]:t==="disabled"};return l`<div class=${m(A(B.widget,i))}>${e?.length?[this._renderItemTooltips(),this._renderItems()]:this._renderNoItems()}</div>`}_renderItemTooltip(e){let{_tooltipReferenceMap:t,messages:i}=this;return e?l`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(e.layer?.uid??"")}>${i.layerIncompatibleTooltip}</calcite-tooltip>`:null}_renderItemTooltipNodes(e){if(e.incompatible)return this._renderItemTooltip(e);let t=e.children?.filter(i=>!i.hidden).toArray().map(i=>this._renderItemTooltipNodes(i))??[];return t.length?t:null}_renderItemTooltips(){return this._visibleItems?.toArray().map(e=>this._renderItemTooltipNodes(e))}_renderNoItemsMessage(){return l`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return l`<div class=${m(O.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`}_renderLayerFlowItem(e,t){let{messages:i,openedLayers:a}=this,o=e.title||this.messages.untitledLayer;return E(e?.uid??o,l`<calcite-flow-item data-layer-uid=${e?.uid??""??g} .description=${o} .heading=${i[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${n=>{n.preventDefault(),a.pop(),a.at(-1)&&this._layerFlowItemRef.value?.setFocus()}} ${C(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`)}_renderPanelFlowItems(){let{_openedPanelItems:e,openedLayers:t}=this;return Le(e.toArray(),i=>i.uid,(i,a)=>{let{panel:o,title:n}=i,c=()=>this._handlePanelFlowItemBack(o);return l`<calcite-flow-item .description=${n} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${d=>{d.preventDefault(),c()}} ${C(this._panelFlowItemRef)}><arcgis-layer-list-item-panel .item=${i} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent @click=${c} slot=footer-actions width=full>${this.messages.back}</calcite-button></calcite-flow-item>`})}_renderItems(){let{collapsed:e,_visibleItems:t,_openedPanelItems:i,_filterEnabled:a,_rootGroupUid:o,showCloseButton:n,showCollapseButton:c,showHeading:d,_dragEnabled:h,selectionMode:v,filterText:x,openedLayers:$,filterPlaceholder:T,messages:I}=this,z=[l`<calcite-flow-item .closable=${n} .closed=${this.closed} .collapsed=${e} .collapsible=${c} .heading=${d?I.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!$.length&&!i.length} @calciteFlowItemClose=${()=>this.closed=!1}><calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${f=>this._canMove(f,"pull")} .canPut=${f=>this._canMove(f,"put")} data-layer-type=${o??g} .displayMode=${Ne} .dragEnabled=${h} .filterEnabled=${a} .filterPlaceholder=${T} .filterProps=${Ce} .filterText=${a?x:""} .group=${o} .label=${I.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${v} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${f=>this.filterText=f.currentTarget?.filterText??""} @calciteListOrderChange=${f=>this._onCalciteListOrderChange(f.detail)} @calciteListDragEnd=${f=>this._onCalciteListDragEnd(f.detail)} ${C(this._rootListRef)}>${t?.toArray().map(f=>this._renderItem(f))}${t?.length&&a?l`<div class=${m(O.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`:null}</calcite-list></calcite-flow-item>`,this._renderPanelFlowItems(),this._renderedOpenLayerFlowItems];return this.closed?null:E("root-flow",l`<calcite-flow>${z}</calcite-flow>`)}_renderItem(e,t,i){return E(e.uid,Q({activeItem:this._activeItem,canMove:this._canMove.bind(this),css:O,displayMode:Ne,dragEnabled:this.dragEnabled,hideStatusIndicators:this.hideStatusIndicators,hideCatalogLayerList:this.hideCatalogLayerList,item:e,messages:this.messages,layerTablesEnabled:this.layerTablesEnabled,listModeDisabled:this.viewModel.listModeDisabled,operationalItems:this.operationalItems,parent:t,parentTitles:i,rootGroupUid:this._rootGroupUid,selectedDragItemLayerUid:this._selectedDragItemLayerUid,selectedItems:this.selectedItems,selectionMode:this.selectionMode,setCurrentActiveItem:this._setCurrentActiveItem.bind(this),showTemporaryLayerIndicators:this.showTemporaryLayerIndicators,showCloseButton:this.showCloseButton,showCollapseButton:this.showCollapseButton,showErrors:this.showErrors,showHeading:this.showHeading,showFilter:this.showFilter,clearActiveItem:this._clearActiveItem.bind(this),visibilityAppearance:this.visibilityAppearance,handleAction:this._onTriggerAction.bind(this),handleCatalogOpen:this._onCatalogOpen.bind(this),handlePanelOpen:this._onPanelOpen.bind(this),handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange.bind(this),handleTablesOpen:this._onTablesOpen.bind(this),handleTooltipReferenceChange:this._onTooltipReferenceChange.bind(this),view:this.view}))}};_e("arcgis-layer-list-new",W);return W},"widgets/LayerList/LayerListViewModel","core/Collection","core/reactiveUtils","layers/catalog/catalogUtils",a,b,c,d,e,f,h,i)
+import{a as O}from"./HV3Q65XH.js";import{a as Ce,b as Ee,c as Me,d as Ae,f as Te,g as ze,h as Fe,i as Oe,j as Pe,k as De,m as _,n as q,o as Re,p as Se,q as J}from"./4KLZDEYJ.js";import i from"./SE77TIOS.js";import"./MP6Z45SA.js";import h from"./IJULQXYC.js";import f from"./R3NYK6BO.js";import{a as Le}from"./7I55Z3PZ.js";import{a as E}from"./UOOE5336.js";import e from"./V4RMKJUW.js";import"./PC4PAQXQ.js";import"./BBIOP3C4.js";import{a as Ie}from"./L65EXZFU.js";import d from"./WYQVL6XP.js";import{a as ye}from"./OWODXLED.js";import{a as B}from"./54VXNFQ4.js";import c from"./ODIQOLIK.js";import b from"./QNZTAT5I.js";import{h as ve}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import a from"./IFIOUBWT.js";import{c as A}from"./T5K2XFNK.js";import{B as ue,M as k,N as C,O as fe,P as m,Q as be,R as g,S as F,U as _e,a as Z,b as l,x as me}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([lt,P,{on:Ge,watch:nt},{isLayerFromCatalog:it},{h:xe},,{a:we},$e,,,,{c:V,d:ke}])=>{function K(s){return s&&"visibilityMode"in s?s.visibilityMode:null}function Be(s,e){"visible"in s&&(K(e)==="exclusive"&&s.visible||(s.visible=!s.visible))}function at(s,e){s.panel.open=!s.panel.open,s.panel.open&&e()}function rt(s,e,t,i){s&&t===e.layer?.uid&&(xe(s),i?.(null))}function ot(s,e,t){t.type==="toggle"&&(t.value=!t.value),s(t,e)}function st(s){return s.actionsSections.map(e=>e.filter(t=>t.visible))}function je(s,e){let{icon:t}=e;if(t)return null;let i="image"in e?e.image:void 0;return i?l`<span aria-hidden=true class=${m(A(s.itemActionIcon,{[s.itemActionImage]:!!i}))} style=${be(ke(i))}></span>`:null}function Ue(s,e,t){let{item:i,css:a,handleAction:o}=s,{active:n,disabled:c,title:d,type:h,indicator:v}=e,x=V(e);return l`<calcite-action .active=${h==="toggle"?e.value:!1} data-action-id=${e.id??g} .disabled=${c} .icon=${x} .indicator=${v} .loading=${n} @click=${()=>ot(o,i,e)} scale=s slot=${(t?void 0:"actions-end")??g} .text=${d??""} .textEnabled=${t} title=${d??void 0??g}>${je(a,e)}</calcite-action>`}function Q(s){let{item:e,parent:t,hideStatusIndicators:i,css:a,visibilityAppearance:o,hideCatalogLayerList:n,dragEnabled:c=!1,rootGroupUid:d,listModeDisabled:h=!1,selectionMode:v,displayMode:x,layerTablesEnabled:$,showErrors:T,parentTitles:I,selectedItems:z,activeItem:f,handleCatalogOpen:D,handleTablesOpen:Ye,selectedDragItemLayerUid:He,handleSelectedDragItemLayerUidChange:Ze,handlePanelOpen:Ve,messages:p,setCurrentActiveItem:X,clearActiveItem:ee}=s,L=k(),U=k(),M=e.title||("untitledTable"in p?p.untitledTable:p.untitledLayer??""),te=null;i||(te=F(l`<arcgis-layer-list-item-indicator .item=${e} .parent=${t} slot=content-end></arcgis-layer-list-item-indicator>`));let ie=null;{let{layer:r}=e,u=r&&"persistenceEnabled"in r&&(it(r)||!r.persistenceEnabled);(s.showTemporaryLayerIndicators||s.showTemporaryTableIndicators)&&u&&(ie=l`<calcite-icon class=${m(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${p.temporary??g}></calcite-icon>`)}let ae=null;if("visible"in e&&"visibleToggle"in a&&o){let r=K(t);if(r!=="inherited"){let u=Ae({visible:e.visible,exclusive:r==="exclusive",visibilityAppearance:o}),b=o==="checkbox",y=p.layerVisibility;ae=l`<calcite-action class=${m(a.visibleToggle)} .icon=${b?u:void 0} @click=${()=>Be(e,t)} .slot=${b?"actions-start":"actions-end"} .text=${y??""} title=${y??g}>${b?null:l`<calcite-icon class=${m(A({[a.visibleIcon]:r!=="exclusive"&&e.visible}))} .icon=${u} scale=s></calcite-icon>`}</calcite-action>`}}let re=null;{let r=e.panel;r?.open&&!r.disabled&&!r.flowEnabled&&(re=l`<div class=${m(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${s.view}></arcgis-layer-list-item-panel></div>`)}let oe=null;{let r=e.panel;if(r?.visible){let{open:u,title:b,disabled:y}=r,H={icon:r.icon,image:r.image,indicator:!1},S=V(H);oe=l`<calcite-action .active=${u} .disabled=${y} .icon=${S} @click=${()=>at(e,Ve)} slot=actions-end .text=${b??""} title=${b??void 0??g}>${je(a,r)}</calcite-action>`}}let se=null;{let r=e.layer,u=r?.type==="catalog-footprint",b=r?.type==="sublayer"&&J(r,"footprints");"itemCatalogIcon"in a&&(u||b)&&(se=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`)}let le=null;{let r=e.layer,u=r?.type==="catalog-dynamic-group",b=r?.type==="sublayer"&&J(r,"layers-in-view");"itemCatalogIcon"in a&&(u||b)&&(le=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`)}let ne=null;if("visible"in e){let r=e.layer;!n&&r?.type==="catalog-dynamic-group"&&(ne=l`<calcite-action .disabled=${!r.visible} icon=chevron-right icon-flip-rtl @click=${()=>D?.(e)} scale=s slot=actions-end .text=${M??""}></calcite-action>`)}let ce=null,j=!1;{let r=e.layer;if($&&r)switch(r.type){case"knowledge-graph":j=$.includes(r.type)&&"tables"in r&&!!r.tables?.length;break;case"map-image":case"tile":j=$.includes(r.type)&&"subtables"in r&&!!r.subtables?.length;break}"itemTableIcon"in a&&"visible"in e&&"tables"in p&&j&&(ce=E(`${e.uid}-tables`,l`<calcite-list-item class=${m(a.item)} data-layer-id=${r?.id??g} drag-disabled .label=${p.tables} title=${p.tables??g} @calciteListItemSelect=${()=>Ye?.(e)} .value=${e}><calcite-icon class=${m(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`))}let de=null;if("children"in e){let r=[...I??[],e.title],{children:u,layer:b}=e,y=b?.type!=="catalog-dynamic-group"&&Re(e),H=h?!1:Te(b),S=b?.type==="group",Xe=!H&&!y&&c&&S,et=c&&"childrenSortable"in e&&e.childrenSortable&&Oe(e),tt=y?u?.filter(w=>!w.hidden&&(T||!w.error)).toArray().map(w=>Q({...s,item:w,parent:e,parentTitles:r})):null;(y||Xe)&&(de=l`<calcite-list .canPull=${w=>s.canMove?s.canMove(w,"pull"):!1} .canPut=${w=>s.canMove?s.canMove(w,"put"):!1} data-item=${e.uid??g} data-layer-type=${d??g} .displayMode=${x} .dragEnabled=${et} .group=${S?d:`${d}-${b?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${tt}${ce}</calcite-list>`)}let G=null;e.error?G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError"in p?p.tableError:p.layerError}</div></calcite-notice></div>`:"incompatible"in e&&e.incompatible&&"layerIncompatible"in p&&(G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${C(U)}><div slot=message>${p.layerIncompatible}</div></calcite-notice></div>`);let pe=st(e),N=e.actionsSections.reduce((r,u)=>r+u.length,0),ge=Se(pe),qe=pe.toArray().map(r=>l`<calcite-action-group>${r.toArray().map(u=>Ue(s,u,!0))}</calcite-action-group>`),Je=r=>{e.actionsOpen=r.currentTarget.open},he=null;N>1&&(he=l`<calcite-action-menu appearance=transparent .label=${p.menu??""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${Je}><calcite-action icon=ellipsis scale=s slot=trigger .text=${p.options??""} title=${p.options??g}></calcite-action>${qe}</calcite-action-menu>`);let Y=null;N===1&&ge?Y=Ue(s,ge,!1):N>1&&(Y=he);let Ke="visibleAtCurrentTimeExtent"in e&&"layerInvisibleAtTime"in p&&!e.visibleAtCurrentTimeExtent?`${M} (${p.layerInvisibleAtTime})`:"visibleAtCurrentScale"in e&&"layerInvisibleAtScale"in p&&!e.visibleAtCurrentScale?`${M} (${p.layerInvisibleAtScale})`:M,Qe="parent"in e&&e.parent?.layer?.type==="catalog",R=e.layer,We="visibleAtCurrentScale"in e&&!e.visibleAtCurrentScale||"visibleAtCurrentTimeExtent"in e&&!e.visibleAtCurrentTimeExtent;return queueMicrotask(()=>{rt(L.value??null,e,He,Ze),U.value&&(s.handleTooltipReferenceChange?.(R?.uid,U.value),queueMicrotask(()=>s.handleTooltipReferenceChange?.(R?.uid,null))),e.panel&&(e.panel.container=L.value)}),E(e.uid,l`<calcite-list-item class=${m(A(a.item,"itemActive"in a&&{[a.itemActive]:f?.uid===e.uid}))} data-item=${e.uid??g} data-layer-id=${R?.id??g} .dragDisabled=${!("sortable"in e&&e.sortable)||Qe} id=${R?.uid??g} .label=${M} .metadata=${{parentTitles:I??[],_title:M}} .expanded=${"open"in e&&e.open} .selected=${v!=="none"?z.includes(e):!1} title=${Ke??g} .unavailable=${We} .value=${e} @focusin=${()=>{X?.(e),L.value?.classList.add(a.itemActive)}} @focusout=${()=>{ee?.(),L.value?.classList.remove(a.itemActive)}} @mouseover=${()=>{X?.(e),L.value?.classList.add(a.itemActive)}} @mouseleave=${()=>{ee?.(),L.value?.classList.remove(a.itemActive)}} @calciteListItemSelect=${r=>"visible"in e&&_(r.currentTarget,s.operationalItems)===e&&v==="none"&&K(t)!=="inherited"&&Be(e,t)} @calciteListItemToggle=${r=>{"open"in e&&(r.stopPropagation(),e.open=r.target.expanded)}} ${C(L)}>${se}${le}${te}${ae}${ne}${ie}${de}${G}${re}${oe}${Y}</calcite-list-item>`)}var ct=Z`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{width:100%;--arcgis-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.item{--calcite-list-item-icon-center: var(--calcite-space-sm)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:14px}.item__filter-container--sticky{z-index:1;position:sticky;top:0}.item__group{margin-top:var(--calcite-spacing-md)}.item__scroller{overflow-y:auto;z-index:0;position:relative}.item__scroller--enabled{max-height:var(--arcgis-list-item-scroller-max-height)}.item__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.item__list-item{cursor:pointer;min-height:var(--calcite-spacing-xxxl)}.item__list-item[class^=esri-icon-],.item__list-item[class*=" esri-icon-"]{padding-inline-end:2.8px}.item__list-item--disabled{cursor:default}.item__list-item-icon{justify-content:center;align-items:center;min-width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);display:flex}.item__list-item-icon span{line-height:0}.arcgis-thumbnail-preview{background-position:50%;width:22px;height:22px}.item__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.content-bottom{margin:var(--calcite-spacing-md) 15px}.content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md)}.message{margin:var(--calcite-spacing-md) 15px}.visible-icon{visibility:hidden}.item:hover>.visible-toggle>.visible-icon,.item:focus>.visible-toggle>.visible-icon,.item:focus-within>.visible-toggle>.visible-icon{visibility:visible}`,dt=Z`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{display:flex;min-height:var(--calcite-space-3xl);transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-layer-list-visibility-icon: hidden}:host>div{display:flex;width:100%}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-space-md-plus)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size)}.action-menu .action-group{display:none}.action-menu[open] .action-group{display:flex}.active:hover>.visible-toggle>.visible-icon,.active:focus>.visible-toggle>.visible-icon,.active:focus-within>.visible-toggle>.visible-icon{visibility:visible}`,Ne="nested",pt=$e(lt),W=class extends fe{constructor(){super(...arguments),this._lastDragDetail=null,this._rootListRef=k(),this._layerFlowItemRef=k(),this._panelFlowItemRef=k(),this._selectedDragItemLayerUid=null,this._rootGroupUid=`operational-${ue()}`,this._openedLayersController=null,this.messages=ye(),this._canMove=({dragEl:e,fromEl:t,toEl:i},a)=>{let o=a==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,n=_(e,this.operationalItems);if(!n?.sortable)return!1;let c=_(t,this.operationalItems),d=q(t),h=_(i,this.operationalItems),v=q(i),x=!!d&&!!v&&d===v,$={selected:n,from:c,to:h},T=t.group,I=i.group,z=c?.layer?.type??"",f=h?.layer?.type??"",D=new Set(["map-image","catalog","knowledge-graph"]);return T&&I&&typeof o=="function"?o($):x&&!D.has(z)&&!D.has(f)&&n?.layer?.type!=="sublayer"},this._onCatalogOpen=e=>{this.openedLayers.push(e.layer?.parent)},this._onTablesOpen=e=>{this.openedLayers.push(e.layer)},this._clearActiveItem=()=>{this._activeItem=null},this._setCurrentActiveItem=e=>{this._activeItem=e},this._setActiveItem=e=>{if(this.visibilityAppearance!=="default")return;let t=Array.from(e.composedPath()).find(a=>a.classList?.contains(O.item)),i=_(t,this.operationalItems);this._activeItem=i},this.viewModel=pt(this),this.arcgisClose=Ie(this),this._activeItem=null,this._tooltipReferenceMap=new Map,this._layerListMap=new Map,this.layerTablesEnabled=new P(["knowledge-graph"]),this.mapImageOptions=null,this.openedLayerLists=new P,this.tileOptions=null,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.closed=!1,this.icon="layers",this.collapsed=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.layerTablesAvailable=new P(["knowledge-graph"]),this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.minDragEnabledItems=Me,this.minFilterItems=Ee,this.openedLayers=new P,this.operationalItems=this.viewModel.operationalItems,this.selectedItems=new P,this.selectionMode="none",this.visibilityAppearance="default",this.hideCatalogLayerList=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showErrors=!1,this.showFilter=!1,this.showHeading=!1,this.hideStatusIndicators=!1,this.showTemporaryLayerIndicators=!1,this.state=this.viewModel.state,this.arcgisPropertyChange=ve()("state"),this.arcgisReady=me(),this.arcgisTriggerAction=we(()=>this.viewModel,"trigger-action")}static{this.properties={_catalogLayerList:16,_tableList:16,_tooltipReferenceMap:16,_layerListMap:16,_totalItems:16,_visibleItems:16,_openedPanelItems:16,_dragEnabled:16,_filterEnabled:16,layerTablesEnabled:16,mapImageOptions:16,openedLayerLists:16,tileOptions:16,_renderedOpenLayerFlowItems:16,view:0,autoDestroyDisabled:5,closed:5,referenceElement:1,icon:1,catalogLayerList:32,catalogOptions:0,collapsed:5,dragEnabled:5,filterPlaceholder:1,filterPredicate:0,filterText:1,headingLevel:9,knowledgeGraphOptions:0,layerTablesAvailable:0,listItemCanGiveFunction:0,listItemCanReceiveFunction:0,listItemCreatedFunction:0,minDragEnabledItems:9,minFilterItems:9,openedLayers:32,operationalItems:0,position:1,selectedItems:0,selectionMode:1,tableList:32,visibilityAppearance:1,hideCatalogLayerList:5,showCloseButton:5,showCollapseButton:5,showErrors:5,showFilter:5,showHeading:5,hideStatusIndicators:5,showTemporaryLayerIndicators:5,messageOverrides:0,label:1,state:32}}static{this.styles=[dt,ct]}get _totalItems(){return this.viewModel.operationalItems.flatten(e=>e.children.filter(t=>t.layer?.type!=="catalog-dynamic-group")).length}get _visibleItems(){return this.operationalItems?.filter(e=>!e.hidden&&(this.showErrors||!e.error))}get _openedPanelItems(){return this._visibleItems.flatten(e=>e.children).filter(({hidden:e,panel:t})=>!e&&t?.open&&!t.disabled&&t.flowEnabled)}get _dragEnabled(){return this._totalItems>=this.minDragEnabledItems&&this.dragEnabled}get _filterEnabled(){return this._totalItems>=this.minFilterItems&&this.showFilter}get _renderedOpenLayerFlowItems(){let{openedLayers:e}=this;return e.toArray().map((t,i)=>this._renderLayerFlowItem(t,i===e.length-1))}get catalogLayerList(){return this._catalogLayerList}get tableList(){return this._tableList}async destroy(){await this.manager.destroy(),this._destroyOpenedLayerLists(),this._tooltipReferenceMap.clear()}loaded(){this.manager.onLifecycle(()=>[Ge(()=>this.openedLayers,"change",()=>{this._handleOpenedLayersChange()},{initial:!0}),Ge(()=>this.viewModel.operationalItems,"change",()=>ze(this.selectedItems),{initial:!0}),nt(()=>[this.filterPredicate,this._rootListRef.value],()=>Fe(this._rootListRef.value,this.filterPredicate,this.operationalItems))])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}async _createFlowList(e,t){let{_layerListMap:i}=this,a=i.get(e);if(a)return a;let o=e.type==="catalog"?await this._createCatalogLayerList(e):await this._createTableList(e);return t.aborted||i.set(e,o),o}async _handleOpenedLayersChange(){let{_layerListMap:e,openedLayers:t,openedLayerLists:i}=this;this._openedLayersController?.abort();let a=new AbortController,{signal:o}=a;this._openedLayersController=a,e.forEach((d,h)=>{t.includes(h)||(d?.destroy?.(),e.delete(h))});let n=await Promise.all(t.map(d=>this._createFlowList(d,o)));if(o.aborted)return;i.removeAll(),i.addMany(n);let c=i.at(-1);c?"catalogLayer"in c?(this._catalogLayerList=c,this._tableList=void 0):(this._catalogLayerList=void 0,this._tableList=c):(this._catalogLayerList=void 0,this._tableList=void 0)}_destroyOpenedLayerLists(){this.openedLayerLists.destroyAll(),this.openedLayers.removeAll(),this._layerListMap.clear()}async _createCatalogLayerList(e){let{headingLevel:t,catalogOptions:i,filterPlaceholder:a,listItemCreatedFunction:o,minFilterItems:n,selectionMode:c,visibilityAppearance:d}=this;return F(l`<arcgis-catalog-layer-list .headingLevel=${t} .filterPlaceholder=${i?.filterPlaceholder??a} .listItemCreatedFunction=${i?.listItemCreatedFunction??o} .minFilterItems=${i?.minFilterItems??n} .selectionMode=${i?.selectionMode??c} .visibilityAppearance=${i?.visibilityAppearance??d} .showErrors=${i?.visibleElements?.errors??this.showErrors} .showFilter=${i?.visibleElements?.filter??this.showFilter} .hideStatusIndicators=${i?.visibleElements?.statusIndicators??this.hideStatusIndicators} .showTemporaryLayerIndicators=${i?.visibleElements?.temporaryLayerIndicators??this.showTemporaryLayerIndicators} @arcgisReady=${h=>h.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list>`)}_getTableListParams(e){switch(e.type){case"knowledge-graph":return{...this.knowledgeGraphOptions,tables:e.tables};case"map-image":return{...this.mapImageOptions,tables:e.subtables};case"tile":return{...this.tileOptions,tables:e.subtables};default:return null}}async _createTableList(e){let{headingLevel:t,selectionMode:i,dragEnabled:a}=this,o=this._getTableListParams(e);return F(l`<arcgis-table-list .headingLevel=${o?.headingLevel??t} .selectionMode=${o?.selectionMode??i} .dragEnabled=${o?.dragEnabled??a} .collapsed=${o?.collapsed} .filterPlaceholder=${o?.filterPlaceholder} .filterText=${o?.filterText} .icon=${o?.icon??void 0} .label=${o?.label??void 0} .listItemCreatedFunction=${o?.listItemCreatedFunction} .tables=${o?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${n=>n.stopPropagation()}></arcgis-table-list>`)}_handlePanelFlowItemBack(e){e.open=!1}_onPanelOpen(){}_onTooltipReferenceChange(e,t){t?this._tooltipReferenceMap.set(e,t):this._tooltipReferenceMap.delete(e)}_onSelectedDragItemLayerUidChange(e){this._selectedDragItemLayerUid=e}_onTriggerAction(e,t){this.triggerAction(e,t)}_moveLayerFromChildList({toEl:e,fromEl:t,dragEl:i,newIndex:a}){let o=_(i,this.operationalItems),n=_(e,this.operationalItems),c=_(t,this.operationalItems);this.viewModel.moveListItem(o,c,n,a)}_onCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:a}=e;t.insertBefore(i,t.children[a])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{toEl:i,fromEl:a,dragEl:o,newIndex:n}=e,c=t?.newIndex===n&&t?.dragEl===o&&t?.toEl===i&&t?.fromEl===a;if(!(!a||!i||c)){if(this._lastDragDetail=e,this._selectedDragItemLayerUid=o.value,a===i){let d=Array.from(a.children).filter(h=>h?.matches("calcite-list-item")).map(h=>h.value.layer?.uid??"");this._sortLayers(a,d);return}this._moveLayerFromChildList({toEl:i,fromEl:a,dragEl:o,newIndex:n})}}_sortLayers(e,t){if(e)if(e===this._rootListRef.value)Pe(this.el.view?.map?.layers,t);else{let i=_(e,this.operationalItems);if(!i)return;De(i,t)}}_handleCalciteListChange(e){let{selectionMode:t,selectedItems:i}=this;if(t==="none")return;let a=e.target.selectedItems.map(o=>_(o,this.operationalItems)).filter(Boolean);i.removeAll(),i.addMany(a)}render(){let{_visibleItems:e,state:t}=this,i={[B.hidden]:t==="loading",[B.disabled]:t==="disabled"};return l`<div class=${m(A(B.widget,i))}>${e?.length?[this._renderItemTooltips(),this._renderItems()]:this._renderNoItems()}</div>`}_renderItemTooltip(e){let{_tooltipReferenceMap:t,messages:i}=this;return e?l`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(e.layer?.uid??"")}>${i.layerIncompatibleTooltip}</calcite-tooltip>`:null}_renderItemTooltipNodes(e){if(e.incompatible)return this._renderItemTooltip(e);let t=e.children?.filter(i=>!i.hidden).toArray().map(i=>this._renderItemTooltipNodes(i))??[];return t.length?t:null}_renderItemTooltips(){return this._visibleItems?.toArray().map(e=>this._renderItemTooltipNodes(e))}_renderNoItemsMessage(){return l`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return l`<div class=${m(O.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`}_renderLayerFlowItem(e,t){let{messages:i,openedLayers:a}=this,o=e.title||this.messages.untitledLayer;return E(e?.uid??o,l`<calcite-flow-item data-layer-uid=${e?.uid??""??g} .description=${o} .heading=${i[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${n=>{n.preventDefault(),a.pop(),a.at(-1)&&this._layerFlowItemRef.value?.setFocus()}} ${C(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`)}_renderPanelFlowItems(){let{_openedPanelItems:e,openedLayers:t}=this;return Le(e.toArray(),i=>i.uid,(i,a)=>{let{panel:o,title:n}=i,c=()=>this._handlePanelFlowItemBack(o);return l`<calcite-flow-item .description=${n} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${d=>{d.preventDefault(),c()}} ${C(this._panelFlowItemRef)}><arcgis-layer-list-item-panel .item=${i} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent @click=${c} slot=footer-actions width=full>${this.messages.back}</calcite-button></calcite-flow-item>`})}_renderItems(){let{collapsed:e,_visibleItems:t,_openedPanelItems:i,_filterEnabled:a,_rootGroupUid:o,showCloseButton:n,showCollapseButton:c,showHeading:d,_dragEnabled:h,selectionMode:v,filterText:x,openedLayers:$,filterPlaceholder:T,messages:I}=this,z=[l`<calcite-flow-item .closable=${n} .closed=${this.closed} .collapsed=${e} .collapsible=${c} .heading=${d?I.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!$.length&&!i.length} @calciteFlowItemClose=${()=>this.closed=!1}><calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${f=>this._canMove(f,"pull")} .canPut=${f=>this._canMove(f,"put")} data-layer-type=${o??g} .displayMode=${Ne} .dragEnabled=${h} .filterEnabled=${a} .filterPlaceholder=${T} .filterProps=${Ce} .filterText=${a?x:""} .group=${o} .label=${I.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${v} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${f=>this.filterText=f.currentTarget?.filterText??""} @calciteListOrderChange=${f=>this._onCalciteListOrderChange(f.detail)} @calciteListDragEnd=${f=>this._onCalciteListDragEnd(f.detail)} ${C(this._rootListRef)}>${t?.toArray().map(f=>this._renderItem(f))}${t?.length&&a?l`<div class=${m(O.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`:null}</calcite-list></calcite-flow-item>`,this._renderPanelFlowItems(),this._renderedOpenLayerFlowItems];return this.closed?null:E("root-flow",l`<calcite-flow>${z}</calcite-flow>`)}_renderItem(e,t,i){return E(e.uid,Q({activeItem:this._activeItem,canMove:this._canMove.bind(this),css:O,displayMode:Ne,dragEnabled:this.dragEnabled,hideStatusIndicators:this.hideStatusIndicators,hideCatalogLayerList:this.hideCatalogLayerList,item:e,messages:this.messages,layerTablesEnabled:this.layerTablesEnabled,listModeDisabled:this.viewModel.listModeDisabled,operationalItems:this.operationalItems,parent:t,parentTitles:i,rootGroupUid:this._rootGroupUid,selectedDragItemLayerUid:this._selectedDragItemLayerUid,selectedItems:this.selectedItems,selectionMode:this.selectionMode,setCurrentActiveItem:this._setCurrentActiveItem.bind(this),showTemporaryLayerIndicators:this.showTemporaryLayerIndicators,showCloseButton:this.showCloseButton,showCollapseButton:this.showCollapseButton,showErrors:this.showErrors,showHeading:this.showHeading,showFilter:this.showFilter,clearActiveItem:this._clearActiveItem.bind(this),visibilityAppearance:this.visibilityAppearance,handleAction:this._onTriggerAction.bind(this),handleCatalogOpen:this._onCatalogOpen.bind(this),handlePanelOpen:this._onPanelOpen.bind(this),handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange.bind(this),handleTablesOpen:this._onTablesOpen.bind(this),handleTooltipReferenceChange:this._onTooltipReferenceChange.bind(this),view:this.view}))}};_e("arcgis-layer-list-new",W);return W},"widgets/LayerList/LayerListViewModel","core/Collection","core/reactiveUtils","layers/catalog/catalogUtils",a,b,c,d,e,f,h,i)

package/dist/cdn/{52MIKBO5.js → W5HIRRIH.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as N}from"./X4JLEHWK.js";import{a as V}from"./UVXAJH7N.js";import{a as L}from"./BZIK6Z7E.js";import"./GAJMF6RP.js";import{a as z}from"./VNFPWEKG.js";import"./54VXNFQ4.js";import c from"./RRGRQMTZ.js";import{g as A}from"./4VZNRZ26.js";import"./77TGNHGP.js";import b from"./G4FGSUWN.js";import{c as F}from"./IIQQUUEG.js";import{B as I,N as _,O as C,P as D,R as w,U,a as T,b as a,x as f}from"./Z4O75QMV.js";import"./3TTFCHAA.js";export default $arcgis.t(([q,E,v,Z,j,,H,{property:g,subclass:G},{isHTTPSProtocol:b,isDataProtocol:y},{formatDate:P,convertDateFormatToIntlOptions:R},{watch:B},,{a:O}])=>{var M=Object.defineProperty,J=Object.getOwnPropertyDescriptor,h=(l,t,e,i)=>{for(var r=i>1?void 0:i?J(t,e):t,o=l.length-1,n;o>=0;o--)(n=l[o])&&(r=(i?n(t,e,r):n(r))||r);return i&&r&&M(t,e,r),r},d=class extends H{constructor(l){super(l)}get editedBookmark(){let{bookmark:l}=this;return l?this._get("editedBookmark")||l.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let l=this.editedBookmark?.thumbnail?.url??"";return l??(b(l)?l:null)}set customUrl(l){this._customUrl=l}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let l=this.editedBookmark?.thumbnail?.url??"";return l??(y(l)?l:null)}set screenshotUrl(l){this._screenshotUrl=l}get state(){return this._get("state")}set state(l){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",l)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let l=this.editedBookmark?.thumbnail?.url;return l?b(l)?"url":"screenshot":"none"}set thumbnailState(l){this._thumbnailState=l}};h([g()],d.prototype,"bookmark",2);h([g({readOnly:!0})],d.prototype,"editedBookmark",1);h([g()],d.prototype,"_customUrl",2);h([g()],d.prototype,"customUrl",1);h([g()],d.prototype,"_screenshotUrl",2);h([g()],d.prototype,"screenshotUrl",1);h([g()],d.prototype,"state",1);h([g()],d.prototype,"_thumbnailState",2);h([g()],d.prototype,"thumbnailState",1);h([g()],d.prototype,"validationState",2);h([g()],d.prototype,"creatingBookmark",2);d=h([G("UserState")],d);var K=T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.authoring{display:flex;flex-direction:column}.authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,Q=E.ofType(q),W={width:128,height:128,format:"png"},$={takeScreenshot:!0,captureViewpoint:!0,captureRotation:!0,captureScale:!0,captureTimeExtent:!0},S=class extends C{constructor(){super(...arguments),this._bookmarks=null,this._defaultCreateOptions={...$},this._defaultEditOptions={...$},this._defaultBookmarks=new Q,this._guid=I(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this._storeEditFlowItemNode=t=>{this._editFlowItemEl=t},this._storeRootFlowItem=t=>{this._rootFlowItemEl=t},this._storeAddFlowItemNode=t=>{this._addFlowItemEl=t},this._activeBookmark=null,this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this.view=O(this),this.icon="bookmark",this.closed=!1,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=!1,this.autoDestroyDisabled=!1,this.state=this._state,this.arcgisBookmarkEdit=f(),this.arcgisBookmarkSelect=f(),this.arcgisPropertyChange=A()("state"),this.arcgisReady=f(),this.arcgisClose=f()}static{this.properties={_activeBookmark:16,_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,_state:16,view:0,referenceElement:1,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:[1,{type:E}],disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:32}}static{this.styles=K}get _state(){let{view:t}=this;return t&&!t.ready?"loading":"ready"}get defaultCreateOptions(){return this._defaultCreateOptions}set defaultCreateOptions(t){this._defaultCreateOptions={...$,...t}}get defaultEditOptions(){return this._defaultEditOptions}set defaultEditOptions(t){this._defaultEditOptions={...$,...t}}get bookmarks(){return this._bookmarks??this.view?.map?.bookmarks??this._defaultBookmarks}set bookmarks(t){this._bookmarks=E.isCollection(t)?t:new E(t)}async destroy(){await this.manager.destroy(),this._activeBookmark=null}goTo(t){let{view:e}=this;if(!e)throw new v("go-to:invalid-view","Cannot go to a bookmark without a view");let i=t?.viewpoint;if(!i)throw new v("go-to:invalid-bookmark","Cannot go to a bookmark that does not contain a 'viewpoint'.",{bookmark:t});this._activeBookmark=t;let r=V({target:i},e,this.goToOverride),o=t?.timeExtent;return!this.timeDisabled&&o&&(e.timeExtent=o),this.arcgisBookmarkSelect.emit({bookmark:t}),r.catch().then(()=>this._activeBookmark=null),r}loaded(){this.manager.onLifecycle(()=>[B(()=>this._userState?.state,t=>this._userStateValue=t,{initial:!0}),B(()=>this._userState?.validationState,t=>this._userValidationState=t,{initial:!0}),B(()=>this._userState?.thumbnailState,t=>this._userThumbnailState=t,{initial:!0}),B(()=>this._userState?.creatingBookmark,t=>this._userCreatingBookmark=!!t,{initial:!0})])}async _createBookmark(t){let{view:e,defaultCreateOptions:i}=this;if(!e)throw new v("create-bookmark:invalid-view","Cannot create a bookmark without a view.");let{takeScreenshot:r,screenshotSettings:o,captureViewpoint:n,captureRotation:s,captureScale:m,captureTimeExtent:u}={...i,...t},c=r?await this._createThumbnail(o):void 0,p=!this.timeDisabled&&u&&e.timeExtent!=null?e.timeExtent.clone():void 0;return new q({...c&&{thumbnail:c},...u&&{timeExtent:p},...n&&{viewpoint:this._createViewpoint({view:e,captureScale:m,captureRotation:s})}})}async _editBookmark(t,e){if(!t)return t;let{view:i,defaultEditOptions:r}=this;if(!i)throw new v("edit-bookmark:invalid-view","Cannot edit a bookmark without a view.");let{takeScreenshot:o,screenshotSettings:n,captureViewpoint:s,captureRotation:m,captureScale:u,captureTimeExtent:c}={...r,...e},p=o?await this._createThumbnail(n):void 0;return p&&(t.thumbnail=p),s&&(t.viewpoint=this._createViewpoint({view:i,captureScale:u,captureRotation:m})),c&&i.timeExtent!=null&&(t.timeExtent=i.timeExtent.clone()),this.arcgisBookmarkEdit.emit({bookmark:t}),t}async _createThumbnail(t){let{view:e}=this;if(!e)throw new v("bookmark:invalid-view","Cannot create slide thumbnail without a view");let i=await e.takeScreenshot({...W,...t});return new Z({url:i.dataUrl})}_createViewpoint({view:t,captureRotation:e,captureScale:i}){let r=t.viewpoint?.clone();return new j({targetGeometry:t.extent?.clone(),rotation:(e?r?.rotation:null)??0,scale:(i?r?.scale:null)??0})}_handleClose(){this.closed=!0,this.arcgisClose.emit()}startAddBookmark(){this._userState=new d({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(t){let{hideTime:e}=this,{timeExtent:i}=t;if(!i)return{};let{start:r,end:o}=i,n=o!=null&&(r==null||r.getTime()!==o.getTime()),s=r?this._formatDate(r):"",m=r&&!e?this._formatTime(r):"";if(!n)return{startDate:s,startTime:m};let u=this._formatDate(o),c=e?"":this._formatTime(o);return{startDate:s,startTime:m,endDate:u,endTime:c}}_handleUrlEditInputChange(){let{_userState:t,_urlEditInputNode:e}=this,i=e?.value;if(!t?.editedBookmark||!i)return;t.validationState=void 0,y(t.editedBookmark.thumbnail?.url??"")&&(t.screenshotUrl=t.editedBookmark.thumbnail?.url);let r={url:i};b(r.url)&&(t.customUrl=i,t.editedBookmark.thumbnail=r)}_getBookmarkTitle(t){return(t?.name||this.messages.untitled)??""}_formatDate(t){if(!t)return"";let e=this.view,i=e&&"timeZone"in e?e.timeZone:"system";return P(t,{...R("short-date"),timeZone:i})}_formatTime(t){if(!t)return"";let e=this.view,i=e&&"timeZone"in e?e.timeZone:"system";return P(t,{...R("long-time"),timeZone:i})}_onCalciteListOrderChange(t){let{_lastDragDetail:e,bookmarks:i}=this,{toEl:r,fromEl:o,dragEl:n,newIndex:s}=t;if(!i.length)return;let m=e?.newIndex===s&&e?.dragEl===n&&e?.toEl===r&&e?.fromEl===o;if(!o||!r||m)return;this._lastDragDetail=t;let u=Array.from(o.children).filter(c=>c?.matches("calcite-list-item")).map(c=>c.value);i.sort((c,p)=>{let x=u.indexOf(c.uid),k=u.indexOf(p.uid);return x>k?1:x<k?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(t){t&&(this.editIncludeTimeExtent=!!t.timeExtent,this._userState=new d({bookmark:t,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.goTo(t))}async _createNewScreenshotUrl(){return(await this._createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:t}=this,e=t?.editedBookmark?.thumbnail?.url;e&&(b(e)?t.customUrl=e:y(e)&&(t.screenshotUrl=e))}async _handleThumbnailTypeSelect(t){let{_userState:e}=this;if(!e)return;let{screenshotUrl:i,customUrl:r,editedBookmark:o}=e,n=t==="screenshot"?i??await this._createNewScreenshotUrl():t==="url"&&r?r:null;this._storeCurrentUrl(),o&&n&&(o.thumbnail={url:n}),e.validationState=void 0,e.thumbnailState=t}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(t){t.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:t,_userState:e,bookmarks:i}=this;if(!e)return;let r=t?t.value.trim():null;if(!r){e.validationState="name-required";return}e.creatingBookmark=!0;let o=await this._createBookmark();o.name=r,i.add(o),this._endAddBookmark()}async _editBookmarkAndClose(t,e){let{defaultEditOptions:i}=this;await this._editBookmark(t,{...i,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();let{_userState:e,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:o}=this;if(!e?.bookmark||!e.editedBookmark)return;e.validationState=void 0,e.customUrl=void 0,e.screenshotUrl=void 0;let n=i?.value.trim();if(!n){e.validationState="name-required";return}if(e.bookmark.name=n,e.bookmark.thumbnail=e.editedBookmark.thumbnail,r||(e.bookmark.timeExtent=null),e.thumbnailState==="url"&&o){let s={url:o.value};if(!b(s.url)){e.validationState="absolute-url-required";return}e.bookmark.thumbnail=s}else e.thumbnailState==="none"&&(e.bookmark.thumbnail=null);this._editBookmarkAndClose(e.bookmark,{takeScreenshot:!1,captureTimeExtent:r})}_storeEditInput(t){this._editInputNode=t}_storeAddInput(t){this._addInputNode=t}_storeUrlEditInput(t){this._urlEditInputNode=t}_deleteBookmark(t){this._closeEditBookmarkForm(),t&&(this.bookmarks.remove(t),t.destroy())}_goToBookmark(t){this._clearState(),this.goTo(t)}async _updateThumbnail(){let{_userState:t}=this;t&&(t.validationState=void 0,await this._editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(t){let{fromEl:e,dragEl:i,oldIndex:r}=t;e.insertBefore(i,e.children[r])}render(){return a`<div class="root">${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(t){let{messages:e,_state:i}=this;return!t.length&&i!=="loading"?a`<div class="empty"><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${L({class:"no-bookmarks-heading",level:this.headingLevel,children:e.noBookmarksHeading})}<p class="no-bookmarks-description">${e.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let t=this._userStateValue==="edit",e=this._userState?.editedBookmark;return!e||!t?[]:this._renderEditingBookmark(e)}_renderBookmarkItems(t){return t?t.toArray().map(e=>this._renderBookmark(e)):[]}_renderBookmarksContainer(){let{_state:t,bookmarks:e,dragEnabled:i,messages:r,disabled:o,filterPlaceholder:n,filterText:s,closed:m,headingLevel:u}=this,c=e.filter(k=>k!=null),p=c.length?a`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label","description","metadata"]} .filterText=${s} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${k=>this._handleCalciteListDragEnd(k.detail)} @calciteListFilter=${k=>this.filterText=k.currentTarget?.filterText??""} @calciteListOrderChange=${k=>this._onCalciteListOrderChange(k.detail)}>${this._renderBookmarkItems(c)}${this.showFilter?a`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,x=[a`<calcite-flow-item .closable=${this.showCloseButton} .closed=${m} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${u} .loading=${t==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${_(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(c)}${p}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return m?null:a`<calcite-flow>${x}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:t,disabled:e,view:i,_state:r}=this,o=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?a`<calcite-fab appearance=outline-fill class="add-bookmark-button" .disabled=${e||o} icon=plus kind=neutral .loading=${o} @click=${this.startAddBookmark} slot=fab .text=${t.addBookmark} text-enabled title=${t.addBookmark??w}></calcite-fab>`:null}_renderEditContainer(t){let{messages:e}=this,i=`${e.edit} ${this._getBookmarkTitle(t)}`;return this.showEditBookmarkButton?a`<calcite-action icon=pencil @click=${()=>this._showEditBookmarkForm(t)} slot=actions-end .text=${i} title=${i??w}></calcite-action>`:null}_renderBookmarkImage(t,e){return e?a`<img alt class="bookmark-image" src=${t.thumbnail?.url??w}>`:null}_renderBookmarkTimeSwitch(t){let{messages:e,view:i}=this,{timeExtent:r}=t;return i?.timeExtent??r?a`<calcite-label layout=inline-space-between>${e.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${o=>{this.editIncludeTimeExtent=o.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(t){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(t):null}_renderTimeExtentDescription(t){let{startDate:e,startTime:i,endDate:r,endTime:o}=this._getTimeExtentStrings(t);if(!e)return"";let n=`${e} ${i}`,s=`${r} ${o}`;return r?`${n} - ${s}`:n}_renderBookmarkTimeExtent(t,e=!1){let{messages:i}=this,{startDate:r,startTime:o,endDate:n,endTime:s}=this._getTimeExtentStrings(t),m=e?null:a`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${n?a`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`;return r?a`<calcite-table .caption=${i.timeExtent??""} scale=s>${m}<calcite-table-row><calcite-table-cell>${r} ${o?[a`<br>`,o]:null}</calcite-table-cell>${n?a`<calcite-table-cell>${n}${s?[a`<br>`,s]:null}</calcite-table-cell>`:null}</calcite-table-row></calcite-table>`:null}_renderBookmarkActiveScrim(t,e){return this._activeBookmark===t&&e?a`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(t,e){return this._activeBookmark===t&&!e?a`<calcite-loader class="loader" inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(t,e){return this._activeBookmark!==t&&!e?a`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(t){let e=!this.hideThumbnail&&!!t.thumbnail?.url;return a`<div class="bookmark-image-container" slot=content-start>${this._renderBookmarkActiveScrim(t,e)}${this._renderBookmarkImage(t,e)}${this._renderBookmarkActiveLoader(t,e)}${this._renderBookmarkImageIcon(t,e)}</div>`}_renderBookmark(t){return N(t.uid,a`<calcite-list-item class=${D(F({"drag-enabled":this.dragEnabled}))} .description=${this._renderTimeExtentDescription(t)} .label=${this._getBookmarkTitle(t)} .value=${t.uid} @calciteListItemSelect=${()=>this._goToBookmark(t)}>${this._renderBookmarkThumbnail(t)}${this._renderBookmarkContent(t)}${this._renderEditContainer(t)}</calcite-list-item>`)}_renderBookmarkContent(t){return a`<div class="bookmark-content" slot=content><span class="bookmark-content-label">${this._getBookmarkTitle(t)}</span>${this._renderBookmarkTimeExtent(t,!0)}</div>`}_renderEditingBookmarkName(t){let{messages:e}=this,i=this._userValidationState==="name-required";return a`<calcite-label>${e.title}<calcite-input class="edit-bookmark-input" name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text .value=${t.name} ${_(this._storeEditInput)}></calcite-input>${i?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:t,_userState:e}=this,i=e?.bookmark;return[a`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${t.delete}</calcite-button>`,a`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${t.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${t.save}</calcite-button>`]}_renderEditingTimeExtent(t){let{view:e}=this,{timeExtent:i}=t;return!this.timeDisabled&&(e?.timeExtent??i)?a`<div>${this._renderBookmarkTimeSwitch(t)}${this._renderEditBookmarkTimeExtent(t)}</div>`:null}_renderEditingBookmarkImage(t){let{_userThumbnailState:e}=this,i=t.thumbnail?.url??"",r=b(i)?e==="url":y(i)?e==="screenshot":null;if(r)return this._renderBookmarkImage(t,r)}_renderEditingThumbnail(t){let{_userThumbnailState:e,hideThumbnail:i}=this;return!i&&e!=="none"?a`<div class="authoring-image-container">${this._renderEditingBookmarkImage(t)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:t,messages:e,_userThumbnailState:i}=this;return!t&&i==="screenshot"?a`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${()=>{this._updateThumbnail()}} width=full>${e.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(t){let{messages:e,_userValidationState:i,_userThumbnailState:r}=this,o=t.thumbnail?.url??"",n=b(o)?o:void 0,s=o&&i==="absolute-url-required";return r==="url"?a`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${e?`https://<${e.imageUrlPlaceholder}>`:void 0} required title=${e.imageUrlTooltip??w} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${_(this._storeUrlEditInput)}></calcite-input>${s?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:t,messages:e,_userThumbnailState:i}=this;return t?null:a`<calcite-label>${e.thumbnail}<calcite-chip-group .label=${e.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${r=>this._handleThumbnailTypeSelect(r.currentTarget.selectedItems[0].value)}><calcite-chip .label=${e.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${e.screenshot}</calcite-chip><calcite-chip .label=${e.url??""} .selected=${i==="url"} value=url>${e.url}</calcite-chip><calcite-chip .label=${e.none??""} .selected=${i==="none"} value=none>${e.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(t){let{disabled:e,messages:i,headingLevel:r}=this;return t?a`<form class="form" @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${e} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${o=>{o.preventDefault(),this._closeEditBookmarkForm()}} ${_(this._storeEditFlowItemNode)}><div class="form-content"><div class="authoring">${this._renderEditingBookmarkName(t)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(t)}${this._renderEditingBookmarkUrlInput(t)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(t)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:t}=this,e=this._userValidationState==="name-required";return a`<calcite-label>${t.title}<calcite-input class="add-bookmark-input" name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text value ${_(this._storeAddInput)}></calcite-input>${e?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:t}=this;return[a`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${t.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${t.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:t,messages:e,headingLevel:i,_userStateValue:r}=this;return r==="add"?a`<form class="form" @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${t} .heading=${e.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${o=>{o.preventDefault(),this._endAddBookmark()}} ${_(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",S);return S},"webmap/Bookmark","core/Collection","core/Error","webdoc/support/SlideThumbnail","Viewpoint","WebMap","core/Accessor","core/accessorSupport/decorators","core/urlUtils","intl","core/reactiveUtils",b,c)
+import{a as N}from"./UOOE5336.js";import{a as V}from"./UVXAJH7N.js";import{a as L}from"./ZDGTAZF7.js";import"./BBIOP3C4.js";import{a as z}from"./OWODXLED.js";import"./54VXNFQ4.js";import c from"./QNZTAT5I.js";import{h as A}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import b from"./IFIOUBWT.js";import{c as F}from"./T5K2XFNK.js";import{B as I,N as _,O as C,P as D,R as w,U,a as T,b as a,x as f}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([q,E,v,Z,j,,H,{property:g,subclass:G},{isHTTPSProtocol:b,isDataProtocol:y},{formatDate:P,convertDateFormatToIntlOptions:R},{watch:B},,{a:O}])=>{var M=Object.defineProperty,J=Object.getOwnPropertyDescriptor,h=(l,t,e,i)=>{for(var r=i>1?void 0:i?J(t,e):t,o=l.length-1,n;o>=0;o--)(n=l[o])&&(r=(i?n(t,e,r):n(r))||r);return i&&r&&M(t,e,r),r},d=class extends H{constructor(l){super(l)}get editedBookmark(){let{bookmark:l}=this;return l?this._get("editedBookmark")||l.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let l=this.editedBookmark?.thumbnail?.url??"";return l??(b(l)?l:null)}set customUrl(l){this._customUrl=l}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let l=this.editedBookmark?.thumbnail?.url??"";return l??(y(l)?l:null)}set screenshotUrl(l){this._screenshotUrl=l}get state(){return this._get("state")}set state(l){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",l)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let l=this.editedBookmark?.thumbnail?.url;return l?b(l)?"url":"screenshot":"none"}set thumbnailState(l){this._thumbnailState=l}};h([g()],d.prototype,"bookmark",2);h([g({readOnly:!0})],d.prototype,"editedBookmark",1);h([g()],d.prototype,"_customUrl",2);h([g()],d.prototype,"customUrl",1);h([g()],d.prototype,"_screenshotUrl",2);h([g()],d.prototype,"screenshotUrl",1);h([g()],d.prototype,"state",1);h([g()],d.prototype,"_thumbnailState",2);h([g()],d.prototype,"thumbnailState",1);h([g()],d.prototype,"validationState",2);h([g()],d.prototype,"creatingBookmark",2);d=h([G("UserState")],d);var K=T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.authoring{display:flex;flex-direction:column}.authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,Q=E.ofType(q),W={width:128,height:128,format:"png"},$={takeScreenshot:!0,captureViewpoint:!0,captureRotation:!0,captureScale:!0,captureTimeExtent:!0},S=class extends C{constructor(){super(...arguments),this._bookmarks=null,this._defaultCreateOptions={...$},this._defaultEditOptions={...$},this._defaultBookmarks=new Q,this._guid=I(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this._storeEditFlowItemNode=t=>{this._editFlowItemEl=t},this._storeRootFlowItem=t=>{this._rootFlowItemEl=t},this._storeAddFlowItemNode=t=>{this._addFlowItemEl=t},this._activeBookmark=null,this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this.view=O(this),this.icon="bookmark",this.closed=!1,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=!1,this.autoDestroyDisabled=!1,this.state=this._state,this.arcgisBookmarkEdit=f(),this.arcgisBookmarkSelect=f(),this.arcgisPropertyChange=A()("state"),this.arcgisReady=f(),this.arcgisClose=f()}static{this.properties={_activeBookmark:16,_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,_state:16,view:0,referenceElement:1,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:[1,{type:E}],disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:32}}static{this.styles=K}get _state(){let{view:t}=this;return t&&!t.ready?"loading":"ready"}get defaultCreateOptions(){return this._defaultCreateOptions}set defaultCreateOptions(t){this._defaultCreateOptions={...$,...t}}get defaultEditOptions(){return this._defaultEditOptions}set defaultEditOptions(t){this._defaultEditOptions={...$,...t}}get bookmarks(){return this._bookmarks??this.view?.map?.bookmarks??this._defaultBookmarks}set bookmarks(t){this._bookmarks=E.isCollection(t)?t:new E(t)}async destroy(){await this.manager.destroy(),this._activeBookmark=null}goTo(t){let{view:e}=this;if(!e)throw new v("go-to:invalid-view","Cannot go to a bookmark without a view");let i=t?.viewpoint;if(!i)throw new v("go-to:invalid-bookmark","Cannot go to a bookmark that does not contain a 'viewpoint'.",{bookmark:t});this._activeBookmark=t;let r=V({target:i},e,this.goToOverride),o=t?.timeExtent;return!this.timeDisabled&&o&&(e.timeExtent=o),this.arcgisBookmarkSelect.emit({bookmark:t}),r.catch().then(()=>this._activeBookmark=null),r}loaded(){this.manager.onLifecycle(()=>[B(()=>this._userState?.state,t=>this._userStateValue=t,{initial:!0}),B(()=>this._userState?.validationState,t=>this._userValidationState=t,{initial:!0}),B(()=>this._userState?.thumbnailState,t=>this._userThumbnailState=t,{initial:!0}),B(()=>this._userState?.creatingBookmark,t=>this._userCreatingBookmark=!!t,{initial:!0})])}async _createBookmark(t){let{view:e,defaultCreateOptions:i}=this;if(!e)throw new v("create-bookmark:invalid-view","Cannot create a bookmark without a view.");let{takeScreenshot:r,screenshotSettings:o,captureViewpoint:n,captureRotation:s,captureScale:m,captureTimeExtent:u}={...i,...t},c=r?await this._createThumbnail(o):void 0,p=!this.timeDisabled&&u&&e.timeExtent!=null?e.timeExtent.clone():void 0;return new q({...c&&{thumbnail:c},...u&&{timeExtent:p},...n&&{viewpoint:this._createViewpoint({view:e,captureScale:m,captureRotation:s})}})}async _editBookmark(t,e){if(!t)return t;let{view:i,defaultEditOptions:r}=this;if(!i)throw new v("edit-bookmark:invalid-view","Cannot edit a bookmark without a view.");let{takeScreenshot:o,screenshotSettings:n,captureViewpoint:s,captureRotation:m,captureScale:u,captureTimeExtent:c}={...r,...e},p=o?await this._createThumbnail(n):void 0;return p&&(t.thumbnail=p),s&&(t.viewpoint=this._createViewpoint({view:i,captureScale:u,captureRotation:m})),c&&i.timeExtent!=null&&(t.timeExtent=i.timeExtent.clone()),this.arcgisBookmarkEdit.emit({bookmark:t}),t}async _createThumbnail(t){let{view:e}=this;if(!e)throw new v("bookmark:invalid-view","Cannot create slide thumbnail without a view");let i=await e.takeScreenshot({...W,...t});return new Z({url:i.dataUrl})}_createViewpoint({view:t,captureRotation:e,captureScale:i}){let r=t.viewpoint?.clone();return new j({targetGeometry:t.extent?.clone(),rotation:(e?r?.rotation:null)??0,scale:(i?r?.scale:null)??0})}_handleClose(){this.closed=!0,this.arcgisClose.emit()}startAddBookmark(){this._userState=new d({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(t){let{hideTime:e}=this,{timeExtent:i}=t;if(!i)return{};let{start:r,end:o}=i,n=o!=null&&(r==null||r.getTime()!==o.getTime()),s=r?this._formatDate(r):"",m=r&&!e?this._formatTime(r):"";if(!n)return{startDate:s,startTime:m};let u=this._formatDate(o),c=e?"":this._formatTime(o);return{startDate:s,startTime:m,endDate:u,endTime:c}}_handleUrlEditInputChange(){let{_userState:t,_urlEditInputNode:e}=this,i=e?.value;if(!t?.editedBookmark||!i)return;t.validationState=void 0,y(t.editedBookmark.thumbnail?.url??"")&&(t.screenshotUrl=t.editedBookmark.thumbnail?.url);let r={url:i};b(r.url)&&(t.customUrl=i,t.editedBookmark.thumbnail=r)}_getBookmarkTitle(t){return(t?.name||this.messages.untitled)??""}_formatDate(t){if(!t)return"";let e=this.view,i=e&&"timeZone"in e?e.timeZone:"system";return P(t,{...R("short-date"),timeZone:i})}_formatTime(t){if(!t)return"";let e=this.view,i=e&&"timeZone"in e?e.timeZone:"system";return P(t,{...R("long-time"),timeZone:i})}_onCalciteListOrderChange(t){let{_lastDragDetail:e,bookmarks:i}=this,{toEl:r,fromEl:o,dragEl:n,newIndex:s}=t;if(!i.length)return;let m=e?.newIndex===s&&e?.dragEl===n&&e?.toEl===r&&e?.fromEl===o;if(!o||!r||m)return;this._lastDragDetail=t;let u=Array.from(o.children).filter(c=>c?.matches("calcite-list-item")).map(c=>c.value);i.sort((c,p)=>{let x=u.indexOf(c.uid),k=u.indexOf(p.uid);return x>k?1:x<k?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(t){t&&(this.editIncludeTimeExtent=!!t.timeExtent,this._userState=new d({bookmark:t,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.goTo(t))}async _createNewScreenshotUrl(){return(await this._createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:t}=this,e=t?.editedBookmark?.thumbnail?.url;e&&(b(e)?t.customUrl=e:y(e)&&(t.screenshotUrl=e))}async _handleThumbnailTypeSelect(t){let{_userState:e}=this;if(!e)return;let{screenshotUrl:i,customUrl:r,editedBookmark:o}=e,n=t==="screenshot"?i??await this._createNewScreenshotUrl():t==="url"&&r?r:null;this._storeCurrentUrl(),o&&n&&(o.thumbnail={url:n}),e.validationState=void 0,e.thumbnailState=t}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(t){t.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:t,_userState:e,bookmarks:i}=this;if(!e)return;let r=t?t.value.trim():null;if(!r){e.validationState="name-required";return}e.creatingBookmark=!0;let o=await this._createBookmark();o.name=r,i.add(o),this._endAddBookmark()}async _editBookmarkAndClose(t,e){let{defaultEditOptions:i}=this;await this._editBookmark(t,{...i,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();let{_userState:e,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:o}=this;if(!e?.bookmark||!e.editedBookmark)return;e.validationState=void 0,e.customUrl=void 0,e.screenshotUrl=void 0;let n=i?.value.trim();if(!n){e.validationState="name-required";return}if(e.bookmark.name=n,e.bookmark.thumbnail=e.editedBookmark.thumbnail,r||(e.bookmark.timeExtent=null),e.thumbnailState==="url"&&o){let s={url:o.value};if(!b(s.url)){e.validationState="absolute-url-required";return}e.bookmark.thumbnail=s}else e.thumbnailState==="none"&&(e.bookmark.thumbnail=null);this._editBookmarkAndClose(e.bookmark,{takeScreenshot:!1,captureTimeExtent:r})}_storeEditInput(t){this._editInputNode=t}_storeAddInput(t){this._addInputNode=t}_storeUrlEditInput(t){this._urlEditInputNode=t}_deleteBookmark(t){this._closeEditBookmarkForm(),t&&(this.bookmarks.remove(t),t.destroy())}_goToBookmark(t){this._clearState(),this.goTo(t)}async _updateThumbnail(){let{_userState:t}=this;t&&(t.validationState=void 0,await this._editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(t){let{fromEl:e,dragEl:i,oldIndex:r}=t;e.insertBefore(i,e.children[r])}render(){return a`<div class="root">${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(t){let{messages:e,_state:i}=this;return!t.length&&i!=="loading"?a`<div class="empty"><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${L({class:"no-bookmarks-heading",level:this.headingLevel,children:e.noBookmarksHeading})}<p class="no-bookmarks-description">${e.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let t=this._userStateValue==="edit",e=this._userState?.editedBookmark;return!e||!t?[]:this._renderEditingBookmark(e)}_renderBookmarkItems(t){return t?t.toArray().map(e=>this._renderBookmark(e)):[]}_renderBookmarksContainer(){let{_state:t,bookmarks:e,dragEnabled:i,messages:r,disabled:o,filterPlaceholder:n,filterText:s,closed:m,headingLevel:u}=this,c=e.filter(k=>k!=null),p=c.length?a`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label","description","metadata"]} .filterText=${s} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${k=>this._handleCalciteListDragEnd(k.detail)} @calciteListFilter=${k=>this.filterText=k.currentTarget?.filterText??""} @calciteListOrderChange=${k=>this._onCalciteListOrderChange(k.detail)}>${this._renderBookmarkItems(c)}${this.showFilter?a`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,x=[a`<calcite-flow-item .closable=${this.showCloseButton} .closed=${m} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${u} .loading=${t==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${_(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(c)}${p}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return m?null:a`<calcite-flow>${x}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:t,disabled:e,view:i,_state:r}=this,o=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?a`<calcite-fab appearance=outline-fill class="add-bookmark-button" .disabled=${e||o} icon=plus kind=neutral .loading=${o} @click=${this.startAddBookmark} slot=fab .text=${t.addBookmark} text-enabled title=${t.addBookmark??w}></calcite-fab>`:null}_renderEditContainer(t){let{messages:e}=this,i=`${e.edit} ${this._getBookmarkTitle(t)}`;return this.showEditBookmarkButton?a`<calcite-action icon=pencil @click=${()=>this._showEditBookmarkForm(t)} slot=actions-end .text=${i} title=${i??w}></calcite-action>`:null}_renderBookmarkImage(t,e){return e?a`<img alt class="bookmark-image" src=${t.thumbnail?.url??w}>`:null}_renderBookmarkTimeSwitch(t){let{messages:e,view:i}=this,{timeExtent:r}=t;return i?.timeExtent??r?a`<calcite-label layout=inline-space-between>${e.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${o=>{this.editIncludeTimeExtent=o.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(t){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(t):null}_renderTimeExtentDescription(t){let{startDate:e,startTime:i,endDate:r,endTime:o}=this._getTimeExtentStrings(t);if(!e)return"";let n=`${e} ${i}`,s=`${r} ${o}`;return r?`${n} - ${s}`:n}_renderBookmarkTimeExtent(t,e=!1){let{messages:i}=this,{startDate:r,startTime:o,endDate:n,endTime:s}=this._getTimeExtentStrings(t),m=e?null:a`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${n?a`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`;return r?a`<calcite-table .caption=${i.timeExtent??""} scale=s>${m}<calcite-table-row><calcite-table-cell>${r} ${o?[a`<br>`,o]:null}</calcite-table-cell>${n?a`<calcite-table-cell>${n}${s?[a`<br>`,s]:null}</calcite-table-cell>`:null}</calcite-table-row></calcite-table>`:null}_renderBookmarkActiveScrim(t,e){return this._activeBookmark===t&&e?a`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(t,e){return this._activeBookmark===t&&!e?a`<calcite-loader class="loader" inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(t,e){return this._activeBookmark!==t&&!e?a`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(t){let e=!this.hideThumbnail&&!!t.thumbnail?.url;return a`<div class="bookmark-image-container" slot=content-start>${this._renderBookmarkActiveScrim(t,e)}${this._renderBookmarkImage(t,e)}${this._renderBookmarkActiveLoader(t,e)}${this._renderBookmarkImageIcon(t,e)}</div>`}_renderBookmark(t){return N(t.uid,a`<calcite-list-item class=${D(F({"drag-enabled":this.dragEnabled}))} .description=${this._renderTimeExtentDescription(t)} .label=${this._getBookmarkTitle(t)} .value=${t.uid} @calciteListItemSelect=${()=>this._goToBookmark(t)}>${this._renderBookmarkThumbnail(t)}${this._renderBookmarkContent(t)}${this._renderEditContainer(t)}</calcite-list-item>`)}_renderBookmarkContent(t){return a`<div class="bookmark-content" slot=content><span class="bookmark-content-label">${this._getBookmarkTitle(t)}</span>${this._renderBookmarkTimeExtent(t,!0)}</div>`}_renderEditingBookmarkName(t){let{messages:e}=this,i=this._userValidationState==="name-required";return a`<calcite-label>${e.title}<calcite-input class="edit-bookmark-input" name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text .value=${t.name} ${_(this._storeEditInput)}></calcite-input>${i?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:t,_userState:e}=this,i=e?.bookmark;return[a`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${t.delete}</calcite-button>`,a`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${t.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${t.save}</calcite-button>`]}_renderEditingTimeExtent(t){let{view:e}=this,{timeExtent:i}=t;return!this.timeDisabled&&(e?.timeExtent??i)?a`<div>${this._renderBookmarkTimeSwitch(t)}${this._renderEditBookmarkTimeExtent(t)}</div>`:null}_renderEditingBookmarkImage(t){let{_userThumbnailState:e}=this,i=t.thumbnail?.url??"",r=b(i)?e==="url":y(i)?e==="screenshot":null;if(r)return this._renderBookmarkImage(t,r)}_renderEditingThumbnail(t){let{_userThumbnailState:e,hideThumbnail:i}=this;return!i&&e!=="none"?a`<div class="authoring-image-container">${this._renderEditingBookmarkImage(t)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:t,messages:e,_userThumbnailState:i}=this;return!t&&i==="screenshot"?a`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${()=>{this._updateThumbnail()}} width=full>${e.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(t){let{messages:e,_userValidationState:i,_userThumbnailState:r}=this,o=t.thumbnail?.url??"",n=b(o)?o:void 0,s=o&&i==="absolute-url-required";return r==="url"?a`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${e?`https://<${e.imageUrlPlaceholder}>`:void 0} required title=${e.imageUrlTooltip??w} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${_(this._storeUrlEditInput)}></calcite-input>${s?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:t,messages:e,_userThumbnailState:i}=this;return t?null:a`<calcite-label>${e.thumbnail}<calcite-chip-group .label=${e.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${r=>this._handleThumbnailTypeSelect(r.currentTarget.selectedItems[0].value)}><calcite-chip .label=${e.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${e.screenshot}</calcite-chip><calcite-chip .label=${e.url??""} .selected=${i==="url"} value=url>${e.url}</calcite-chip><calcite-chip .label=${e.none??""} .selected=${i==="none"} value=none>${e.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(t){let{disabled:e,messages:i,headingLevel:r}=this;return t?a`<form class="form" @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${e} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${o=>{o.preventDefault(),this._closeEditBookmarkForm()}} ${_(this._storeEditFlowItemNode)}><div class="form-content"><div class="authoring">${this._renderEditingBookmarkName(t)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(t)}${this._renderEditingBookmarkUrlInput(t)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(t)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:t}=this,e=this._userValidationState==="name-required";return a`<calcite-label>${t.title}<calcite-input class="add-bookmark-input" name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text value ${_(this._storeAddInput)}></calcite-input>${e?a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:t}=this;return[a`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${t.cancel}</calcite-button>`,a`<calcite-button slot=footer type=submit width=full>${t.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:t,messages:e,headingLevel:i,_userStateValue:r}=this;return r==="add"?a`<form class="form" @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${t} .heading=${e.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${o=>{o.preventDefault(),this._endAddBookmark()}} ${_(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",S);return S},"webmap/Bookmark","core/Collection","core/Error","webdoc/support/SlideThumbnail","Viewpoint","WebMap","core/Accessor","core/accessorSupport/decorators","core/urlUtils","intl","core/reactiveUtils",b,c)

package/dist/cdn/{RSCIGL3Q.js → WCUAC5AB.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as F,b as q,c as k,d as v,e as O,f as z,g as u,j as g,k as m}from"./S4I3X6AX.js";import h from"./CEEUQZJV.js";import{a as p}from"./IGSZABNU.js";import f from"./Z25OUO3N.js";import"./PC4PAQXQ.js";import{a as R}from"./BZIK6Z7E.js";import"./GAJMF6RP.js";import e from"./KDIBOT2K.js";import{a as j}from"./VNFPWEKG.js";import{a as D}from"./54VXNFQ4.js";import c from"./3DR3T6WY.js";import b from"./RRGRQMTZ.js";import{g as P}from"./4VZNRZ26.js";import"./77TGNHGP.js";import a from"./G4FGSUWN.js";import"./IIQQUUEG.js";import{M as E,N as w,O as I,P as U,Q as A,R as C,U as L,a as $,b as d,x as V}from"./Z4O75QMV.js";import"./3TTFCHAA.js";export default $arcgis.t(([ee,{property:a,subclass:ie},{watch:te},{convertUnit:re},,,,B,{f:H},T])=>{var se=$`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}:host{width:300px;position:relative}.root{--calcite-label-margin-bottom: 0;padding:var(--arcgis-internal-padding)}.content{flex-direction:column;display:flex;gap:var(--arcgis-internal-panel-gap)}.header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--calcite-spacing-sm);&.no-content{margin-block-end:calc(var(--calcite-spacing-sm) * -1)}}.heading{margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxl);padding:var(--calcite-spacing-md);>div{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);>p{margin:0;font-size:var(--calcite-font-size-md)}}}.warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`,ae=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,s=(i,e,t,n)=>{for(var l=n>1?void 0:n?ne(e,t):e,c=i.length-1,h;c>=0;c--)(h=i[c])&&(l=(n?h(e,t,l):h(l))||l);return n&&l&&ae(e,t,l),l},r=class extends T{constructor(){super(...arguments),this.supportedViewType="3d",this.unsupportedErrorMessage="The Volume Measurement component is only supported in 3D views."}initialize(){this.addHandles([te(()=>({analysis:this.analysis,volumeDisplayUnit:this._userVolumeDisplayUnit,elevationDisplayUnit:this._userElevationDisplayUnit,areaDisplayUnit:this._userAreaDisplayUnit,perimeterDisplayUnit:this._userPerimeterDisplayUnit,elevationInputUnit:this._userElevationInputUnit}),({analysis:i,volumeDisplayUnit:e,elevationDisplayUnit:t,areaDisplayUnit:n,perimeterDisplayUnit:l,elevationInputUnit:c})=>{e&&(i.displayUnits.volume=e),t&&(i.displayUnits.elevation=t),n&&(i.displayUnits.area=n),l&&(i.displayUnits.length=l),c&&(i.inputUnits.elevation=c)},{sync:!0,initial:!0})])}get _defaultElevationInputUnit(){return this.defaultMeasurementSystem==="metric"?"meters":"feet"}get state(){let{analysis:i,disabled:e,operationState:t,ready:n,supported:l}=this,{valid:c}=i;return F({supported:l,disabled:e,ready:n,operationState:t,valid:c})}get displayState(){return q(this.state,this.analysis.geometry!=null)}get measurement(){let{analysisView:i}=this,e=i?.result,t=i?.error==null;return{mode:"euclidean",totalVolume:u(e?.totalVolume,t),cutVolume:u(e?.cutVolume,t),fillVolume:u(e?.fillVolume,t),netVolume:u(e?.netVolume,t),area:u(e?.area,t),perimeter:u(e?.perimeter,t)}}constructAnalysis(){return new ee}async place(i){await this.analysisView?.place(i)}clearAnalysis(){this.analysis.geometry=null}get volumeDisplayUnitOptions(){return g(this._userVolumeUnitOptions,z,z)}set volumeDisplayUnitOptions(i){this._userVolumeUnitOptions=i}get volumeDisplayUnit(){let i=this.volumeDisplayUnitOptions;return m(this._userVolumeDisplayUnit,this.analysis.displayUnits?.volume,i,this.defaultMeasurementSystem)}set volumeDisplayUnit(i){this._userVolumeDisplayUnit=i}get elevationDisplayUnitOptions(){return g(this._userElevationDisplayUnitOptions,v,v)}set elevationDisplayUnitOptions(i){this._userElevationDisplayUnitOptions=i}get elevationDisplayUnit(){let i=this.elevationDisplayUnitOptions;return m(this._userElevationDisplayUnit,this.analysis.displayUnits?.elevation,i,this.defaultMeasurementSystem)}set elevationDisplayUnit(i){this._userElevationDisplayUnit=i}get elevationInputUnitOptions(){return g(this._userElevationInputUnitOptions,k,k)}set elevationInputUnitOptions(i){this._userElevationInputUnitOptions=i}get elevationInputUnit(){let i=this.elevationInputUnitOptions;return m(this._userElevationInputUnit,this.analysis.inputUnits?.elevation,i,this._defaultElevationInputUnit)}set elevationInputUnit(i){let e=this.analysis.cutFillOptions.targetElevation??0;this.analysis.cutFillOptions.targetElevation=re(e,this.elevationInputUnit,i??this.elevationInputUnit),this._userElevationInputUnit=i}get areaDisplayUnitOptions(){return g(this._userAreaUnitOptions,O,O)}set areaDisplayUnitOptions(i){this._userAreaUnitOptions=i}get areaDisplayUnit(){let i=this.areaDisplayUnitOptions;return m(this._userAreaDisplayUnit,this.analysis.displayUnits?.area,i,this.defaultMeasurementSystem)}set areaDisplayUnit(i){this._userAreaDisplayUnit=i}get perimeterDisplayUnitOptions(){return g(this._userPerimeterDisplayUnitOptions,v,v)}set perimeterDisplayUnitOptions(i){this._userPerimeterDisplayUnitOptions=i}get perimeterDisplayUnit(){let i=this.perimeterDisplayUnitOptions;return m(this._userPerimeterDisplayUnit,this.analysis.displayUnits?.length,i,this.defaultMeasurementSystem)}set perimeterDisplayUnit(i){this._userPerimeterDisplayUnit=i}};s([a()],r.prototype,"_defaultElevationInputUnit",1);s([a()],r.prototype,"state",1);s([a()],r.prototype,"displayState",1);s([a({readOnly:!0})],r.prototype,"measurement",1);s([a()],r.prototype,"volumeDisplayUnitOptions",1);s([a()],r.prototype,"volumeDisplayUnit",1);s([a()],r.prototype,"_userVolumeDisplayUnit",2);s([a()],r.prototype,"_userVolumeUnitOptions",2);s([a()],r.prototype,"elevationDisplayUnitOptions",1);s([a()],r.prototype,"elevationDisplayUnit",1);s([a()],r.prototype,"_userElevationDisplayUnit",2);s([a()],r.prototype,"_userElevationDisplayUnitOptions",2);s([a()],r.prototype,"elevationInputUnitOptions",1);s([a()],r.prototype,"elevationInputUnit",1);s([a()],r.prototype,"_userElevationInputUnit",2);s([a()],r.prototype,"_userElevationInputUnitOptions",2);s([a()],r.prototype,"areaDisplayUnitOptions",1);s([a()],r.prototype,"areaDisplayUnit",1);s([a()],r.prototype,"_userAreaDisplayUnit",2);s([a()],r.prototype,"_userAreaUnitOptions",2);s([a()],r.prototype,"perimeterDisplayUnitOptions",1);s([a()],r.prototype,"perimeterDisplayUnit",1);s([a()],r.prototype,"_userPerimeterDisplayUnit",2);s([a()],r.prototype,"_userPerimeterDisplayUnitOptions",2);r=s([ie("components.volume-measurement.VolumeMeasurementViewModel")],r);var le=B(r),M=class extends I{constructor(){super(...arguments),this.viewModel=le(this),this.messages=j({blocking:!0}),this.#e=E(),this.view=this.viewModel.view,this.analysis=this.viewModel.analysis,this.autoDestroyDisabled=!1,this.icon="measure-area",this.state=this.viewModel.state,this.volumeDisplayUnit=this.viewModel.volumeDisplayUnit,this.volumeDisplayUnitOptions=this.viewModel.volumeDisplayUnitOptions,this.elevationDisplayUnit=this.viewModel.elevationDisplayUnit,this.elevationDisplayUnitOptions=this.viewModel.elevationDisplayUnitOptions,this.elevationInputUnit=this.viewModel.elevationInputUnit,this.elevationInputUnitOptions=this.viewModel.elevationInputUnitOptions,this.areaDisplayUnit=this.viewModel.areaDisplayUnit,this.areaDisplayUnitOptions=this.viewModel.areaDisplayUnitOptions,this.perimeterDisplayUnit=this.viewModel.perimeterDisplayUnit,this.perimeterDisplayUnitOptions=this.viewModel.perimeterDisplayUnitOptions,this.hideHeader=!1,this.hideSettingsButton=!1,this.hideElevationDisplayUnitSelect=!1,this.hideElevationInputUnitSelect=!1,this.hideVolumeDisplayUnitSelect=!1,this.hideModeSelect=!1,this.hideStartButton=!1,this.hideVisualization=this.viewModel.hideVisualization,this.headingLevel=2,this.hideAreaDisplayUnitSelect=!1,this.hidePerimeterDisplayUnitSelect=!1,this.arcgisPropertyChange=P()("analysis","state"),this.arcgisReady=V()}static{this.properties={view:0,analysis:0,autoDestroyDisabled:5,icon:3,label:1,referenceElement:1,mode:1,state:32,volumeDisplayUnit:1,volumeDisplayUnitOptions:0,elevationDisplayUnit:1,elevationDisplayUnitOptions:0,elevationInputUnit:1,elevationInputUnitOptions:0,areaDisplayUnit:1,areaDisplayUnitOptions:0,perimeterDisplayUnit:1,perimeterDisplayUnitOptions:0,hideHeader:5,hideSettingsButton:5,hideElevationDisplayUnitSelect:5,hideElevationInputUnitSelect:5,hideVolumeDisplayUnitSelect:5,hideModeSelect:5,hideStartButton:5,hideVisualization:5,headingLevel:9,hideAreaDisplayUnitSelect:5,hidePerimeterDisplayUnitSelect:5}}static{this.styles=se}#e;#i(e){e&&queueMicrotask(()=>{this.isConnected&&(e.referenceElement=this.#e.value)})}get mode(){return this.viewModel.analysis.measureType}set mode(e){this.viewModel.analysis.measureType=e}async clear(){this.viewModel.clear()}async destroy(){await this.manager.destroy()}async start(){H(this.viewModel.start())}render(){let{messages:e,viewModel:t}=this,{measurement:n,state:l}=t,c=this.volumeDisplayUnitOptions,h=this.volumeDisplayUnit,y=this.elevationDisplayUnitOptions,Z=this.elevationDisplayUnit,X=this.elevationInputUnitOptions,G=this.elevationInputUnit,J=this.perimeterDisplayUnitOptions,K=this.perimeterDisplayUnit,N=this.areaDisplayUnitOptions,Q=this.areaDisplayUnit,S=t.analysisView?.error?.name,W=[_({hidden:this.hideElevationInputUnitSelect,options:X,selectLabel:e.elevationInputUnit,value:G,onChange:o=>{this.viewModel.elevationInputUnit=o}})],Y=[_({hidden:this.hideElevationDisplayUnitSelect,options:y,selectLabel:e.elevationDisplayUnit,value:Z,onChange:o=>{this.analysis.displayUnits.elevation=o}}),_({hidden:this.hideVolumeDisplayUnitSelect,options:c,selectLabel:e.volumeDisplayUnit,value:h,onChange:o=>{this.viewModel.volumeDisplayUnit=o}}),_({hidden:this.hideAreaDisplayUnitSelect,options:N,selectLabel:e.areaDisplayUnit,value:Q,onChange:o=>{this.viewModel.areaDisplayUnit=o}}),_({hidden:this.hidePerimeterDisplayUnitSelect,options:J,selectLabel:e.perimeterDisplayUnit,value:K,onChange:o=>{this.viewModel.perimeterDisplayUnit=o}})],b=[this.hideElevationInputUnitSelect].filter(o=>!o).length===0,f=[this.hideElevationDisplayUnitSelect,this.hideVolumeDisplayUnitSelect,this.hideAreaDisplayUnitSelect,this.hidePerimeterDisplayUnitSelect].filter(o=>!o).length===0,x=this.hideSettingsButton||b&&f;return d`<div aria-label=${e.componentLabel??C} class=${U({root:!0,[D.widget]:!0,[D.panel]:!0})} role=presentation>${l==="disabled"&&d`<calcite-scrim></calcite-scrim>`||""}${p({hidden:this.hideHeader&&x,children:d`<div class=${U({header:!0,"no-content":this.hideHeader})}>${p({hidden:this.hideHeader,children:R({class:"heading",level:this.headingLevel,children:e.title})})}<span style=${A({flex:1})}></span>${p({hidden:x,children:d`<calcite-action icon=gear slot=settings .text=${e.displaySettings} ${w(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${x?!1:void 0} ${w(this.#i)}><div class="settings-content">${p({hidden:b,children:d`<div><p .hidden=${f}>${e.inputUnits}</p>${W}</div>`})}${p({hidden:f,children:d`<div><p .hidden=${b}>${e.displayUnits}</p>${Y}</div>`})}</div></calcite-popover>`})}</div>`})}<div class="content">${p({hidden:this.hideModeSelect,children:d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${o=>{this.analysis.measureType=o.target.selectedOption.value}}><calcite-option value=cut-fill>${e.cutAndFillMode}</calcite-option><calcite-option value=stockpile>${e.stockpileMode}</calcite-option></calcite-select></calcite-label>`})}${S!=null&&oe({error:S,messages:e})||""}<arcgis-measurement-content .state=${t.displayState} .hintLabel=${e.hint} .unsupportedLabel=${e.unsupported} .items=${[{title:e.cutVolume,measurement:n.cutVolume},{title:e.fillVolume,measurement:n.fillVolume},{title:e.netVolume,measurement:n.netVolume},{title:e.area,measurement:n.area},{title:e.perimeter,measurement:n.perimeter}]}>${p({hidden:this.hideStartButton,children:d`<calcite-button slot=actions width=full .disabled=${l==="disabled"} @click=${()=>{this.viewModel.start({clear:!0})}}>${e.newMeasurement}</calcite-button>`})}</arcgis-measurement-content></div></div>`}};function _(i){let{hidden:e,options:t,selectLabel:n,value:l,onChange:c}=i;return e?null:d`<arcgis-unit-select layout=inline-space-between .options=${t} .selectLabel=${n} .value=${l} @arcgisUnitSelectChange=${h=>{let y=h.detail;t.includes(y)&&c(y)}}></arcgis-unit-select>`}function oe(i){let e,{messages:t,error:n}=i;switch(n){case"insufficient-data":e=t.errorInsufficientData;break;case"perimeter-too-large":e=t.errorPerimeterTooLarge;break;case"unsupported-coordinate-system":e=t.errorUnsupportedCoordinateSystem;break;case"unsupported-layer-transparency":e=t.errorUnsupportedLayerTransparency;break;default:e=t.errorUnknown;break}return d`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning><div slot=title class="warning-title">${e}</div><div slot=message>${e}</div></calcite-notice>`}L("arcgis-volume-measurement",M);return M},"analysis/VolumeMeasurementAnalysis","core/accessorSupport/decorators","core/reactiveUtils","applications/Components/unitUtils",a,b,c,e,f,h)
+import{a as F,b as q,c as k,d as v,e as O,f as z,g as u,j as g,k as m}from"./S4I3X6AX.js";import h from"./MVULTZL6.js";import{a as p}from"./IGSZABNU.js";import f from"./V4RMKJUW.js";import"./PC4PAQXQ.js";import{a as R}from"./ZDGTAZF7.js";import"./BBIOP3C4.js";import e from"./WYQVL6XP.js";import{a as j}from"./OWODXLED.js";import{a as D}from"./54VXNFQ4.js";import c from"./ODIQOLIK.js";import b from"./QNZTAT5I.js";import{h as P}from"./DCKEJ6NB.js";import"./ATTV2K2S.js";import a from"./IFIOUBWT.js";import"./T5K2XFNK.js";import{M as E,N as w,O as I,P as U,Q as A,R as C,U as L,a as $,b as d,x as V}from"./DDD7772O.js";import"./3TTFCHAA.js";export default $arcgis.t(([ee,{property:a,subclass:ie},{watch:te},{convertUnit:re},,,,B,{f:H},T])=>{var se=$`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}:host{width:300px;position:relative}.root{--calcite-label-margin-bottom: 0;padding:var(--arcgis-internal-padding)}.content{flex-direction:column;display:flex;gap:var(--arcgis-internal-panel-gap)}.header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--calcite-spacing-sm);&.no-content{margin-block-end:calc(var(--calcite-spacing-sm) * -1)}}.heading{margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxl);padding:var(--calcite-spacing-md);>div{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);>p{margin:0;font-size:var(--calcite-font-size-md)}}}.warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`,ae=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,s=(i,e,t,n)=>{for(var l=n>1?void 0:n?ne(e,t):e,c=i.length-1,h;c>=0;c--)(h=i[c])&&(l=(n?h(e,t,l):h(l))||l);return n&&l&&ae(e,t,l),l},r=class extends T{constructor(){super(...arguments),this.supportedViewType="3d",this.unsupportedErrorMessage="The Volume Measurement component is only supported in 3D views."}initialize(){this.addHandles([te(()=>({analysis:this.analysis,volumeDisplayUnit:this._userVolumeDisplayUnit,elevationDisplayUnit:this._userElevationDisplayUnit,areaDisplayUnit:this._userAreaDisplayUnit,perimeterDisplayUnit:this._userPerimeterDisplayUnit,elevationInputUnit:this._userElevationInputUnit}),({analysis:i,volumeDisplayUnit:e,elevationDisplayUnit:t,areaDisplayUnit:n,perimeterDisplayUnit:l,elevationInputUnit:c})=>{e&&(i.displayUnits.volume=e),t&&(i.displayUnits.elevation=t),n&&(i.displayUnits.area=n),l&&(i.displayUnits.length=l),c&&(i.inputUnits.elevation=c)},{sync:!0,initial:!0})])}get _defaultElevationInputUnit(){return this.defaultMeasurementSystem==="metric"?"meters":"feet"}get state(){let{analysis:i,disabled:e,operationState:t,ready:n,supported:l}=this,{valid:c}=i;return F({supported:l,disabled:e,ready:n,operationState:t,valid:c})}get displayState(){return q(this.state,this.analysis.geometry!=null)}get measurement(){let{analysisView:i}=this,e=i?.result,t=i?.error==null;return{mode:"euclidean",totalVolume:u(e?.totalVolume,t),cutVolume:u(e?.cutVolume,t),fillVolume:u(e?.fillVolume,t),netVolume:u(e?.netVolume,t),area:u(e?.area,t),perimeter:u(e?.perimeter,t)}}constructAnalysis(){return new ee}async place(i){await this.analysisView?.place(i)}clearAnalysis(){this.analysis.geometry=null}get volumeDisplayUnitOptions(){return g(this._userVolumeUnitOptions,z,z)}set volumeDisplayUnitOptions(i){this._userVolumeUnitOptions=i}get volumeDisplayUnit(){let i=this.volumeDisplayUnitOptions;return m(this._userVolumeDisplayUnit,this.analysis.displayUnits?.volume,i,this.defaultMeasurementSystem)}set volumeDisplayUnit(i){this._userVolumeDisplayUnit=i}get elevationDisplayUnitOptions(){return g(this._userElevationDisplayUnitOptions,v,v)}set elevationDisplayUnitOptions(i){this._userElevationDisplayUnitOptions=i}get elevationDisplayUnit(){let i=this.elevationDisplayUnitOptions;return m(this._userElevationDisplayUnit,this.analysis.displayUnits?.elevation,i,this.defaultMeasurementSystem)}set elevationDisplayUnit(i){this._userElevationDisplayUnit=i}get elevationInputUnitOptions(){return g(this._userElevationInputUnitOptions,k,k)}set elevationInputUnitOptions(i){this._userElevationInputUnitOptions=i}get elevationInputUnit(){let i=this.elevationInputUnitOptions;return m(this._userElevationInputUnit,this.analysis.inputUnits?.elevation,i,this._defaultElevationInputUnit)}set elevationInputUnit(i){let e=this.analysis.cutFillOptions.targetElevation??0;this.analysis.cutFillOptions.targetElevation=re(e,this.elevationInputUnit,i??this.elevationInputUnit),this._userElevationInputUnit=i}get areaDisplayUnitOptions(){return g(this._userAreaUnitOptions,O,O)}set areaDisplayUnitOptions(i){this._userAreaUnitOptions=i}get areaDisplayUnit(){let i=this.areaDisplayUnitOptions;return m(this._userAreaDisplayUnit,this.analysis.displayUnits?.area,i,this.defaultMeasurementSystem)}set areaDisplayUnit(i){this._userAreaDisplayUnit=i}get perimeterDisplayUnitOptions(){return g(this._userPerimeterDisplayUnitOptions,v,v)}set perimeterDisplayUnitOptions(i){this._userPerimeterDisplayUnitOptions=i}get perimeterDisplayUnit(){let i=this.perimeterDisplayUnitOptions;return m(this._userPerimeterDisplayUnit,this.analysis.displayUnits?.length,i,this.defaultMeasurementSystem)}set perimeterDisplayUnit(i){this._userPerimeterDisplayUnit=i}};s([a()],r.prototype,"_defaultElevationInputUnit",1);s([a()],r.prototype,"state",1);s([a()],r.prototype,"displayState",1);s([a({readOnly:!0})],r.prototype,"measurement",1);s([a()],r.prototype,"volumeDisplayUnitOptions",1);s([a()],r.prototype,"volumeDisplayUnit",1);s([a()],r.prototype,"_userVolumeDisplayUnit",2);s([a()],r.prototype,"_userVolumeUnitOptions",2);s([a()],r.prototype,"elevationDisplayUnitOptions",1);s([a()],r.prototype,"elevationDisplayUnit",1);s([a()],r.prototype,"_userElevationDisplayUnit",2);s([a()],r.prototype,"_userElevationDisplayUnitOptions",2);s([a()],r.prototype,"elevationInputUnitOptions",1);s([a()],r.prototype,"elevationInputUnit",1);s([a()],r.prototype,"_userElevationInputUnit",2);s([a()],r.prototype,"_userElevationInputUnitOptions",2);s([a()],r.prototype,"areaDisplayUnitOptions",1);s([a()],r.prototype,"areaDisplayUnit",1);s([a()],r.prototype,"_userAreaDisplayUnit",2);s([a()],r.prototype,"_userAreaUnitOptions",2);s([a()],r.prototype,"perimeterDisplayUnitOptions",1);s([a()],r.prototype,"perimeterDisplayUnit",1);s([a()],r.prototype,"_userPerimeterDisplayUnit",2);s([a()],r.prototype,"_userPerimeterDisplayUnitOptions",2);r=s([ie("components.volume-measurement.VolumeMeasurementViewModel")],r);var le=B(r),M=class extends I{constructor(){super(...arguments),this.viewModel=le(this),this.messages=j({blocking:!0}),this.#e=E(),this.view=this.viewModel.view,this.analysis=this.viewModel.analysis,this.autoDestroyDisabled=!1,this.icon="measure-area",this.state=this.viewModel.state,this.volumeDisplayUnit=this.viewModel.volumeDisplayUnit,this.volumeDisplayUnitOptions=this.viewModel.volumeDisplayUnitOptions,this.elevationDisplayUnit=this.viewModel.elevationDisplayUnit,this.elevationDisplayUnitOptions=this.viewModel.elevationDisplayUnitOptions,this.elevationInputUnit=this.viewModel.elevationInputUnit,this.elevationInputUnitOptions=this.viewModel.elevationInputUnitOptions,this.areaDisplayUnit=this.viewModel.areaDisplayUnit,this.areaDisplayUnitOptions=this.viewModel.areaDisplayUnitOptions,this.perimeterDisplayUnit=this.viewModel.perimeterDisplayUnit,this.perimeterDisplayUnitOptions=this.viewModel.perimeterDisplayUnitOptions,this.hideHeader=!1,this.hideSettingsButton=!1,this.hideElevationDisplayUnitSelect=!1,this.hideElevationInputUnitSelect=!1,this.hideVolumeDisplayUnitSelect=!1,this.hideModeSelect=!1,this.hideStartButton=!1,this.hideVisualization=this.viewModel.hideVisualization,this.headingLevel=2,this.hideAreaDisplayUnitSelect=!1,this.hidePerimeterDisplayUnitSelect=!1,this.arcgisPropertyChange=P()("analysis","state"),this.arcgisReady=V()}static{this.properties={view:0,analysis:0,autoDestroyDisabled:5,icon:3,label:1,referenceElement:1,mode:1,state:32,volumeDisplayUnit:1,volumeDisplayUnitOptions:0,elevationDisplayUnit:1,elevationDisplayUnitOptions:0,elevationInputUnit:1,elevationInputUnitOptions:0,areaDisplayUnit:1,areaDisplayUnitOptions:0,perimeterDisplayUnit:1,perimeterDisplayUnitOptions:0,hideHeader:5,hideSettingsButton:5,hideElevationDisplayUnitSelect:5,hideElevationInputUnitSelect:5,hideVolumeDisplayUnitSelect:5,hideModeSelect:5,hideStartButton:5,hideVisualization:5,headingLevel:9,hideAreaDisplayUnitSelect:5,hidePerimeterDisplayUnitSelect:5}}static{this.styles=se}#e;#i(e){e&&queueMicrotask(()=>{this.isConnected&&(e.referenceElement=this.#e.value)})}get mode(){return this.viewModel.analysis.measureType}set mode(e){this.viewModel.analysis.measureType=e}async clear(){this.viewModel.clear()}async destroy(){await this.manager.destroy()}async start(){H(this.viewModel.start())}render(){let{messages:e,viewModel:t}=this,{measurement:n,state:l}=t,c=this.volumeDisplayUnitOptions,h=this.volumeDisplayUnit,y=this.elevationDisplayUnitOptions,Z=this.elevationDisplayUnit,X=this.elevationInputUnitOptions,G=this.elevationInputUnit,J=this.perimeterDisplayUnitOptions,K=this.perimeterDisplayUnit,N=this.areaDisplayUnitOptions,Q=this.areaDisplayUnit,S=t.analysisView?.error?.name,W=[_({hidden:this.hideElevationInputUnitSelect,options:X,selectLabel:e.elevationInputUnit,value:G,onChange:o=>{this.viewModel.elevationInputUnit=o}})],Y=[_({hidden:this.hideElevationDisplayUnitSelect,options:y,selectLabel:e.elevationDisplayUnit,value:Z,onChange:o=>{this.analysis.displayUnits.elevation=o}}),_({hidden:this.hideVolumeDisplayUnitSelect,options:c,selectLabel:e.volumeDisplayUnit,value:h,onChange:o=>{this.viewModel.volumeDisplayUnit=o}}),_({hidden:this.hideAreaDisplayUnitSelect,options:N,selectLabel:e.areaDisplayUnit,value:Q,onChange:o=>{this.viewModel.areaDisplayUnit=o}}),_({hidden:this.hidePerimeterDisplayUnitSelect,options:J,selectLabel:e.perimeterDisplayUnit,value:K,onChange:o=>{this.viewModel.perimeterDisplayUnit=o}})],b=[this.hideElevationInputUnitSelect].filter(o=>!o).length===0,f=[this.hideElevationDisplayUnitSelect,this.hideVolumeDisplayUnitSelect,this.hideAreaDisplayUnitSelect,this.hidePerimeterDisplayUnitSelect].filter(o=>!o).length===0,x=this.hideSettingsButton||b&&f;return d`<div aria-label=${e.componentLabel??C} class=${U({root:!0,[D.widget]:!0,[D.panel]:!0})} role=presentation>${l==="disabled"&&d`<calcite-scrim></calcite-scrim>`||""}${p({hidden:this.hideHeader&&x,children:d`<div class=${U({header:!0,"no-content":this.hideHeader})}>${p({hidden:this.hideHeader,children:R({class:"heading",level:this.headingLevel,children:e.title})})}<span style=${A({flex:1})}></span>${p({hidden:x,children:d`<calcite-action icon=gear slot=settings .text=${e.displaySettings} ${w(this.#e)}></calcite-action><calcite-popover slot=settings label .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${x?!1:void 0} ${w(this.#i)}><div class="settings-content">${p({hidden:b,children:d`<div><p .hidden=${f}>${e.inputUnits}</p>${W}</div>`})}${p({hidden:f,children:d`<div><p .hidden=${b}>${e.displayUnits}</p>${Y}</div>`})}</div></calcite-popover>`})}</div>`})}<div class="content">${p({hidden:this.hideModeSelect,children:d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${o=>{this.analysis.measureType=o.target.selectedOption.value}}><calcite-option value=cut-fill>${e.cutAndFillMode}</calcite-option><calcite-option value=stockpile>${e.stockpileMode}</calcite-option></calcite-select></calcite-label>`})}${S!=null&&oe({error:S,messages:e})||""}<arcgis-measurement-content .state=${t.displayState} .hintLabel=${e.hint} .unsupportedLabel=${e.unsupported} .items=${[{title:e.cutVolume,measurement:n.cutVolume},{title:e.fillVolume,measurement:n.fillVolume},{title:e.netVolume,measurement:n.netVolume},{title:e.area,measurement:n.area},{title:e.perimeter,measurement:n.perimeter}]}>${p({hidden:this.hideStartButton,children:d`<calcite-button slot=actions width=full .disabled=${l==="disabled"} @click=${()=>{this.viewModel.start({clear:!0})}}>${e.newMeasurement}</calcite-button>`})}</arcgis-measurement-content></div></div>`}};function _(i){let{hidden:e,options:t,selectLabel:n,value:l,onChange:c}=i;return e?null:d`<arcgis-unit-select layout=inline-space-between .options=${t} .selectLabel=${n} .value=${l} @arcgisUnitSelectChange=${h=>{let y=h.detail;t.includes(y)&&c(y)}}></arcgis-unit-select>`}function oe(i){let e,{messages:t,error:n}=i;switch(n){case"insufficient-data":e=t.errorInsufficientData;break;case"perimeter-too-large":e=t.errorPerimeterTooLarge;break;case"unsupported-coordinate-system":e=t.errorUnsupportedCoordinateSystem;break;case"unsupported-layer-transparency":e=t.errorUnsupportedLayerTransparency;break;default:e=t.errorUnknown;break}return d`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning><div slot=title class="warning-title">${e}</div><div slot=message>${e}</div></calcite-notice>`}L("arcgis-volume-measurement",M);return M},"analysis/VolumeMeasurementAnalysis","core/accessorSupport/decorators","core/reactiveUtils","applications/Components/unitUtils",a,b,c,e,f,h)