@arcgis/map-components 5.1.5 → 5.1.6

package/dist/cdn/{7DCRZAN4.js → OM2SD4GL.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as P}from"./ZW4BBZNX.js";import{a as Te,b as ze,c as Fe,d as Oe,f as Pe,g as De,h as Re,i as Se,j as Be,k as Ue,m as $,n as W,o as je,p as Ge,q as X}from"./4KLZDEYJ.js";import i from"./F7DUN5OF.js";import"./MP6Z45SA.js";import{a as Ae}from"./UMW36IPO.js";import{a as A}from"./VEOJSZ7U.js";import g from"./YUN2QQHP.js";import f from"./R3NYK6BO.js";import e from"./DXULR6EZ.js";import"./PC4PAQXQ.js";import d from"./ZFE6DOCC.js";import{a as Ie}from"./JBCJVKJY.js";import{a as B}from"./54VXNFQ4.js";import{a as Ee}from"./QXZXUVGV.js";import c from"./HQMKXMRR.js";import b from"./FRTFIGVF.js";import{h as $e}from"./RDSYCNUX.js";import"./BA5FUUFH.js";import a from"./264N47JI.js";import{d as z}from"./6WEIGII6.js";import{B as be,M as C,N as E,O as ye,P as h,Q as we,R as m,S as K,U as xe,a as J,b as n,x as ve}from"./5YVXWMBF.js";import"./3TTFCHAA.js";export default $arcgis.t(([pt,D,{on:qe,watch:gt},{isLayerFromCatalog:ot},{h:ke},,{a:Le},Ce,,,,{a:Q,b:Me}])=>{var He=new Map;function Ve(s){return s?He.get(s)??!1:!1}function st(s,e){let t=!(s.aria?.pressed??Ve(e));return s.aria={...s.aria,pressed:t},e&&He.set(e,t),t}function ee(s){return s&&"visibilityMode"in s?s.visibilityMode:null}function Ne(s,e){"visible"in s&&(ee(e)==="exclusive"&&s.visible||(s.visible=!s.visible))}function nt(s,e){s.panel.open=!s.panel.open,s.panel.open&&e&&e()}function lt(s,e,t,i){s&&t===e.layer?.uid&&(ke(s),i?.(null))}function ct(s,e,t){t.type==="toggle"&&(t.value=!t.value),s(t,e)}function dt(s){return s.actionsSections.map(e=>e.filter(t=>t.visible))}function Ze(s,e){let{icon:t}=e;if(t)return null;let i="image"in e?e.image:void 0;return i?n`<span aria-hidden=true class=${h(z(s.itemActionIcon,{[s.itemActionImage]:!!i}))} style=${we(Me(i))}></span>`:null}function Ye(s,e,t){let{item:i,css:a,handleAction:o}=s,{active:l,disabled:c,title:d,type:g,indicator:v}=e,y=Q(e);return n`<calcite-action .active=${g==="toggle"?e.value:!1} data-action-id=${e.id??m} .disabled=${c} .icon=${y} .indicator=${v} .loading=${l} @click=${()=>ct(o,i,e)} scale=s slot=${(t?void 0:"actions-end")??m} .text=${d??""} .textEnabled=${t} title=${d??void 0??m}>${Ze(a,e)}</calcite-action>`}function te(s){let{item:e,parent:t,hideStatusIndicators:i,css:a,visibilityAppearance:o,hideCatalogLayerList:l,dragEnabled:c=!1,rootGroupUid:d,listModeDisabled:g=!1,selectionMode:v,displayMode:y,layerTablesEnabled:w,showErrors:F,parentTitles:I,selectedItems:O,activeItem:f,handleCatalogOpen:U,handleTablesOpen:j,selectedDragItemLayerUid:R,handleSelectedDragItemLayerUidChange:Ke,handlePanelOpen:Qe,messages:p,setCurrentActiveItem:ae,clearActiveItem:re}=s,L=C(),G=C(),M=e.title||("untitledTable"in p?p.untitledTable:p.untitledLayer??""),oe=null;i||(oe=n`<arcgis-layer-list-item-indicator class=${h(a.statusIndicator)} .messages=${p} .item=${e} .parent=${t} slot=content-end></arcgis-layer-list-item-indicator>`);let se=null;{let{layer:r}=e,u=r&&"persistenceEnabled"in r&&(ot(r)||!r.persistenceEnabled);(s.showTemporaryLayerIndicators||s.showTemporaryTableIndicators)&&u&&(se=n`<calcite-icon class=${h(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${p.temporary??m}></calcite-icon>`)}let ne=null;if("visible"in e&&"visibleToggle"in a&&o){let r=ee(t);if(r!=="inherited"){let u=Oe({visible:e.visible,exclusive:r==="exclusive",visibilityAppearance:o}),_=o==="checkbox",b=p.layerVisibility,T=e.title??e.layer?.title??"",k=T?`${b??""}: ${T}`:b??"",Z=Ve(e.layer?.id);ne=n`<calcite-action .aria=${{pressed:Z}} class=${h(a.visibleToggle)} .icon=${_?u:void 0} .label=${k} @click=${q=>{st(q.currentTarget,e.layer?.id),Ne(e,t)}} .slot=${_?"actions-start":"actions-end"} .text=${b??""} title=${b??m}>${_?null:n`<calcite-icon class=${h(z({[a.visibleIcon]:r!=="exclusive"&&e.visible}))} .icon=${u} scale=s></calcite-icon>`}</calcite-action>`}}let le=null;{let r=e.panel;r?.open&&!r.disabled&&!r.flowEnabled&&(le=n`<div class=${h(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${s.view}></arcgis-layer-list-item-panel></div>`)}let ce=null;{let r=e.panel;if(r?.visible){let{open:u,title:_,disabled:b}=r,T={icon:r.icon,image:r.image,indicator:!1},k=Q(T);ce=n`<calcite-action .active=${u} .disabled=${b} .icon=${k} @click=${()=>nt(e,Qe)} slot=actions-end .text=${_??""} title=${_??void 0??m}>${Ze(a,r)}</calcite-action>`}}let de=null;{let r=e.layer,u=r?.type==="catalog-footprint",_=r?.type==="sublayer"&&X(r,"footprints");"itemCatalogIcon"in a&&(u||_)&&(de=n`<calcite-icon class=${h(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`)}let pe=null;{let r=e.layer,u=r?.type==="catalog-dynamic-group",_=r?.type==="sublayer"&&X(r,"layers-in-view");"itemCatalogIcon"in a&&(u||_)&&(pe=n`<calcite-icon class=${h(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`)}let ge=null;if("visible"in e){let r=e.layer;!l&&r?.type==="catalog-dynamic-group"&&(ge=n`<calcite-action .disabled=${!r.visible} icon=chevron-right icon-flip-rtl @click=${()=>U?.(e)} scale=s slot=actions-end .text=${M??""}></calcite-action>`)}let me=null,N=!1;{let r=e.layer;if(w&&r)switch(r.type){case"knowledge-graph":N=w.includes(r.type)&&"tables"in r&&!!r.tables?.length;break;case"map-image":case"tile":N=w.includes(r.type)&&"subtables"in r&&!!r.subtables?.length;break}"itemTableIcon"in a&&"visible"in e&&"tables"in p&&N&&(me=A(`${e.uid}-tables`,n`<calcite-list-item class=${h(a.item)} data-layer-id=${r?.id??m} drag-disabled .label=${p.tables} title=${p.tables??m} @calciteListItemSelect=${()=>j?.(e)} .value=${e}><calcite-icon class=${h(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 he=null;if("children"in e){let r=[...I??[],e.title],{children:u,layer:_}=e,b=_?.type!=="catalog-dynamic-group"&&je(e),T=g?!1:Pe(_),k=_?.type==="group",Z=!T&&!b&&c&&k,q=k&&"sortable"in e&&e.sortable,at=c&&("childrenSortable"in e&&e.childrenSortable||q)&&Se(e),rt=b?(u?.filter(x=>!x.hidden&&(F||!x.error)).toArray()??[]).map(x=>te({...s,item:x,parent:e,parentTitles:r})):null;(b||Z)&&(he=n`<calcite-list .canPull=${x=>s.canMove?s.canMove(x,"pull"):!1} .canPut=${x=>s.canMove?s.canMove(x,"put"):!1} data-item=${e.uid??m} data-layer-type=${d??m} .displayMode=${y} .dragEnabled=${at} .group=${k?d:`${d}-${_?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${rt}${me}</calcite-list>`)}let Y=null;if(e.error){let r="layerError"in p?p.layerError:p.tableError;Y=n`<div class=${h(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${r}</div></calcite-notice></div>`}else"incompatible"in e&&e.incompatible&&"layerIncompatible"in p&&(Y=n`<div class=${h(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${E(G)}><div slot=message>${p.layerIncompatible}</div></calcite-notice></div>`);let ue=dt(e),H=e.actionsSections.reduce((r,u)=>r+u.length,0),fe=Ge(ue),We=ue.toArray().map(r=>n`<calcite-action-group>${r.toArray().map(u=>Ye(s,u,!0))}</calcite-action-group>`),Xe=r=>{e.actionsOpen=r.currentTarget.open},_e=null;H>1&&(_e=n`<calcite-action-menu appearance=transparent .label=${p.menu??""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${Xe}><calcite-action .aria=${{expanded:e.actionsOpen??!1,hasPopup:"true"}} icon=ellipsis scale=s slot=trigger .text=${p.options??""} title=${p.options??m}></calcite-action>${We}</calcite-action-menu>`);let V=null;H===1&&fe?V=Ye(s,fe,!1):H>1&&(V=_e);let et="visibleAtCurrentTimeExtent"in e&&"layerInvisibleAtTime"in p&&!e.visibleAtCurrentTimeExtent?`${M} (${p.layerInvisibleAtTime})`:"visibleAtCurrentScale"in e&&"layerInvisibleAtScale"in p&&!e.visibleAtCurrentScale?`${M} (${p.layerInvisibleAtScale})`:M,tt="parent"in e&&e.parent?.layer?.type==="catalog",S=e.layer,it="visibleAtCurrentScale"in e&&!e.visibleAtCurrentScale||"visibleAtCurrentTimeExtent"in e&&!e.visibleAtCurrentTimeExtent;return queueMicrotask(()=>{lt(L.value??null,e,R,Ke),G.value&&(s.handleTooltipReferenceChange?.(S?.uid,G.value),queueMicrotask(()=>s.handleTooltipReferenceChange?.(S?.uid,null))),e.panel&&(e.panel.container=L.value)}),A(e.uid,n`<calcite-list-item class=${h(z(a.item,"itemActive"in a&&{[a.itemActive]:f?.uid===e.uid}))} data-item=${e.uid??m} data-layer-id=${S?.id??m} .dragDisabled=${!("sortable"in e&&e.sortable)||tt} id=${S?.uid??m} .label=${M} .metadata=${{parentTitles:I??[],_title:M}} .expanded=${"open"in e&&e.open} .selected=${v!=="none"?O.includes(e):!1} title=${et??m} .unavailable=${it} .value=${e} @focusin=${()=>{ae?.(e),L.value?.classList.add(a.itemActive)}} @focusout=${()=>{re?.(),L.value?.classList.remove(a.itemActive)}} @mouseover=${()=>{ae?.(e),L.value?.classList.add(a.itemActive)}} @mouseleave=${()=>{re?.(),L.value?.classList.remove(a.itemActive)}} @calciteListItemSelect=${r=>"visible"in e&&$(r.currentTarget,s.operationalItems)===e&&v==="none"&&ee(t)!=="inherited"&&Ne(e,t)} @calciteListItemToggle=${r=>{"open"in e&&(r.stopPropagation(),e.open=r.target.expanded)}} ${E(L)}>${de}${pe}${oe}${ne}${ge}${se}${he}${Y}${le}${ce}${V}</calcite-list-item>`)}var mt=J`.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-internal-layer-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.esri-legend{display:none}.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-internal-layer-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}`,ht=J`@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}: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}.status-indicator{margin-inline:0}`,Je="nested",ut=Ce(pt),ie=class extends ye{constructor(){super(...arguments),this._lastDragDetail=null,this._rootListRef=C(),this._layerFlowItemRef=C(),this._panelFlowItemRef=C(),this._selectedDragItemLayerUid=null,this._rootGroupUid=`operational-${be()}`,this._openedLayersController=null,this.messages=Ie(),this._canMove=({dragEl:e,fromEl:t,toEl:i},a)=>{let o=a==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,l=$(e,this.operationalItems);if(!l?.sortable)return!1;let c=this._resolveListContainer(t),d=this._resolveListContainer(i),g=this._getContainerItem(c),v=W(c),y=this._getContainerItem(d),w=W(d),F=!!v&&!!w&&v===w,I={selected:l,from:g,to:y},O=c?.group,f=d?.group,U=g?.layer?.type??"",j=y?.layer?.type??"",R=new Set(["map-image","catalog","knowledge-graph"]);return O&&f&&typeof o=="function"?o(I):F&&!R.has(U)&&!R.has(j)&&l?.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(P.item)),i=$(t,this.operationalItems);this._activeItem=i},this.viewModel=ut(this),this.arcgisClose=Ee(this),this._activeItem=null,this._onTooltipReferenceChange=(e,t)=>{t?this._tooltipReferenceMap.set(e,t):this._tooltipReferenceMap.delete(e)},this._onSelectedDragItemLayerUidChange=e=>{this._selectedDragItemLayerUid=e},this._onTriggerAction=(e,t)=>{this.triggerAction(e,t)},this._tooltipReferenceMap=new Map,this._layerListMap=new Map,this.layerTablesEnabled=new D(["knowledge-graph"]),this.mapImageOptions=null,this.openedLayerLists=new D,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 D(["knowledge-graph"]),this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.minDragEnabledItems=Fe,this.minFilterItems=ze,this.openedLayers=new D,this.operationalItems=this.viewModel.operationalItems,this.selectedItems=new D,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=$e()("state"),this.arcgisReady=ve(),this.arcgisTriggerAction=Le(()=>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,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=[ht,mt]}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(()=>[qe(()=>this.openedLayers,"change",()=>{this._handleOpenedLayersChange()},{initial:!0}),qe(()=>this.viewModel.operationalItems,"change",()=>De(this.selectedItems),{initial:!0}),gt(()=>[this.filterPredicate,this._rootListRef.value],()=>Re(this._rootListRef.value,this.filterPredicate,this.operationalItems))])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}_resolveListContainer(e){return e?e.matches("calcite-list")?e:e.closest("calcite-list[data-item]")||(this._rootListRef.value?.contains(e)?this._rootListRef.value:null):null}_getContainerItem(e){let t=e?.getAttribute("data-item");return t?this._findItemByUid(t):null}_findItemByUid(e){let t=this.operationalItems?.toArray()??[];for(;t.length;){let i=t.shift();if(!i)continue;if(i.uid===e)return i;let a=i.children?.toArray()??[];t.push(...a)}return null}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,g)=>{t.includes(g)||(d?.destroy?.(),e.delete(g))});let l=await Promise.all(t.map(d=>this._createFlowList(d,o)));if(o.aborted)return;i.removeAll(),i.addMany(l);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:l,selectionMode:c,visibilityAppearance:d}=this;return K(n`<arcgis-catalog-layer-list .headingLevel=${t} .filterPlaceholder=${i?.filterPlaceholder??a} .listItemCreatedFunction=${i?.listItemCreatedFunction??o} .minFilterItems=${i?.minFilterItems??l} .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=${g=>g.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 K(n`<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=${l=>l.stopPropagation()}></arcgis-table-list>`)}_handlePanelFlowItemBack(e){e.open=!1}_moveLayerFromChildList({toEl:e,fromEl:t,dragEl:i,newIndex:a}){let o=this._resolveListContainer(e),l=this._resolveListContainer(t),c=$(i,this.operationalItems),d=this._getContainerItem(o),g=this._getContainerItem(l);a==null||!c||this.viewModel.moveListItem(c,g,d,a)}_onCalciteListDragEnd(e){let{fromEl:t,toEl:i,dragEl:a,oldIndex:o}=e;if(t!==i){a.remove();return}o==null||!t||!a||t.insertBefore(a,t.children[o])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{dragEl:i,newIndex:a}=e,o=this._resolveListContainer(e.fromEl),l=this._resolveListContainer(e.toEl),c=t?.newIndex===a&&t?.dragEl===i&&t?.toEl===l&&t?.fromEl===o;if(!(!o||!l||c)){if(this._lastDragDetail={...e,fromEl:o,toEl:l},this._selectedDragItemLayerUid=i.value,o===l){let d=Array.from(o.children).filter(g=>g?.matches("calcite-list-item")).map(g=>g.value.layer?.uid??"");this._sortLayers(o,d);return}this._moveLayerFromChildList({toEl:l,fromEl:o,dragEl:i,newIndex:a})}}_sortLayers(e,t){if(e)if(e===this._rootListRef.value)Be(this.el.view?.map?.layers,t);else{let i=$(e,this.operationalItems);if(!i)return;Ue(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 n`<div class=${h(z(B.widget,i))}>${e?.length?[this._renderItemTooltips(),this._renderItems()]:this._renderNoItems()}</div>`}_renderItemTooltip(e){let{_tooltipReferenceMap:t,messages:i}=this;return e?n`<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 n`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return n`<div class=${h(P.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 A(e?.uid??o,n`<calcite-flow-item data-layer-uid=${e?.uid??""??m} .description=${o} .heading=${i[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${l=>{l.preventDefault(),a.pop(),a.at(-1)&&this._layerFlowItemRef.value?.setFocus()}} ${E(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`)}_renderPanelFlowItems(){let{_openedPanelItems:e,openedLayers:t}=this;return Ae(e.toArray(),i=>i.uid,(i,a)=>{let{panel:o,title:l}=i,c=()=>this._handlePanelFlowItemBack(o);return n`<calcite-flow-item .description=${l} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${d=>{d.preventDefault(),c()}} ${E(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:l,showCollapseButton:c,showHeading:d,_dragEnabled:g,selectionMode:v,filterText:y,openedLayers:w,filterPlaceholder:F,messages:I}=this,O=[n`<calcite-flow-item .closable=${l} .closed=${this.closed} .collapsed=${e} .collapsible=${c} .heading=${d?I.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!w.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??m} .displayMode=${Je} .dragEnabled=${g} .filterEnabled=${a} .filterPlaceholder=${F} .filterProps=${Te} .filterText=${a?y:""} .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)} ${E(this._rootListRef)}>${t?.toArray().map(f=>this._renderItem(f))??[]}${t?.length&&a?n`<div class=${h(P.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:A("root-flow",n`<calcite-flow>${O}</calcite-flow>`)}_renderItem(e,t,i){return A(e.uid,te({activeItem:this._activeItem,canMove:this._canMove,css:P,displayMode:Je,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,showTemporaryLayerIndicators:this.showTemporaryLayerIndicators,showCloseButton:this.showCloseButton,showCollapseButton:this.showCollapseButton,showErrors:this.showErrors,showHeading:this.showHeading,showFilter:this.showFilter,clearActiveItem:this._clearActiveItem,visibilityAppearance:this.visibilityAppearance,handleAction:this._onTriggerAction,handleCatalogOpen:this._onCatalogOpen,handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange,handleTablesOpen:this._onTablesOpen,handleTooltipReferenceChange:this._onTooltipReferenceChange,view:this.view}))}};xe("arcgis-layer-list-next",ie);return ie},"widgets/LayerList/LayerListViewModel","core/Collection","core/reactiveUtils","layers/catalog/catalogUtils",a,b,c,d,e,f,g,i)
+import{a as P}from"./K3JRFEE7.js";import{a as Te,b as ze,c as Fe,d as Oe,f as Pe,g as De,h as Re,i as Se,j as Be,k as Ue,m as $,n as W,o as je,p as Ge,q as X}from"./4KLZDEYJ.js";import i from"./CXTDJBT6.js";import"./MP6Z45SA.js";import{a as Ae}from"./R4Q6JNRI.js";import{a as A}from"./FXCICSY5.js";import g from"./277KPH5T.js";import f from"./R3NYK6BO.js";import e from"./BWSPCTJZ.js";import"./PC4PAQXQ.js";import d from"./TQ575YV3.js";import{a as Ie}from"./5ETMQCK3.js";import{a as B}from"./54VXNFQ4.js";import{a as Ee}from"./M5TJOMYV.js";import c from"./IQSWTFAF.js";import b from"./B2Z5BIBI.js";import{h as $e}from"./WP3MOYXQ.js";import"./VVANDM5M.js";import a from"./UGT27E2V.js";import{d as z}from"./WQXVE4SB.js";import{B as be,M as C,N as E,O as ye,P as h,Q as we,R as m,S as K,U as xe,a as J,b as n,x as ve}from"./RBMOB27D.js";import"./3TTFCHAA.js";export default $arcgis.t(([pt,D,{on:qe,watch:gt},{isLayerFromCatalog:ot},{h:ke},,{a:Le},Ce,,,,{a:Q,b:Me}])=>{var He=new Map;function Ve(s){return s?He.get(s)??!1:!1}function st(s,e){let t=!(s.aria?.pressed??Ve(e));return s.aria={...s.aria,pressed:t},e&&He.set(e,t),t}function ee(s){return s&&"visibilityMode"in s?s.visibilityMode:null}function Ne(s,e){"visible"in s&&(ee(e)==="exclusive"&&s.visible||(s.visible=!s.visible))}function nt(s,e){s.panel.open=!s.panel.open,s.panel.open&&e&&e()}function lt(s,e,t,i){s&&t===e.layer?.uid&&(ke(s),i?.(null))}function ct(s,e,t){t.type==="toggle"&&(t.value=!t.value),s(t,e)}function dt(s){return s.actionsSections.map(e=>e.filter(t=>t.visible))}function Ze(s,e){let{icon:t}=e;if(t)return null;let i="image"in e?e.image:void 0;return i?n`<span aria-hidden=true class=${h(z(s.itemActionIcon,{[s.itemActionImage]:!!i}))} style=${we(Me(i))}></span>`:null}function Ye(s,e,t){let{item:i,css:a,handleAction:o}=s,{active:l,disabled:c,title:d,type:g,indicator:v}=e,y=Q(e);return n`<calcite-action .active=${g==="toggle"?e.value:!1} data-action-id=${e.id??m} .disabled=${c} .icon=${y} .indicator=${v} .loading=${l} @click=${()=>ct(o,i,e)} scale=s slot=${(t?void 0:"actions-end")??m} .text=${d??""} .textEnabled=${t} title=${d??void 0??m}>${Ze(a,e)}</calcite-action>`}function te(s){let{item:e,parent:t,hideStatusIndicators:i,css:a,visibilityAppearance:o,hideCatalogLayerList:l,dragEnabled:c=!1,rootGroupUid:d,listModeDisabled:g=!1,selectionMode:v,displayMode:y,layerTablesEnabled:w,showErrors:F,parentTitles:I,selectedItems:O,activeItem:f,handleCatalogOpen:U,handleTablesOpen:j,selectedDragItemLayerUid:R,handleSelectedDragItemLayerUidChange:Ke,handlePanelOpen:Qe,messages:p,setCurrentActiveItem:ae,clearActiveItem:re}=s,L=C(),G=C(),M=e.title||("untitledTable"in p?p.untitledTable:p.untitledLayer??""),oe=null;i||(oe=n`<arcgis-layer-list-item-indicator class=${h(a.statusIndicator)} .messages=${p} .item=${e} .parent=${t} slot=content-end></arcgis-layer-list-item-indicator>`);let se=null;{let{layer:r}=e,u=r&&"persistenceEnabled"in r&&(ot(r)||!r.persistenceEnabled);(s.showTemporaryLayerIndicators||s.showTemporaryTableIndicators)&&u&&(se=n`<calcite-icon class=${h(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${p.temporary??m}></calcite-icon>`)}let ne=null;if("visible"in e&&"visibleToggle"in a&&o){let r=ee(t);if(r!=="inherited"){let u=Oe({visible:e.visible,exclusive:r==="exclusive",visibilityAppearance:o}),_=o==="checkbox",b=p.layerVisibility,T=e.title??e.layer?.title??"",k=T?`${b??""}: ${T}`:b??"",Z=Ve(e.layer?.id);ne=n`<calcite-action .aria=${{pressed:Z}} class=${h(a.visibleToggle)} .icon=${_?u:void 0} .label=${k} @click=${q=>{st(q.currentTarget,e.layer?.id),Ne(e,t)}} .slot=${_?"actions-start":"actions-end"} .text=${b??""} title=${b??m}>${_?null:n`<calcite-icon class=${h(z({[a.visibleIcon]:r!=="exclusive"&&e.visible}))} .icon=${u} scale=s></calcite-icon>`}</calcite-action>`}}let le=null;{let r=e.panel;r?.open&&!r.disabled&&!r.flowEnabled&&(le=n`<div class=${h(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${s.view}></arcgis-layer-list-item-panel></div>`)}let ce=null;{let r=e.panel;if(r?.visible){let{open:u,title:_,disabled:b}=r,T={icon:r.icon,image:r.image,indicator:!1},k=Q(T);ce=n`<calcite-action .active=${u} .disabled=${b} .icon=${k} @click=${()=>nt(e,Qe)} slot=actions-end .text=${_??""} title=${_??void 0??m}>${Ze(a,r)}</calcite-action>`}}let de=null;{let r=e.layer,u=r?.type==="catalog-footprint",_=r?.type==="sublayer"&&X(r,"footprints");"itemCatalogIcon"in a&&(u||_)&&(de=n`<calcite-icon class=${h(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`)}let pe=null;{let r=e.layer,u=r?.type==="catalog-dynamic-group",_=r?.type==="sublayer"&&X(r,"layers-in-view");"itemCatalogIcon"in a&&(u||_)&&(pe=n`<calcite-icon class=${h(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`)}let ge=null;if("visible"in e){let r=e.layer;!l&&r?.type==="catalog-dynamic-group"&&(ge=n`<calcite-action .disabled=${!r.visible} icon=chevron-right icon-flip-rtl @click=${()=>U?.(e)} scale=s slot=actions-end .text=${M??""}></calcite-action>`)}let me=null,N=!1;{let r=e.layer;if(w&&r)switch(r.type){case"knowledge-graph":N=w.includes(r.type)&&"tables"in r&&!!r.tables?.length;break;case"map-image":case"tile":N=w.includes(r.type)&&"subtables"in r&&!!r.subtables?.length;break}"itemTableIcon"in a&&"visible"in e&&"tables"in p&&N&&(me=A(`${e.uid}-tables`,n`<calcite-list-item class=${h(a.item)} data-layer-id=${r?.id??m} drag-disabled .label=${p.tables} title=${p.tables??m} @calciteListItemSelect=${()=>j?.(e)} .value=${e}><calcite-icon class=${h(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 he=null;if("children"in e){let r=[...I??[],e.title],{children:u,layer:_}=e,b=_?.type!=="catalog-dynamic-group"&&je(e),T=g?!1:Pe(_),k=_?.type==="group",Z=!T&&!b&&c&&k,q=k&&"sortable"in e&&e.sortable,at=c&&("childrenSortable"in e&&e.childrenSortable||q)&&Se(e),rt=b?(u?.filter(x=>!x.hidden&&(F||!x.error)).toArray()??[]).map(x=>te({...s,item:x,parent:e,parentTitles:r})):null;(b||Z)&&(he=n`<calcite-list .canPull=${x=>s.canMove?s.canMove(x,"pull"):!1} .canPut=${x=>s.canMove?s.canMove(x,"put"):!1} data-item=${e.uid??m} data-layer-type=${d??m} .displayMode=${y} .dragEnabled=${at} .group=${k?d:`${d}-${_?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${rt}${me}</calcite-list>`)}let Y=null;if(e.error){let r="layerError"in p?p.layerError:p.tableError;Y=n`<div class=${h(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${r}</div></calcite-notice></div>`}else"incompatible"in e&&e.incompatible&&"layerIncompatible"in p&&(Y=n`<div class=${h(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${E(G)}><div slot=message>${p.layerIncompatible}</div></calcite-notice></div>`);let ue=dt(e),H=e.actionsSections.reduce((r,u)=>r+u.length,0),fe=Ge(ue),We=ue.toArray().map(r=>n`<calcite-action-group>${r.toArray().map(u=>Ye(s,u,!0))}</calcite-action-group>`),Xe=r=>{e.actionsOpen=r.currentTarget.open},_e=null;H>1&&(_e=n`<calcite-action-menu appearance=transparent .label=${p.menu??""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${Xe}><calcite-action .aria=${{expanded:e.actionsOpen??!1,hasPopup:"true"}} icon=ellipsis scale=s slot=trigger .text=${p.options??""} title=${p.options??m}></calcite-action>${We}</calcite-action-menu>`);let V=null;H===1&&fe?V=Ye(s,fe,!1):H>1&&(V=_e);let et="visibleAtCurrentTimeExtent"in e&&"layerInvisibleAtTime"in p&&!e.visibleAtCurrentTimeExtent?`${M} (${p.layerInvisibleAtTime})`:"visibleAtCurrentScale"in e&&"layerInvisibleAtScale"in p&&!e.visibleAtCurrentScale?`${M} (${p.layerInvisibleAtScale})`:M,tt="parent"in e&&e.parent?.layer?.type==="catalog",S=e.layer,it="visibleAtCurrentScale"in e&&!e.visibleAtCurrentScale||"visibleAtCurrentTimeExtent"in e&&!e.visibleAtCurrentTimeExtent;return queueMicrotask(()=>{lt(L.value??null,e,R,Ke),G.value&&(s.handleTooltipReferenceChange?.(S?.uid,G.value),queueMicrotask(()=>s.handleTooltipReferenceChange?.(S?.uid,null))),e.panel&&(e.panel.container=L.value)}),A(e.uid,n`<calcite-list-item class=${h(z(a.item,"itemActive"in a&&{[a.itemActive]:f?.uid===e.uid}))} data-item=${e.uid??m} data-layer-id=${S?.id??m} .dragDisabled=${!("sortable"in e&&e.sortable)||tt} id=${S?.uid??m} .label=${M} .metadata=${{parentTitles:I??[],_title:M}} .expanded=${"open"in e&&e.open} .selected=${v!=="none"?O.includes(e):!1} title=${et??m} .unavailable=${it} .value=${e} @focusin=${()=>{ae?.(e),L.value?.classList.add(a.itemActive)}} @focusout=${()=>{re?.(),L.value?.classList.remove(a.itemActive)}} @mouseover=${()=>{ae?.(e),L.value?.classList.add(a.itemActive)}} @mouseleave=${()=>{re?.(),L.value?.classList.remove(a.itemActive)}} @calciteListItemSelect=${r=>"visible"in e&&$(r.currentTarget,s.operationalItems)===e&&v==="none"&&ee(t)!=="inherited"&&Ne(e,t)} @calciteListItemToggle=${r=>{"open"in e&&(r.stopPropagation(),e.open=r.target.expanded)}} ${E(L)}>${de}${pe}${oe}${ne}${ge}${se}${he}${Y}${le}${ce}${V}</calcite-list-item>`)}var mt=J`.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-internal-layer-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.esri-legend{display:none}.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-internal-layer-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}`,ht=J`@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}: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}.status-indicator{margin-inline:0}`,Je="nested",ut=Ce(pt),ie=class extends ye{constructor(){super(...arguments),this._lastDragDetail=null,this._rootListRef=C(),this._layerFlowItemRef=C(),this._panelFlowItemRef=C(),this._selectedDragItemLayerUid=null,this._rootGroupUid=`operational-${be()}`,this._openedLayersController=null,this.messages=Ie(),this._canMove=({dragEl:e,fromEl:t,toEl:i},a)=>{let o=a==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,l=$(e,this.operationalItems);if(!l?.sortable)return!1;let c=this._resolveListContainer(t),d=this._resolveListContainer(i),g=this._getContainerItem(c),v=W(c),y=this._getContainerItem(d),w=W(d),F=!!v&&!!w&&v===w,I={selected:l,from:g,to:y},O=c?.group,f=d?.group,U=g?.layer?.type??"",j=y?.layer?.type??"",R=new Set(["map-image","catalog","knowledge-graph"]);return O&&f&&typeof o=="function"?o(I):F&&!R.has(U)&&!R.has(j)&&l?.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(P.item)),i=$(t,this.operationalItems);this._activeItem=i},this.viewModel=ut(this),this.arcgisClose=Ee(this),this._activeItem=null,this._onTooltipReferenceChange=(e,t)=>{t?this._tooltipReferenceMap.set(e,t):this._tooltipReferenceMap.delete(e)},this._onSelectedDragItemLayerUidChange=e=>{this._selectedDragItemLayerUid=e},this._onTriggerAction=(e,t)=>{this.triggerAction(e,t)},this._tooltipReferenceMap=new Map,this._layerListMap=new Map,this.layerTablesEnabled=new D(["knowledge-graph"]),this.mapImageOptions=null,this.openedLayerLists=new D,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 D(["knowledge-graph"]),this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.minDragEnabledItems=Fe,this.minFilterItems=ze,this.openedLayers=new D,this.operationalItems=this.viewModel.operationalItems,this.selectedItems=new D,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=$e()("state"),this.arcgisReady=ve(),this.arcgisTriggerAction=Le(()=>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,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=[ht,mt]}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(()=>[qe(()=>this.openedLayers,"change",()=>{this._handleOpenedLayersChange()},{initial:!0}),qe(()=>this.viewModel.operationalItems,"change",()=>De(this.selectedItems),{initial:!0}),gt(()=>[this.filterPredicate,this._rootListRef.value],()=>Re(this._rootListRef.value,this.filterPredicate,this.operationalItems))])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}_resolveListContainer(e){return e?e.matches("calcite-list")?e:e.closest("calcite-list[data-item]")||(this._rootListRef.value?.contains(e)?this._rootListRef.value:null):null}_getContainerItem(e){let t=e?.getAttribute("data-item");return t?this._findItemByUid(t):null}_findItemByUid(e){let t=this.operationalItems?.toArray()??[];for(;t.length;){let i=t.shift();if(!i)continue;if(i.uid===e)return i;let a=i.children?.toArray()??[];t.push(...a)}return null}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,g)=>{t.includes(g)||(d?.destroy?.(),e.delete(g))});let l=await Promise.all(t.map(d=>this._createFlowList(d,o)));if(o.aborted)return;i.removeAll(),i.addMany(l);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:l,selectionMode:c,visibilityAppearance:d}=this;return K(n`<arcgis-catalog-layer-list .headingLevel=${t} .filterPlaceholder=${i?.filterPlaceholder??a} .listItemCreatedFunction=${i?.listItemCreatedFunction??o} .minFilterItems=${i?.minFilterItems??l} .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=${g=>g.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 K(n`<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=${l=>l.stopPropagation()}></arcgis-table-list>`)}_handlePanelFlowItemBack(e){e.open=!1}_moveLayerFromChildList({toEl:e,fromEl:t,dragEl:i,newIndex:a}){let o=this._resolveListContainer(e),l=this._resolveListContainer(t),c=$(i,this.operationalItems),d=this._getContainerItem(o),g=this._getContainerItem(l);a==null||!c||this.viewModel.moveListItem(c,g,d,a)}_onCalciteListDragEnd(e){let{fromEl:t,toEl:i,dragEl:a,oldIndex:o}=e;if(t!==i){a.remove();return}o==null||!t||!a||t.insertBefore(a,t.children[o])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{dragEl:i,newIndex:a}=e,o=this._resolveListContainer(e.fromEl),l=this._resolveListContainer(e.toEl),c=t?.newIndex===a&&t?.dragEl===i&&t?.toEl===l&&t?.fromEl===o;if(!(!o||!l||c)){if(this._lastDragDetail={...e,fromEl:o,toEl:l},this._selectedDragItemLayerUid=i.value,o===l){let d=Array.from(o.children).filter(g=>g?.matches("calcite-list-item")).map(g=>g.value.layer?.uid??"");this._sortLayers(o,d);return}this._moveLayerFromChildList({toEl:l,fromEl:o,dragEl:i,newIndex:a})}}_sortLayers(e,t){if(e)if(e===this._rootListRef.value)Be(this.el.view?.map?.layers,t);else{let i=$(e,this.operationalItems);if(!i)return;Ue(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 n`<div class=${h(z(B.widget,i))}>${e?.length?[this._renderItemTooltips(),this._renderItems()]:this._renderNoItems()}</div>`}_renderItemTooltip(e){let{_tooltipReferenceMap:t,messages:i}=this;return e?n`<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 n`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return n`<div class=${h(P.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 A(e?.uid??o,n`<calcite-flow-item data-layer-uid=${e?.uid??""??m} .description=${o} .heading=${i[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${l=>{l.preventDefault(),a.pop(),a.at(-1)&&this._layerFlowItemRef.value?.setFocus()}} ${E(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`)}_renderPanelFlowItems(){let{_openedPanelItems:e,openedLayers:t}=this;return Ae(e.toArray(),i=>i.uid,(i,a)=>{let{panel:o,title:l}=i,c=()=>this._handlePanelFlowItemBack(o);return n`<calcite-flow-item .description=${l} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${d=>{d.preventDefault(),c()}} ${E(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:l,showCollapseButton:c,showHeading:d,_dragEnabled:g,selectionMode:v,filterText:y,openedLayers:w,filterPlaceholder:F,messages:I}=this,O=[n`<calcite-flow-item .closable=${l} .closed=${this.closed} .collapsed=${e} .collapsible=${c} .heading=${d?I.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!w.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??m} .displayMode=${Je} .dragEnabled=${g} .filterEnabled=${a} .filterPlaceholder=${F} .filterProps=${Te} .filterText=${a?y:""} .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)} ${E(this._rootListRef)}>${t?.toArray().map(f=>this._renderItem(f))??[]}${t?.length&&a?n`<div class=${h(P.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:A("root-flow",n`<calcite-flow>${O}</calcite-flow>`)}_renderItem(e,t,i){return A(e.uid,te({activeItem:this._activeItem,canMove:this._canMove,css:P,displayMode:Je,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,showTemporaryLayerIndicators:this.showTemporaryLayerIndicators,showCloseButton:this.showCloseButton,showCollapseButton:this.showCollapseButton,showErrors:this.showErrors,showHeading:this.showHeading,showFilter:this.showFilter,clearActiveItem:this._clearActiveItem,visibilityAppearance:this.visibilityAppearance,handleAction:this._onTriggerAction,handleCatalogOpen:this._onCatalogOpen,handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange,handleTablesOpen:this._onTablesOpen,handleTooltipReferenceChange:this._onTooltipReferenceChange,view:this.view}))}};xe("arcgis-layer-list-next",ie);return ie},"widgets/LayerList/LayerListViewModel","core/Collection","core/reactiveUtils","layers/catalog/catalogUtils",a,b,c,d,e,f,g,i)

package/dist/cdn/{QYZ7X5V4.js → OMUC52J7.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import f from"./ZFE6DOCC.js";import{a as k}from"./JBCJVKJY.js";import{a as _}from"./54VXNFQ4.js";import e from"./HQMKXMRR.js";import c from"./FRTFIGVF.js";import{h as C}from"./RDSYCNUX.js";import"./BA5FUUFH.js";import b from"./264N47JI.js";import{d as g}from"./6WEIGII6.js";import{B as y,N as u,O as $,P as d,R as h,U as S,a as w,b as a,x}from"./5YVXWMBF.js";import"./3TTFCHAA.js";export default $arcgis.t(([P,p,{substitute:O},{watch:R},z,,,,M])=>{function D(o){if(o==null||Number.isNaN(o))return 0;let e=o+180;return Math.trunc(E(e,360))}function L(o){let e=o;return e==null||(typeof e=="string"&&(e=Number.parseInt(e,10)),Number.isNaN(e))?0:E(Math.trunc(e),360)-180}function E(o,e){return(o%e+e)%e}var I={fromAttribute:o=>p.fromHex(o),toAttribute:o=>typeof o=="string"?o:o?.toHex()??""},B=w`.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{user-select:none;display:flex;flex-flow:column wrap;padding:var(--arcgis-internal-padding);overflow-y:auto;width:100%;.container{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--calcite-spacing-sm)}.numeric-inputs-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--calcite-spacing-sm)}arcgis-labeled-switch{margin-block-end:var(--calcite-spacing-sm)}.switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1);padding-block-end:var(--calcite-spacing-sm)}.tile-group{display:flex;column-gap:var(--calcite-spacing-md);align-items:start;margin-bottom:calc(0px - var(--calcite-spacing-sm))}.tile{position:relative;.content{display:flex;flex-direction:column;row-gap:var(--calcite-spacing-md);align-items:center;padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2)}&.disabled{opacity:var(--calcite-opacity-disabled)}&:focus-within{outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);outline-offset:var(--calcite-spacing-base)}input[type=radio]{appearance:none;position:absolute;inset:0;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;&:checked+.content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}+.content{border:var(--calcite-spacing-px) solid transparent;calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}}}}.inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}}`,m={componentIcon:"grid-unit",gridTheme:{light:"circle",dark:"circle-area",custom:"palette"},placementState:{interactive:"maximum-territory-distance",place:"move",rotate:"rotate"},warning:"exclamation-mark-triangle"},b=p.fromArray([115,115,115]),v=p.fromArray([200,200,200]),N=["interactive","place","rotate"],W=M(z),f=class extends ${constructor(){super(...arguments),this._labelUid=y(),this._messages=k({}),this._viewModel=W(this),this._placementModeButtonRefs=new Map,this.numericSpacingInputShouldBeVisible=this._viewModel.numericSpacingInputShouldBeVisible,this.view=this._viewModel.view,this.icon=m.componentIcon,this.snappingOptions=this._viewModel.snappingOptions,this.hideColorSelection=!1,this.hideDynamicScaleToggle=!1,this.hideGridEnabledToggle=!1,this.hideNumericInputs=!1,this.hideGridSnapEnabledToggle=!1,this.hideLineIntervalInput=!1,this.hideOutOfScaleWarning=!1,this.hidePlacementButtons=!1,this.hideRotateWithMapToggle=!1,this.rotation=this._viewModel.rotation,this.rotateWithMap=this._viewModel.rotateWithMap,this.spacing=this._viewModel.spacing,this.majorLineInterval=this._viewModel.majorLineInterval,this.gridColor=this._viewModel.gridColor,this.displayEnabled=this._viewModel.displayEnabled,this.gridOutOfScale=this._viewModel.gridOutOfScale,this.unit=this._viewModel.unit,this.dynamicScaling=this._viewModel.dynamicScaling,this.gridControlsEnabled=this._viewModel.gridControlsEnabled,this.interactivePlacementState=this._viewModel.interactivePlacementState,this.snappingEnabled=this._viewModel.snappingEnabled,this.effectiveSpacingAfterDynamicScaling=this._viewModel.effectiveSpacingAfterDynamicScaling,this.placementDisabled=this._viewModel.placementDisabled,this.autoDestroyDisabled=!1,this.arcgisPropertyChange=C()("customColor","theme","spacing","rotation","majorLineInterval","rotateWithMap","dynamicScaling","snappingEnabled","interactivePlacementState","displayEnabled","gridOutOfScale","effectiveSpacingAfterDynamicScaling","gridControlsEnabled","gridColor"),this.arcgisReady=x()}static{this.properties={_placementModeButtonRefs:16,_warningIconTooltipRef:16,_themePopoverRef:16,numericSpacingInputShouldBeVisible:16,view:0,referenceElement:1,icon:1,customColor:[3,{converter:I}],snappingOptions:0,theme:1,hideColorSelection:5,hideDynamicScaleToggle:5,hideGridEnabledToggle:5,hideNumericInputs:5,hideGridSnapEnabledToggle:5,hideLineIntervalInput:5,hideOutOfScaleWarning:5,hidePlacementButtons:5,hideRotateWithMapToggle:5,rotation:11,rotateWithMap:5,spacing:11,majorLineInterval:11,gridColor:[3,{converter:I}],displayEnabled:36,gridOutOfScale:39,unit:1,dynamicScaling:5,gridControlsEnabled:36,interactivePlacementState:3,snappingEnabled:5,effectiveSpacingAfterDynamicScaling:43,placementDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1}}static{this.styles=B}get theme(){let e=this.gridColor;return!e||b.equals(e)?"dark":v.equals(e)?"light":"custom"}set theme(e){let i=this._viewModel.view;switch(e){case"dark":this.gridColor=b;break;case"custom":this.customColor==null&&(this.customColor=i?.theme?.accentColor??new P().accentColor),this.gridColor=this.customColor;break;default:this.gridColor=v;break}}async destroy(){await this.manager.destroy()}trySetDisplayEnabled(e){this._viewModel.trySetDisplayEnabled(e)}loaded(){this.manager.onLifecycle(()=>[R(()=>this._viewModel.gridColor,e=>{let i=e instanceof p?e:typeof e=="string"?p.fromHex(e):null;i&&!b.equals(e)&&!v.equals(i)?this.customColor=i:b.equals(i)?this.theme="dark":v.equals(i)&&(this.theme="light")})])}_togglePlacementState(e){this.interactivePlacementState=this.interactivePlacementState===e?null:e}_setWarningIconRef(e){this._warningIconTooltipRef=e}_setPopoverRef(e){this._themePopoverRef=e}_emptyFunction(e){}_setPlacementButtonRef(e){if(e){let i=e.dataset.placementAction;this._placementModeButtonRefs.set(i,e)}else this._placementModeButtonRefs.clear()}render(){return a`<div class=${d(g("root",_.widget,_.panel))}><div class="container">${this._viewModel.destroyed?null:this._renderContent()}</div></div>`}_renderContent(){let{hideGridEnabledToggle:e,hidePlacementButtons:i,hideNumericInputs:t,hideLineIntervalInput:r,hideGridSnapEnabledToggle:n,hideDynamicScaleToggle:l,hideRotateWithMapToggle:c,hideColorSelection:s}=this;return[e?void 0:this._renderEnabledToggle(),i?void 0:this._renderGridPlacementButtons(),t?void 0:this._renderNumericInputs(),r?void 0:this._renderIntervalInput(),!n&&this.snappingOptions?this._renderSnappingToggle():void 0,l?void 0:this._renderDynamicScaleToggle(),c?void 0:this._renderRotateToggle(),s?void 0:this._renderColorSelection()]}_renderGridPlacementButtons(){let{interactivePlacementState:e,placementDisabled:i,gridControlsEnabled:t}=this,r=i||!t;return a`<calcite-label scale=s>${this._messages.placementOptions}<calcite-action-bar expand-disabled layout=horizontal>${N.map(n=>this._renderPlacementModeButton(n,r,e))}</calcite-action-bar></calcite-label>`}_renderPlacementModeButton(e,i,t){let r=this._messages?.placementState?.[e],n=this._placementModeButtonRefs.get(e);return a`<div><calcite-action .active=${t===e} alignment=center .disabled=${i} .icon=${m.placementState[e]} data-placement-action=${e??h} @click=${()=>this._togglePlacementState(e)} .text=${r??""} ${u(this._setPlacementButtonRef)}></calcite-action>${n?a`<calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${n}>${r}</calcite-tooltip>`:void 0}</div>`}_renderNumericInputs(){let{rotation:e,spacing:i,effectiveSpacingAfterDynamicScaling:t,numericSpacingInputShouldBeVisible:r,gridControlsEnabled:n}=this,l=t!=null&&t!==i;return a`<div class=${d(g("numeric-inputs-container"))}>${[r?a`<calcite-label scale=s><span>${this._messages?.inputLabel?.spacing}${l?a`<calcite-icon class=${d(g("inline-icon"))} .icon=${m.warning} scale=s tabindex=0 ${u(this._setWarningIconRef)}></calcite-icon>`:void 0}</span><calcite-input-number .disabled=${!n} number-button-type=none .value=${i?.toFixed(2)} @calciteInputNumberChange=${({currentTarget:c})=>{let s=Number.parseFloat(c.value);this.spacing=s,s!==this.spacing&&(c.value=`${this.spacing}`)}}></calcite-input-number>${l&&this._warningIconTooltipRef?a`<calcite-tooltip overlay-positioning=fixed placement=leading .referenceElement=${this._warningIconTooltipRef}>${O(this._messages?.warnings?.dynamicSpacing??"",{actualSpacingIncludingUnit:t},{format:{actualSpacingIncludingUnit:{type:"number",intlOptions:{minimumFractionDigits:2,maximumFractionDigits:2,unit:this.unit??"meters",style:"decimal"}}}})}</calcite-tooltip>`:void 0}</calcite-label>`:void 0,a`<calcite-label scale=s>${this._messages?.inputLabel?.angle}<calcite-input-number .disabled=${!n} integer number-button-type=none suffix-text=\u00B0 .value=${`${D(e)}`} @calciteInputNumberChange=${({currentTarget:c})=>this.rotation=L(c.value)}></calcite-input-number></calcite-label>`]}</div>`}_renderIntervalInput(){let{majorLineInterval:e,gridControlsEnabled:i}=this;return a`<div class=${d(g("numeric-inputs-container"))}><calcite-label scale=s>${this._messages?.inputLabel?.interval}<calcite-input-number .disabled=${!i} integer max=15 min=1 number-button-type=vertical .value=${`${e}`} @calciteInputNumberChange=${({currentTarget:t})=>{let r=Number.parseInt(t.value,10);this.majorLineInterval=r,r!==this.majorLineInterval&&(t.value=`${this.majorLineInterval}`)}}></calcite-input-number></calcite-label></div>`}_renderSnappingToggle(){let{snappingOptions:e,gridControlsEnabled:i}=this,t=e?.gridEnabled??!1;return a`<arcgis-labeled-switch .checked=${t} .disabled=${!(i&&e)} .label=${this._messages?.switchLabel?.snap} @arcgisCheckedChanged=${r=>{r.stopPropagation(),this.snappingOptions?.set("gridEnabled",r.detail)}}></arcgis-labeled-switch>`}_renderDynamicScaleToggle(){let{_messages:e,gridOutOfScale:i,dynamicScaling:t,gridControlsEnabled:r}=this,n=!this.hideOutOfScaleWarning&&i;return a`<arcgis-labeled-switch .checked=${t} .disabled=${!r} .hint=${n?e?.warnings?.outOfScale:void 0} .hintIcon=${m.warning} hint-kind=warning .label=${e?.switchLabel?.scaling} @arcgisCheckedChanged=${l=>{l.stopPropagation(),this.dynamicScaling=l.detail}}></arcgis-labeled-switch>`}_renderRotateToggle(){let{gridControlsEnabled:e,rotateWithMap:i}=this;return a`<arcgis-labeled-switch .checked=${i} .disabled=${!e} .label=${this._messages?.switchLabel?.rotateWithMap??""} @arcgisCheckedChanged=${t=>{t.stopPropagation(),this.rotateWithMap=t.detail}}></arcgis-labeled-switch>`}_renderEnabledToggle(){return a`<div class="switch--bordered"><arcgis-labeled-switch .checked=${this.displayEnabled} .disabled=${!!this.interactivePlacementState} .label=${this._messages?.switchLabel?.display} @arcgisCheckedChanged=${e=>{e.stopPropagation(),this.trySetDisplayEnabled(e.detail)}}></arcgis-labeled-switch></div>`}_renderColorSelection(){let{customColor:e}=this;return a`<calcite-label scale=s>${this._messages?.inputLabel?.theme}<div class="tile-group">${[this._renderThemeTile({value:"dark"}),this._renderThemeTile({value:"light"}),this._renderThemeTile({value:"custom"}),this._themePopoverRef?a`<calcite-popover auto-close .label=${this._messages?.gridLineColorPopoverLabel??""} overlay-positioning=fixed .referenceElement=${this._themePopoverRef}><calcite-color-picker alpha-channel saved-disabled .value=${e?.toHex({digits:8})??"#000000ff"} @calciteColorPickerChange=${i=>{let t=p.fromHex(i.currentTarget.value);t&&(this.customColor=t,this.theme="custom")}}></calcite-color-picker></calcite-popover>`:void 0]}</div></calcite-label>`}_renderThemeTile(e){let{theme:i,gridControlsEnabled:t}=this,{value:r}=e,n=this._messages?.gridTheme?.[r],l=`${this._labelUid}--theme_tile_${r}`,c=`${l}__label`,s=m.gridTheme[r];return a`<div class=${d(g({tile:!0,disabled:!t}))} role=button ${u(r==="custom"?this._setPopoverRef:this._emptyFunction)}><input aria-labelledby=${c??h} .checked=${i===r} .disabled=${!t} id=${l??h} .name=${`${this._labelUid}--theme`} @change=${T=>{this.theme=r,T.currentTarget.focus()}} tabindex=0 type=radio><div class="content"><calcite-icon .icon=${s} scale=l></calcite-icon><calcite-label .for=${l} id=${c??h}>${n}</calcite-label></div></div>`}};S("arcgis-grid-controls",f);return f},"views/Theme","Color","intl","core/reactiveUtils","widgets/support/GridControls/GridControlsViewModel",b,c,e,f)
+import f from"./TQ575YV3.js";import{a as k}from"./5ETMQCK3.js";import{a as _}from"./54VXNFQ4.js";import e from"./IQSWTFAF.js";import c from"./B2Z5BIBI.js";import{h as C}from"./WP3MOYXQ.js";import"./VVANDM5M.js";import b from"./UGT27E2V.js";import{d as g}from"./WQXVE4SB.js";import{B as y,N as u,O as $,P as d,R as h,U as S,a as w,b as a,x}from"./RBMOB27D.js";import"./3TTFCHAA.js";export default $arcgis.t(([P,p,{substitute:O},{watch:R},z,,,,M])=>{function D(o){if(o==null||Number.isNaN(o))return 0;let e=o+180;return Math.trunc(E(e,360))}function L(o){let e=o;return e==null||(typeof e=="string"&&(e=Number.parseInt(e,10)),Number.isNaN(e))?0:E(Math.trunc(e),360)-180}function E(o,e){return(o%e+e)%e}var I={fromAttribute:o=>p.fromHex(o),toAttribute:o=>typeof o=="string"?o:o?.toHex()??""},B=w`.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{user-select:none;display:flex;flex-flow:column wrap;padding:var(--arcgis-internal-padding);overflow-y:auto;width:100%;.container{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--calcite-spacing-sm)}.numeric-inputs-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--calcite-spacing-sm)}arcgis-labeled-switch{margin-block-end:var(--calcite-spacing-sm)}.switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1);padding-block-end:var(--calcite-spacing-sm)}.tile-group{display:flex;column-gap:var(--calcite-spacing-md);align-items:start;margin-bottom:calc(0px - var(--calcite-spacing-sm))}.tile{position:relative;.content{display:flex;flex-direction:column;row-gap:var(--calcite-spacing-md);align-items:center;padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2)}&.disabled{opacity:var(--calcite-opacity-disabled)}&:focus-within{outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);outline-offset:var(--calcite-spacing-base)}input[type=radio]{appearance:none;position:absolute;inset:0;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;&:checked+.content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}+.content{border:var(--calcite-spacing-px) solid transparent;calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}}}}.inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}}`,m={componentIcon:"grid-unit",gridTheme:{light:"circle",dark:"circle-area",custom:"palette"},placementState:{interactive:"maximum-territory-distance",place:"move",rotate:"rotate"},warning:"exclamation-mark-triangle"},b=p.fromArray([115,115,115]),v=p.fromArray([200,200,200]),N=["interactive","place","rotate"],W=M(z),f=class extends ${constructor(){super(...arguments),this._labelUid=y(),this._messages=k({}),this._viewModel=W(this),this._placementModeButtonRefs=new Map,this.numericSpacingInputShouldBeVisible=this._viewModel.numericSpacingInputShouldBeVisible,this.view=this._viewModel.view,this.icon=m.componentIcon,this.snappingOptions=this._viewModel.snappingOptions,this.hideColorSelection=!1,this.hideDynamicScaleToggle=!1,this.hideGridEnabledToggle=!1,this.hideNumericInputs=!1,this.hideGridSnapEnabledToggle=!1,this.hideLineIntervalInput=!1,this.hideOutOfScaleWarning=!1,this.hidePlacementButtons=!1,this.hideRotateWithMapToggle=!1,this.rotation=this._viewModel.rotation,this.rotateWithMap=this._viewModel.rotateWithMap,this.spacing=this._viewModel.spacing,this.majorLineInterval=this._viewModel.majorLineInterval,this.gridColor=this._viewModel.gridColor,this.displayEnabled=this._viewModel.displayEnabled,this.gridOutOfScale=this._viewModel.gridOutOfScale,this.unit=this._viewModel.unit,this.dynamicScaling=this._viewModel.dynamicScaling,this.gridControlsEnabled=this._viewModel.gridControlsEnabled,this.interactivePlacementState=this._viewModel.interactivePlacementState,this.snappingEnabled=this._viewModel.snappingEnabled,this.effectiveSpacingAfterDynamicScaling=this._viewModel.effectiveSpacingAfterDynamicScaling,this.placementDisabled=this._viewModel.placementDisabled,this.autoDestroyDisabled=!1,this.arcgisPropertyChange=C()("customColor","theme","spacing","rotation","majorLineInterval","rotateWithMap","dynamicScaling","snappingEnabled","interactivePlacementState","displayEnabled","gridOutOfScale","effectiveSpacingAfterDynamicScaling","gridControlsEnabled","gridColor"),this.arcgisReady=x()}static{this.properties={_placementModeButtonRefs:16,_warningIconTooltipRef:16,_themePopoverRef:16,numericSpacingInputShouldBeVisible:16,view:0,referenceElement:1,icon:1,customColor:[3,{converter:I}],snappingOptions:0,theme:1,hideColorSelection:5,hideDynamicScaleToggle:5,hideGridEnabledToggle:5,hideNumericInputs:5,hideGridSnapEnabledToggle:5,hideLineIntervalInput:5,hideOutOfScaleWarning:5,hidePlacementButtons:5,hideRotateWithMapToggle:5,rotation:11,rotateWithMap:5,spacing:11,majorLineInterval:11,gridColor:[3,{converter:I}],displayEnabled:36,gridOutOfScale:39,unit:1,dynamicScaling:5,gridControlsEnabled:36,interactivePlacementState:3,snappingEnabled:5,effectiveSpacingAfterDynamicScaling:43,placementDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1}}static{this.styles=B}get theme(){let e=this.gridColor;return!e||b.equals(e)?"dark":v.equals(e)?"light":"custom"}set theme(e){let i=this._viewModel.view;switch(e){case"dark":this.gridColor=b;break;case"custom":this.customColor==null&&(this.customColor=i?.theme?.accentColor??new P().accentColor),this.gridColor=this.customColor;break;default:this.gridColor=v;break}}async destroy(){await this.manager.destroy()}trySetDisplayEnabled(e){this._viewModel.trySetDisplayEnabled(e)}loaded(){this.manager.onLifecycle(()=>[R(()=>this._viewModel.gridColor,e=>{let i=e instanceof p?e:typeof e=="string"?p.fromHex(e):null;i&&!b.equals(e)&&!v.equals(i)?this.customColor=i:b.equals(i)?this.theme="dark":v.equals(i)&&(this.theme="light")})])}_togglePlacementState(e){this.interactivePlacementState=this.interactivePlacementState===e?null:e}_setWarningIconRef(e){this._warningIconTooltipRef=e}_setPopoverRef(e){this._themePopoverRef=e}_emptyFunction(e){}_setPlacementButtonRef(e){if(e){let i=e.dataset.placementAction;this._placementModeButtonRefs.set(i,e)}else this._placementModeButtonRefs.clear()}render(){return a`<div class=${d(g("root",_.widget,_.panel))}><div class="container">${this._viewModel.destroyed?null:this._renderContent()}</div></div>`}_renderContent(){let{hideGridEnabledToggle:e,hidePlacementButtons:i,hideNumericInputs:t,hideLineIntervalInput:r,hideGridSnapEnabledToggle:n,hideDynamicScaleToggle:l,hideRotateWithMapToggle:c,hideColorSelection:s}=this;return[e?void 0:this._renderEnabledToggle(),i?void 0:this._renderGridPlacementButtons(),t?void 0:this._renderNumericInputs(),r?void 0:this._renderIntervalInput(),!n&&this.snappingOptions?this._renderSnappingToggle():void 0,l?void 0:this._renderDynamicScaleToggle(),c?void 0:this._renderRotateToggle(),s?void 0:this._renderColorSelection()]}_renderGridPlacementButtons(){let{interactivePlacementState:e,placementDisabled:i,gridControlsEnabled:t}=this,r=i||!t;return a`<calcite-label scale=s>${this._messages.placementOptions}<calcite-action-bar expand-disabled layout=horizontal>${N.map(n=>this._renderPlacementModeButton(n,r,e))}</calcite-action-bar></calcite-label>`}_renderPlacementModeButton(e,i,t){let r=this._messages?.placementState?.[e],n=this._placementModeButtonRefs.get(e);return a`<div><calcite-action .active=${t===e} alignment=center .disabled=${i} .icon=${m.placementState[e]} data-placement-action=${e??h} @click=${()=>this._togglePlacementState(e)} .text=${r??""} ${u(this._setPlacementButtonRef)}></calcite-action>${n?a`<calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${n}>${r}</calcite-tooltip>`:void 0}</div>`}_renderNumericInputs(){let{rotation:e,spacing:i,effectiveSpacingAfterDynamicScaling:t,numericSpacingInputShouldBeVisible:r,gridControlsEnabled:n}=this,l=t!=null&&t!==i;return a`<div class=${d(g("numeric-inputs-container"))}>${[r?a`<calcite-label scale=s><span>${this._messages?.inputLabel?.spacing}${l?a`<calcite-icon class=${d(g("inline-icon"))} .icon=${m.warning} scale=s tabindex=0 ${u(this._setWarningIconRef)}></calcite-icon>`:void 0}</span><calcite-input-number .disabled=${!n} number-button-type=none .value=${i?.toFixed(2)} @calciteInputNumberChange=${({currentTarget:c})=>{let s=Number.parseFloat(c.value);this.spacing=s,s!==this.spacing&&(c.value=`${this.spacing}`)}}></calcite-input-number>${l&&this._warningIconTooltipRef?a`<calcite-tooltip overlay-positioning=fixed placement=leading .referenceElement=${this._warningIconTooltipRef}>${O(this._messages?.warnings?.dynamicSpacing??"",{actualSpacingIncludingUnit:t},{format:{actualSpacingIncludingUnit:{type:"number",intlOptions:{minimumFractionDigits:2,maximumFractionDigits:2,unit:this.unit??"meters",style:"decimal"}}}})}</calcite-tooltip>`:void 0}</calcite-label>`:void 0,a`<calcite-label scale=s>${this._messages?.inputLabel?.angle}<calcite-input-number .disabled=${!n} integer number-button-type=none suffix-text=\u00B0 .value=${`${D(e)}`} @calciteInputNumberChange=${({currentTarget:c})=>this.rotation=L(c.value)}></calcite-input-number></calcite-label>`]}</div>`}_renderIntervalInput(){let{majorLineInterval:e,gridControlsEnabled:i}=this;return a`<div class=${d(g("numeric-inputs-container"))}><calcite-label scale=s>${this._messages?.inputLabel?.interval}<calcite-input-number .disabled=${!i} integer max=15 min=1 number-button-type=vertical .value=${`${e}`} @calciteInputNumberChange=${({currentTarget:t})=>{let r=Number.parseInt(t.value,10);this.majorLineInterval=r,r!==this.majorLineInterval&&(t.value=`${this.majorLineInterval}`)}}></calcite-input-number></calcite-label></div>`}_renderSnappingToggle(){let{snappingOptions:e,gridControlsEnabled:i}=this,t=e?.gridEnabled??!1;return a`<arcgis-labeled-switch .checked=${t} .disabled=${!(i&&e)} .label=${this._messages?.switchLabel?.snap} @arcgisCheckedChanged=${r=>{r.stopPropagation(),this.snappingOptions?.set("gridEnabled",r.detail)}}></arcgis-labeled-switch>`}_renderDynamicScaleToggle(){let{_messages:e,gridOutOfScale:i,dynamicScaling:t,gridControlsEnabled:r}=this,n=!this.hideOutOfScaleWarning&&i;return a`<arcgis-labeled-switch .checked=${t} .disabled=${!r} .hint=${n?e?.warnings?.outOfScale:void 0} .hintIcon=${m.warning} hint-kind=warning .label=${e?.switchLabel?.scaling} @arcgisCheckedChanged=${l=>{l.stopPropagation(),this.dynamicScaling=l.detail}}></arcgis-labeled-switch>`}_renderRotateToggle(){let{gridControlsEnabled:e,rotateWithMap:i}=this;return a`<arcgis-labeled-switch .checked=${i} .disabled=${!e} .label=${this._messages?.switchLabel?.rotateWithMap??""} @arcgisCheckedChanged=${t=>{t.stopPropagation(),this.rotateWithMap=t.detail}}></arcgis-labeled-switch>`}_renderEnabledToggle(){return a`<div class="switch--bordered"><arcgis-labeled-switch .checked=${this.displayEnabled} .disabled=${!!this.interactivePlacementState} .label=${this._messages?.switchLabel?.display} @arcgisCheckedChanged=${e=>{e.stopPropagation(),this.trySetDisplayEnabled(e.detail)}}></arcgis-labeled-switch></div>`}_renderColorSelection(){let{customColor:e}=this;return a`<calcite-label scale=s>${this._messages?.inputLabel?.theme}<div class="tile-group">${[this._renderThemeTile({value:"dark"}),this._renderThemeTile({value:"light"}),this._renderThemeTile({value:"custom"}),this._themePopoverRef?a`<calcite-popover auto-close .label=${this._messages?.gridLineColorPopoverLabel??""} overlay-positioning=fixed .referenceElement=${this._themePopoverRef}><calcite-color-picker alpha-channel saved-disabled .value=${e?.toHex({digits:8})??"#000000ff"} @calciteColorPickerChange=${i=>{let t=p.fromHex(i.currentTarget.value);t&&(this.customColor=t,this.theme="custom")}}></calcite-color-picker></calcite-popover>`:void 0]}</div></calcite-label>`}_renderThemeTile(e){let{theme:i,gridControlsEnabled:t}=this,{value:r}=e,n=this._messages?.gridTheme?.[r],l=`${this._labelUid}--theme_tile_${r}`,c=`${l}__label`,s=m.gridTheme[r];return a`<div class=${d(g({tile:!0,disabled:!t}))} role=button ${u(r==="custom"?this._setPopoverRef:this._emptyFunction)}><input aria-labelledby=${c??h} .checked=${i===r} .disabled=${!t} id=${l??h} .name=${`${this._labelUid}--theme`} @change=${T=>{this.theme=r,T.currentTarget.focus()}} tabindex=0 type=radio><div class="content"><calcite-icon .icon=${s} scale=l></calcite-icon><calcite-label .for=${l} id=${c??h}>${n}</calcite-label></div></div>`}};S("arcgis-grid-controls",f);return f},"views/Theme","Color","intl","core/reactiveUtils","widgets/support/GridControls/GridControlsViewModel",b,c,e,f)