npm - @arcgis/map-components - Versions diffs - 5.1.0-next.105 → 5.1.0-next.107 - Mend

@arcgis/map-components 5.1.0-next.105 → 5.1.0-next.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

package/dist/cdn/XB5I52AG.js DELETED Viewed

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

package/dist/cdn/XIJGC7OK.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
2	- import h from"./6QJQJ4I7.js";import g from"./VCOJNSMR.js";import f from"./R3NYK6BO.js";import{a as A}from"./HMWOHSHV.js";import e from"./ZDOE5UWP.js";import"./PC4PAQXQ.js";import d from"./ZOPB777S.js";import{a as S}from"./TNDRCMN3.js";import c from"./V2RXBLNO.js";import b from"./OCLLMQGL.js";import{h as B}from"./CIFVM6AU.js";import"./EPO62377.js";import a from"./FKLH5Y2K.js";import{d as y}from"./TGNR3DAP.js";import{M,N as v,O,P as $,R as r,S as R,U as N,a as E,b as n,o as T,x as C}from"./MTKZBIHD.js";import"./3TTFCHAA.js";export default $arcgis.t(([j,{substitute:u,formatNumber:x},{watch:c},{stripHTML:k},U,{renderingSanitizer:b},{initializeProjection:K},G,,,,P,,,{d:L},{c:H,d:z}])=>{var W=E`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}`,X=new G({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),_=X.clone();function q(V){return V?.declaredClass.startsWith("esri.layers.")??!1}var Q=P(j),D=class extends O{constructor(){super(...arguments),this._fetchFeaturesController=null,this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this.viewModel.featurePage!=null&&this.viewModel.featurePage++},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._rootFlowItemNode=M(),this._featureMenuViewportNode=M(),this._actionBarMenuNode=M(),this._flowContainerNode=M(),this.messages=S(),this._selectedFeatureComponent=M(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._openRelatedFeatureAbortController=null,this.flowItems=new U,this.viewModel=Q(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.autoDestroyDisabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=this.viewModel.featureMenuOpen,this.featureMenuTitle=this.viewModel.featureMenuTitle,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureViewModelAbilities=this.viewModel.featureViewModelAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new U,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSelectFeature=!1,this.hideSpinner=!1,this.hideContent=!1,this.hideExpressionContent=!1,this.hideLastEditedInfo=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.open=this.viewModel.visible,this.promises=this.viewModel.promises,this.responsiveActionsEnabled=!1,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.showCollapseButton=!1,this.spatialReference=this.viewModel.spatialReference,this.state=this.viewModel.state,this.timeZone=this.viewModel.timeZone,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.arcgisPropertyChange=B()("active","collapsed","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=C(),this.arcgisClose=C(),this.arcgisTriggerAction=C()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,collapsed:5,content:1,defaultPopupTemplateEnabled:5,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureViewModelAbilities:0,goToOverride:0,headerActions:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSelectFeature:5,hideSpinner:5,hideContent:5,chartAnimationDisabled:5,hideAttachmentsContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,hideRelationshipContent:5,hideTextContent:5,hideUtilityNetworkContent:5,hideLastEditedInfo:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,open:5,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:32,timeZone:1,updateLocationEnabled:5,view:0}}static{this.styles=W}get _hideActionText(){if(!this.responsiveActionsEnabled)return!1;let e=this.viewModel.view?.widthBreakpoint;return e==="xsmall"\|\|e==="small"\|\|e==="medium"}get _featureNavigationVisible(){return this.viewModel.active&&this.viewModel.featureCount>1&&!!this.viewModel.selectedFeature&&!this.hideFeatureNavigation}get _isCollapsed(){return this._collapseEnabled&&this.collapsed}get _collapseEnabled(){return this.showCollapseButton&&(this.initialDisplayMode==="list"\|\|!!(this.heading\|\|this.viewModel.selectedFeatureViewModel?.title)&&!!(this.content\|\|this.viewModel.selectedFeatureViewModel?.content))}get _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}get chartAnimationDisabled(){return!(this.viewModel.featureViewModelAbilities?.chartAnimation??!0)}set chartAnimationDisabled(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.chartAnimation=!e}get hideAttachmentsContent(){return!(this.viewModel.featureViewModelAbilities?.attachmentsContent??!0)}set hideAttachmentsContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.attachmentsContent=!e}get hideCustomContent(){return!(this.viewModel.featureViewModelAbilities?.customContent??!0)}set hideCustomContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.customContent=!e}get hideFieldsContent(){return!(this.viewModel.featureViewModelAbilities?.fieldsContent??!0)}set hideFieldsContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.fieldsContent=!e}get hideMediaContent(){return!(this.viewModel.featureViewModelAbilities?.mediaContent??!0)}set hideMediaContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.mediaContent=!e}get hideRelationshipContent(){return!(this.viewModel.featureViewModelAbilities?.relationshipContent??!0)}set hideRelationshipContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.relationshipContent=!e}get hideTextContent(){return!(this.viewModel.featureViewModelAbilities?.textContent??!0)}set hideTextContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.textContent=!e}get hideUtilityNetworkContent(){return!(this.viewModel.featureViewModelAbilities?.utilityNetworkAssociationsContent??!0)}set hideUtilityNetworkContent(e){this.viewModel.featureViewModelAbilities??={},this.viewModel.featureViewModelAbilities.utilityNetworkAssociationsContent=!e}async clear(){return this.viewModel.clear()}async close(){this.open=!1}async destroy(){await this.manager.destroy(),await this._destroySpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:i}=t??{},s=new AbortController,{signal:a}=s,o=i?AbortSignal.any([a,i]):a;if(this._fetchFeaturesController=s,!e&&this.view&&this.location&&(await K(this.location.spatialReference,this.view.spatialReference,null,{signal:o}),e=this.view.toScreen(this.location)??void 0),!e)return;let l=await this.viewModel.fetchFeatures(e,{...t,signal:o});this.location=l.location,this.promises=l.pendingFeatures}async next(){return this.viewModel.next()}async previous(){return this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if(!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await z(e,this.viewModel)}loaded(){this.manager.onLifecycle(()=>[c(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),c(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),c(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),c(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),c(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),c(()=>this.flowItems.length,()=>this._syncSelectedDrillInFeature()),c(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),c(()=>this.referenceElement,(e,t)=>{this._destroySpinner(t),this._createSpinner()},{initial:!0}),c(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult],()=>{this._createSpinner()},{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&T(()=>this.selectedFeatureComponent=e)}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);T(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_cancelFetchingFeatures(){this._fetchFeaturesController?.abort(),this._fetchFeaturesController=null}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureViewModels:e}=this.viewModel,t=new Map;return e.forEach(i=>{let s=i?.graphic;if(!s)return;let a=L(s),o=q(a)?a:null,l=t.get(o)??[];t.set(o,[...l,i])}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),this._openRelatedFeatureAbortController!==t)return;let i=e.graphic,s=i?.geometry;if(s==null\|\|i==null){this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null);return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:s}),this._openRelatedFeatureAbortController!==t)return;let a=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(this._openRelatedFeatureAbortController!==t)return;let o=a.execute(s);o!=null&&(this.location=o),this.features=[i],this.open=!0,await this.setFocus(),this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null)}_handlePaginationMenuButton(){this._updateFeatureMenu()}_openFeatureMenu(){this._updateFeatureMenu(!0)}_closeFeatureMenu(){this._updateFeatureMenu(!1)}_updateFeatureMenu(e=!this.featureMenuOpen){this.featureMenuOpen=e}_previousFeature(){this.viewModel.previous()}_nextFeature(){this.viewModel.next()}_handleFeatureBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this.featureMenuOpen&&this._closeFeatureMenu()}_setActiveFeature(e){let{viewModel:t}=this;t.activeFeature=t.features?.[e]\|\|null}_removeActiveFeature(){this.viewModel.activeFeature=null}_selectFeature(e){this.viewModel.selectedFeatureIndex=e,this.initialDisplayMode==="feature"?this._handleFeatureMenuBack():this.setFocus()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){this._unobserveFeatureMenuObserver(),e&&this._featureMenuIntersectionObserver.observe(e),this._featureMenuIntersectionObserverNode=e}_getActionTitle(e){let{messages:t,selectedFeature:i}=this,{id:s}=e,a=i?.attributes,o=e.title??"",l=s==="zoom-to-feature"?u(o,{messages:t}):s==="remove-selected-feature"?u(o,{messages:t}):s==="zoom-to-clustered-features"?u(o,{messages:t}):s==="browse-clustered-features"?u(o,{messages:t}):e.title;return l&&a?u(l,a):l??""}_onMainKeydown(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),t==="ArrowRight"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.next(),this.setFocus())}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:i,waitingForResult:s}=this.viewModel;s\|\|!i\|\|e===t\|\|e===-1\|\|(this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e){this.triggerAction(e),this.arcgisTriggerAction.emit({action:e})}_viewChange(){this.viewModel.clear(),this.open=!1}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_removeFlowItems(){this.flowItems?.destroyAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":case"feature-utility-network-association-type":return e.description;case"feature-relationship":return e.allItemsDescription}}_handleDrillInBackClick(){this.flowItems?.pop()?.destroy()}_getHeading(){let{hideHeading:e}=this,{title:t,selectedFeatureViewModel:i}=this.viewModel;return i&&!e?i?.state==="error"?this.messages?.errorMessage??"":i?.title\|\|"":!e&&t?t:""}async _destroySpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl)}async _createSpinner(){let e=this.referenceElement;e&&(await this._destroySpinner(e),this._spinnerEl=R(n`<arcgis-spinner auto-destroy-disabled .label=${this.messages.loading??""} .trackLocation=${!this.hideSpinner&&this.viewModel?.waitingForResult} .location=${this.viewModel?.location??void 0} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}render(){return n`<div class="root" @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`}_renderFeatureNavigation(){return[this._renderPagination(),this.initialDisplayMode==="list"?this._renderFeaturePaginationText():this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?n`<div class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:s}=t;return n`<div class="pagination-text">${u(e.pageText??"",{index:x(s+1),total:x(i)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,selectedFeatureIndex:s,pendingPromisesCount:a}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${a>0} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText??"",{index:x(s+1),total:x(i)})} text-enabled title=${e.selectFeature??r}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return n`<calcite-action-bar class="pagination-action-bar" expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${e??""} @click=${this._previousFeature} .text=${e??""} title=${e??""??r}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} .text=${t??""} title=${t??""??r}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:i,featureViewModels:s}=this.viewModel,a=e===i,o=s.indexOf(e);return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(o)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(o)} .selected=${a} @calciteListItemSelect=${()=>this._selectFeature(o)}><span .innerHTML=${(b.sanitize(e.title)\|\|this.messages.untitled)??""} slot=content></span>${t==="list"?n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`:null}</calcite-list-item>`}_renderFeatureMenu(){let{messages:e,viewModel:t}=this,i=this._groupResultsByLayer(),s=this.initialDisplayMode==="list"?"none":"single";return t.featureViewModels.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${s}>${Array.from(i.keys(),a=>{let o=i.get(a)?.map(d=>this._renderFeatureMenuItem(d)),l=a?a.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&l!==null?A(a??"map-graphics",n`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title\|\|"";return e.visible?n`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${t} title=${t??r}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:i,_collapseEnabled:s,_featureFlowItemSelected:a,featureNavigationTop:o,flowItems:l,initialDisplayMode:d,selectedFeature:g,hideHeading:w}=this,{active:f,selectedFeatureViewModel:p,content:m}=this.viewModel,h=this._getHeading();if(d==="list"&&!g)return null;let F=l.length===0&&a,I=p?!p.content:!m;return n`<calcite-flow-item class=${$(y({"content-feature":!0,"flow-item-collapsed":i}))} .closable=${!t} .closed=${!f} .collapsed=${i} .collapseDirection=${o?"down":"up"} .collapsible=${s} .headingLevel=${e} .selected=${F} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!w&&h?k(h):void 0} ${v(this._rootFlowItemNode)}>${!w&&h?n`<div slot=heading><div .innerHTML=${b.sanitize(h??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${$(y("container","content-container",{"content-hidden":I}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:s,initialDisplayMode:a,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:d,_isCollapsed:g,featureNavigationTop:w,headingLevel:f}=this,{active:p,featureViewModels:m,pendingPromisesCount:h}=e,F=i??s.selectFeature;if(a==="feature"&&!o)return null;let I=!l;return n`<calcite-flow-item class=${$(y({"flow-item-collapsed":g}))} .closable=${a==="list"&&!t} .closed=${!p} .collapsed=${a==="list"&&g} .collapseDirection=${w?"down":"up"} .collapsible=${a==="list"&&d} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} .description=${this.hideFeatureMenuHeading?void 0:u(s.total??"",{total:m.length})} .heading=${this.hideFeatureMenuHeading?void 0:F} .headingLevel=${f} .loading=${e.waitingForContents} .selected=${I} @calciteFlowItemBack=${Z=>{Z.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${v(this._featureMenuViewportNode)}>${a==="list"?this._renderHeaderActions():null}${h>0?n`<calcite-loader class="loader" inline .label=${s.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${v(this._featureMenuIntersectionObserverCreated)}></div>${a==="feature"?n`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${s.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:i,hideCloseButton:s,hideSelectFeature:a,active:o,hideHeading:l}=this,d="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,g=d&&!a,w=e.flowType==="feature-association",f=i.returnToInitialFeature??"",p=i?.selectFeature,m=this._getActionTitle(_),h=!this.hideActionBar&&w&&d;return n`<calcite-flow-item .closable=${!s} .closed=${!o} .description=${k(this._getDrillInFlowItemDescription(e)??"")} .heading=${l?void 0:k(e.heading??"")} .selected=${t} @calciteFlowItemBack=${F=>{F.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l?null:n`<div slot=heading><div .innerHTML=${b.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${b.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${f??""} title=${f??""??r}></calcite-action>${g?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${p??""} title=${p??r}></calcite-action>`:null}${h?n`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${_.disabled} .icon=${_.icon??void 0} .loading=${_.active} scale=s text-enabled .text=${m} title=${m??r} @click=${()=>H(this.viewModel,_,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class="container">${e}</div></calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e?.map((s,a)=>this._renderFlowItem(s,this._featureFlowItemSelected&&a===e.length-1)),i=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(),t]:[this._renderContentFeature(),t,this._renderFeatureMenuContainer()];return n`<calcite-flow ${v(this._flowContainerNode)}>${i}</calcite-flow>`}_renderActionBar(){let e=this.viewModel.selectedFeatureViewModel?.isFeatureFromTable&&!this.location?this.viewModel.allActions.filter(t=>t.id!==_.id):this.viewModel.allActions;return!this._isCollapsed&&!this.hideActionBar&&e.length?n`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s ${v(this._actionBarMenuNode)}>${this._renderActions()}</calcite-action-group></calcite-action-bar>`:null}_renderActions(){return this.viewModel.allActions.toArray().map(e=>{let t=this._getActionTitle(e);return n`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .loading=${e.active} scale=s .textEnabled=${!this._hideActionText} .text=${t??""} title=${t??r} .hidden=${!e.visible} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?A(t,n`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${v(this._selectedFeatureComponent)}></arcgis-feature>`):typeof e=="string"?A(e,n`<div .innerHTML=${b.sanitize(e)??""}></div>`):e??null}};N("arcgis-features",D);return D},"widgets/Features/FeaturesViewModel","intl","core/reactiveUtils","applications/Components/stringUtils","core/Collection","applications/Components/sanitizerUtils","applications/Components/featureUtils","support/actions/ActionButton",a,b,c,d,e,f,g,h)