@arcgis/map-components 5.2.0-next.156 → 5.2.0-next.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/map-components",
-  "version": "5.2.0-next.156",
+  "version": "5.2.0-next.157",
   "description": "ArcGIS Map Components",
   "keywords": [
     "2D",
@@ -43,16 +43,16 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts5": "~5.20.8",
-    "@arcgis/common-components": "5.2.0-next.156",
-    "@arcgis/lumina": "5.2.0-next.156",
-    "@arcgis/lumina-toolkit": "5.2.0-next.156",
-    "@arcgis/toolkit": "5.2.0-next.156",
+    "@arcgis/common-components": "5.2.0-next.157",
+    "@arcgis/lumina": "5.2.0-next.157",
+    "@arcgis/lumina-toolkit": "5.2.0-next.157",
+    "@arcgis/toolkit": "5.2.0-next.157",
     "es-toolkit": "^1.52.0",
     "lit": "^3.3.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@arcgis/core": "5.2.0-next.156",
+    "@arcgis/core": "5.2.0-next.157",
     "@esri/calcite-components": "^5.2.0-next.89"
   },
   "css.customData": [

package/dist/cdn/GUY54PVD.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import p from"./DV5RJXB4.js";import"./IZ46HAUJ.js";import o from"./XJ6DZ6AN.js";import{a as L}from"./KBHLE7HT.js";import l from"./IFMBHZHX.js";import i from"./TMJX7DFH.js";import h from"./DSDPDMLP.js";import{a as E}from"./VJVKFKSG.js";import{b as Z,c as U,d as j}from"./7N4V2IN6.js";import e from"./CQQM24VF.js";import{a as z}from"./WEAGLY7B.js";import d from"./FZWFKZLW.js";import c from"./JBHRVHGS.js";import{f as N,h as B}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{a as D,e as b}from"./WQMZ7BDQ.js";import{N as f,O as m,P as O,R as $,U as g,V as P,X as H,a as k,b as n,n as x,x as C}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([J,q,Q,{initializeProjection:Y},{renderingSanitizer:M},{stripHTML:A},{substitute:h,formatNumber:I},{when:ee,watch:u},{getGraphicOriginTitle:te},,,,V,,,{e:T},{d:W},S])=>{var ie=k`: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)}.content-feature{--calcite-flow-item-footer-padding: 0;--calcite-flow-header-top-space: 0}.feature-menu-observer{flex:0 0 1px;height:1px;margin-block-start:-1px}.action-exit{transform:scaleX(-1)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}.diagnostics-notice{padding:var(--calcite-space-md)}`;function se(_){return _?.declaredClass.startsWith("esri.layers.")??!1}function ae(_){if(!(!_||!("featureReduction"in _)))return _.featureReduction?.type}var ne=V(Q),oe=5,R=class extends O{constructor(){super(...arguments),this._zoomToFeature=new J({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),this._fetchFeaturesController=null,this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this._loadMoreFeatures()},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._setFocusAnimationFrameId=null,this._setFocusAnimationFrameResolve=null,this._rootFlowItemNode=f(),this._featureMenuViewportNode=f(),this._actionBarMenuNode=f(),this._flowContainerNode=f(),this._aggregatedFeaturesComponent=f(),this.messages=z(),this._selectedFeatureComponent=f(),this._actionFlowItems=new WeakSet,this._direction=N(),this._cancelOpenRelatedFeature=()=>{this._openRelatedFeatureAbortController=E(this._openRelatedFeatureAbortController)},this._spinnerVisible=!1,this._openRelatedFeatureAbortController=null,this.flowItems=new q,this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._hasActionsStartSlotContent=!1,this._hasActionsEndSlotContent=!1,this._selectedFeatureLoading=!1,this._lastSettledCollapseEnabled=!1,this._lastSettledHeading="",this.viewModel=ne(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.autoDestroyDisabled=!1,this.focusTrapEnabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.diagnostics=this.viewModel.diagnostics,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.effectiveHeading=this.viewModel.effectiveHeading,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=!1,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureItemAbilities=this.viewModel.featureItemAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new q,this.heading=this.viewModel.heading,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.chartAnimationDisabled=this.viewModel.featureItemAbilities?.chartAnimation,this.hideAttachmentsContent=this.viewModel.featureItemAbilities?.attachmentsContent,this.hideEmptyRelationshipContent=!1,this.hideCustomContent=this.viewModel.featureItemAbilities?.customContent,this.hideExpressionContent=!1,this.hideFieldsContent=this.viewModel.featureItemAbilities?.fieldsContent,this.hideMediaContent=this.viewModel.featureItemAbilities?.mediaContent,this.hideRelationshipContent=this.viewModel.featureItemAbilities?.relationshipContent,this.hideTextContent=this.viewModel.featureItemAbilities?.textContent,this.hideUtilityNetworkContent=this.viewModel.featureItemAbilities?.utilityNetworkAssociationsContent,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.open,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.arcgisClose=C(),this.arcgisPropertyChange=B()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=C(),this.arcgisTriggerAction=C()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_aggregatedFeatureCount:16,_selectedAggregatedFeatureIndex:16,_aggregatedFeaturesLoading:16,_hasActionsStartSlotContent:16,_hasActionsEndSlotContent:16,_selectedFeatureLoading:16,_lastSettledCollapseEnabled:16,_lastSettledHeading:16,_selectedFeatureViewModel:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_selectedFeatureHeading:16,_selectedFeatureHeadingText:16,_selectedFeatureContent:16,_selectedFeaturePending:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,focusTrapEnabled:5,collapseDirection:1,collapsed:5,content:1,diagnostics:0,defaultPopupTemplateEnabled:5,effectiveHeading:32,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureItemAbilities: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,hideEmptyRelationshipContent: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,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=ie}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._selectedFeatureHeading)&&!!(this.content||this._selectedFeatureContent)||this._selectedFeaturePending&&this._lastSettledCollapseEnabled)}get _selectedFeatureHeading(){return this.viewModel.selectedFeatureItem?.heading}get _selectedFeatureHeadingText(){return this._selectedFeatureHeading||(this.viewModel.selectedFeatureItem?.state==="loading"?this.messages.loading:this.messages.untitled)}get _selectedFeatureContent(){return this.viewModel.selectedFeatureItem?.content}get _selectedFeaturePending(){let{selectedFeature:e,selectedFeatureItem:t}=this.viewModel;if(!e)return!1;let i=this._selectedFeatureViewModel,s=i?.state;return t==null||t.waitingForContent||i?.graphic!==e||s!=="ready"&&s!=="error"}get _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}clear(){this.viewModel.clear()}close(){this.open=!1}async destroy(){await this.manager.destroy(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._cancelSetFocusAnimationFrame(),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;this._fetchFeaturesController=s,!e&&this.view&&this.location&&(await Y(this.location.spatialReference,this.view.spatialReference,null,{signal:o}),e=this.view.toScreen(this.location)??void 0),e&&await this.viewModel.fetchFeatures(e,{...t,signal:o})}next(){this.viewModel.next()}previous(){this.viewModel.previous()}async setFocus(){this._cancelSetFocusAnimationFrame(),await new Promise(e=>{this._setFocusAnimationFrameResolve=e,this._setFocusAnimationFrameId=requestAnimationFrame(()=>{this._setFocusAnimationFrameId=null;try{if(!this.isConnected||!this.viewModel?.active)return;this._flowContainerNode.value?.setFocus()}finally{this._resolveSetFocusAnimationFrame()}})})}connectedCallback(){super.connectedCallback(),this._createSpinner()}willUpdate(){let e=this._selectedFeaturePending,{effectiveHeading:t}=this.viewModel;e||(this._lastSettledCollapseEnabled=this._collapseEnabled),(t||!e)&&(this._lastSettledHeading=t??"")}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&(this._selectedFeatureViewModel=e?.viewModel,x(()=>this.selectedFeatureComponent=e)),this.componentOnReady().then(()=>{let t=this._featureMenuIntersectionObserverNode;this.isConnected&&t&&(this._featureMenuIntersectionObserver.unobserve(t),this._featureMenuIntersectionObserver.observe(t))})}loaded(){this.manager.onLifecycle(()=>[S({getLoading:()=>this.viewModel.waitingForResult,setEffectiveLoading:e=>{this._spinnerVisible=e,this._createSpinner()},timeout:25,minShownDuration:0}),S({getLoading:()=>this._selectedFeaturePending,setEffectiveLoading:e=>{this._selectedFeatureLoading=e}}),ee(()=>[this.initialDisplayMode==="list"&&!!this.viewModel?.selectedFeature,this.viewModel?.active],()=>{this.setFocus()}),u(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),u(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),u(()=>this.viewModel?.view?.scale,()=>this._viewScaleChange()),u(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),u(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),u(()=>this.selectedFeatureComponent?.viewModel,(e,t)=>t&&this._removeFlowItems()),u(()=>[this.viewModel?.features.at(0),this.viewModel?.featureCount??0],([e,t],i)=>{let[s,a]=i??[void 0,0];(e!==s||t<a)&&this._featureMenuViewportScrollTop()}),u(()=>[this.featureMenuOpen,this.initialDisplayMode,this.open],()=>{this.viewModel.featureMenuOpen=this.featureMenuOpen,this.open&&(this.featureMenuOpen||this.initialDisplayMode==="list")&&(this.viewModel.featurePage=1)},{initial:!0}),u(()=>this.flowItems.toArray(),()=>this._handleFlowItemsChange(),{initial:!0}),u(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),u(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),u(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.pendingLocation,this.viewModel?.open],()=>this._createSpinner(),{initial:!0})])}disconnectedCallback(){super.disconnectedCallback(),this._selectedFeatureLoading=!1,this._spinnerVisible=!1,this._cancelSetFocusAnimationFrame(),this._removeSpinner(this.referenceElement)}_loadMoreFeatures(){let{viewModel:e}=this,{featurePage:t,featuresPerPage:i,features:s}=e;e.open&&(this.initialDisplayMode==="list"||this.featureMenuOpen)&&t!=null&&t*i<s.length&&(e.featurePage=t+1)}_resolveSetFocusAnimationFrame(){let e=this._setFocusAnimationFrameResolve;this._setFocusAnimationFrameResolve=null,e?.()}_cancelSetFocusAnimationFrame(){this._setFocusAnimationFrameId!=null&&(cancelAnimationFrame(this._setFocusAnimationFrameId),this._setFocusAnimationFrameId=null),this._resolveSetFocusAnimationFrame()}_cancelFetchingFeatures(){this._fetchFeaturesController=E(this._fetchFeaturesController)}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{features:e,featurePage:t,featuresPerPage:i}=this.viewModel,s=new Map,a=Math.min((t??0)*i,e.length);for(let o=0;o<a;o++){let l=e[o],r=T(l),d=se(r)?r:null,c=s.get(d);c||(c=[],s.set(d,c)),c.push(o)}return s}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),t.signal.aborted)return;let i=e.graphic,s=i?.geometry;if(s==null||i==null){this._openRelatedFeatureAbortController=null;return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:s}),t.signal.aborted)return;let{labelPointExecute:a}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(t.signal.aborted)return;let o=a(s);o!=null&&(this.location=o),this.features=[i],this.open=!0,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._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?this.selectedFeatureIndex=-1: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()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){e!==this._featureMenuIntersectionObserverNode&&(this._unobserveFeatureMenuObserver(),this._featureMenuIntersectionObserverNode=e??null)}_getActionLabel(e,t){let{messages:i}=this;if(e.id==="zoom-to-feature"){let s=t?A(t.heading||(("state"in t&&t.state==="loading"?i.loading:i.untitled)??"")):this._selectedFeatureHeadingText;return h(i.zoomLabel??"",{messages:i,title:s})}return null}_getActionTitle(e,t){let{messages:i}=this,s=t?t.graphic:this.selectedFeature,{id:a}=e,o=s?.attributes,l=e.title??"",r=a==="zoom-to-feature"?h(l,{messages:i}):a==="remove-selected-feature"?h(l,{messages:i}):a==="zoom-to-aggregated-features"?h(l,{messages:i}):a==="browse-aggregated-features"?h(l,{messages:i}):e.title;return r&&o?h(r,o):r??""}_onMainKeydown(e){let{key:t}=e;e.defaultPrevented||Z(e)||(j(t,this._direction,{horizontalOnly:!0})&&(e.preventDefault(),e.stopPropagation(),this._closeFeatureMenu(),this.previous()),U(t,this._direction,{horizontalOnly:!0})&&(e.preventDefault(),e.stopPropagation(),this._closeFeatureMenu(),this.next()))}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:i,waitingForResult:s}=this.viewModel;s||!i||e===t||e===-1||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e,t=this.flowItems.getItemAt(this.flowItems.length-1)){if(e.disabled)return;e?.type==="toggle"&&(e.value=!e.value);let i=t&&"allActions"in t?t.viewModel:void 0;W(e,this.viewModel,i),this.arcgisTriggerAction.emit({action:e})}_viewScaleChange(){let{selectedFeature:e}=this,t=T(e);!e?.isAggregate||ae(t)!=="cluster"||(this.viewModel.aggregatedFeaturesEnabled=!1,this.open=!1,this.clear())}_viewChange(){this.viewModel.clear(),this.open=!1,this._aggregatedFeatureCount=0,this._removeFlowItems()}_handleAggregatedFeaturesPropertyChange({detail:e,target:t}){e.name==="aggregatedFeatureCount"&&(this._aggregatedFeatureCount=t.aggregatedFeatureCount),e.name==="selectedAggregatedFeatureIndex"&&(this._selectedAggregatedFeatureIndex=t.selectedAggregatedFeatureIndex,this._syncSelectedDrillInFeature()),e.name==="loading"&&(this._aggregatedFeaturesLoading=t.loading)}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_handleFlowItemsChange(){this._syncSelectedDrillInFeature(),this.flowItems.forEach(e=>{!("allActions"in e)||this._actionFlowItems.has(e)||(this._actionFlowItems.add(e),e.componentOnReady().then(()=>{this.isConnected&&this.flowItems.includes(e)&&this.requestUpdate()}))})}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);x(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_removeFlowItems(){this.viewModel.aggregatedFeaturesEnabled=!1,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(){if(this.hideHeading)return"";let{effectiveHeading:e}=this.viewModel;return e||!this._selectedFeaturePending?e??"":this._lastSettledHeading||(this._selectedFeatureLoading?this.messages.loading??"":"")}_handleActionsStartSlotChange(e){this._hasActionsStartSlotContent=D(e)}_handleActionsEndSlotChange(e){this._hasActionsEndSlotContent=D(e)}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=P(n`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${!this.hideSpinner&&this.viewModel.open&&this._spinnerVisible} .location=${this.viewModel?.pendingLocation??this.viewModel?.location??void 0} .referenceElement=${e} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}#e(e){let t=e&&"allActions"in e?e:void 0,{selectedFeatureItem:i}=this.viewModel;if(t&&!t.allActions)return[];let s=t?t.isFeatureFromTable:i?.isFeatureFromTable;return(t?.allActions??i?.allActions??(!e&&this.viewModel.includeDefaultActions?this.viewModel.defaultActions.concat(this.viewModel.actions):this.viewModel.actions)).toArray().filter(a=>!(e&&a.id==="browse-aggregated-features")&&!(s&&!this.location&&a.id===this._zoomToFeature.id))}render(){return n`<div class="root">${this._renderContentContainer()}</div>`}_renderFeatureNavigation(){return[this._renderPagination(()=>this._previousFeature(),()=>this._nextFeature()),this.initialDisplayMode==="list"?this._renderFeaturePaginationText(this.viewModel.featureCount,this.viewModel.selectedFeatureIndex):this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?n`<div slot=header-top class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?n`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(e,t){let{messages:i}=this;return n`<div class="pagination-text">${h(i.pageText??"",{index:I(t+1),total:I(e)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,streamingFeatures:s,selectedFeatureIndex:a}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures??""} .loading=${s} @click=${this._handlePaginationMenuButton} .text=${h(e.pageText??"",{index:I(a+1),total:I(i)})} text-enabled title=${e.showAllFeatures??""??g}></calcite-action>`}_renderPagination(e,t){let{previous:i,next:s}=this.messages;return n`<calcite-action-bar class="pagination-action-bar" expand-toggle-disabled layout=horizontal overflow-mode=none scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${i??""} @click=${e} .text=${i??""} title=${i??""??g}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${s??""} @click=${t} .text=${s??""} title=${s??""??g}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{featureModels:i,selectedFeatureIndex:s}=this.viewModel,a=i[e],o=a?.state==="ready"?a.heading:"",l=e===s;return n`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(e)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(e)} .selected=${l} @calciteListItemSelect=${()=>this._selectFeature(e)}><span .innerHTML=${(M.sanitize(o)||(a?.state==="loading"?this.messages.loading: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.features.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${s}>${Array.from(i,([a,o])=>{let l=o.map(d=>this._renderFeatureMenuItem(d)),r=a?a.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&r!==null?L(a??"map-graphics",n`<calcite-list-item-group .heading=${r}>${l}</calcite-list-item-group>`):l})}</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??g}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:i,_isCollapsed:s,_collapseEnabled:a,featureNavigationTop:o,initialDisplayMode:l,selectedFeature:r,hideHeading:d}=this,{active:c,selectedFeatureItem:v,content:F}=this.viewModel,p=this._getHeading();if(l==="list"&&!r)return null;let w=!this._selectedFeaturePending&&(v?!v.content:!F);return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${$(b({"content-feature":!0,"flow-item-collapsed":s}))} .closable=${!i} .closed=${!c} .collapsed=${s} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${a} .headingLevel=${t} .selected=${e} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController||this._selectedFeatureLoading} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} @keydown=${this._onMainKeydown} .heading=${!d&&p?A(p):void 0} ${m(this._rootFlowItemNode)}>${this._renderHeader()}${!d&&p?n`<div slot=heading><div .innerHTML=${M.sanitize(p??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${$(b("container","content-container",{"content-hidden":w}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderDiagnosticsRefineResults(){let{messages:e}=this,{view:t}=this.viewModel;return t!=null&&"effectiveMaxZoom"in t.constraints&&t.constraints.effectiveMaxZoom>=0&&t.zoom>=t.constraints.effectiveMaxZoom?e.maxRecordCountDescriptionRefineResultsMaxZoomLevel:e.maxRecordCountDescriptionRefineResults}_renderDiagnosticsList(e){let{messages:t}=this,i=Array.from(e,s=>te(s)??t.untitled);return i.length?n`<p>${t.maxRecordCountDescriptionWithLayerList}</p><ul>${i.map(s=>n`<li>${s}</li>`)}</ul><p>${this._renderDiagnosticsRefineResults()}</p>`:null}_renderDiagnosticsMultipleLayers(){let{messages:e}=this;return n`<p>${e.maxRecordCountDescriptionMultipleLayers}</p><p>${this._renderDiagnosticsRefineResults()}</p>`}_renderDiagnostics(){let{messages:e}=this,{diagnostics:t}=this.viewModel,i=t?.layerLimitExceeded;return i?.size?n`<calcite-notice class="diagnostics-notice" open kind=info scale=s><span slot=title>${e.maxRecordCountHeading}</span><div slot=message>${i.size<=oe?this._renderDiagnosticsList(i):this._renderDiagnosticsMultipleLayers()}</div></calcite-notice>`:null}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:i,messages:s,initialDisplayMode:a,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:r,_isCollapsed:d,featureNavigationTop:c,headingLevel:v}=this,{active:F,features:p,streamingFeatures:w}=e,G=i??s.selectFeature,y=h(s.backLabel??"",{title:this._selectedFeatureHeadingText});if(a==="feature"&&!o)return null;let K=!l;return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${$(b({"flow-item-collapsed":d}))} .closable=${!t} .closed=${!F} .collapsed=${a==="list"&&d} .collapseDirection=${this.collapseDirection??(c?"down":"up")} .collapsible=${a==="list"&&r} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand,back:y}} .description=${this.hideFeatureMenuHeading?void 0:h(s.total??"",{total:p.length})} .heading=${this.hideFeatureMenuHeading?void 0:G} .headingLevel=${v} .loading=${e.waitingForResult} .selected=${K} @calciteFlowItemBack=${X=>{X.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${m(this._featureMenuViewportNode)}>${a==="list"?this._renderHeaderActions():null}${w?n`<calcite-loader class="loader" inline .label=${s.loading??""} slot=header-actions-end></calcite-loader>`:null}${this._renderDiagnostics()}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" aria-hidden=true ${m(this._featureMenuIntersectionObserverCreated)}></div>${a==="feature"?n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${y} title=${y??g}>${s.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{hideCloseButton:i,active:s,hideHeading:a,hideSelectFeature:o,messages:l}=this,r=l.returnToInitialFeature??"",d=l?.selectFeature,c="showAllEnabled"in e?e.showAllEnabled:!1,v=e.flowType==="feature"||e.flowType==="feature-association"||e.flowType==="feature-relationship"&&!c,F=e.flowType!=="feature"&&v&&"isFeatureFromTable"in e&&!e.isFeatureFromTable&&!o,p=e.flowType==="feature"&&this.viewModel.aggregatedFeaturesEnabled?n`<div class="footer" slot=footer>${this._renderPagination(()=>{this._aggregatedFeaturesComponent.value?.previous()},()=>{this._aggregatedFeaturesComponent.value?.next()})}${this._renderFeaturePaginationText(this._aggregatedFeatureCount,this._selectedAggregatedFeatureIndex)}</div>`:null;return n`<calcite-flow-item .closable=${!i} .closed=${!s} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${A(this._getDrillInFlowItemDescription(e)??"")} .heading=${a?void 0:A(e.heading??"")} .selected=${t} @calciteFlowItemBack=${w=>{w.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${a?null:n`<div slot=heading><div .innerHTML=${M.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${M.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${r??""} title=${r??""??g}></calcite-action>${F?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${d??""} title=${d??g}></calcite-action>`:null}${v&&this._renderActionBar(e)||""}<div class="container">${e}</div>${p}</calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e.length>0,i=this.viewModel.aggregatedFeaturesEnabled&&this.viewModel.selectedFeature?.isAggregate&&!t,s=i&&e.length===0,a=e.length===0&&this._featureFlowItemSelected&&!i,o=e?.map((d,c)=>this._renderFlowItem(d,this._featureFlowItemSelected&&c===e.length-1)),l=this._renderBrowseAggregateContainer(!!s),r=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(a)]:[this._renderContentFeature(a),this._renderFeatureMenuContainer()];return n`<calcite-flow ${m(this._flowContainerNode)}>${r}${l}${o}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:i,messages:s}=this,{selectedFeature:a}=this.viewModel,o=this.viewModel.aggregatedFeaturesEnabled&&a?.isAggregate,l=h(s.backLabel??"",{title:this._selectedFeatureHeadingText});return o?n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount?h(s.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${s.aggregatedFeatures} @calciteFlowItemBack=${r=>{r.preventDefault(),this.viewModel.aggregatedFeaturesEnabled=!1}} .messageOverrides=${{back:l}} .loading=${this._aggregatedFeaturesLoading} @calciteFlowItemClose=${this._handleClose}><arcgis-aggregated-features .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .feature=${a??void 0} .flowItems=${this.flowItems} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map??void 0} .messageOverrides=${this.messageOverrides} .messages=${s} @arcgisPropertyChange=${this._handleAggregatedFeaturesPropertyChange} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} .view=${this.view??void 0} ${m(this._aggregatedFeaturesComponent)}></arcgis-aggregated-features><calcite-button appearance=transparent @click=${()=>this.viewModel.aggregatedFeaturesEnabled=!1} slot=footer-start scale=s width=full .label=${l} title=${l??g}>${s.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(e){let t=this.#e(e),i=!!t.length||this._hasActionsStartSlotContent||this._hasActionsEndSlotContent,s=this._isCollapsed||this.hideActionBar||!i;return n`<calcite-action-bar expand-toggle-disabled .expanded=${!this._hideActionText} scale=s slot=${(s?void 0:"action-bar")??g} .hidden=${s}><slot name=actions-start @slotchange=${this._handleActionsStartSlotChange}></slot><calcite-action-group overlay-positioning=fixed scale=s ${m(this._actionBarMenuNode)}>${this._renderActions(t,e)}</calcite-action-group><slot name=actions-end @slotchange=${this._handleActionsEndSlotChange}></slot></calcite-action-bar>`}_renderActions(e,t){return e.map(i=>{let s=this._getActionTitle(i,t),a=this._getActionLabel(i,t);return n`<calcite-action .active=${i.type==="toggle"?i.value:!1} .disabled=${i.disabled} .icon=${i.icon??void 0} .loading=${i.active} scale=s .textEnabled=${!this._hideActionText} .text=${s??""} .label=${a??s} title=${a??s??g} .hidden=${!i.visible} @click=${()=>this._triggerAction(i,t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeature:t,includeDefaultActions:i,actions:s}=this.viewModel;return t?n`<arcgis-feature-next .actions=${s} .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .includeDefaultActions=${i} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} @arcgisPropertyChange=${()=>{this._selectedFeatureViewModel=this._selectedFeatureComponent.value?.viewModel}} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${m(this._selectedFeatureComponent)}></arcgis-feature-next>`:typeof e=="string"?L(e,n`<div .innerHTML=${M.sanitize(e)??""}></div>`):e??null}};H("arcgis-features-next",R);return R},"support/actions/ActionButton","core/Collection","popup/FeaturesModel","applications/Components/featureUtils","applications/Components/sanitizerUtils","applications/Components/stringUtils","intl","core/reactiveUtils","graphic/getGraphicOriginTitle",a,c,d,e,h,i,l,o,p)