@arcgis/map-components 5.2.0-next.65 → 5.2.0-next.66

package/dist/cdn/UJAX7TII.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import j from"./ZHA4C7BC.js";import i from"./3Y5SDD5P.js";import{a as J}from"./JCRPP54Z.js";import{a as S,b as H,g as G,h as U,m as F}from"./LDDAJOTV.js";import{a as B}from"./BOHA6O3E.js";import{a as w}from"./AOZTFK3U.js";import h from"./3TZJEZDM.js";import g from"./MZWO5JYA.js";import f from"./PT7XD6RE.js";import"./VJVKFKSG.js";import e from"./2WLXD7OI.js";import{a as x}from"./PTHSNQL2.js";import{a as p}from"./JD74LG7K.js";import d from"./RTXRLIYL.js";import b from"./AM3UJO3A.js";import{g as R}from"./CNA7TDZN.js";import"./VJMC3CMB.js";import a from"./LIBO3YUY.js";import"./QUZTFUWM.js";import{d as D}from"./M3DP7XNI.js";import{A as T,L as O,M as m,N as P,O as y,Q as $,R as L,T as A,b as r,w as c}from"./QL3M4ZI7.js";import"./H6RQVSYM.js";export default $arcgis.t(([{createReactiveMap:K},I,{on:C,watch:W},X,Y,{h:f},,{a:N},k,,,,,{b:j,c:q,d:z}])=>{var g=J,Z=u=>{let e=u?.type;return e==="knowledge-graph"||e==="map-image"||e==="tile"},ee=u=>u?.type==="catalog",Q="nested",te=I.ofType(Y),se=k(X),_=class extends P{constructor(){super(...arguments),this.#o=`operational-${T()}`,this.#e=null,this.#l=O(),this.#i=!1,this.#t=!1,this.messages=x(),this.#r=()=>{this._activeItem=null},this.#n=e=>{if(this.visibilityAppearance!=="default")return;let t=Array.from(e.composedPath()).find(s=>s.classList?.contains(g.item));this._activeItem=F(t)},this.#a=K(),this.#s=K(),this.#h=e=>{e&&this.#v(e)},this.#c=e=>{e&&this.#b(e)},this.#d=e=>{e&&this.#$(e)},this.viewModel=se(this),this._activeItem=null,this._focusRootFlowItem=!1,this._focusPanelFlowItem=!1,this._focusLayerFlowItem=null,this.layerTablesEnabled=new I(["knowledge-graph"]),this.mapImageOptions=null,this.tileOptions=null,this.view=this.viewModel.view,this.hideCatalogLayerList=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showErrors=!1,this.hideNoFilterResultsNotice=!1,this.hideNoItemsNotice=!1,this.showFilter=!1,this.showHeading=!1,this.hideStatusIndicators=!1,this.showTemporaryLayerIndicators=!1,this.closed=!1,this.topLayerDisabled=!1,this.autoDestroyDisabled=!1,this.state=this.viewModel.state,this.openedLayers=new I,this.openedLayerLists=new I,this.collapsed=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.listModeDisabled=this.viewModel.listModeDisabled,this.minFilterItems=H,this.selectedItems=new te,this.selectionMode="none",this.visibilityAppearance="default",this.arcgisPropertyChange=R()("state"),this.arcgisReady=c(),this.arcgisCatalogItemsChange=c(),this.arcgisFilterChange=c(),this.arcgisSelectedItemsChange=c(),this.arcgisOpenedLayersChange=c(),this.arcgisTriggerAction=N(()=>this.viewModel,"trigger-action")}static{this.properties={_catalogLayerList:16,_activeItem:16,_focusRootFlowItem:16,_focusPanelFlowItem:16,_focusLayerFlowItem:16,_totalItems:16,_filterEnabled:16,_visibleItems:16,_openedPanelItems:16,_renderedOpenLayerFlowItems:16,layerTablesEnabled:16,mapImageOptions:16,tileOptions:16,view:0,hideCatalogLayerList:5,showCloseButton:5,showCollapseButton:5,showErrors:5,hideNoFilterResultsNotice:5,hideNoItemsNotice:5,showFilter:5,showHeading:5,hideStatusIndicators:5,showTemporaryLayerIndicators:5,closed:5,topLayerDisabled:5,autoDestroyDisabled:5,referenceElement:1,state:32,openedLayers:32,openedLayerLists:32,catalogItems:0,catalogLayer:0,catalogOptions:0,collapsed:5,filterPlaceholder:1,filterPredicate:0,filterText:1,headingLevel:9,knowledgeGraphOptions:0,label:1,listItemCreatedFunction:0,listModeDisabled:5,minFilterItems:9,selectedItems:0,selectionMode:1,visibilityAppearance:1,messageOverrides:0,onCatalogOpen:0,onTablesOpen:0}}static{this.styles=[z,q]}#o;#e;#l;#i;#t;#r;#n;#a;#s;#h;#c;#d;get _totalItems(){return this.catalogItems?.flatten(e=>e.children.filter(t=>t.layer?.type!=="catalog-dynamic-group")).length??0}get _filterEnabled(){return this._totalItems>=this.minFilterItems&&this.showFilter}get _visibleItems(){return this.catalogItems?.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 _renderedOpenLayerFlowItems(){let{openedLayers:e}=this;return e.toArray().map((t,s)=>this.#R(t,s===e.length-1))}get catalogItems(){return this.viewModel.catalogItems}set catalogItems(e){this.viewModel.catalogItems=e}get catalogLayer(){return this.viewModel.catalogLayer}set catalogLayer(e){this.viewModel.catalogLayer=e}async destroy(){this.#i||this.#t||(this.#i=!0,this.#e?.abort(),this.#e=null,await this.manager.destroy(),this.openedLayerLists.removeAll(),this.openedLayers.removeAll(),this.#s.clear(),this.#a.clear(),this.#t=!0,this.#i=!1)}loaded(){this.manager.onLifecycle(()=>[C(()=>this.openedLayers,"change",()=>{this.#w()}),C(()=>this.viewModel.catalogItems,"change",()=>{G(this.selectedItems),this.arcgisCatalogItemsChange.emit()}),C(()=>this.selectedItems,"change",()=>this.arcgisSelectedItemsChange.emit()),W(()=>[this.filterPredicate,this.#l.value],()=>U(this.#l.value,this.filterPredicate))])}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null,!this.autoDestroyDisabled&&!this.#t&&!this.#i&&this.destroy()}#y(e,t){return this.viewModel.triggerAction(e,t)}async#f(e,t){let s=this.#s.get(e);if(s)return s;let a=e.type==="catalog"?await this.#L(e):await this.#C(e);return t.aborted||!this.isConnected||this.#t?(a?.destroy?.(),a):(t.aborted||this.#s.set(e,a),a)}async#w(){if(!this.isConnected||this.#t)return;let{openedLayers:e,openedLayerLists:t}=this;this.#e?.abort();let s=new AbortController,{signal:a}=s;this.#e=s,this.#s.forEach((n,h)=>{e.includes(h)||(n?.destroy?.(),this.#s.delete(h))});let l=await Promise.all(e.map(n=>this.#f(n,a)));if(a.aborted||!this.isConnected||this.#t)return;t.removeAll(),t.addMany(l);let i=t.at(-1),o=i&&"catalogLayer"in i?i:void 0;this._catalogLayerList!==o&&(this._catalogLayerList=o),this.arcgisOpenedLayersChange.emit()}#I(e){e.open=!1,this._focusRootFlowItem=!0}#b(e){this._focusRootFlowItem&&(this._focusRootFlowItem=!1,f(e))}#v(e){this._focusPanelFlowItem&&(this._focusPanelFlowItem=!1,f(e))}#$(e){this._focusLayerFlowItem===e.dataset.layerUid&&(this._focusLayerFlowItem=null,f(e))}async#L(e){let{headingLevel:t,catalogOptions:s,view:a,referenceElement:l,filterPlaceholder:i,listItemCreatedFunction:o,minFilterItems:n,selectionMode:h,visibilityAppearance:d}=this;return L(r`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder??i} .listItemCreatedFunction=${s?.listItemCreatedFunction??o} .minFilterItems=${s?.minFilterItems??n} .selectionMode=${s?.selectionMode??h} .visibilityAppearance=${s?.visibilityAppearance??d} .showErrors=${s?.visibleElements?.errors??this.showErrors} .showFilter=${s?.visibleElements?.filter??this.showFilter} .hideStatusIndicators=${s?.visibleElements?.statusIndicators??this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.visibleElements?.temporaryLayerIndicators??this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${b=>b.stopPropagation()} .catalogLayer=${e} .view=${a} .referenceElement=${l} @catalogOpen=${this.#p} @tablesOpen=${this.#m}></arcgis-catalog-layer-list-next>`)}#F(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#C(e){let{headingLevel:t,selectionMode:s,referenceElement:a,view:l}=this,i=this.#F(e);return L(r`<arcgis-table-list .headingLevel=${i?.headingLevel??t} .selectionMode=${i?.selectionMode??s} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .label=${i?.label} .tables=${i?.tables} .view=${l} .referenceElement=${a} @arcgisReady=${o=>o.stopPropagation()}></arcgis-table-list>`)}#m(e){if(this.onTablesOpen){this.onTablesOpen(e);return}let t=e.layer;Z(t)&&(this.openedLayers.push(t),this._focusLayerFlowItem=t.uid)}#p(e){if(this.onCatalogOpen){this.onCatalogOpen(e);return}let t=e.layer?.parent;ee(t)&&(this.openedLayers.push(t),this._focusLayerFlowItem=e.layer?.uid)}#_(e,t){t?this.#a.set(e,t):this.#a.delete(e)}#M(e,t){this.#y(e,t)}#E(e){let{selectionMode:t,selectedItems:s}=this;if(t==="none")return;let a=e.target.selectedItems.map(l=>F(l)).filter(Boolean);s.removeAll(),s.addMany(a)}render(){let{state:e}=this,t={[p.hidden]:e==="loading",[p.disabled]:e==="disabled"};return r`<div class=${y(D(p.widget,p.panel,t))}>${this._visibleItems?.length?this.#O():null}${this.#D()}</div>`}#T(e){let t=this.#a,s=this.messages;return e?.layer?r`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(e.layer.uid)} .topLayerDisabled=${this.topLayerDisabled}>${s.layerIncompatibleTooltip}</calcite-tooltip>`:null}#g(e){return e.incompatible?this.#T(e):e.children?.filter(t=>!t.hidden).toArray().map(t=>this.#g(t))}#O(){return this._visibleItems?.toArray().map(e=>this.#g(e))}#u(){return r`<div slot=message>${this.messages.noItemsToDisplay}</div>`}#P(){return this.hideNoItemsNotice?null:r`<div class=${y(g.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this.#u()}</calcite-notice></div>`}#A(){let{_openedPanelItems:e,openedLayers:t}=this;return B(e.toArray(),({uid:s})=>s,(s,a)=>{let{uid:l,title:i,panel:o}=s,n=()=>this.#I(o);return r`<calcite-flow-item .description=${i} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${h=>{h.preventDefault(),n()}} ${m(this.#h)}><arcgis-layer-list-item-panel .item=${s} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent slot=footer-actions width=full @click=${n}>Back</calcite-button></calcite-flow-item>`})}#D(){let{collapsed:e,_visibleItems:t,_filterEnabled:s,showCloseButton:a,showCollapseButton:l,showHeading:i,selectionMode:o,filterText:n,filterPlaceholder:h,openedLayers:d,_openedPanelItems:b}=this,M=this.#o,E=this.label??this.messages.componentLabel??"",V=[r`<calcite-flow-item .closable=${a} .closed=${this.closed} .collapsed=${e} .collapsible=${l} .heading=${i?E:void 0} .headingLevel=${this.headingLevel} .selected=${!d.length&&!b.length} @calciteFlowItemClose=${()=>this.closed=!0} ${m(this.#c)}>${t?.length?r`<calcite-list data-layer-type=${M??$} .displayMode=${Q} .filterEnabled=${s} .filterPlaceholder=${h} .filterProps=${S} .filterText=${s?n:""} .group=${M} .label=${E} @focusin=${this.#n} @focusout=${this.#r} selection-appearance=border .selectionMode=${o} @calciteListChange=${this.#E} @calciteListFilter=${v=>{this.filterText=v.currentTarget?.filterText??"",this.arcgisFilterChange.emit()}} @mouseleave=${this.#r} @mouseover=${this.#n} ${m(this.#l)}>${t.toArray().map(v=>this.#x(v))}${s&&!this.hideNoFilterResultsNotice?r`<div class=${y(g.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this.#u()}</calcite-notice></div>`:null}</calcite-list>`:this.#P()}</calcite-flow-item>`,this.#A(),this._renderedOpenLayerFlowItems];return this.closed?null:w("root-flow",r`<calcite-flow>${V}</calcite-flow>`)}#R(e,t){let{openedLayers:s}=this,a=e.title||this.messages.untitledLayer;return w(e.uid,r`<calcite-flow-item data-layer-uid=${e.uid??$} .description=${a} .heading=${this.messages[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${l=>{l.preventDefault(),s.pop();let i=s.at(-1);i?this._focusLayerFlowItem=i.uid:this._focusRootFlowItem=!0}} ${m(this.#d)}>${this.#s.get(e)}</calcite-flow-item>`)}#x(e,t,s){let{hideStatusIndicators:a,showCloseButton:l,showCollapseButton:i,showErrors:o,showFilter:n,showHeading:h,showTemporaryLayerIndicators:d}=this;return w(e.uid,j({activeItem:this._activeItem??void 0,css:{...g,itemCatalogIcon:g.itemActionIcon},displayMode:Q,dragEnabled:!1,item:e,layerTablesEnabled:this.layerTablesEnabled,listModeDisabled:this.viewModel.listModeDisabled,messages:this.messages,parent:t,parentTitles:s,rootGroupUid:this.#o,selectedItems:this.selectedItems,selectionMode:this.selectionMode,visibilityAppearance:this.visibilityAppearance,hideStatusIndicators:a,showCloseButton:l,showCollapseButton:i,showErrors:o,showFilter:n,showHeading:h,showTemporaryLayerIndicators:d,handleAction:this.#M.bind(this),handleCatalogOpen:this.#p.bind(this),handleTablesOpen:this.#m.bind(this),handleTooltipReferenceChange:this.#_.bind(this),view:this.view}))}};A("arcgis-catalog-layer-list-next",_);return _},"applications/Components/featureUtils","core/Collection","core/reactiveUtils","widgets/CatalogLayerList/CatalogLayerListViewModel","widgets/LayerList/ListItem",a,b,d,e,f,g,h,i,j)

package/dist/cdn/XKC3DFCU.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import"./XEK22IDA.js";import j from"./ZHA4C7BC.js";import i from"./3Y5SDD5P.js";import{a as G}from"./JCRPP54Z.js";import{a as A,b as x,c as B,g as R}from"./LDDAJOTV.js";import{a as U}from"./BOHA6O3E.js";import{a as w}from"./AOZTFK3U.js";import g from"./3TZJEZDM.js";import f from"./MZWO5JYA.js";import e from"./PT7XD6RE.js";import"./VJVKFKSG.js";import d from"./2WLXD7OI.js";import{a as T}from"./PTHSNQL2.js";import{a as m}from"./JD74LG7K.js";import c from"./RTXRLIYL.js";import b from"./AM3UJO3A.js";import{g as D}from"./CNA7TDZN.js";import"./VJMC3CMB.js";import a from"./LIBO3YUY.js";import"./QUZTFUWM.js";import{d as F}from"./M3DP7XNI.js";import{A as y,L as C,M as $,N as M,O as p,Q as E,T as L,b as o,w as h}from"./QL3M4ZI7.js";import"./H6RQVSYM.js";export default $arcgis.t(([j,{watch:b,on:q},V,,,{a:P},N,,,,,{b:O,c:S,d:k}])=>{var _=G,H="nested",J=N(V),v=class extends M{constructor(){super(...arguments),this._lastDragDetail=null,this._rootGroupUid=`table-${y()}`,this._rootListRef=C(),this._selectedDragItemLayerUid=null,this.messages=T(),this.viewModel=J(this),this._canMove=({dragEl:e,fromEl:t,toEl:i},s)=>{let a=s==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,l=this._getItem(e);if(!l||!("sortable"in l)||!l.sortable)return!1;let c=this._getItem(t),d=this._getLayerType(t),n=this._getItem(i),g=this._getLayerType(i),I=!!d&&!!g&&d===g,u={selected:l,from:c,to:n},f=t?.group,r=i?.group;return f&&r&&typeof a=="function"?a(u):I},this._onPanelOpen=()=>{this.requestUpdate()},this._onSelectedDragItemLayerUidChange=e=>{this._selectedDragItemLayerUid=e},this._onTriggerAction=(e,t)=>{this.triggerAction(e,t)},this.autoDestroyDisabled=!1,this.closed=!1,this.collapsed=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.icon="table",this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.listModeDisabled=this.viewModel.listModeDisabled,this.map=this.viewModel.map,this.minDragEnabledItems=B,this.minFilterItems=x,this.selectedItems=new j,this.selectionMode="none",this.tables=this.viewModel.tables,this.showCloseButton=!1,this.showCollapseButton=!1,this.showErrors=!1,this.hideNoFilterResultsNotice=!1,this.hideNoItemsNotice=!1,this.showFilter=!1,this.showHeading=!1,this.hideStatusIndicators=!1,this.showTemporaryTableIndicators=!1,this.arcgisClose=h(),this.arcgisPropertyChange=D()("state"),this.arcgisReady=h(),this.arcgisFilterChange=h(),this.arcgisSelectedItemsChange=h(),this.arcgisTableItemsChanged=h(),this.arcgisTriggerAction=P(()=>this.viewModel,"trigger-action")}static{this.properties={_visibleItems:16,_openedPanelItems:16,_dragEnabled:16,_filterEnabled:16,view:0,autoDestroyDisabled:5,closed:5,referenceElement:1,collapsed:7,dragEnabled:5,filterPlaceholder:1,filterPredicate:0,filterText:1,headingLevel:9,icon:1,label:1,listItemCanGiveFunction:0,listItemCanReceiveFunction:0,listItemCreatedFunction:0,listModeDisabled:5,map:0,minDragEnabledItems:9,minFilterItems:9,selectedItems:0,selectionMode:1,state:32,tableItems:32,tables:0,showCloseButton:5,showCollapseButton:5,showErrors:5,hideNoFilterResultsNotice:5,hideNoItemsNotice:5,showFilter:5,showHeading:5,hideStatusIndicators:5,showTemporaryTableIndicators:5,messageOverrides:0}}static{this.styles=[k,S]}get _visibleItems(){return this.tableItems?.filter(e=>!e.hidden&&(this.showErrors||!e.error))}get _openedPanelItems(){return this._visibleItems.filter(({hidden:e,panel:t})=>!e&&t?.open&&!t.disabled&&t.flowEnabled)}get _dragEnabled(){return this.viewModel.totalItems>=this.minDragEnabledItems&&this.dragEnabled}get _filterEnabled(){return this.viewModel.totalItems>=this.minFilterItems&&this.showFilter}get state(){return this.viewModel.state}get tableItems(){return this.viewModel.tableItems}async destroy(){await this.manager.destroy()}willUpdate(e){e.has("map")&&(this.viewModel.map=this.map),e.has("tables")&&(this.viewModel.tables=this.tables),e.has("listItemCreatedFunction")&&(this.viewModel.listItemCreatedFunction=this.listItemCreatedFunction)}loaded(){this.manager.onLifecycle(()=>[b(()=>this.view?.map,e=>{this.map||(this.viewModel.map=e)},{initial:!0}),q(()=>this.viewModel.tableItems,"change",()=>{R(this.selectedItems),this.arcgisTableItemsChanged.emit(),this.requestUpdate()},{initial:!0}),q(()=>this.selectedItems,"change",()=>this.arcgisSelectedItemsChange.emit()),b(()=>[this.viewModel.state,this.viewModel.totalItems],()=>this.requestUpdate(),{initial:!0}),b(()=>[this.filterPredicate,this._rootListRef.value],()=>this._setFilterPredicate())])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}_getItem(e){if(e?.tagName.toLowerCase()==="calcite-list-item")return e.value;let t=e?.getAttribute("data-item");return t?this._findItemByUid(t):null}_findItemByUid(e){let t=this.tableItems?.toArray()??[];for(;t.length;){let i=t.shift();if(i){if(i.uid===e)return i;t.push(...i.children?.toArray()??[])}}return null}_getLayerType(e){return e?.getAttribute("data-layer-type")??null}_setFilterPredicate(){let e=this._rootListRef.value;e&&(e.filterPredicate=this.filterPredicate?t=>{let i=this._getItem(t);return i?this.filterPredicate(i):!1}:void 0)}_handlePanelFlowItemBack(e){e.open=!1}_sortTablesToIds(e,t){e?.sort((i,s)=>{let a=i.uid!=null?t.indexOf(i.uid):-1,l=s.uid!=null?t.indexOf(s.uid):-1;return a>l?-1:a<l?1:0})}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:s}=e;s==null||!t||!i||t.insertBefore(i,t.children[s])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{toEl:i,fromEl:s,dragEl:a,newIndex:l}=e,c=t?.newIndex===l&&t?.dragEl===a&&t?.toEl===i&&t?.fromEl===s;if(!s||!i||c)return;this._lastDragDetail=e,this._selectedDragItemLayerUid=a.value;let d=Array.from(s.children).filter(n=>n?.matches("calcite-list-item")).map(n=>n.value.layer?.uid??"");this._sortTablesToIds(this.viewModel.tables,d)}_handleCalciteListChange(e){let{selectionMode:t,selectedItems:i}=this;if(t==="none")return;let s=e.target.selectedItems.map(a=>this._getItem(a)).filter(Boolean);i.removeAll(),i.addMany(s)}_handleFlowItemClose(){this.closed=!0,this.arcgisClose.emit(),this.autoDestroyDisabled||this.destroy()}render(){let{state:e}=this,t={[m.hidden]:e==="loading",[m.disabled]:e==="disabled"};return o`<div class=${p(F(m.widget,m.panel,t))}>${this._renderItems()}</div>`}_renderNoItemsMessage(){return o`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return this.hideNoItemsNotice?null:o`<div class=${p(_.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`}_renderPanelFlowItems(){return U(this._openedPanelItems.toArray(),e=>e.uid,(e,t)=>{let{panel:i,title:s}=e,a=()=>this._handlePanelFlowItemBack(i);return o`<calcite-flow-item .description=${s} .heading=${i.title} .headingLevel=${this.headingLevel} .selected=${t===this._openedPanelItems.length-1} @calciteFlowItemBack=${l=>{l.preventDefault(),a()}}><arcgis-layer-list-item-panel .item=${e} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent @click=${a} slot=footer-actions width=full>${this.messages.back}</calcite-button></calcite-flow-item>`})}_renderItems(){let{collapsed:e,_visibleItems:t,_filterEnabled:i,_rootGroupUid:s,showCloseButton:a,showCollapseButton:l,showHeading:c,_dragEnabled:d,selectionMode:n,filterText:g,filterPlaceholder:I,messages:u}=this,f=[o`<calcite-flow-item .closable=${a} .closed=${this.closed} .collapsed=${e} .collapsible=${l} .heading=${c?this.label??u.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!this._openedPanelItems.length} @calciteFlowItemClose=${()=>this._handleFlowItemClose()}>${t?.length?o`<calcite-list .canPull=${r=>this._canMove(r,"pull")} .canPut=${r=>this._canMove(r,"put")} data-layer-type=${s??E} .displayMode=${H} .dragEnabled=${d} .filterEnabled=${i} .filterPlaceholder=${I} .filterProps=${A} .filterText=${i?g:""} .group=${s} .label=${this.label??u.componentLabel} selection-appearance=border .selectionMode=${n} @calciteListChange=${this._handleCalciteListChange} @calciteListDragEnd=${r=>this._handleCalciteListDragEnd(r.detail)} @calciteListFilter=${r=>{this.filterText=r.currentTarget?.filterText??"",this.arcgisFilterChange.emit()}} @calciteListOrderChange=${r=>this._onCalciteListOrderChange(r.detail)} ${$(this._rootListRef)}>${t.toArray().map(r=>this._renderItem(r))}${i&&!this.hideNoFilterResultsNotice?o`<div class=${p(_.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`:null}</calcite-list>`:this._renderNoItems()}</calcite-flow-item>`,this._renderPanelFlowItems()];return this.closed?null:w("root-flow",o`<calcite-flow>${f}</calcite-flow>`)}_renderItem(e){return w(e.uid,O({canMove:this._canMove,css:_,displayMode:H,dragEnabled:this.dragEnabled,hideStatusIndicators:this.hideStatusIndicators,item:e,itemType:"table",listModeDisabled:this.viewModel.listModeDisabled,messages:this.messages,rootGroupUid:this._rootGroupUid,selectedDragItemLayerUid:this._selectedDragItemLayerUid,selectedItems:this.selectedItems,selectionMode:this.selectionMode,showErrors:this.showErrors,showFilter:this.showFilter,showTemporaryTableIndicators:this.showTemporaryTableIndicators,handleAction:(t,i)=>this._onTriggerAction(t,i),handlePanelOpen:this._onPanelOpen,handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange,view:this.view}))}};L("arcgis-table-list-next",v);return v},"core/Collection","core/reactiveUtils","widgets/TableList/TableListViewModel",a,b,c,d,e,f,g,i,j)