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

package/dist/cdn/GCFCZZQX.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import i from"./HP32VJJ5.js";import"./IZ46HAUJ.js";import h from"./IFMBHZHX.js";import g from"./TMJX7DFH.js";import f from"./DSDPDMLP.js";import"./VJVKFKSG.js";import e from"./CQQM24VF.js";import{a as V}from"./WEAGLY7B.js";import d from"./FZWFKZLW.js";import c from"./JBHRVHGS.js";import{h as _}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{e as x}from"./WQMZ7BDQ.js";import{O as w,P as I,R as M,U as b,X as C,a as $,b as l,x as y}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{substitute:N},{renderingSanitizer:B},H,{watch:Z},{stripHTML:P},z,,,,R,,,{a:E,b:L,c:F,e:A,f:T,j:D,q:r},k])=>{var U=$`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.root{flex:1 1 auto}.root calcite-icon{box-sizing:content-box}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.content-element{margin-bottom:var(--calcite-spacing-lg);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.content-element[empty]{display:none}.content-element:not([empty]):only-child,.content-element:not([empty]):last-child{margin-bottom:var(--calcite-spacing-xxs)}.last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size-sm)}`,O=R(z),v=class extends I{constructor(){super(...arguments),this.messages=V(),this._rootFlowNode=null,this._loading=!1,this.internalFlowItems=new H,this.flowType="feature",this.viewModel=O(this),this.actions=this.viewModel.actions,this.includeDefaultActions=this.viewModel.includeDefaultActions,this.focusTrapEnabled=!1,this.view=this.viewModel.view,this.icon="icon",this.isFeatureFromTable=this.viewModel.isFeatureFromTable,this.graphic=this.viewModel.graphic,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.headingLevel=2,this.spatialReference=this.viewModel.spatialReference,this.timeZone=this.viewModel.timeZone,this.heading=this.viewModel.heading,this.map=this.viewModel.map,this.chartAnimationDisabled=this.viewModel.abilities.chartAnimation,this.hideHeading=!1,this.hideContent=!1,this.hideAttachmentsContent=!1,this.hideEmptyRelationshipContent=!1,this.hideCustomContent=!1,this.hideExpressionContent=!1,this.hideFieldsContent=!1,this.hideMediaContent=!1,this.showRelationshipContent=!1,this.hideTextContent=!1,this.showUtilityNetworkContent=!1,this.hideLastEditedInfo=!1,this.autoDestroyDisabled=!1,this.location=this.viewModel.location,this.state=this.viewModel.state,this.arcgisPropertyChange=_()("flowItems","state"),this.arcgisReady=y()}static{this.properties={_loading:16,popupTemplate:16,sourceLayer:16,fieldInfoMap:16,values:16,globalValues:16,internalFlowItems:16,flowType:1,viewModel:0,actions:0,includeDefaultActions:5,focusTrapEnabled:5,view:0,flowItems:0,referenceElement:1,icon:1,isFeatureFromTable:36,graphic:0,allActions:32,defaultPopupTemplateEnabled:5,headingLevel:9,spatialReference:0,timeZone:1,heading:0,map:0,chartAnimationDisabled:5,hideHeading:5,hideContent:5,hideAttachmentsContent:5,hideEmptyRelationshipContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,showRelationshipContent:5,hideTextContent:5,showUtilityNetworkContent:5,hideLastEditedInfo:5,autoDestroyDisabled:5,messageOverrides:0,label:1,location:0,state:32}}static{this.styles=U}get popupTemplate(){return F(this.graphic,this.defaultPopupTemplateEnabled)??void 0}get sourceLayer(){return A(this.graphic)}get fieldInfoMap(){return E(L(this.popupTemplate),this.sourceLayer)}get values(){return this.graphic?.attributes??{}}get globalValues(){return this.viewModel.formattedAttributes?.global??{}}get allActions(){return this.viewModel.allActions}async destroy(){this._removeFlowItems(),await this.manager.destroy()}nextMedia(e){this._pageContentElementMedia(e,1)}previousMedia(e){this._pageContentElementMedia(e,-1)}setActiveMedia(e,t){let i=this.viewModel.content;if(!Array.isArray(i))return;let a=i[e];if(a?.type!=="media")return;let s=a;this._setContentElementMedia(s,t)}async updateGeometry(){return await this.viewModel.updateGeometry()}loaded(){this.manager.onLifecycle(()=>[k({getLoading:()=>!this.flowItems&&this.state==="loading",setEffectiveLoading:e=>{this._loading=e}}),Z(()=>[this.internalFlowItems?.length],()=>this._setFocus())])}_setContentElementMedia(e,t){let i=e.mediaInfos?.length??0,a=(t+i)%i;e.activeMediaInfoIndex=a}_pageContentElementMedia(e,t){let i=this.viewModel.content;if(!Array.isArray(i))return;let a=i[e];if(a?.type!=="media")return;let s=a,{activeMediaInfoIndex:n}=s,o=(n??0)+t;this._setContentElementMedia(s,o)}_removeFlowItems(){this.internalFlowItems?.destroyAll()}_storeRootFlowNode(e){this._rootFlowNode=e}_setFocus(){this._rootFlowNode?.setFocus()}_handleDrillInBackClick(){this.internalFlowItems?.pop()?.destroy()}render(){let{state:e}=this.viewModel,t=l`<div class="container">${e==="error"?this._renderError():this._renderContentContainer()}</div>`;return l`<div class="root">${t}</div>`}_renderError(){let{messages:e,hideHeading:t}=this;return l`<calcite-notice icon=exclamation-mark-circle kind=danger open scale=s>${t?null:l`<div slot=title>${e.error}</div>`}<div slot=message>${e.loadingError}</div></calcite-notice>`}_renderAttachments(e){let{values:t,fieldInfoMap:i,sourceLayer:a,globalValues:s}=this,n=r({values:t,fieldInfoMap:i,globalValues:s,layer:a,text:e.title}),o=r({values:t,fieldInfoMap:i,globalValues:s,layer:a,text:e.description});return l`<arcgis-feature-attachments .headingLevel=${this.headingLevel} .heading=${n} class="content-element" .displayType=${e.displayType} .attachmentKeywords=${e.attachmentKeywords??void 0} .attachmentTypes=${e.attachmentTypes??void 0} .orderByFields=${e.orderByFields??void 0} .graphic=${this.graphic??void 0} .description=${o} hide-preview-image-attachment-name .messages=${this.messages}></arcgis-feature-attachments>`}_renderCustom(e){return l`<arcgis-feature-content .creator=${e.creator} .destroyer=${e.destroyer??void 0} .graphic=${this.graphic??void 0} class="content-element"></arcgis-feature-content>`}_renderFields(e,t){let i=this.viewModel.formattedAttributes,{values:a,fieldInfoMap:s,sourceLayer:n,popupTemplate:o,globalValues:d,graphic:c}=this,h=!!e?.fieldInfos,p=(e.fieldInfos??o?.fieldInfos??[])?.filter(({fieldName:f})=>!!f&&(D(f)||T(f)||f in a)),u=o?.expressionInfos,m=r({values:a,fieldInfoMap:s,globalValues:d,layer:n,text:e.title}),g=r({values:a,fieldInfoMap:s,globalValues:d,layer:n,text:e.description});return l`<arcgis-feature-fields .headingLevel=${this.headingLevel} .heading=${m} class="content-element" .messages=${this.messages} .graphic=${c??void 0} .isContentFieldInfos=${h} .layer=${n} .description=${g} .values=${{...i?.global,...i?.content?.[t]}} .fieldInfos=${p} .expressionInfos=${u??void 0}></arcgis-feature-fields>`}_renderMedia(e,t){let{values:i,graphic:a,fieldInfoMap:s,sourceLayer:n,popupTemplate:o,globalValues:d}=this,{formattedAttributes:c,relatedInfos:h,expressionAttributes:p}=this.viewModel,u={...c?.global,...c?.content?.[t]},m=r({values:i,fieldInfoMap:s,globalValues:d,layer:n,text:e.title}),g=r({values:i,fieldInfoMap:s,globalValues:d,layer:n,text:e.description});return l`<arcgis-feature-media .activeMediaInfoIndex=${e.activeMediaInfoIndex??0} .chartAnimationDisabled=${this.chartAnimationDisabled} .headingLevel=${this.headingLevel} .heading=${m} class="content-element" .description=${g} .values=${i} .expressionValues=${p} .layer=${n} .graphic=${a??void 0} .messages=${this.messages} .fieldInfoMap=${s} .mediaInfos=${e.mediaInfos??[]} .popupTemplate=${o??void 0} .relatedInfos=${h} .formattedValues=${u}></arcgis-feature-media>`}_renderText(e){let{values:t,fieldInfoMap:i,sourceLayer:a,globalValues:s}=this;return l`<arcgis-feature-content .creator=${r({values:t,fieldInfoMap:i,globalValues:s,layer:a,text:e.text})} .graphic=${this.graphic??void 0} class="content-element"></arcgis-feature-content>`}_renderExpression(e,t){let i=this.viewModel.formattedAttributes,{fieldInfoMap:a,popupTemplate:s,sourceLayer:n}=this,o=s?.expressionInfos;return l`<arcgis-feature-expression .expressionInfo=${e.expressionInfo} .expressionInfos=${o??void 0} .map=${this.map??void 0} .spatialReference=${this.spatialReference??void 0} .view=${this.viewModel.view??void 0} .graphic=${this.graphic??void 0} .layer=${n} .location=${this.location??void 0} .headingLevel=${this.headingLevel} class="content-element" .interceptor=${this.viewModel.interceptor} .messages=${this.messages} .fieldInfoMap=${a} .values=${{...i?.global,...i?.content?.[t]}}></arcgis-feature-expression>`}_renderRelationship(e,t){let{values:i,graphic:a,fieldInfoMap:s,sourceLayer:n,globalValues:o}=this,{displayCount:d,orderByFields:c,relationshipId:h}=e,{formattedAttributes:p,view:u}=this.viewModel,m={...p?.global,...p?.content?.[t]},g=r({values:i,fieldInfoMap:s,globalValues:o,layer:n,text:e.title}),f=r({values:i,fieldInfoMap:s,globalValues:o,layer:n,text:e.description});return l`<arcgis-feature-relationship .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} class="content-element" .flowItems=${this.flowItems??this.internalFlowItems} .description=${f} .layer=${n} .map=${this.map??void 0} .displayCount=${d} .graphic=${a??void 0} .heading=${g} .headingLevel=${this.headingLevel} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .includeDefaultActions=${this.includeDefaultActions} .messages=${this.messages} .orderByFields=${c??void 0} .relationshipId=${h??void 0} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} use-feature-next-flow-item .values=${m} .view=${u??void 0}></arcgis-feature-relationship>`}_renderAssociation(e){let{fieldInfoMap:t,globalValues:i,graphic:a,messages:s,sourceLayer:n,values:o}=this,d=r({values:o,fieldInfoMap:t,globalValues:i,layer:n,text:e.title}),c=r({values:o,fieldInfoMap:t,globalValues:i,layer:n,text:e.description});return l`<arcgis-feature-utility-network-associations .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .associationTypes=${e.associationTypes} class="content-element" .description=${c} .flowItems=${this.flowItems??this.internalFlowItems} .graphic=${a??void 0} .heading=${d} .headingLevel=${this.headingLevel} .includeDefaultActions=${this.includeDefaultActions} .layer=${n} .map=${this.map??void 0} .messageOverrides=${this.messageOverrides} .messages=${s} .parentFeatureViewModel=${this.viewModel} .referenceElement=${this.referenceElement} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} use-feature-next-flow-item .view=${this.viewModel.view??void 0}></arcgis-feature-utility-network-associations>`}_renderContentElement(e,t){switch(e.type){case"attachments":return this.hideAttachmentsContent?null:this._renderAttachments(e);case"custom":return this.hideCustomContent?null:this._renderCustom(e);case"fields":return this.hideFieldsContent?null:this._renderFields(e,t);case"media":return this.hideMediaContent?null:this._renderMedia(e,t);case"text":return this.hideTextContent?null:this._renderText(e);case"expression":return this.hideExpressionContent?null:this._renderExpression(e,t);case"relationship":return this.showRelationshipContent?this._renderRelationship(e,t):null;case"utility-network-associations":return this.showUtilityNetworkContent?this._renderAssociation(e):null;default:return null}}_renderContent(){let{content:e,graphic:t}=this.viewModel;if(!e)return null;if(Array.isArray(e)&&e.length)return e.length?e.map(this._renderContentElement,this):null;if(typeof e=="string"){let{values:i,fieldInfoMap:a,sourceLayer:s,globalValues:n}=this;return l`<arcgis-feature-content .creator=${r({values:i,fieldInfoMap:a,globalValues:n,layer:s,text:e})} .graphic=${t??void 0} class="content-element"></arcgis-feature-content>`}return e instanceof HTMLElement?e:null}_renderContentContainer(){let{flowItems:e,hideContent:t,internalFlowItems:i,headingLevel:a,_loading:s,messages:n,heading:o,hideHeading:d}=this,c=t?null:l`<div class="main">${[this._renderContent(),this._renderLastEditInfo()]}</div>`,h=n.returnToInitialFeature??"";return e?c:l`<calcite-flow ${w(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s} .headingLevel=${a} .heading=${d?void 0:P(o)} .selected=${!i.length}>${!d&&o?l`<div slot=heading><div .innerHTML=${B.sanitize(o??"")??""}></div></div>`:null}${c}</calcite-flow-item>${i.toArray().map((p,u)=>l`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${m=>{m.preventDefault(),this._handleDrillInBackClick()}} .loading=${s} .headingLevel=${a} .selected=${u===i.length-1}><calcite-action icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${h} title=${h??b}></calcite-action>${p}</calcite-flow-item>`)}</calcite-flow>`}_renderLastEditInfo(){let{hideLastEditedInfo:e,messages:t}=this,{lastEditInfo:i}=this.viewModel;if(!i||e)return null;let{date:a,user:s}=i,n=i.type==="edit"?s?t.lastEditedByUser:t.lastEdited:s?t.lastCreatedByUser:t.lastCreated,o=N(n??"",{date:a,user:s});return l`<div class=${M(x("last-edited-info","content-element"))}>${o}</div>`}};C("arcgis-feature-next",v);return v},"intl","applications/Components/sanitizerUtils","core/Collection","core/reactiveUtils","applications/Components/stringUtils","popup/FeatureModel",a,c,d,e,f,g,h,i)

package/dist/cdn/HP32VJJ5.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as f}from"./IZ46HAUJ.js";export default $arcgis.t(([{watch:g}])=>{var l=500,p=1e3;function L({getLoading:c,setEffectiveLoading:s,timeout:u=l,minShownDuration:d=p}){let t,n;function e(){clearTimeout(n),n=void 0}function i(o){t=o?Date.now():void 0,s(o)}function r(o,a){let m=o;if(m<=0){i(a);return}n=setTimeout(()=>{e(),i(a)},m)}i(c());let w=g(c,o=>{e(),o?r(u,!0):r(t==null?0:d-(Date.now()-t),!1)},{sync:!0});return f(()=>{w.remove(),e()})}return L},"core/reactiveUtils")

package/dist/cdn/{24DOFGMG.js → PBLEDNYS.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import k from"./XJ6DZ6AN.js";import{a as V}from"./KBHLE7HT.js";import i from"./IFMBHZHX.js";import h from"./TMJX7DFH.js";import g from"./DSDPDMLP.js";import"./VJVKFKSG.js";import{b as U,c as Z,d as j}from"./7N4V2IN6.js";import f from"./CQQM24VF.js";import{a as P}from"./WEAGLY7B.js";import e from"./FZWFKZLW.js";import d from"./JBHRVHGS.js";import{f as L,h as S}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import b from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{e as x}from"./WQMZ7BDQ.js";import{N as M,O as v,P as N,R as y,U as c,V as R,X as B,a as O,b as a,n as C,p as $,x as A}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([Q,{substitute:u,formatNumber:I},{watch:r},{stripHTML:k},W,{renderingSanitizer:F},{initializeProjection:Y},ee,,,,z,,,{d:H},{c:K,d:G}])=>{var te=O`: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)}`,ie=new ee({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),_=ie.clone(),ne=25;function se(E){return E?.declaredClass.startsWith("esri.layers.")??!1}var oe=z(Q),D=class extends N{constructor(){super(...arguments),this._direction=L(),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=P(),this._selectedFeatureComponent=M(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._spinnerVisible=!1,this._spinnerVisibilityTimeout=null,this._openRelatedFeatureAbortController=null,this.flowItems=new W,this.viewModel=oe(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 W,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=S()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=A(),this.arcgisClose=A(),this.arcgisTriggerAction=A()}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,collapseDirection:1,collapsed:5,content:1,defaultPopupTemplateEnabled:5,effectiveHeading:32,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=te}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(),this._clearSpinnerVisibilityTimeout(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:n}=t??{},i=new AbortController,{signal:s}=i,o=n?AbortSignal.any([s,n]):s;if(this._fetchFeaturesController=i,!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)return;let l=await this.viewModel.fetchFeatures(e,{...t,signal:o});this.location=l.location,this.promises=l.pendingFeatures}async next(){return $("warn",this,"The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."),this.viewModel.next()}async previous(){return $("warn",this,"The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."),this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if($("warn",this,"The triggerAction() method is deprecated since 5.1. Trigger actions with manual user interaction within the component.",{once:!0}),!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await G(e,this.viewModel)}connectedCallback(){super.connectedCallback(),this._createSpinner()}disconnectedCallback(){super.disconnectedCallback(),this._clearSpinnerVisibilityTimeout(),this._removeSpinner(this.referenceElement)}loaded(){this.manager.onLifecycle(()=>[r(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),r(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),r(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),r(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),r(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),r(()=>this.flowItems.length,()=>this._syncSelectedDrillInFeature()),r(()=>[this.viewModel?.title,this.viewModel?.selectedFeatureViewModel?.title,this.viewModel?.selectedFeatureViewModel?.state],()=>this._syncEffectiveHeading(),{initial:!0}),r(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),r(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),r(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.visible],()=>this._createSpinner(),{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&C(()=>this.selectedFeatureComponent=e)}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);C(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_syncEffectiveHeading(){let e=this._calculateEffectiveHeading();this.effectiveHeading!==e&&C(()=>this.effectiveHeading=e)}_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(n=>{let i=n?.graphic;if(!i)return;let s=H(i),o=se(s)?s:null,l=t.get(o)??[];t.set(o,[...l,n])}),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 n=e.graphic,i=n?.geometry;if(i==null||n==null){this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null);return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:i}),this._openRelatedFeatureAbortController!==t)return;let{labelPointExecute:s}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(this._openRelatedFeatureAbortController!==t)return;let o=s(i);o!=null&&(this.location=o),this.features=[n],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:n}=this,{id:i}=e,s=n?.attributes,o=e.title??"",l=i==="zoom-to-feature"?u(o,{messages:t}):i==="remove-selected-feature"?u(o,{messages:t}):i==="zoom-to-clustered-features"?u(o,{messages:t}):i==="browse-clustered-features"?u(o,{messages:t}):e.title;return l&&s?u(l,s):l??""}_onMainKeydown(e){let{key:t}=e;e.defaultPrevented||U(e)||(j(t,this._direction,{horizontalOnly:!0})&&(e.stopPropagation(),e.preventDefault(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),Z(t,this._direction,{horizontalOnly:!0})&&(e.stopPropagation(),e.preventDefault(),this._handleFeatureMenuBack(),this.next(),this.setFocus()))}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:n,waitingForResult:i}=this.viewModel;i||!n||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()}_calculateEffectiveHeading(){let{title:e,selectedFeatureViewModel:t}=this.viewModel;return t?t?.state==="error"?this.messages?.errorMessage??"":t?.title||"":e??""}_getHeading(){return!this.hideHeading&&this.effectiveHeading?this.effectiveHeading:""}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_clearSpinnerVisibilityTimeout(){this._spinnerVisibilityTimeout!=null&&(clearTimeout(this._spinnerVisibilityTimeout),this._spinnerVisibilityTimeout=null)}_getSpinnerTrackLocation(){return!this.hideSpinner&&this.viewModel.visible&&this.viewModel?.waitingForResult?this._spinnerVisible?!0:(this._spinnerVisibilityTimeout??=setTimeout(()=>{this._spinnerVisibilityTimeout=null,this._spinnerVisible=!0,this._createSpinner()},ne),!1):(this._clearSpinnerVisibilityTimeout(),this._spinnerVisible=!1,!1)}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=R(a`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location??void 0} .referenceElement=${e} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}render(){return a`<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?a`<div class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?a`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:n,selectedFeatureIndex:i}=t;return a`<div class="pagination-text">${u(e.pageText??"",{index:I(i+1),total:I(n)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:n,streamingFeatures:i,selectedFeatureIndex:s,pendingPromisesCount:o}=t,l=o>0||i;return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${l} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText??"",{index:I(s+1),total:I(n)})} text-enabled title=${e.selectFeature??c}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return a`<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=${e??""} @click=${this._previousFeature} .text=${e??""} title=${e??""??c}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} .text=${t??""} title=${t??""??c}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:n,featureViewModels:i}=this.viewModel,s=e===n,o=i.indexOf(e);return a`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(o)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(o)} .selected=${s} @calciteListItemSelect=${()=>this._selectFeature(o)}><span .innerHTML=${(F.sanitize(e.title)||this.messages.untitled)??""} slot=content></span>${t==="list"?a`<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,n=this._groupResultsByLayer(),i=this.initialDisplayMode==="list"?"none":"single";return t.featureViewModels.length?a`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${i}>${Array.from(n.keys(),s=>{let o=n.get(s)?.map(d=>this._renderFeatureMenuItem(d)),l=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&l!==null?V(s??"map-graphics",a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?a`<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??c}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:n,_collapseEnabled:i,_featureFlowItemSelected:s,featureNavigationTop:o,flowItems:l,initialDisplayMode:d,selectedFeature:g,hideHeading:f}=this,{active:m,selectedFeatureViewModel:p,content:w}=this.viewModel,h=this._getHeading();if(d==="list"&&!g)return null;let b=l.length===0&&s,T=p?!p.content:!w;return a`<calcite-flow-item class=${y(x({"content-feature":!0,"flow-item-collapsed":n}))} .closable=${!t} .closed=${!m} .collapsed=${n} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${i} .headingLevel=${e} .selected=${b} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!f&&h?k(h):void 0} ${v(this._rootFlowItemNode)}>${!f&&h?a`<div slot=heading><div .innerHTML=${F.sanitize(h??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${y(x("container","content-container",{"content-hidden":T}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:n,messages:i,initialDisplayMode:s,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:d,_isCollapsed:g,featureNavigationTop:f,headingLevel:m}=this,{active:p,featureViewModels:w,streamingFeatures:h,pendingPromisesCount:b}=e,T=b>0||h,X=n??i.selectFeature;if(s==="feature"&&!o)return null;let q=!l;return a`<calcite-flow-item class=${y(x({"flow-item-collapsed":g}))} .closable=${s==="list"&&!t} .closed=${!p} .collapsed=${s==="list"&&g} .collapseDirection=${this.collapseDirection??(f?"down":"up")} .collapsible=${s==="list"&&d} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} .description=${this.hideFeatureMenuHeading?void 0:u(i.total??"",{total:w.length})} .heading=${this.hideFeatureMenuHeading?void 0:X} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${q} @calciteFlowItemBack=${J=>{J.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${v(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${T?a`<calcite-loader class="loader" inline .label=${i.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${v(this._featureMenuIntersectionObserverCreated)}></div>${s==="feature"?a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:n,hideCloseButton:i,hideSelectFeature:s,active:o,hideHeading:l}=this,d="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,g=d&&!s,f=e.flowType==="feature-association",m=n.returnToInitialFeature??"",p=n?.selectFeature,w=this._getActionTitle(_),h=!this.hideActionBar&&f&&d;return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${k(this._getDrillInFlowItemDescription(e)??"")} .heading=${l?void 0:k(e.heading??"")} .selected=${t} @calciteFlowItemBack=${b=>{b.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l?null:a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${m??""} title=${m??""??c}></calcite-action>${g?a`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${p??""} title=${p??c}></calcite-action>`:null}${h?a`<calcite-action-bar expand-toggle-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=${w} title=${w??c} @click=${()=>K(this.viewModel,_,e.viewModel)}></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((i,s)=>this._renderFlowItem(i,this._featureFlowItemSelected&&s===e.length-1)),n=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(),t]:[this._renderContentFeature(),t,this._renderFeatureMenuContainer()];return a`<calcite-flow ${v(this._flowContainerNode)}>${n}</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?a`<calcite-action-bar expand-toggle-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 a`<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??c} .hidden=${!e.visible} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?a`<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} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${v(this._selectedFeatureComponent)}></arcgis-feature>`:typeof e=="string"?V(e,a`<div .innerHTML=${F.sanitize(e)??""}></div>`):e??null}};B("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",b,d,e,f,g,h,i,k)
+import k from"./XJ6DZ6AN.js";import{a as V}from"./KBHLE7HT.js";import i from"./IFMBHZHX.js";import h from"./TMJX7DFH.js";import g from"./DSDPDMLP.js";import"./VJVKFKSG.js";import{b as U,c as Z,d as j}from"./7N4V2IN6.js";import f from"./CQQM24VF.js";import{a as P}from"./WEAGLY7B.js";import e from"./FZWFKZLW.js";import d from"./JBHRVHGS.js";import{f as L,h as S}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import b from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{e as x}from"./WQMZ7BDQ.js";import{N as M,O as v,P as N,R as y,U as c,V as R,X as B,a as O,b as a,n as C,p as $,x as A}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([Q,{substitute:u,formatNumber:I},{watch:r},{stripHTML:k},W,{renderingSanitizer:F},{initializeProjection:Y},ee,,,,z,,,{d:H},{c:K,d:G}])=>{var te=O`: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)}`,ie=new ee({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),_=ie.clone(),se=25;function ne(E){return E?.declaredClass.startsWith("esri.layers.")??!1}var oe=z(Q),D=class extends N{constructor(){super(...arguments),this._direction=L(),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=P(),this._selectedFeatureComponent=M(),this._cancelOpenRelatedFeature=()=>{let{_openRelatedFeatureAbortController:e}=this;e&&e.abort(),this._openRelatedFeatureAbortController=null},this._spinnerVisible=!1,this._spinnerVisibilityTimeout=null,this._openRelatedFeatureAbortController=null,this.flowItems=new W,this.viewModel=oe(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 W,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=S()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=A(),this.arcgisClose=A(),this.arcgisTriggerAction=A()}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,collapseDirection:1,collapsed:5,content:1,defaultPopupTemplateEnabled:5,effectiveHeading:32,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=te}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(),this._clearSpinnerVisibilityTimeout(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:s}=t??{},i=new AbortController,{signal:n}=i,o=s?AbortSignal.any([n,s]):n;if(this._fetchFeaturesController=i,!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)return;let l=await this.viewModel.fetchFeatures(e,{...t,signal:o});this.location=l.location,this.promises=l.pendingFeatures}async next(){return $("warn",this,"The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."),this.viewModel.next()}async previous(){return $("warn",this,"The return type of FeaturesViewModel on the previous() method is deprecated. At 6.0, this method will return void."),this.viewModel.previous()}async setFocus(){this._flowContainerNode.value?.setFocus()}async triggerAction(e){if($("warn",this,"The triggerAction() method is deprecated since 5.1. Trigger actions with manual user interaction within the component.",{once:!0}),!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await G(e,this.viewModel)}connectedCallback(){super.connectedCallback(),this._createSpinner()}disconnectedCallback(){super.disconnectedCallback(),this._clearSpinnerVisibilityTimeout(),this._removeSpinner(this.referenceElement)}loaded(){this.manager.onLifecycle(()=>[r(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),r(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),r(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),r(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),r(()=>this.viewModel?.featureViewModels,()=>this._featureMenuViewportScrollTop()),r(()=>this.flowItems.length,()=>this._syncSelectedDrillInFeature()),r(()=>[this.viewModel?.title,this.viewModel?.selectedFeatureViewModel?.title,this.viewModel?.selectedFeatureViewModel?.state],()=>this._syncEffectiveHeading(),{initial:!0}),r(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),r(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),r(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.visible],()=>this._createSpinner(),{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&C(()=>this.selectedFeatureComponent=e)}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);C(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_syncEffectiveHeading(){let e=this._calculateEffectiveHeading();this.effectiveHeading!==e&&C(()=>this.effectiveHeading=e)}_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(s=>{let i=s?.graphic;if(!i)return;let n=H(i),o=ne(n)?n:null,l=t.get(o)??[];t.set(o,[...l,s])}),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 s=e.graphic,i=s?.geometry;if(i==null||s==null){this._openRelatedFeatureAbortController===t&&(this._openRelatedFeatureAbortController=null);return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:i}),this._openRelatedFeatureAbortController!==t)return;let{labelPointExecute:n}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(this._openRelatedFeatureAbortController!==t)return;let o=n(i);o!=null&&(this.location=o),this.features=[s],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:s}=this,{id:i}=e,n=s?.attributes,o=e.title??"",l=i==="zoom-to-feature"?u(o,{messages:t}):i==="remove-selected-feature"?u(o,{messages:t}):i==="zoom-to-clustered-features"?u(o,{messages:t}):i==="browse-clustered-features"?u(o,{messages:t}):e.title;return l&&n?u(l,n):l??""}_onMainKeydown(e){let{key:t}=e;e.defaultPrevented||U(e)||(j(t,this._direction,{horizontalOnly:!0})&&(e.stopPropagation(),e.preventDefault(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),Z(t,this._direction,{horizontalOnly:!0})&&(e.stopPropagation(),e.preventDefault(),this._handleFeatureMenuBack(),this.next(),this.setFocus()))}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:s,waitingForResult:i}=this.viewModel;i||!s||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()}_calculateEffectiveHeading(){let{title:e,selectedFeatureViewModel:t}=this.viewModel;return t?t?.state==="error"?this.messages?.errorMessage??"":t?.title||"":e??""}_getHeading(){return!this.hideHeading&&this.effectiveHeading?this.effectiveHeading:""}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_clearSpinnerVisibilityTimeout(){this._spinnerVisibilityTimeout!=null&&(clearTimeout(this._spinnerVisibilityTimeout),this._spinnerVisibilityTimeout=null)}_getSpinnerTrackLocation(){return!this.hideSpinner&&this.viewModel.visible&&this.viewModel?.waitingForResult?this._spinnerVisible?!0:(this._spinnerVisibilityTimeout??=setTimeout(()=>{this._spinnerVisibilityTimeout=null,this._spinnerVisible=!0,this._createSpinner()},se),!1):(this._clearSpinnerVisibilityTimeout(),this._spinnerVisible=!1,!1)}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=R(a`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location??void 0} .referenceElement=${e} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}render(){return a`<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?a`<div class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?a`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(){let{messages:e,viewModel:t}=this,{featureCount:s,selectedFeatureIndex:i}=t;return a`<div class="pagination-text">${u(e.pageText??"",{index:I(i+1),total:I(s)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:s,streamingFeatures:i,selectedFeatureIndex:n,pendingPromisesCount:o}=t,l=o>0||i;return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${l} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText??"",{index:I(n+1),total:I(s)})} text-enabled title=${e.selectFeature??c}></calcite-action>`}_renderPagination(){let{previous:e,next:t}=this.messages;return a`<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=${e??""} @click=${this._previousFeature} .text=${e??""} title=${e??""??c}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${t??""} @click=${this._nextFeature} .text=${t??""} title=${t??""??c}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{selectedFeatureViewModel:s,featureViewModels:i}=this.viewModel,n=e===s,o=i.indexOf(e);return a`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(o)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(o)} .selected=${n} @calciteListItemSelect=${()=>this._selectFeature(o)}><span .innerHTML=${(F.sanitize(e.title)||this.messages.untitled)??""} slot=content></span>${t==="list"?a`<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,s=this._groupResultsByLayer(),i=this.initialDisplayMode==="list"?"none":"single";return t.featureViewModels.length?a`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(),n=>{let o=s.get(n)?.map(d=>this._renderFeatureMenuItem(d)),l=n?n.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&l!==null?V(n??"map-graphics",a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`):o})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?a`<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??c}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(){let{headingLevel:e,hideCloseButton:t,_isCollapsed:s,_collapseEnabled:i,_featureFlowItemSelected:n,featureNavigationTop:o,flowItems:l,initialDisplayMode:d,selectedFeature:g,hideHeading:f}=this,{active:m,selectedFeatureViewModel:p,content:w}=this.viewModel,h=this._getHeading();if(d==="list"&&!g)return null;let b=l.length===0&&n,T=p?!p.content:!w;return a`<calcite-flow-item class=${y(x({"content-feature":!0,"flow-item-collapsed":s}))} .closable=${!t} .closed=${!m} .collapsed=${s} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${i} .headingLevel=${e} .selected=${b} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!f&&h?k(h):void 0} ${v(this._rootFlowItemNode)}>${!f&&h?a`<div slot=heading><div .innerHTML=${F.sanitize(h??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${y(x("container","content-container",{"content-hidden":T}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:s,messages:i,initialDisplayMode:n,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:d,_isCollapsed:g,featureNavigationTop:f,headingLevel:m}=this,{active:p,featureViewModels:w,streamingFeatures:h,pendingPromisesCount:b}=e,T=b>0||h,X=s??i.selectFeature;if(n==="feature"&&!o)return null;let q=!l;return a`<calcite-flow-item class=${y(x({"flow-item-collapsed":g}))} .closable=${n==="list"&&!t} .closed=${!p} .collapsed=${n==="list"&&g} .collapseDirection=${this.collapseDirection??(f?"down":"up")} .collapsible=${n==="list"&&d} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} .description=${this.hideFeatureMenuHeading?void 0:u(i.total??"",{total:w.length})} .heading=${this.hideFeatureMenuHeading?void 0:X} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${q} @calciteFlowItemBack=${J=>{J.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${v(this._featureMenuViewportNode)}>${n==="list"?this._renderHeaderActions():null}${T?a`<calcite-loader class="loader" inline .label=${i.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${v(this._featureMenuIntersectionObserverCreated)}></div>${n==="feature"?a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:s,hideCloseButton:i,hideSelectFeature:n,active:o,hideHeading:l}=this,d="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,g=d&&!n,f=e.flowType==="feature-association",m=s.returnToInitialFeature??"",p=s?.selectFeature,w=this._getActionTitle(_),h=!this.hideActionBar&&f&&d;return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${k(this._getDrillInFlowItemDescription(e)??"")} .heading=${l?void 0:k(e.heading??"")} .selected=${t} @calciteFlowItemBack=${b=>{b.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l?null:a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${m??""} title=${m??""??c}></calcite-action>${g?a`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${p??""} title=${p??c}></calcite-action>`:null}${h?a`<calcite-action-bar expand-toggle-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=${w} title=${w??c} @click=${()=>K(this.viewModel,_,e.viewModel)}></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((i,n)=>this._renderFlowItem(i,this._featureFlowItemSelected&&n===e.length-1)),s=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(),t]:[this._renderContentFeature(),t,this._renderFeatureMenuContainer()];return a`<calcite-flow ${v(this._flowContainerNode)}>${s}</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?a`<calcite-action-bar expand-toggle-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 a`<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??c} .hidden=${!e.visible} @click=${()=>this._triggerAction(e)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureViewModel:t}=this.viewModel;return t?a`<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} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${v(this._selectedFeatureComponent)}></arcgis-feature>`:typeof e=="string"?V(e,a`<div .innerHTML=${F.sanitize(e)??""}></div>`):e??null}};B("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",b,d,e,f,g,h,i,k)

package/dist/cdn/{CIMBOVIZ.js → QQECON7F.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import l from"./DV5RJXB4.js";import"./IZ46HAUJ.js";import k from"./XJ6DZ6AN.js";import{a as L}from"./KBHLE7HT.js";import i from"./IFMBHZHX.js";import h from"./TMJX7DFH.js";import g 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 H,h as B}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{a as D,e as A}from"./WQMZ7BDQ.js";import{N as f,O as m,P as O,R as $,U as u,V as P,X as N,a as R,b as n,n as x,x as b}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([J,q,Q,{initializeProjection:Y},{renderingSanitizer:M},{stripHTML:C},{substitute:g,formatNumber:I},{when:ee,watch:h},{getGraphicOriginTitle:te},,,,V,,,{e:T},{d:W},k])=>{var ie=R`: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 ae(_){return _?.declaredClass.startsWith("esri.layers.")??!1}function se(_){if(!(!_||!("featureReduction"in _)))return _.featureReduction?.type}var ne=V(Q),oe=5,S=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=H(),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=b(),this.arcgisPropertyChange=B()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=b(),this.arcgisTriggerAction=b()}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,_headingLabel:16,_backLabel: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 _headingLabel(){let e=this._selectedFeatureHeading??this.heading;return e?C(e):void 0}get _backLabel(){let e=this._headingLabel,{messages:t}=this;return e?g(t.backLabel??"",{title:e}):t.back}get _selectedFeatureContent(){return this.viewModel.selectedFeatureItem?.content}get _selectedFeaturePending(){let{selectedFeature:e,selectedFeatureItem:t}=this.viewModel;if(!e)return!1;let i=this._selectedFeatureViewModel,a=i?.state;return t==null||t.waitingForContent||i?.graphic!==e||a!=="ready"&&a!=="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??{},a=new AbortController,{signal:s}=a,o=i?AbortSignal.any([s,i]):s;this._fetchFeaturesController=a,!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(()=>[k({getLoading:()=>this.viewModel.waitingForResult,setEffectiveLoading:e=>{this._spinnerVisible=e,this._createSpinner()},timeout:25,minShownDuration:0}),k({getLoading:()=>this._selectedFeaturePending,setEffectiveLoading:e=>{this._selectedFeatureLoading=e}}),ee(()=>[this.initialDisplayMode==="list"&&!!this.viewModel?.selectedFeature,this.viewModel?.active],()=>{this.setFocus()}),h(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),h(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),h(()=>this.viewModel?.view?.scale,()=>this._viewScaleChange()),h(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),h(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),h(()=>this.selectedFeatureComponent?.viewModel,(e,t)=>t&&this._removeFlowItems()),h(()=>[this.viewModel?.features.at(0),this.viewModel?.featureCount??0],([e,t],i)=>{let[a,s]=i??[void 0,0];(e!==a||t<s)&&this._featureMenuViewportScrollTop()}),h(()=>[this.featureMenuOpen,this.initialDisplayMode,this.open],()=>{this.viewModel.featureMenuOpen=this.featureMenuOpen,this.open&&(this.featureMenuOpen||this.initialDisplayMode==="list")&&(this.viewModel.featurePage=1)},{initial:!0}),h(()=>this.flowItems.toArray(),()=>this._handleFlowItemsChange(),{initial:!0}),h(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),h(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),h(()=>[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:a}=e;e.open&&(this.initialDisplayMode==="list"||this.featureMenuOpen)&&t!=null&&t*i<a.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,a=new Map,s=Math.min((t??0)*i,e.length);for(let o=0;o<s;o++){let l=e[o],r=T(l),d=ae(r)?r:null,c=a.get(d);c||(c=[],a.set(d,c)),c.push(o)}return a}_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,a=i?.geometry;if(a==null||i==null){this._openRelatedFeatureAbortController=null;return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:a}),t.signal.aborted)return;let{labelPointExecute:s}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(t.signal.aborted)return;let o=s(a);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){if(e.id!=="zoom-to-feature")return null;let{messages:i}=this,a=t?.heading,s=t?a&&C(a):this._headingLabel;return s?g(i.zoomLabel??"",{messages:i,title:s}):i.zoom??""}_getActionTitle(e,t){let{messages:i}=this,a=t?t.graphic:this.selectedFeature,{id:s}=e,o=a?.attributes,l=e.title??"",r=s==="zoom-to-feature"?g(l,{messages:i}):s==="remove-selected-feature"?g(l,{messages:i}):s==="zoom-to-aggregated-features"?g(l,{messages:i}):s==="browse-aggregated-features"?g(l,{messages:i}):e.title;return r&&o?g(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:a}=this.viewModel;a||!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||se(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 a=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(s=>!(e&&s.id==="browse-aggregated-features")&&!(a&&!this.location&&s.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">${g(i.pageText??"",{index:I(t+1),total:I(e)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,streamingFeatures:a,selectedFeatureIndex:s}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures??""} .loading=${a} @click=${this._handlePaginationMenuButton} .text=${g(e.pageText??"",{index:I(s+1),total:I(i)})} text-enabled title=${e.showAllFeatures??""??u}></calcite-action>`}_renderPagination(e,t){let{previous:i,next:a}=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??""??u}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${a??""} @click=${t} .text=${a??""} title=${a??""??u}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{featureModels:i,selectedFeatureIndex:a}=this.viewModel,s=i[e],o=s?.state==="ready"?s.heading:"",l=e===a;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)||(s?.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(),a=this.initialDisplayMode==="list"?"none":"single";return t.features.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${a}>${Array.from(i,([s,o])=>{let l=o.map(d=>this._renderFeatureMenuItem(d)),r=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&r!==null?L(s??"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??u}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:i,_isCollapsed:a,_collapseEnabled:s,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=${$(A({"content-feature":!0,"flow-item-collapsed":a}))} .closable=${!i} .closed=${!c} .collapsed=${a} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${s} .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?C(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=${$(A("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,a=>te(a)??t.untitled);return i.length?n`<p>${t.maxRecordCountDescriptionWithLayerList}</p><ul>${i.map(a=>n`<li>${a}</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:a,initialDisplayMode:s,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:r,_isCollapsed:d,featureNavigationTop:c,headingLevel:v}=this,{active:F,features:p,streamingFeatures:w}=e,G=i??a.selectFeature,y=this._backLabel;if(s==="feature"&&!o)return null;let K=!l;return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${$(A({"flow-item-collapsed":d}))} .closable=${!t} .closed=${!F} .collapsed=${s==="list"&&d} .collapseDirection=${this.collapseDirection??(c?"down":"up")} .collapsible=${s==="list"&&r} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand,back:y}} .description=${this.hideFeatureMenuHeading?void 0:g(a.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)}>${s==="list"?this._renderHeaderActions():null}${w?n`<calcite-loader class="loader" inline .label=${a.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>${s==="feature"?n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${y} title=${y??u}>${a.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{hideCloseButton:i,active:a,hideHeading:s,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=${!a} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${C(this._getDrillInFlowItemDescription(e)??"")} .heading=${s?void 0:C(e.heading??"")} .selected=${t} @calciteFlowItemBack=${w=>{w.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${s?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??""??u}></calcite-action>${F?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${d??""} title=${d??u}></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,a=i&&e.length===0,s=e.length===0&&this._featureFlowItemSelected&&!i,o=e?.map((d,c)=>this._renderFlowItem(d,this._featureFlowItemSelected&&c===e.length-1)),l=this._renderBrowseAggregateContainer(!!a),r=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(s)]:[this._renderContentFeature(s),this._renderFeatureMenuContainer()];return n`<calcite-flow ${m(this._flowContainerNode)}>${r}${l}${o}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:i,messages:a}=this,{selectedFeature:s}=this.viewModel,o=this.viewModel.aggregatedFeaturesEnabled&&s?.isAggregate,l=this._backLabel;return o?n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount?g(a.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${a.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=${s??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=${a} @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??u}>${a.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(e){let t=this.#e(e),i=!!t.length||this._hasActionsStartSlotContent||this._hasActionsEndSlotContent,a=this._isCollapsed||this.hideActionBar||!i;return n`<calcite-action-bar expand-toggle-disabled .expanded=${!this._hideActionText} scale=s slot=${(a?void 0:"action-bar")??u} .hidden=${a}><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 a=this._getActionTitle(i,t),s=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=${a??""} .label=${s??a} title=${s??a??u} .hidden=${!i.visible} @click=${()=>this._triggerAction(i,t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeature:t,includeDefaultActions:i,actions:a}=this.viewModel;return t?n`<arcgis-feature-next .actions=${a} .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}};N("arcgis-features-next",S);return S},"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,g,h,i,k,l)
+import l from"./HP32VJJ5.js";import"./IZ46HAUJ.js";import k from"./XJ6DZ6AN.js";import{a as L}from"./KBHLE7HT.js";import i from"./IFMBHZHX.js";import h from"./TMJX7DFH.js";import g 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 H,h as B}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import{a as D,e as A}from"./WQMZ7BDQ.js";import{N as f,O as m,P as O,R as $,U as u,V as P,X as N,a as R,b as n,n as x,x as b}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([J,q,Q,{initializeProjection:Y},{renderingSanitizer:M},{stripHTML:C},{substitute:g,formatNumber:I},{when:ee,watch:h},{getGraphicOriginTitle:te},,,,V,,,{e:T},{d:W},k])=>{var ie=R`: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 ae(_){return _?.declaredClass.startsWith("esri.layers.")??!1}function se(_){if(!(!_||!("featureReduction"in _)))return _.featureReduction?.type}var ne=V(Q),oe=5,S=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=H(),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=b(),this.arcgisPropertyChange=B()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=b(),this.arcgisTriggerAction=b()}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,_headingLabel:16,_backLabel: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 _headingLabel(){let e=this._selectedFeatureHeading??this.heading;return e?C(e):void 0}get _backLabel(){let e=this._headingLabel,{messages:t}=this;return e?g(t.backLabel??"",{title:e}):t.back}get _selectedFeatureContent(){return this.viewModel.selectedFeatureItem?.content}get _selectedFeaturePending(){let{selectedFeature:e,selectedFeatureItem:t}=this.viewModel;if(!e)return!1;let i=this._selectedFeatureViewModel,a=i?.state;return t==null||t.waitingForContent||i?.graphic!==e||a!=="ready"&&a!=="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??{},a=new AbortController,{signal:s}=a,o=i?AbortSignal.any([s,i]):s;this._fetchFeaturesController=a,!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(()=>[k({getLoading:()=>this.viewModel.waitingForResult,setEffectiveLoading:e=>{this._spinnerVisible=e,this._createSpinner()},timeout:25,minShownDuration:0}),k({getLoading:()=>this._selectedFeaturePending,setEffectiveLoading:e=>{this._selectedFeatureLoading=e}}),ee(()=>[this.initialDisplayMode==="list"&&!!this.viewModel?.selectedFeature,this.viewModel?.active],()=>{this.setFocus()}),h(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),h(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),h(()=>this.viewModel?.view?.scale,()=>this._viewScaleChange()),h(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),h(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),h(()=>this.selectedFeatureComponent?.viewModel,(e,t)=>t&&this._removeFlowItems()),h(()=>[this.viewModel?.features.at(0),this.viewModel?.featureCount??0],([e,t],i)=>{let[a,s]=i??[void 0,0];(e!==a||t<s)&&this._featureMenuViewportScrollTop()}),h(()=>[this.featureMenuOpen,this.initialDisplayMode,this.open],()=>{this.viewModel.featureMenuOpen=this.featureMenuOpen,this.open&&(this.featureMenuOpen||this.initialDisplayMode==="list")&&(this.viewModel.featurePage=1)},{initial:!0}),h(()=>this.flowItems.toArray(),()=>this._handleFlowItemsChange(),{initial:!0}),h(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),h(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),h(()=>[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:a}=e;e.open&&(this.initialDisplayMode==="list"||this.featureMenuOpen)&&t!=null&&t*i<a.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,a=new Map,s=Math.min((t??0)*i,e.length);for(let o=0;o<s;o++){let l=e[o],r=T(l),d=ae(r)?r:null,c=a.get(d);c||(c=[],a.set(d,c)),c.push(o)}return a}_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,a=i?.geometry;if(a==null||i==null){this._openRelatedFeatureAbortController=null;return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:a}),t.signal.aborted)return;let{labelPointExecute:s}=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(t.signal.aborted)return;let o=s(a);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){if(e.id!=="zoom-to-feature")return null;let{messages:i}=this,a=t?.heading,s=t?a&&C(a):this._headingLabel;return s?g(i.zoomLabel??"",{messages:i,title:s}):i.zoom??""}_getActionTitle(e,t){let{messages:i}=this,a=t?t.graphic:this.selectedFeature,{id:s}=e,o=a?.attributes,l=e.title??"",r=s==="zoom-to-feature"?g(l,{messages:i}):s==="remove-selected-feature"?g(l,{messages:i}):s==="zoom-to-aggregated-features"?g(l,{messages:i}):s==="browse-aggregated-features"?g(l,{messages:i}):e.title;return r&&o?g(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:a}=this.viewModel;a||!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||se(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 a=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(s=>!(e&&s.id==="browse-aggregated-features")&&!(a&&!this.location&&s.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">${g(i.pageText??"",{index:I(t+1),total:I(e)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:i,streamingFeatures:a,selectedFeatureIndex:s}=t;return n`<calcite-action class="pagination-menu-button" icon=list .label=${e.showAllFeatures??""} .loading=${a} @click=${this._handlePaginationMenuButton} .text=${g(e.pageText??"",{index:I(s+1),total:I(i)})} text-enabled title=${e.showAllFeatures??""??u}></calcite-action>`}_renderPagination(e,t){let{previous:i,next:a}=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??""??u}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${a??""} @click=${t} .text=${a??""} title=${a??""??u}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e){let{initialDisplayMode:t}=this,{featureModels:i,selectedFeatureIndex:a}=this.viewModel,s=i[e],o=s?.state==="ready"?s.heading:"",l=e===a;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)||(s?.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(),a=this.initialDisplayMode==="list"?"none":"single";return t.features.length?n`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${a}>${Array.from(i,([s,o])=>{let l=o.map(d=>this._renderFeatureMenuItem(d)),r=s?s.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&r!==null?L(s??"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??u}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:i,_isCollapsed:a,_collapseEnabled:s,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=${$(A({"content-feature":!0,"flow-item-collapsed":a}))} .closable=${!i} .closed=${!c} .collapsed=${a} .collapseDirection=${this.collapseDirection??(o?"down":"up")} .collapsible=${s} .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?C(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=${$(A("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,a=>te(a)??t.untitled);return i.length?n`<p>${t.maxRecordCountDescriptionWithLayerList}</p><ul>${i.map(a=>n`<li>${a}</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:a,initialDisplayMode:s,featureMenuOpen:o,_featureFlowItemSelected:l,_collapseEnabled:r,_isCollapsed:d,featureNavigationTop:c,headingLevel:v}=this,{active:F,features:p,streamingFeatures:w}=e,G=i??a.selectFeature,y=this._backLabel;if(s==="feature"&&!o)return null;let K=!l;return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${$(A({"flow-item-collapsed":d}))} .closable=${!t} .closed=${!F} .collapsed=${s==="list"&&d} .collapseDirection=${this.collapseDirection??(c?"down":"up")} .collapsible=${s==="list"&&r} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand,back:y}} .description=${this.hideFeatureMenuHeading?void 0:g(a.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)}>${s==="list"?this._renderHeaderActions():null}${w?n`<calcite-loader class="loader" inline .label=${a.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>${s==="feature"?n`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${y} title=${y??u}>${a.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{hideCloseButton:i,active:a,hideHeading:s,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=${!a} .focusTrapEnabled=${this.focusTrapEnabled} class="flow-item-drill-in" .description=${C(this._getDrillInFlowItemDescription(e)??"")} .heading=${s?void 0:C(e.heading??"")} .selected=${t} @calciteFlowItemBack=${w=>{w.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${s?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??""??u}></calcite-action>${F?n`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${d??""} title=${d??u}></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,a=i&&e.length===0,s=e.length===0&&this._featureFlowItemSelected&&!i,o=e?.map((d,c)=>this._renderFlowItem(d,this._featureFlowItemSelected&&c===e.length-1)),l=this._renderBrowseAggregateContainer(!!a),r=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(s)]:[this._renderContentFeature(s),this._renderFeatureMenuContainer()];return n`<calcite-flow ${m(this._flowContainerNode)}>${r}${l}${o}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:i,messages:a}=this,{selectedFeature:s}=this.viewModel,o=this.viewModel.aggregatedFeaturesEnabled&&s?.isAggregate,l=this._backLabel;return o?n`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!i} .focusTrapEnabled=${this.focusTrapEnabled} .description=${this._aggregatedFeatureCount?g(a.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${a.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=${s??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=${a} @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??u}>${a.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(e){let t=this.#e(e),i=!!t.length||this._hasActionsStartSlotContent||this._hasActionsEndSlotContent,a=this._isCollapsed||this.hideActionBar||!i;return n`<calcite-action-bar expand-toggle-disabled .expanded=${!this._hideActionText} scale=s slot=${(a?void 0:"action-bar")??u} .hidden=${a}><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 a=this._getActionTitle(i,t),s=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=${a??""} .label=${s??a} title=${s??a??u} .hidden=${!i.visible} @click=${()=>this._triggerAction(i,t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeature:t,includeDefaultActions:i,actions:a}=this.viewModel;return t?n`<arcgis-feature-next .actions=${a} .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}};N("arcgis-features-next",S);return S},"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,g,h,i,k,l)

package/dist/cdn/{AHR2EGDU.js → UN7EG7PC.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as te}from"./TN5C3MSL.js";import h from"./DV5RJXB4.js";import"./IZ46HAUJ.js";import{a as f}from"./POKO37D3.js";import g from"./DSDPDMLP.js";import"./VJVKFKSG.js";import e from"./CQQM24VF.js";import{a as Y}from"./WEAGLY7B.js";import d from"./AN3BGKZP.js";import c from"./FZWFKZLW.js";import b from"./JBHRVHGS.js";import{d as J,h as Q}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import"./WQMZ7BDQ.js";import{D as U,E as H,M as z,N as S,O as E,P as q,Q as N,U as A,X as j,a as W,b as u,e as k,x as F}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{substitute:ge},ue,me,{watch:m,on:ve,whenOnce:ye},Ce,{getOrCreateMapValue:se,createReactiveMap:be},fe,{property:r,subclass:Te},{ignoreAbortErrors:C},we,Se,,,,y,Z,{f:X},ee])=>{var T=N({defaultAssetPath:"https://jsdev.arcgis.com/5.2.0-next/common-components/",hydratedAttribute:"hydrated"}),{customElement:Re,getAssetPath:he,setAssetPath:pe}=T;T.t=void 0;T.o=void 0;T.c=void 0;T.r=void 0;var v={ForceCollapse:0,Default:1,Medium:100,High:200,Max:300,NeverCollapse:1e3};var Ee=["bottom-end","bottom-start","bottom-left","bottom-right","top-end","top-start","top-left","top-right"],_e=new Set(Ee);function ie(i,e){let t=e;for(let o of i.split(".")){if(typeof t!="object"||t===null)return;t=Reflect.get(t,o)}return typeof t=="string"?t:void 0}var Me=W`.editing-controls-panel{min-inline-size:100px;max-inline-size:400px;-webkit-user-select:none;user-select:none;pointer-events:initial;padding:var(--calcite-space-sm);arcgis-sketch-tooltip-controls+arcgis-snapping-controls{border-block-start:1px solid var(--calcite-color-border-3)}}:host{pointer-events:none}`,Pe={point:"pin",polyline:"line",polygon:"polygon",rectangle:"rectangle",circle:"circle",multipoint:"pins",mesh:"i3d-building",freehandPolygon:"freehand-area",freehandPolyline:"freehand",text:"text"},ke={selectionTools:{defaultPriority:v.Default,groupKind:"split-button",overflowLabel:"selection"},selectionSet:{defaultPriority:v.High,groupKind:"actions"},createTools:{defaultPriority:v.High,groupKind:"more-button",overflowLabel:"drawing"},undoRedo:{defaultPriority:v.Medium,groupKind:"split-button",overflowLabel:"action"},settings:{defaultPriority:v.Max,groupKind:"more-button",overflowLabel:"action"},geometrySimplification:{defaultPriority:v.Default,groupKind:"actions"}},Ae=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,a=(i,e,t,o)=>{for(var s=o>1?void 0:o?Oe(e,t):e,c=i.length-1,p;c>=0;c--)(p=i[c])&&(s=(o?p(e,t,s):p(s))||s);return o&&s&&Ae(e,t,s),s},l=class extends fe{constructor(i){super(i),this._effectiveRenderStateCache=new Map,this._effectiveGeometrySimplificationInProgress=!1,this.visibleElements=new we,this.settingsPopoverOpen=!1,this.availableCreateTools=["point","polyline","freehandPolyline","polygon","freehandPolygon","rectangle","circle"]}initialize(){this.selectionViewModel??=new Se({persistSelection:!1}),this.addHandles([m(()=>this.sketchViewModel,(i,e)=>{i!==e&&this._effectiveRenderStateCache.clear()},{sync:!0}),ee({getLoading:()=>this.sketchViewModel?.geometrySimplificationInProgress??!1,setEffectiveLoading:i=>{this._effectiveGeometrySimplificationInProgress=i}}),m(()=>this.view,i=>{this.selectionViewModel.view=i},{initial:!0,sync:!0}),m(()=>this.sketchViewModel?.layer,i=>this.selectionViewModel.sources=i?[i]:[],{initial:!0,sync:!0}),this.selectionViewModel.on("complete",({selection:i})=>{i.length&&this.update(i)}),m(()=>this.selectionViewModel.activeOperation,i=>{i&&(this.sketchViewModel?.cancel(),this._activeCustomToolOptions=void 0)},{sync:!0}),ve(()=>this.sketchViewModel,"create",i=>{i.state==="complete"&&this.sketchViewModel?.creationMode!=="continuous"&&(this._activeCustomToolOptions=void 0)}),m(()=>this.visibleElements.settingsMenu,i=>{i||(this.settingsPopoverOpen=!1)},{sync:!0})])}destroy(){this._pendingCommandAbortController?.abort(),this.selectionViewModel.destroy(),this.sketchViewModel=void 0}get _isEffectiveRenderStateFrozen(){let{sketchViewModel:i}=this;return!!(i?.toolTransitionInProgress||i?.geometrySimplificationInProgress)}_getEffectiveValue(i,e){if(!this._isEffectiveRenderStateFrozen||!this._effectiveRenderStateCache.has(i)){let t=e();return this._effectiveRenderStateCache.set(i,t),t}return this._effectiveRenderStateCache.get(i)}get _state(){return this.sketchViewModel?.state??"disabled"}get test(){return{activeCustomToolOptions:this._activeCustomToolOptions,activeSelectionTool:this._activeSelectionTool,selectionViewModel:this.selectionViewModel}}get _activeSelectionTool(){switch(this.selectionViewModel.activeOperation?.toolName){case"lasso":return"lasso-selection";case"rectangle":return"rectangle-selection";default:return}}get _activePluginUniqueIds(){let i=this.sketchViewModel?.activePluginConfigurations.filter(e=>!e.hidden).map(e=>e.uniqueId);return new Set(i??[])}get _createToolActions(){let{sketchViewModel:i}=this;if(!i)return[];let e=i.effectiveAvailablePlugins,t=this.state==="disabled",o=this.visibleElements.createTools,s=this.activeTool,c=this._activeCustomToolOptions,p=c||!i.firstPluginWithSwappableLeaf?this._customToolOptions:[],h=i.rootPlugins,d=p?.map(n=>({active:n===c,disabled:t,icon:n.icon,labelKey:n.label,onClick:n===c?()=>this._cancelActiveOperation():()=>this._activateLegacyDrawTool(n.toolName,n.createOptions,n)}))??[];if(c&&h)return[...this._pluginsToActions(h),...d];if(e?.length&&this.view?.type!=="3d")return[...this._pluginsToActions(e),...d];let g=this.view?.type==="3d";return[...this.availableCreateTools?.filter(n=>g&&n==="multipoint"?!1:n==="mesh"?!0:o[n])?.map(n=>({active:n===s,disabled:t,icon:Pe[n],labelKey:`draw.${n}`,onClick:n===s?()=>this._cancelActiveOperation():()=>this._activateLegacyDrawTool(n)}))??[],...d]}get _shouldShowBackButton(){let i=this.sketchViewModel?.firstPluginWithSwappableLeaf,e=this.sketchViewModel?.rootPlugins,t=this._activeCustomToolOptions;return!!(this.sketchViewModel?.multiplePluginsActive&&i&&e&&!(e.length<2&&e.includes(i)&&!this.visibleElements.singlePluginBackButton)&&!t)}get _selectionToolActions(){return this._shouldShowBackButton?[{active:!1,disabled:this.state==="disabled",icon:"chevron-left",iconFlipRTL:!0,labelKey:"back",onClick:()=>this._cancelActiveOperation()}]:this._selectionCommands}get _settingsActions(){let i=this._customActions?.get("settings-before"),e=this._customActions?.get("settings-after"),t=this.visibleElements.settingsMenu,o=[];return!i?.length&&!e?.length&&!t||(i&&o.push(...this._customActionsToSketchActions(i)),t&&o.push({icon:"gear",active:this.settingsPopoverOpen,disabled:this.state==="disabled",labelKey:"settings.heading",tooltipKey:"settings.heading",refKey:"settings",onClick:()=>this.toggleSettingsPopover()}),e&&o.push(...this._customActionsToSketchActions(e))),o}get _activeTool(){let i=this.selectionViewModel.activeOperation;if(i)switch(i.toolName){case"lasso":return"lasso-selection";case"rectangle":return"rectangle-selection";case"default":return"custom-selection"}if(!this.sketchViewModel)return;let{availableCreateTools:e}=this,{activeTool:t,activeCreateToolDrawMode:o}=this.sketchViewModel;return t==="polygon"&&o==="freehand"&&e?.includes("freehandPolygon")?"freehandPolygon":t==="polyline"&&o==="freehand"&&e?.includes("freehandPolyline")?"freehandPolyline":t??void 0}get _selectionCommands(){let{state:i,visibleElements:e,_activeSelectionTool:t,_customActions:o}=this,s=this.state==="disabled",c=[];this.sketchViewModel?.updateOnGraphicClick!==!1&&c.push({active:i==="ready"&&this._activeSelectionTool==null,disabled:s,icon:"cursor",labelKey:"selectFeature",onClick:()=>this._activateDefaultSelectionTool()});let p=e.selectionTools;p["rectangle-selection"]&&c.push({active:t==="rectangle-selection",disabled:s,icon:"cursor-marquee",labelKey:"rectangleSelection",onClick:()=>this._activateSelectionTool("rectangle-selection")}),p["lasso-selection"]&&c.push({active:t==="lasso-selection",disabled:s,icon:"lasso-select",labelKey:"lassoSelection",onClick:()=>this._activateSelectionTool("lasso-selection")});let h=o?.get("selection-toolbar");return h&&c.push(...this._customActionsToSketchActions(h)),c}get _selectionSetActions(){let i=this.sketchViewModel?.updateGraphics.length??0;if(!i)return[];let e=this.state==="disabled",t=[],o=this._customActions?.get("before-selection-set"),s=this._customActions?.get("after-selection-set");return this.visibleElements.selectionCountLabel&&t.push({active:!1,appearance:"outline",disabled:e,icon:"selection-x",kind:"brand",labelKey:"deselectCount",labelParameters:{count:i},textEnabled:!0,renderAsAction:!0,onClick:()=>this._cancelSketchOperation()}),o&&t.push(...this._customActionsToSketchActions(o)),this.visibleElements.duplicateButton&&t.push({active:!1,disabled:e,icon:"copy",renderAsAction:!0,labelKey:i>1?"duplicateFeatures":"duplicateFeature",onClick:()=>this._duplicate()}),this.visibleElements.deleteButton&&t.push({active:!1,disabled:e,icon:"trash",kind:"danger",renderAsAction:!0,labelKey:i>1?"deleteFeatures":"deleteFeature",onClick:()=>this._delete()}),s&&t.push(...this._customActionsToSketchActions(s)),t}get _undoRedoActions(){return this.visibleElements.undoRedoMenu?[{active:!1,disabled:this.state==="disabled"||!this.sketchViewModel?.canUndo(),icon:"undo",labelKey:"undo",iconFlipRTL:!0,onClick:()=>this._undo()},{active:!1,disabled:this.state==="disabled"||!this.sketchViewModel?.canRedo(),icon:"redo",labelKey:"redo",iconFlipRTL:!0,onClick:()=>this._redo()}]:[]}get state(){return this._getEffectiveValue("state",()=>this._state)}get activeTool(){return this._getEffectiveValue("activeTool",()=>this._activeTool)}get activePluginIds(){return this._getEffectiveValue("activePluginId",()=>this._activePluginUniqueIds)}get groupedActions(){let i=this._getEffectiveValue("availableCommandGroups",()=>[["selectionTools",this._selectionToolActions],["createTools",this._createToolActions],["undoRedo",this._undoRedoActions],["settings",this._settingsActions],["selectionSet",this._selectionSetActions]].map(([t,o])=>({name:t,commands:o,visible:o.length>0}))),e=this._effectiveGeometrySimplificationInProgress?i.map(t=>({...t,commands:t.commands.map(o=>({...o,disabled:!0}))})):i;return!this.visibleElements.geometrySimplificationActivityIndicator||!this._effectiveGeometrySimplificationInProgress?e:[...e,{name:"geometrySimplification",commands:[{active:!1,appearance:"transparent",disabled:!0,kind:"warning",labelKey:"processing",loading:!0,onClick:()=>{},renderAsAction:!0}],visible:!0}]}async create(i,e){await this._executeWhenReady(async()=>{this.cancelAll();let t=this.sketchViewModel;t&&await C(t.create(i,e))})}async _executeWhenReady(i){this._pendingCommandAbortController?.abort();let e=new AbortController;this._pendingCommandAbortController=e;try{await C((async()=>{this.sketchViewModel?.geometrySimplificationInProgress&&await ye(()=>!this.sketchViewModel?.geometrySimplificationInProgress,e.signal),e.signal.aborted||await i()})())}finally{this._pendingCommandAbortController===e&&(this._pendingCommandAbortController=void 0)}}toggleSettingsPopover(){this.settingsPopoverOpen=!this.settingsPopoverOpen}setCustomTools(i,e){this._customToolOptions=i??void 0;let t=this._activeCustomToolOptions;if(t){let o=this._customToolOptions?.find(s=>s.toolKey===t.toolKey);o?this._activeCustomToolOptions=o:this.cancelAll()}if(e?.length){let o=new Map;for(let s of e)se(o,s.position,()=>[]).push(s);this._customActions=o}else this._customActions=void 0}cancelAll(){this._pendingCommandAbortController?.abort(),this._cancelSupportingOperations(),this.sketchViewModel?.cancel()}async update(i,e){await this._executeWhenReady(async()=>{let t=this.sketchViewModel;t&&await C(t.update(i,e))})}_activateDefaultSelectionTool(){this._executeWhenReady(()=>{this.cancelAll(),this.view?.focus()})}_cancelActiveOperation(){this._executeWhenReady(()=>this.cancelAll())}_cancelSketchOperation(){this._executeWhenReady(()=>this.sketchViewModel?.cancel())}_cancelSupportingOperations(){this.selectionViewModel.cancel(),this._activeCustomToolOptions=void 0}_activatePlugin(i){this._executeWhenReady(()=>{let e=this._activeCustomToolOptions!=null;this._cancelSupportingOperations();let t=this.sketchViewModel;if(t){if(e){t.cancel(),C(t.create(i));return}t.firstPluginWithSwappableLeaf?(t.replaceLeaf(i),this.view?.focus()):C(t.create(i))}})}_activateLegacyDrawTool(i,e,t){this._executeWhenReady(()=>{this._cancelSupportingOperations();let o=this.sketchViewModel;o&&(this._activeCustomToolOptions=t,C(o.create(i,e)))})}_activateSelectionTool(i){this._executeWhenReady(()=>{if(this._activeSelectionTool===i){this.selectionViewModel.cancel();return}this.cancelAll();let e={createTool:i==="lasso-selection"?"polygon":"rectangle",...i==="lasso-selection"?{mode:"hybrid",toolName:"lasso"}:{toolName:"rectangle"},type:"replace",selectOnComplete:!0};this.selectionViewModel.activate(e)&&this.view?.focus()})}_delete(){this._executeWhenReady(()=>this.sketchViewModel?.delete())}_duplicate(){this._executeWhenReady(()=>{this.sketchViewModel?.duplicate()})}_executeCustomAction(i){this._executeWhenReady(()=>i.onclick?.())}_redo(){this._executeWhenReady(()=>{this.sketchViewModel?.redo()})}_undo(){this._executeWhenReady(()=>{this.sketchViewModel?.undo()})}_customActionsToSketchActions(i){let e=this.state==="disabled";return i.map(t=>({active:t.active??!1,afterCreate:t.afterCreate,afterRemoved:t.afterRemoved,afterUpdate:t.afterUpdate,disabled:e||(t.disabled??!1),icon:t.icon,iconFlipRTL:t.flipRTL,id:t.id,labelKey:t.text,onClick:()=>this._executeCustomAction(t)}))}_pluginsToActions(i){let e=this.activePluginIds,t=this._activeCustomToolOptions,o=this.state==="disabled";return i.map(s=>({active:(e?.has(s.uniqueId)??!1)&&!t,icon:s.icon,disabled:o,labelKey:`digitizers.${s.localizationKey}`,onClick:()=>this._activatePlugin([s])}))}};a([r()],l.prototype,"_isEffectiveRenderStateFrozen",1);a([r()],l.prototype,"_effectiveGeometrySimplificationInProgress",2);a([r()],l.prototype,"_state",1);a([r()],l.prototype,"_customToolOptions",2);a([r()],l.prototype,"_activeCustomToolOptions",2);a([r()],l.prototype,"_customActions",2);a([r()],l.prototype,"selectionViewModel",2);a([r()],l.prototype,"_activeSelectionTool",1);a([r()],l.prototype,"_activePluginUniqueIds",1);a([r()],l.prototype,"_createToolActions",1);a([r()],l.prototype,"_shouldShowBackButton",1);a([r()],l.prototype,"_selectionToolActions",1);a([r()],l.prototype,"_settingsActions",1);a([r()],l.prototype,"_activeTool",1);a([r()],l.prototype,"_selectionCommands",1);a([r()],l.prototype,"_selectionSetActions",1);a([r()],l.prototype,"_undoRedoActions",1);a([r()],l.prototype,"sketchViewModel",2);a([r()],l.prototype,"visibleElements",2);a([r()],l.prototype,"view",2);a([r()],l.prototype,"settingsPopoverOpen",2);a([r()],l.prototype,"availableCreateTools",2);a([r()],l.prototype,"state",1);a([r()],l.prototype,"activeTool",1);a([r()],l.prototype,"activePluginIds",1);a([r()],l.prototype,"groupedActions",1);l=a([Te("components.sketch.SketchComponentViewModel")],l);var O=class extends z{#t;#e=!1;#i;constructor(e){if(super(e),e.type!==U.ELEMENT)throw new Error("nodeHooks() can only be used on elements")}render(e){return k}update(e,[t]){let o=e.element;if(!(o instanceof HTMLElement))throw new TypeError("nodeHooks() can only be used on HTMLElements");let s=this.#e?t.afterUpdate:t.afterCreate;return this.#t=o,this.#e=!0,this.#i=t,queueMicrotask(()=>{o.isConnected&&s?.(o)}),k}disconnected(){let e=this.#t,t=this.#i?.afterRemoved;!e||!t||queueMicrotask(()=>{e.isConnected||X(()=>t(e),{timeout:16})})}},oe=H(O),Le=Z(i=>new Ce({...i,cancelUpdateOnClickAway:!0,creationMode:"continuous",textSymbol:new me({text:"hello world"}),useLegacyCreateTools:!1})),L=class extends q{constructor(){super(),this.#t=new l,this.#o=S(),this.#s=S(),this._defaultGraphicsLayer=null,this._messages=Y(),this.test={componentViewModel:this.#t},this._groupLayoutPriorityOverrides=new Map,this._contextualToolLocation="separate",this._refMap=be(),this.viewModel=Le(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.createGraphic=this.viewModel.createGraphic,this.creationMode=this.viewModel.creationMode,this.defaultCreateOptions=this.viewModel.defaultCreateOptions,this.defaultGraphicsLayerDisabled=!1,this.defaultUpdateOptions=this.viewModel.defaultUpdateOptions,this.geometrySimplificationInProgress=this.viewModel.geometrySimplificationInProgress,this.icon="pencil",this.label=this._messages?.componentLabel,this.labelOptions=this.viewModel.labelOptions,this.layer=this.viewModel.layer,this.layout="horizontal",this.pointSymbol=this.viewModel.pointSymbol,this.polygonSymbol=this.viewModel.polygonSymbol,this.polylineSymbol=this.viewModel.polylineSymbol,this.visualScale="m",this.snappingOptions=this.viewModel.snappingOptions,this.textSymbol=this.viewModel.textSymbol,this.toolbarKind="floating",this.tooltipOptions=this.viewModel.tooltipOptions,this.useViewOptions=this.viewModel.useViewOptions,this.valueOptions=this.viewModel.valueOptions,this.useLegacyCreateTools=this.viewModel.useLegacyCreateTools,this.updateOnGraphicClickDisabled=this.viewModel.updateOnGraphicClick,this.updateGraphics=this.viewModel.updateGraphics,this.arcgisCreate=y(()=>this.viewModel,"create"),this.arcgisDelete=y(()=>this.viewModel,"delete"),this.arcgisDuplicate=y(()=>this.viewModel,"duplicate"),this.arcgisPropertyChange=Q()("activeTool","geometrySimplificationInProgress","state"),this.arcgisReady=F(),this.arcgisRedo=y(()=>this.viewModel,"redo"),this.arcgisUndo=y(()=>this.viewModel,"undo"),this.arcgisUpdate=y(()=>this.viewModel,"update"),J(["slot"],()=>{this.requestUpdate()}),this.manager.onLifecycle(()=>[m(()=>this.el.view?.map,(e,t)=>{let o=this._defaultGraphicsLayer;o&&(t?.allLayers.includes(o)&&t.remove(o),o&&!e?.allLayers.includes(o)&&e?.add(o))}),m(()=>this.el.view,e=>{this.viewModel.view=e,this.#t.view=e??void 0},{initial:!0}),m(()=>this.viewModel,e=>{this.#t.sketchViewModel=e,this.viewModel.pluginManager.sketch=this},{initial:!0}),m(()=>this.#t.state,(e,t)=>{this.requestUpdate("state",t)},{initial:!0}),m(()=>this.#t.activeTool,()=>this.arcgisPropertyChange.emit({name:"activeTool"}),{sync:!0})]),this.manager.onDestroy(()=>{this._defaultGraphicsLayer&&this.el.view?.map?.allLayers.includes(this._defaultGraphicsLayer)&&this.el.view?.map?.remove(this._defaultGraphicsLayer),this._defaultGraphicsLayer?.destroy(),this._defaultGraphicsLayer=null,this.#t.destroy()})}static{this.properties={_groupLayoutPriorityOverrides:16,_contextualToolLocation:16,_refMap:16,viewModel:0,view:0,activeTool:32,autoDestroyDisabled:5,visibleElements:0,availableCreateTools:0,createGraphic:32,creationMode:1,defaultCreateOptions:0,defaultGraphicsLayerDisabled:5,defaultUpdateOptions:0,geometrySimplificationInProgress:36,hideCreateToolsCircle:5,hideCreateToolsMultipoint:5,hideCreateToolsPoint:5,hideCreateToolsPolygon:5,hideCreateToolsPolyline:5,hideCreateToolsRectangle:5,hideDuplicateButton:5,hideDeleteButton:5,hideSelectionCountLabel:5,hideLabelsToggle:5,hideSelectionToolsLassoSelection:5,hideSelectionToolsRectangleSelection:5,hideSettingsMenu:5,hideSinglePluginBackButton:5,hideSnappingControls:5,hideSnappingControlsElementsEnabledToggle:5,hideSnappingControlsElementsFeatureEnabledToggle:5,hideSnappingControlsElementsLayerList:5,hideSnappingControlsElementsSelfEnabledToggle:5,hideSnappingControlsElementsGridEnabledToggle:5,hideSnappingControlsElementsGridControls:5,hideSnappingControlsElementsGridControlsElementsColorSelection:5,hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle:5,hideSnappingControlsElementsGridControlsElementsLineIntervalInput:5,hideSnappingControlsElementsGridControlsElementsNumericInputs:5,hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning:5,hideSnappingControlsElementsGridControlsElementsPlacementButtons:5,hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle:5,hideTooltipsToggle:5,hideUndoRedoMenu:5,icon:1,label:1,labelOptions:0,layer:0,layout:1,pointSymbol:0,polygonSymbol:0,polylineSymbol:0,referenceElement:1,relativePosition:1,scale:1,visualScale:1,showSnappingControlsElementsHeader:5,showCreateToolsFreehandPolygon:5,showCreateToolsFreehandPolyline:5,showCreateToolsText:5,hideGeometrySimplificationActivityIndicator:5,snappingOptions:0,state:32,textSymbol:0,toolbarKind:1,tooltipOptions:0,useViewOptions:5,valueOptions:0,useLegacyCreateTools:5,updateOnGraphicClickDisabled:5,cancelUpdateOnClickAwayDisabled:5,updateGraphics:32}}static{this.styles=Me}#t;get#e(){return this.#t.visibleElements}#i;#o;#s;get activeTool(){return this.#t.activeTool}get visibleElements(){return this.#t.visibleElements}set visibleElements(e){this.#t.visibleElements=e}get availableCreateTools(){return this.#t.availableCreateTools}set availableCreateTools(e){this.#t.availableCreateTools=e}get hideCreateToolsCircle(){return!this.#e.createTools.circle}set hideCreateToolsCircle(e){this.#e.createTools.circle=!e}get hideCreateToolsMultipoint(){return!this.#e.createTools.multipoint}set hideCreateToolsMultipoint(e){this.#e.createTools.multipoint=!e}get hideCreateToolsPoint(){return!this.#e.createTools.point}set hideCreateToolsPoint(e){this.#e.createTools.point=!e}get hideCreateToolsPolygon(){return!this.#e.createTools.polygon}set hideCreateToolsPolygon(e){this.#e.createTools.polygon=!e}get hideCreateToolsPolyline(){return!this.#e.createTools.polyline}set hideCreateToolsPolyline(e){this.#e.createTools.polyline=!e}get hideCreateToolsRectangle(){return!this.#e.createTools.rectangle}set hideCreateToolsRectangle(e){this.#e.createTools.rectangle=!e}get hideDuplicateButton(){return!this.#e.duplicateButton}set hideDuplicateButton(e){this.#e.duplicateButton=!e}get hideDeleteButton(){return!this.#e.deleteButton}set hideDeleteButton(e){this.#e.deleteButton=!e}get hideSelectionCountLabel(){return!this.#e.selectionCountLabel}set hideSelectionCountLabel(e){this.#e.selectionCountLabel=!e}get hideLabelsToggle(){return!this.#e.labelsToggle}set hideLabelsToggle(e){this.#e.labelsToggle=!e}get hideSelectionToolsLassoSelection(){return!this.#e.selectionTools["lasso-selection"]}set hideSelectionToolsLassoSelection(e){this.#e.selectionTools["lasso-selection"]=!e}get hideSelectionToolsRectangleSelection(){return!this.#e.selectionTools["rectangle-selection"]}set hideSelectionToolsRectangleSelection(e){this.#e.selectionTools["rectangle-selection"]=!e}get hideSettingsMenu(){return!this.#e.settingsMenu}set hideSettingsMenu(e){this.#e.settingsMenu=!e}get hideSinglePluginBackButton(){return!this.#e.singlePluginBackButton}set hideSinglePluginBackButton(e){this.#e.singlePluginBackButton=!e}get hideSnappingControls(){return!this.#e.snappingControls}set hideSnappingControls(e){this.#e.snappingControls=!e}get hideSnappingControlsElementsEnabledToggle(){return!this.#e.snappingControlsElements.enabledToggle}set hideSnappingControlsElementsEnabledToggle(e){this.#e.snappingControlsElements.enabledToggle=!e}get hideSnappingControlsElementsFeatureEnabledToggle(){return!this.#e.snappingControlsElements.featureEnabledToggle}set hideSnappingControlsElementsFeatureEnabledToggle(e){this.#e.snappingControlsElements.featureEnabledToggle=!e}get hideSnappingControlsElementsLayerList(){return!this.#e.snappingControlsElements.layerList}set hideSnappingControlsElementsLayerList(e){this.#e.snappingControlsElements.layerList=!e}get hideSnappingControlsElementsSelfEnabledToggle(){return!this.#e.snappingControlsElements.selfEnabledToggle}set hideSnappingControlsElementsSelfEnabledToggle(e){this.#e.snappingControlsElements.selfEnabledToggle=!e}get hideSnappingControlsElementsGridEnabledToggle(){return!this.#e.snappingControlsElements.gridEnabledToggle}set hideSnappingControlsElementsGridEnabledToggle(e){this.#e.snappingControlsElements.gridEnabledToggle=!e}get hideSnappingControlsElementsGridControls(){return!this.#e.snappingControlsElements.gridControls}set hideSnappingControlsElementsGridControls(e){this.#e.snappingControlsElements.gridControls=!e}get hideSnappingControlsElementsGridControlsElementsColorSelection(){return!this.#e.snappingControlsElements.gridControlsElements.colorSelection}set hideSnappingControlsElementsGridControlsElementsColorSelection(e){this.#e.snappingControlsElements.gridControlsElements.colorSelection=!e}get hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle(){return!this.#e.snappingControlsElements.gridControlsElements.dynamicScaleToggle}set hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle(e){this.#e.snappingControlsElements.gridControlsElements.dynamicScaleToggle=!e}get hideSnappingControlsElementsGridControlsElementsLineIntervalInput(){return!this.#e.snappingControlsElements.gridControlsElements.lineIntervalInput}set hideSnappingControlsElementsGridControlsElementsLineIntervalInput(e){this.#e.snappingControlsElements.gridControlsElements.lineIntervalInput=!e}get hideSnappingControlsElementsGridControlsElementsNumericInputs(){return!this.#e.snappingControlsElements.gridControlsElements.numericInputs}set hideSnappingControlsElementsGridControlsElementsNumericInputs(e){this.#e.snappingControlsElements.gridControlsElements.numericInputs=!e}get hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning(){return!this.#e.snappingControlsElements.gridControlsElements.outOfScaleWarning}set hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning(e){this.#e.snappingControlsElements.gridControlsElements.outOfScaleWarning=!e}get hideSnappingControlsElementsGridControlsElementsPlacementButtons(){return!this.#e.snappingControlsElements.gridControlsElements.placementButtons}set hideSnappingControlsElementsGridControlsElementsPlacementButtons(e){this.#e.snappingControlsElements.gridControlsElements.placementButtons=!e}get hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle(){return!this.#e.snappingControlsElements.gridControlsElements.rotateWithMapToggle}set hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle(e){this.#e.snappingControlsElements.gridControlsElements.rotateWithMapToggle=!e}get hideTooltipsToggle(){return!this.#e.tooltipsToggle}set hideTooltipsToggle(e){this.#e.tooltipsToggle=!e}get hideUndoRedoMenu(){return!this.#e.undoRedoMenu}set hideUndoRedoMenu(e){this.#e.undoRedoMenu=!e}get relativePosition(){let e=this.el.slot;return this.#i??(_e.has(e)?e:te.topRight)}set relativePosition(e){this.#i=e}get scale(){return this.visualScale}set scale(e){this.visualScale=e}get showSnappingControlsElementsHeader(){return this.#e.snappingControlsElements.header}set showSnappingControlsElementsHeader(e){this.#e.snappingControlsElements.header=e}get showCreateToolsFreehandPolygon(){return this.#e.createTools.freehandPolygon}set showCreateToolsFreehandPolygon(e){this.#e.createTools.freehandPolygon=e}get showCreateToolsFreehandPolyline(){return this.#e.createTools.freehandPolyline}set showCreateToolsFreehandPolyline(e){this.#e.createTools.freehandPolyline=e}get showCreateToolsText(){return this.#e.createTools.text}set showCreateToolsText(e){this.#e.createTools.text=e}get hideGeometrySimplificationActivityIndicator(){return!this.#e.geometrySimplificationActivityIndicator}set hideGeometrySimplificationActivityIndicator(e){this.#e.geometrySimplificationActivityIndicator=!e}get state(){return this.#t.state}get cancelUpdateOnClickAwayDisabled(){return!this.viewModel.cancelUpdateOnClickAway}set cancelUpdateOnClickAwayDisabled(e){this.viewModel.cancelUpdateOnClickAway=!e}async cancel(){this.#t.cancelAll()}async complete(){this.viewModel.complete()}async create(e,t){await this.#t.create(e,t)}async delete(){this.viewModel.delete()}async destroy(){await this.manager.destroy()}async dismissFloatingElements(){this.#t.settingsPopoverOpen=!1}async duplicate(){this.viewModel.duplicate()}async redo(){this.viewModel.redo()}async setContextualToolLocation(e){this._contextualToolLocation=e}async setCustomTools(e,t){this.#t.setCustomTools(e,t)}async setGroupCollapsePriorities(e){this._groupLayoutPriorityOverrides=e||new Map}async triggerUpdate(e,t){await this.#t.update(e,t)}async undo(){this.#t.sketchViewModel?.undo()}connectedCallback(){super.connectedCallback(),this.defaultGraphicsLayerDisabled||(this._defaultGraphicsLayer?.destroyed&&(this._defaultGraphicsLayer=null),this._defaultGraphicsLayer??=new ue({title:"Sketch Layer"}),this.layer=this._defaultGraphicsLayer,this.view?.map?.add(this.layer),this.viewModel.layer=this._defaultGraphicsLayer)}disconnectedCallback(){this._defaultGraphicsLayer&&this.view?.map?.allLayers.includes(this._defaultGraphicsLayer)&&this.view?.map?.remove(this._defaultGraphicsLayer),super.disconnectedCallback()}render(){let e=this._refMap.get("settings")?.value?.actionElement,t=this.#t.groupedActions,{visualScale:o,layout:s,toolbarKind:c,relativePosition:p,_contextualToolLocation:h}=this,d=t.find(({name:n})=>n==="selectionSet"),g=t.filter(({name:n})=>n!=="selectionSet");return u`<div class="toolbar-container"><arcgis-toolbar-stack .layout=${s} .toolbarKind=${c} .relativePosition=${p} .scale=${o} tooltip-appearance=calcite><arcgis-toolbar ${E(this.#o)}>${f({hidden:!d?.visible||h!=="inline",children:this._renderActionGroup(d)})}${g.map(n=>this._renderActionGroup(n))}${f({hidden:!d?.visible||h!=="inline-end",children:this._renderActionGroup(d)})}</arcgis-toolbar>${f({hidden:!d?.visible||h!=="separate",children:u`<arcgis-toolbar>${this._renderActionGroup(d)}</arcgis-toolbar>`})}</arcgis-toolbar-stack></div>${f({hidden:this.hideSettingsMenu,children:u`<arcgis-view-popover .open=${this.#t.settingsPopoverOpen} closable .heading=${this._messages.settings?.heading} .label=${this._messages.settings?.heading} .anchorElement=${e} .visualScale=${o} .actionBarElement=${this.#o.value?.barElement} @arcgisPropertyChange=${n=>this.#t.settingsPopoverOpen=n.target.open??!1} .view=${this.view??void 0}>${this._renderSettings()}</arcgis-view-popover>`})}`}_renderSettings(){let{autoDestroyDisabled:e,hideLabelsToggle:t,hideSnappingControls:o,hideTooltipsToggle:s,showSnappingControlsElementsHeader:c,useViewOptions:p,view:h,viewModel:d}=this;return u`<div class="editing-controls-panel"><arcgis-sketch-tooltip-controls .hideLabelsToggle=${t} .hideTooltipsToggle=${p||s} .directionMode=${d.valueOptions.directionMode} .labelsEnabled=${d.labelOptions.enabled} .tooltipsEnabled=${d.tooltipOptions.enabled} @arcgisPropertyChange=${g=>{g.stopPropagation();let{labelsEnabled:n,tooltipsEnabled:w,directionMode:_}=g.currentTarget,b=this.viewModel;switch(g.detail.name){case"labelsEnabled":b.labelOptions.enabled=n;break;case"directionMode":b.valueOptions.directionMode=_;break;case"tooltipsEnabled":b.tooltipOptions.enabled=w;break}}}></arcgis-sketch-tooltip-controls>${!p&&!o?u`<arcgis-snapping-controls .autoDestroyDisabled=${e} .view=${h} .visibleElements=${this.#e.snappingControlsElements} .snappingOptions=${d.snappingOptions} .showHeader=${c} @arcgisPropertyChange=${g=>g.stopPropagation()}></arcgis-snapping-controls>`:void 0}</div>`}_renderActionGroup({visible:e,commands:t,name:o}){if(!e||!t.length)return;let{defaultPriority:s,groupKind:c,overflowLabel:p}=ke[o],h=(o==="geometrySimplification"?void 0:this._groupLayoutPriorityOverrides.get(o))??s,d=t.map(n=>this._renderCommand(n)),g=ie(`more.${p}`,this._messages);switch(c){case"more-button":return u`<arcgis-toolbar-group .priority=${h}><arcgis-toolbar-more-button .overflowActionLabel=${g} .priority=${h}>${d}</arcgis-toolbar-more-button></arcgis-toolbar-group>`;case"split-button":return u`<arcgis-toolbar-group .priority=${h}><arcgis-toolbar-split-button .overflowActionLabel=${g} .priority=${h}>${d}</arcgis-toolbar-split-button></arcgis-toolbar-group>`;case"actions":return u`<arcgis-toolbar-group .priority=${h}>${d}</arcgis-toolbar-group>`}}_renderCommand({active:e,afterCreate:t,afterRemoved:o,afterUpdate:s,appearance:c,icon:p,disabled:h,id:d,kind:g,labelKey:n,labelParameters:w,loading:_,tooltipKey:b,iconFlipRTL:G,onClick:$,refKey:R,textEnabled:V,renderAsAction:ne}){let{_messages:x,_refMap:le,layout:I}=this,M=ie(n,x),P=M===void 0?n:w?ge(M,w):M,D=x?.[b]??P,B=R?se(le,R,S):this.#s,K={afterCreate:t,afterRemoved:o,afterUpdate:s};return ne?u`<arcgis-toolbar-action .active=${e} .appearance=${c} .disabled=${h} .icon=${p} .iconFlipRtl=${G} id=${d??A} .kind=${g} .loading=${_} .labelText=${I==="horizontal"?P:""} .textEnabled=${V} .tooltipText=${I==="horizontal"&&V?"":D} @arcgisToolbarItemSelected=${$} ${oe(K)} ${E(B)}></arcgis-toolbar-action>`:u`<arcgis-toolbar-item .active=${e} .disabled=${h} .icon=${p} id=${d??A} .iconFlipRtl=${G} .labelText=${P} .tooltipText=${D} @arcgisItemSelected=${$} ${oe(K)} ${E(B)}></arcgis-toolbar-item>`}};j("arcgis-sketch",L);return L},"intl","layers/GraphicsLayer","symbols/TextSymbol","core/reactiveUtils","widgets/Sketch/SketchViewModel","applications/Components/featureUtils","core/Accessor","core/accessorSupport/decorators","core/promiseUtils","widgets/Sketch/VisibleElements","widgets/support/SelectionToolbar/SelectionToolbarViewModel",a,b,c,d,e,g,h)
+import{b as te}from"./TN5C3MSL.js";import h from"./HP32VJJ5.js";import"./IZ46HAUJ.js";import{a as f}from"./POKO37D3.js";import g from"./DSDPDMLP.js";import"./VJVKFKSG.js";import e from"./CQQM24VF.js";import{a as Y}from"./WEAGLY7B.js";import d from"./AN3BGKZP.js";import c from"./FZWFKZLW.js";import b from"./JBHRVHGS.js";import{d as J,h as Q}from"./JAZGNQRP.js";import"./Z5C6UBYP.js";import a from"./7V7IKYJG.js";import"./QUZTFUWM.js";import"./WQMZ7BDQ.js";import{D as U,E as H,M as z,N as S,O as E,P as q,Q as N,U as A,X as j,a as W,b as u,e as k,x as F}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{substitute:ge},ue,me,{watch:m,on:ve,whenOnce:ye},Ce,{getOrCreateMapValue:se,createReactiveMap:be},fe,{property:r,subclass:Te},{ignoreAbortErrors:C},we,Se,,,,y,Z,{f:X},ee])=>{var T=N({defaultAssetPath:"https://jsdev.arcgis.com/5.2.0-next/common-components/",hydratedAttribute:"hydrated"}),{customElement:Re,getAssetPath:he,setAssetPath:pe}=T;T.t=void 0;T.o=void 0;T.c=void 0;T.r=void 0;var v={ForceCollapse:0,Default:1,Medium:100,High:200,Max:300,NeverCollapse:1e3};var Ee=["bottom-end","bottom-start","bottom-left","bottom-right","top-end","top-start","top-left","top-right"],_e=new Set(Ee);function ie(i,e){let t=e;for(let o of i.split(".")){if(typeof t!="object"||t===null)return;t=Reflect.get(t,o)}return typeof t=="string"?t:void 0}var Me=W`.editing-controls-panel{min-inline-size:100px;max-inline-size:400px;-webkit-user-select:none;user-select:none;pointer-events:initial;padding:var(--calcite-space-sm);arcgis-sketch-tooltip-controls+arcgis-snapping-controls{border-block-start:1px solid var(--calcite-color-border-3)}}:host{pointer-events:none}`,Pe={point:"pin",polyline:"line",polygon:"polygon",rectangle:"rectangle",circle:"circle",multipoint:"pins",mesh:"i3d-building",freehandPolygon:"freehand-area",freehandPolyline:"freehand",text:"text"},ke={selectionTools:{defaultPriority:v.Default,groupKind:"split-button",overflowLabel:"selection"},selectionSet:{defaultPriority:v.High,groupKind:"actions"},createTools:{defaultPriority:v.High,groupKind:"more-button",overflowLabel:"drawing"},undoRedo:{defaultPriority:v.Medium,groupKind:"split-button",overflowLabel:"action"},settings:{defaultPriority:v.Max,groupKind:"more-button",overflowLabel:"action"},geometrySimplification:{defaultPriority:v.Default,groupKind:"actions"}},Ae=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,a=(i,e,t,o)=>{for(var s=o>1?void 0:o?Oe(e,t):e,c=i.length-1,p;c>=0;c--)(p=i[c])&&(s=(o?p(e,t,s):p(s))||s);return o&&s&&Ae(e,t,s),s},l=class extends fe{constructor(i){super(i),this._effectiveRenderStateCache=new Map,this._effectiveGeometrySimplificationInProgress=!1,this.visibleElements=new we,this.settingsPopoverOpen=!1,this.availableCreateTools=["point","polyline","freehandPolyline","polygon","freehandPolygon","rectangle","circle"]}initialize(){this.selectionViewModel??=new Se({persistSelection:!1}),this.addHandles([m(()=>this.sketchViewModel,(i,e)=>{i!==e&&this._effectiveRenderStateCache.clear()},{sync:!0}),ee({getLoading:()=>this.sketchViewModel?.geometrySimplificationInProgress??!1,setEffectiveLoading:i=>{this._effectiveGeometrySimplificationInProgress=i}}),m(()=>this.view,i=>{this.selectionViewModel.view=i},{initial:!0,sync:!0}),m(()=>this.sketchViewModel?.layer,i=>this.selectionViewModel.sources=i?[i]:[],{initial:!0,sync:!0}),this.selectionViewModel.on("complete",({selection:i})=>{i.length&&this.update(i)}),m(()=>this.selectionViewModel.activeOperation,i=>{i&&(this.sketchViewModel?.cancel(),this._activeCustomToolOptions=void 0)},{sync:!0}),ve(()=>this.sketchViewModel,"create",i=>{i.state==="complete"&&this.sketchViewModel?.creationMode!=="continuous"&&(this._activeCustomToolOptions=void 0)}),m(()=>this.visibleElements.settingsMenu,i=>{i||(this.settingsPopoverOpen=!1)},{sync:!0})])}destroy(){this._pendingCommandAbortController?.abort(),this.selectionViewModel.destroy(),this.sketchViewModel=void 0}get _isEffectiveRenderStateFrozen(){let{sketchViewModel:i}=this;return!!(i?.toolTransitionInProgress||i?.geometrySimplificationInProgress)}_getEffectiveValue(i,e){if(!this._isEffectiveRenderStateFrozen||!this._effectiveRenderStateCache.has(i)){let t=e();return this._effectiveRenderStateCache.set(i,t),t}return this._effectiveRenderStateCache.get(i)}get _state(){return this.sketchViewModel?.state??"disabled"}get test(){return{activeCustomToolOptions:this._activeCustomToolOptions,activeSelectionTool:this._activeSelectionTool,selectionViewModel:this.selectionViewModel}}get _activeSelectionTool(){switch(this.selectionViewModel.activeOperation?.toolName){case"lasso":return"lasso-selection";case"rectangle":return"rectangle-selection";default:return}}get _activePluginUniqueIds(){let i=this.sketchViewModel?.activePluginConfigurations.filter(e=>!e.hidden).map(e=>e.uniqueId);return new Set(i??[])}get _createToolActions(){let{sketchViewModel:i}=this;if(!i)return[];let e=i.effectiveAvailablePlugins,t=this.state==="disabled",o=this.visibleElements.createTools,s=this.activeTool,c=this._activeCustomToolOptions,p=c||!i.firstPluginWithSwappableLeaf?this._customToolOptions:[],h=i.rootPlugins,d=p?.map(n=>({active:n===c,disabled:t,icon:n.icon,labelKey:n.label,onClick:n===c?()=>this._cancelActiveOperation():()=>this._activateLegacyDrawTool(n.toolName,n.createOptions,n)}))??[];if(c&&h)return[...this._pluginsToActions(h),...d];if(e?.length&&this.view?.type!=="3d")return[...this._pluginsToActions(e),...d];let g=this.view?.type==="3d";return[...this.availableCreateTools?.filter(n=>g&&n==="multipoint"?!1:n==="mesh"?!0:o[n])?.map(n=>({active:n===s,disabled:t,icon:Pe[n],labelKey:`draw.${n}`,onClick:n===s?()=>this._cancelActiveOperation():()=>this._activateLegacyDrawTool(n)}))??[],...d]}get _shouldShowBackButton(){let i=this.sketchViewModel?.firstPluginWithSwappableLeaf,e=this.sketchViewModel?.rootPlugins,t=this._activeCustomToolOptions;return!!(this.sketchViewModel?.multiplePluginsActive&&i&&e&&!(e.length<2&&e.includes(i)&&!this.visibleElements.singlePluginBackButton)&&!t)}get _selectionToolActions(){return this._shouldShowBackButton?[{active:!1,disabled:this.state==="disabled",icon:"chevron-left",iconFlipRTL:!0,labelKey:"back",onClick:()=>this._cancelActiveOperation()}]:this._selectionCommands}get _settingsActions(){let i=this._customActions?.get("settings-before"),e=this._customActions?.get("settings-after"),t=this.visibleElements.settingsMenu,o=[];return!i?.length&&!e?.length&&!t||(i&&o.push(...this._customActionsToSketchActions(i)),t&&o.push({icon:"gear",active:this.settingsPopoverOpen,disabled:this.state==="disabled",labelKey:"settings.heading",tooltipKey:"settings.heading",refKey:"settings",onClick:()=>this.toggleSettingsPopover()}),e&&o.push(...this._customActionsToSketchActions(e))),o}get _activeTool(){let i=this.selectionViewModel.activeOperation;if(i)switch(i.toolName){case"lasso":return"lasso-selection";case"rectangle":return"rectangle-selection";case"default":return"custom-selection"}if(!this.sketchViewModel)return;let{availableCreateTools:e}=this,{activeTool:t,activeCreateToolDrawMode:o}=this.sketchViewModel;return t==="polygon"&&o==="freehand"&&e?.includes("freehandPolygon")?"freehandPolygon":t==="polyline"&&o==="freehand"&&e?.includes("freehandPolyline")?"freehandPolyline":t??void 0}get _selectionCommands(){let{state:i,visibleElements:e,_activeSelectionTool:t,_customActions:o}=this,s=this.state==="disabled",c=[];this.sketchViewModel?.updateOnGraphicClick!==!1&&c.push({active:i==="ready"&&this._activeSelectionTool==null,disabled:s,icon:"cursor",labelKey:"selectFeature",onClick:()=>this._activateDefaultSelectionTool()});let p=e.selectionTools;p["rectangle-selection"]&&c.push({active:t==="rectangle-selection",disabled:s,icon:"cursor-marquee",labelKey:"rectangleSelection",onClick:()=>this._activateSelectionTool("rectangle-selection")}),p["lasso-selection"]&&c.push({active:t==="lasso-selection",disabled:s,icon:"lasso-select",labelKey:"lassoSelection",onClick:()=>this._activateSelectionTool("lasso-selection")});let h=o?.get("selection-toolbar");return h&&c.push(...this._customActionsToSketchActions(h)),c}get _selectionSetActions(){let i=this.sketchViewModel?.updateGraphics.length??0;if(!i)return[];let e=this.state==="disabled",t=[],o=this._customActions?.get("before-selection-set"),s=this._customActions?.get("after-selection-set");return this.visibleElements.selectionCountLabel&&t.push({active:!1,appearance:"outline",disabled:e,icon:"selection-x",kind:"brand",labelKey:"deselectCount",labelParameters:{count:i},textEnabled:!0,renderAsAction:!0,onClick:()=>this._cancelSketchOperation()}),o&&t.push(...this._customActionsToSketchActions(o)),this.visibleElements.duplicateButton&&t.push({active:!1,disabled:e,icon:"copy",renderAsAction:!0,labelKey:i>1?"duplicateFeatures":"duplicateFeature",onClick:()=>this._duplicate()}),this.visibleElements.deleteButton&&t.push({active:!1,disabled:e,icon:"trash",kind:"danger",renderAsAction:!0,labelKey:i>1?"deleteFeatures":"deleteFeature",onClick:()=>this._delete()}),s&&t.push(...this._customActionsToSketchActions(s)),t}get _undoRedoActions(){return this.visibleElements.undoRedoMenu?[{active:!1,disabled:this.state==="disabled"||!this.sketchViewModel?.canUndo(),icon:"undo",labelKey:"undo",iconFlipRTL:!0,onClick:()=>this._undo()},{active:!1,disabled:this.state==="disabled"||!this.sketchViewModel?.canRedo(),icon:"redo",labelKey:"redo",iconFlipRTL:!0,onClick:()=>this._redo()}]:[]}get state(){return this._getEffectiveValue("state",()=>this._state)}get activeTool(){return this._getEffectiveValue("activeTool",()=>this._activeTool)}get activePluginIds(){return this._getEffectiveValue("activePluginId",()=>this._activePluginUniqueIds)}get groupedActions(){let i=this._getEffectiveValue("availableCommandGroups",()=>[["selectionTools",this._selectionToolActions],["createTools",this._createToolActions],["undoRedo",this._undoRedoActions],["settings",this._settingsActions],["selectionSet",this._selectionSetActions]].map(([t,o])=>({name:t,commands:o,visible:o.length>0}))),e=this._effectiveGeometrySimplificationInProgress?i.map(t=>({...t,commands:t.commands.map(o=>({...o,disabled:!0}))})):i;return!this.visibleElements.geometrySimplificationActivityIndicator||!this._effectiveGeometrySimplificationInProgress?e:[...e,{name:"geometrySimplification",commands:[{active:!1,appearance:"transparent",disabled:!0,kind:"warning",labelKey:"processing",loading:!0,onClick:()=>{},renderAsAction:!0}],visible:!0}]}async create(i,e){await this._executeWhenReady(async()=>{this.cancelAll();let t=this.sketchViewModel;t&&await C(t.create(i,e))})}async _executeWhenReady(i){this._pendingCommandAbortController?.abort();let e=new AbortController;this._pendingCommandAbortController=e;try{await C((async()=>{this.sketchViewModel?.geometrySimplificationInProgress&&await ye(()=>!this.sketchViewModel?.geometrySimplificationInProgress,e.signal),e.signal.aborted||await i()})())}finally{this._pendingCommandAbortController===e&&(this._pendingCommandAbortController=void 0)}}toggleSettingsPopover(){this.settingsPopoverOpen=!this.settingsPopoverOpen}setCustomTools(i,e){this._customToolOptions=i??void 0;let t=this._activeCustomToolOptions;if(t){let o=this._customToolOptions?.find(s=>s.toolKey===t.toolKey);o?this._activeCustomToolOptions=o:this.cancelAll()}if(e?.length){let o=new Map;for(let s of e)se(o,s.position,()=>[]).push(s);this._customActions=o}else this._customActions=void 0}cancelAll(){this._pendingCommandAbortController?.abort(),this._cancelSupportingOperations(),this.sketchViewModel?.cancel()}async update(i,e){await this._executeWhenReady(async()=>{let t=this.sketchViewModel;t&&await C(t.update(i,e))})}_activateDefaultSelectionTool(){this._executeWhenReady(()=>{this.cancelAll(),this.view?.focus()})}_cancelActiveOperation(){this._executeWhenReady(()=>this.cancelAll())}_cancelSketchOperation(){this._executeWhenReady(()=>this.sketchViewModel?.cancel())}_cancelSupportingOperations(){this.selectionViewModel.cancel(),this._activeCustomToolOptions=void 0}_activatePlugin(i){this._executeWhenReady(()=>{let e=this._activeCustomToolOptions!=null;this._cancelSupportingOperations();let t=this.sketchViewModel;if(t){if(e){t.cancel(),C(t.create(i));return}t.firstPluginWithSwappableLeaf?(t.replaceLeaf(i),this.view?.focus()):C(t.create(i))}})}_activateLegacyDrawTool(i,e,t){this._executeWhenReady(()=>{this._cancelSupportingOperations();let o=this.sketchViewModel;o&&(this._activeCustomToolOptions=t,C(o.create(i,e)))})}_activateSelectionTool(i){this._executeWhenReady(()=>{if(this._activeSelectionTool===i){this.selectionViewModel.cancel();return}this.cancelAll();let e={createTool:i==="lasso-selection"?"polygon":"rectangle",...i==="lasso-selection"?{mode:"hybrid",toolName:"lasso"}:{toolName:"rectangle"},type:"replace",selectOnComplete:!0};this.selectionViewModel.activate(e)&&this.view?.focus()})}_delete(){this._executeWhenReady(()=>this.sketchViewModel?.delete())}_duplicate(){this._executeWhenReady(()=>{this.sketchViewModel?.duplicate()})}_executeCustomAction(i){this._executeWhenReady(()=>i.onclick?.())}_redo(){this._executeWhenReady(()=>{this.sketchViewModel?.redo()})}_undo(){this._executeWhenReady(()=>{this.sketchViewModel?.undo()})}_customActionsToSketchActions(i){let e=this.state==="disabled";return i.map(t=>({active:t.active??!1,afterCreate:t.afterCreate,afterRemoved:t.afterRemoved,afterUpdate:t.afterUpdate,disabled:e||(t.disabled??!1),icon:t.icon,iconFlipRTL:t.flipRTL,id:t.id,labelKey:t.text,onClick:()=>this._executeCustomAction(t)}))}_pluginsToActions(i){let e=this.activePluginIds,t=this._activeCustomToolOptions,o=this.state==="disabled";return i.map(s=>({active:(e?.has(s.uniqueId)??!1)&&!t,icon:s.icon,disabled:o,labelKey:`digitizers.${s.localizationKey}`,onClick:()=>this._activatePlugin([s])}))}};a([r()],l.prototype,"_isEffectiveRenderStateFrozen",1);a([r()],l.prototype,"_effectiveGeometrySimplificationInProgress",2);a([r()],l.prototype,"_state",1);a([r()],l.prototype,"_customToolOptions",2);a([r()],l.prototype,"_activeCustomToolOptions",2);a([r()],l.prototype,"_customActions",2);a([r()],l.prototype,"selectionViewModel",2);a([r()],l.prototype,"_activeSelectionTool",1);a([r()],l.prototype,"_activePluginUniqueIds",1);a([r()],l.prototype,"_createToolActions",1);a([r()],l.prototype,"_shouldShowBackButton",1);a([r()],l.prototype,"_selectionToolActions",1);a([r()],l.prototype,"_settingsActions",1);a([r()],l.prototype,"_activeTool",1);a([r()],l.prototype,"_selectionCommands",1);a([r()],l.prototype,"_selectionSetActions",1);a([r()],l.prototype,"_undoRedoActions",1);a([r()],l.prototype,"sketchViewModel",2);a([r()],l.prototype,"visibleElements",2);a([r()],l.prototype,"view",2);a([r()],l.prototype,"settingsPopoverOpen",2);a([r()],l.prototype,"availableCreateTools",2);a([r()],l.prototype,"state",1);a([r()],l.prototype,"activeTool",1);a([r()],l.prototype,"activePluginIds",1);a([r()],l.prototype,"groupedActions",1);l=a([Te("components.sketch.SketchComponentViewModel")],l);var O=class extends z{#t;#e=!1;#i;constructor(e){if(super(e),e.type!==U.ELEMENT)throw new Error("nodeHooks() can only be used on elements")}render(e){return k}update(e,[t]){let o=e.element;if(!(o instanceof HTMLElement))throw new TypeError("nodeHooks() can only be used on HTMLElements");let s=this.#e?t.afterUpdate:t.afterCreate;return this.#t=o,this.#e=!0,this.#i=t,queueMicrotask(()=>{o.isConnected&&s?.(o)}),k}disconnected(){let e=this.#t,t=this.#i?.afterRemoved;!e||!t||queueMicrotask(()=>{e.isConnected||X(()=>t(e),{timeout:16})})}},oe=H(O),Le=Z(i=>new Ce({...i,cancelUpdateOnClickAway:!0,creationMode:"continuous",textSymbol:new me({text:"hello world"}),useLegacyCreateTools:!1})),L=class extends q{constructor(){super(),this.#t=new l,this.#o=S(),this.#s=S(),this._defaultGraphicsLayer=null,this._messages=Y(),this.test={componentViewModel:this.#t},this._groupLayoutPriorityOverrides=new Map,this._contextualToolLocation="separate",this._refMap=be(),this.viewModel=Le(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.createGraphic=this.viewModel.createGraphic,this.creationMode=this.viewModel.creationMode,this.defaultCreateOptions=this.viewModel.defaultCreateOptions,this.defaultGraphicsLayerDisabled=!1,this.defaultUpdateOptions=this.viewModel.defaultUpdateOptions,this.geometrySimplificationInProgress=this.viewModel.geometrySimplificationInProgress,this.icon="pencil",this.label=this._messages?.componentLabel,this.labelOptions=this.viewModel.labelOptions,this.layer=this.viewModel.layer,this.layout="horizontal",this.pointSymbol=this.viewModel.pointSymbol,this.polygonSymbol=this.viewModel.polygonSymbol,this.polylineSymbol=this.viewModel.polylineSymbol,this.visualScale="m",this.snappingOptions=this.viewModel.snappingOptions,this.textSymbol=this.viewModel.textSymbol,this.toolbarKind="floating",this.tooltipOptions=this.viewModel.tooltipOptions,this.useViewOptions=this.viewModel.useViewOptions,this.valueOptions=this.viewModel.valueOptions,this.useLegacyCreateTools=this.viewModel.useLegacyCreateTools,this.updateOnGraphicClickDisabled=this.viewModel.updateOnGraphicClick,this.updateGraphics=this.viewModel.updateGraphics,this.arcgisCreate=y(()=>this.viewModel,"create"),this.arcgisDelete=y(()=>this.viewModel,"delete"),this.arcgisDuplicate=y(()=>this.viewModel,"duplicate"),this.arcgisPropertyChange=Q()("activeTool","geometrySimplificationInProgress","state"),this.arcgisReady=F(),this.arcgisRedo=y(()=>this.viewModel,"redo"),this.arcgisUndo=y(()=>this.viewModel,"undo"),this.arcgisUpdate=y(()=>this.viewModel,"update"),J(["slot"],()=>{this.requestUpdate()}),this.manager.onLifecycle(()=>[m(()=>this.el.view?.map,(e,t)=>{let o=this._defaultGraphicsLayer;o&&(t?.allLayers.includes(o)&&t.remove(o),o&&!e?.allLayers.includes(o)&&e?.add(o))}),m(()=>this.el.view,e=>{this.viewModel.view=e,this.#t.view=e??void 0},{initial:!0}),m(()=>this.viewModel,e=>{this.#t.sketchViewModel=e,this.viewModel.pluginManager.sketch=this},{initial:!0}),m(()=>this.#t.state,(e,t)=>{this.requestUpdate("state",t)},{initial:!0}),m(()=>this.#t.activeTool,()=>this.arcgisPropertyChange.emit({name:"activeTool"}),{sync:!0})]),this.manager.onDestroy(()=>{this._defaultGraphicsLayer&&this.el.view?.map?.allLayers.includes(this._defaultGraphicsLayer)&&this.el.view?.map?.remove(this._defaultGraphicsLayer),this._defaultGraphicsLayer?.destroy(),this._defaultGraphicsLayer=null,this.#t.destroy()})}static{this.properties={_groupLayoutPriorityOverrides:16,_contextualToolLocation:16,_refMap:16,viewModel:0,view:0,activeTool:32,autoDestroyDisabled:5,visibleElements:0,availableCreateTools:0,createGraphic:32,creationMode:1,defaultCreateOptions:0,defaultGraphicsLayerDisabled:5,defaultUpdateOptions:0,geometrySimplificationInProgress:36,hideCreateToolsCircle:5,hideCreateToolsMultipoint:5,hideCreateToolsPoint:5,hideCreateToolsPolygon:5,hideCreateToolsPolyline:5,hideCreateToolsRectangle:5,hideDuplicateButton:5,hideDeleteButton:5,hideSelectionCountLabel:5,hideLabelsToggle:5,hideSelectionToolsLassoSelection:5,hideSelectionToolsRectangleSelection:5,hideSettingsMenu:5,hideSinglePluginBackButton:5,hideSnappingControls:5,hideSnappingControlsElementsEnabledToggle:5,hideSnappingControlsElementsFeatureEnabledToggle:5,hideSnappingControlsElementsLayerList:5,hideSnappingControlsElementsSelfEnabledToggle:5,hideSnappingControlsElementsGridEnabledToggle:5,hideSnappingControlsElementsGridControls:5,hideSnappingControlsElementsGridControlsElementsColorSelection:5,hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle:5,hideSnappingControlsElementsGridControlsElementsLineIntervalInput:5,hideSnappingControlsElementsGridControlsElementsNumericInputs:5,hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning:5,hideSnappingControlsElementsGridControlsElementsPlacementButtons:5,hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle:5,hideTooltipsToggle:5,hideUndoRedoMenu:5,icon:1,label:1,labelOptions:0,layer:0,layout:1,pointSymbol:0,polygonSymbol:0,polylineSymbol:0,referenceElement:1,relativePosition:1,scale:1,visualScale:1,showSnappingControlsElementsHeader:5,showCreateToolsFreehandPolygon:5,showCreateToolsFreehandPolyline:5,showCreateToolsText:5,hideGeometrySimplificationActivityIndicator:5,snappingOptions:0,state:32,textSymbol:0,toolbarKind:1,tooltipOptions:0,useViewOptions:5,valueOptions:0,useLegacyCreateTools:5,updateOnGraphicClickDisabled:5,cancelUpdateOnClickAwayDisabled:5,updateGraphics:32}}static{this.styles=Me}#t;get#e(){return this.#t.visibleElements}#i;#o;#s;get activeTool(){return this.#t.activeTool}get visibleElements(){return this.#t.visibleElements}set visibleElements(e){this.#t.visibleElements=e}get availableCreateTools(){return this.#t.availableCreateTools}set availableCreateTools(e){this.#t.availableCreateTools=e}get hideCreateToolsCircle(){return!this.#e.createTools.circle}set hideCreateToolsCircle(e){this.#e.createTools.circle=!e}get hideCreateToolsMultipoint(){return!this.#e.createTools.multipoint}set hideCreateToolsMultipoint(e){this.#e.createTools.multipoint=!e}get hideCreateToolsPoint(){return!this.#e.createTools.point}set hideCreateToolsPoint(e){this.#e.createTools.point=!e}get hideCreateToolsPolygon(){return!this.#e.createTools.polygon}set hideCreateToolsPolygon(e){this.#e.createTools.polygon=!e}get hideCreateToolsPolyline(){return!this.#e.createTools.polyline}set hideCreateToolsPolyline(e){this.#e.createTools.polyline=!e}get hideCreateToolsRectangle(){return!this.#e.createTools.rectangle}set hideCreateToolsRectangle(e){this.#e.createTools.rectangle=!e}get hideDuplicateButton(){return!this.#e.duplicateButton}set hideDuplicateButton(e){this.#e.duplicateButton=!e}get hideDeleteButton(){return!this.#e.deleteButton}set hideDeleteButton(e){this.#e.deleteButton=!e}get hideSelectionCountLabel(){return!this.#e.selectionCountLabel}set hideSelectionCountLabel(e){this.#e.selectionCountLabel=!e}get hideLabelsToggle(){return!this.#e.labelsToggle}set hideLabelsToggle(e){this.#e.labelsToggle=!e}get hideSelectionToolsLassoSelection(){return!this.#e.selectionTools["lasso-selection"]}set hideSelectionToolsLassoSelection(e){this.#e.selectionTools["lasso-selection"]=!e}get hideSelectionToolsRectangleSelection(){return!this.#e.selectionTools["rectangle-selection"]}set hideSelectionToolsRectangleSelection(e){this.#e.selectionTools["rectangle-selection"]=!e}get hideSettingsMenu(){return!this.#e.settingsMenu}set hideSettingsMenu(e){this.#e.settingsMenu=!e}get hideSinglePluginBackButton(){return!this.#e.singlePluginBackButton}set hideSinglePluginBackButton(e){this.#e.singlePluginBackButton=!e}get hideSnappingControls(){return!this.#e.snappingControls}set hideSnappingControls(e){this.#e.snappingControls=!e}get hideSnappingControlsElementsEnabledToggle(){return!this.#e.snappingControlsElements.enabledToggle}set hideSnappingControlsElementsEnabledToggle(e){this.#e.snappingControlsElements.enabledToggle=!e}get hideSnappingControlsElementsFeatureEnabledToggle(){return!this.#e.snappingControlsElements.featureEnabledToggle}set hideSnappingControlsElementsFeatureEnabledToggle(e){this.#e.snappingControlsElements.featureEnabledToggle=!e}get hideSnappingControlsElementsLayerList(){return!this.#e.snappingControlsElements.layerList}set hideSnappingControlsElementsLayerList(e){this.#e.snappingControlsElements.layerList=!e}get hideSnappingControlsElementsSelfEnabledToggle(){return!this.#e.snappingControlsElements.selfEnabledToggle}set hideSnappingControlsElementsSelfEnabledToggle(e){this.#e.snappingControlsElements.selfEnabledToggle=!e}get hideSnappingControlsElementsGridEnabledToggle(){return!this.#e.snappingControlsElements.gridEnabledToggle}set hideSnappingControlsElementsGridEnabledToggle(e){this.#e.snappingControlsElements.gridEnabledToggle=!e}get hideSnappingControlsElementsGridControls(){return!this.#e.snappingControlsElements.gridControls}set hideSnappingControlsElementsGridControls(e){this.#e.snappingControlsElements.gridControls=!e}get hideSnappingControlsElementsGridControlsElementsColorSelection(){return!this.#e.snappingControlsElements.gridControlsElements.colorSelection}set hideSnappingControlsElementsGridControlsElementsColorSelection(e){this.#e.snappingControlsElements.gridControlsElements.colorSelection=!e}get hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle(){return!this.#e.snappingControlsElements.gridControlsElements.dynamicScaleToggle}set hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle(e){this.#e.snappingControlsElements.gridControlsElements.dynamicScaleToggle=!e}get hideSnappingControlsElementsGridControlsElementsLineIntervalInput(){return!this.#e.snappingControlsElements.gridControlsElements.lineIntervalInput}set hideSnappingControlsElementsGridControlsElementsLineIntervalInput(e){this.#e.snappingControlsElements.gridControlsElements.lineIntervalInput=!e}get hideSnappingControlsElementsGridControlsElementsNumericInputs(){return!this.#e.snappingControlsElements.gridControlsElements.numericInputs}set hideSnappingControlsElementsGridControlsElementsNumericInputs(e){this.#e.snappingControlsElements.gridControlsElements.numericInputs=!e}get hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning(){return!this.#e.snappingControlsElements.gridControlsElements.outOfScaleWarning}set hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning(e){this.#e.snappingControlsElements.gridControlsElements.outOfScaleWarning=!e}get hideSnappingControlsElementsGridControlsElementsPlacementButtons(){return!this.#e.snappingControlsElements.gridControlsElements.placementButtons}set hideSnappingControlsElementsGridControlsElementsPlacementButtons(e){this.#e.snappingControlsElements.gridControlsElements.placementButtons=!e}get hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle(){return!this.#e.snappingControlsElements.gridControlsElements.rotateWithMapToggle}set hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle(e){this.#e.snappingControlsElements.gridControlsElements.rotateWithMapToggle=!e}get hideTooltipsToggle(){return!this.#e.tooltipsToggle}set hideTooltipsToggle(e){this.#e.tooltipsToggle=!e}get hideUndoRedoMenu(){return!this.#e.undoRedoMenu}set hideUndoRedoMenu(e){this.#e.undoRedoMenu=!e}get relativePosition(){let e=this.el.slot;return this.#i??(_e.has(e)?e:te.topRight)}set relativePosition(e){this.#i=e}get scale(){return this.visualScale}set scale(e){this.visualScale=e}get showSnappingControlsElementsHeader(){return this.#e.snappingControlsElements.header}set showSnappingControlsElementsHeader(e){this.#e.snappingControlsElements.header=e}get showCreateToolsFreehandPolygon(){return this.#e.createTools.freehandPolygon}set showCreateToolsFreehandPolygon(e){this.#e.createTools.freehandPolygon=e}get showCreateToolsFreehandPolyline(){return this.#e.createTools.freehandPolyline}set showCreateToolsFreehandPolyline(e){this.#e.createTools.freehandPolyline=e}get showCreateToolsText(){return this.#e.createTools.text}set showCreateToolsText(e){this.#e.createTools.text=e}get hideGeometrySimplificationActivityIndicator(){return!this.#e.geometrySimplificationActivityIndicator}set hideGeometrySimplificationActivityIndicator(e){this.#e.geometrySimplificationActivityIndicator=!e}get state(){return this.#t.state}get cancelUpdateOnClickAwayDisabled(){return!this.viewModel.cancelUpdateOnClickAway}set cancelUpdateOnClickAwayDisabled(e){this.viewModel.cancelUpdateOnClickAway=!e}async cancel(){this.#t.cancelAll()}async complete(){this.viewModel.complete()}async create(e,t){await this.#t.create(e,t)}async delete(){this.viewModel.delete()}async destroy(){await this.manager.destroy()}async dismissFloatingElements(){this.#t.settingsPopoverOpen=!1}async duplicate(){this.viewModel.duplicate()}async redo(){this.viewModel.redo()}async setContextualToolLocation(e){this._contextualToolLocation=e}async setCustomTools(e,t){this.#t.setCustomTools(e,t)}async setGroupCollapsePriorities(e){this._groupLayoutPriorityOverrides=e||new Map}async triggerUpdate(e,t){await this.#t.update(e,t)}async undo(){this.#t.sketchViewModel?.undo()}connectedCallback(){super.connectedCallback(),this.defaultGraphicsLayerDisabled||(this._defaultGraphicsLayer?.destroyed&&(this._defaultGraphicsLayer=null),this._defaultGraphicsLayer??=new ue({title:"Sketch Layer"}),this.layer=this._defaultGraphicsLayer,this.view?.map?.add(this.layer),this.viewModel.layer=this._defaultGraphicsLayer)}disconnectedCallback(){this._defaultGraphicsLayer&&this.view?.map?.allLayers.includes(this._defaultGraphicsLayer)&&this.view?.map?.remove(this._defaultGraphicsLayer),super.disconnectedCallback()}render(){let e=this._refMap.get("settings")?.value?.actionElement,t=this.#t.groupedActions,{visualScale:o,layout:s,toolbarKind:c,relativePosition:p,_contextualToolLocation:h}=this,d=t.find(({name:n})=>n==="selectionSet"),g=t.filter(({name:n})=>n!=="selectionSet");return u`<div class="toolbar-container"><arcgis-toolbar-stack .layout=${s} .toolbarKind=${c} .relativePosition=${p} .scale=${o} tooltip-appearance=calcite><arcgis-toolbar ${E(this.#o)}>${f({hidden:!d?.visible||h!=="inline",children:this._renderActionGroup(d)})}${g.map(n=>this._renderActionGroup(n))}${f({hidden:!d?.visible||h!=="inline-end",children:this._renderActionGroup(d)})}</arcgis-toolbar>${f({hidden:!d?.visible||h!=="separate",children:u`<arcgis-toolbar>${this._renderActionGroup(d)}</arcgis-toolbar>`})}</arcgis-toolbar-stack></div>${f({hidden:this.hideSettingsMenu,children:u`<arcgis-view-popover .open=${this.#t.settingsPopoverOpen} closable .heading=${this._messages.settings?.heading} .label=${this._messages.settings?.heading} .anchorElement=${e} .visualScale=${o} .actionBarElement=${this.#o.value?.barElement} @arcgisPropertyChange=${n=>this.#t.settingsPopoverOpen=n.target.open??!1} .view=${this.view??void 0}>${this._renderSettings()}</arcgis-view-popover>`})}`}_renderSettings(){let{autoDestroyDisabled:e,hideLabelsToggle:t,hideSnappingControls:o,hideTooltipsToggle:s,showSnappingControlsElementsHeader:c,useViewOptions:p,view:h,viewModel:d}=this;return u`<div class="editing-controls-panel"><arcgis-sketch-tooltip-controls .hideLabelsToggle=${t} .hideTooltipsToggle=${p||s} .directionMode=${d.valueOptions.directionMode} .labelsEnabled=${d.labelOptions.enabled} .tooltipsEnabled=${d.tooltipOptions.enabled} @arcgisPropertyChange=${g=>{g.stopPropagation();let{labelsEnabled:n,tooltipsEnabled:w,directionMode:_}=g.currentTarget,b=this.viewModel;switch(g.detail.name){case"labelsEnabled":b.labelOptions.enabled=n;break;case"directionMode":b.valueOptions.directionMode=_;break;case"tooltipsEnabled":b.tooltipOptions.enabled=w;break}}}></arcgis-sketch-tooltip-controls>${!p&&!o?u`<arcgis-snapping-controls .autoDestroyDisabled=${e} .view=${h} .visibleElements=${this.#e.snappingControlsElements} .snappingOptions=${d.snappingOptions} .showHeader=${c} @arcgisPropertyChange=${g=>g.stopPropagation()}></arcgis-snapping-controls>`:void 0}</div>`}_renderActionGroup({visible:e,commands:t,name:o}){if(!e||!t.length)return;let{defaultPriority:s,groupKind:c,overflowLabel:p}=ke[o],h=(o==="geometrySimplification"?void 0:this._groupLayoutPriorityOverrides.get(o))??s,d=t.map(n=>this._renderCommand(n)),g=ie(`more.${p}`,this._messages);switch(c){case"more-button":return u`<arcgis-toolbar-group .priority=${h}><arcgis-toolbar-more-button .overflowActionLabel=${g} .priority=${h}>${d}</arcgis-toolbar-more-button></arcgis-toolbar-group>`;case"split-button":return u`<arcgis-toolbar-group .priority=${h}><arcgis-toolbar-split-button .overflowActionLabel=${g} .priority=${h}>${d}</arcgis-toolbar-split-button></arcgis-toolbar-group>`;case"actions":return u`<arcgis-toolbar-group .priority=${h}>${d}</arcgis-toolbar-group>`}}_renderCommand({active:e,afterCreate:t,afterRemoved:o,afterUpdate:s,appearance:c,icon:p,disabled:h,id:d,kind:g,labelKey:n,labelParameters:w,loading:_,tooltipKey:b,iconFlipRTL:G,onClick:$,refKey:R,textEnabled:V,renderAsAction:ne}){let{_messages:x,_refMap:le,layout:I}=this,M=ie(n,x),P=M===void 0?n:w?ge(M,w):M,D=x?.[b]??P,B=R?se(le,R,S):this.#s,K={afterCreate:t,afterRemoved:o,afterUpdate:s};return ne?u`<arcgis-toolbar-action .active=${e} .appearance=${c} .disabled=${h} .icon=${p} .iconFlipRtl=${G} id=${d??A} .kind=${g} .loading=${_} .labelText=${I==="horizontal"?P:""} .textEnabled=${V} .tooltipText=${I==="horizontal"&&V?"":D} @arcgisToolbarItemSelected=${$} ${oe(K)} ${E(B)}></arcgis-toolbar-action>`:u`<arcgis-toolbar-item .active=${e} .disabled=${h} .icon=${p} id=${d??A} .iconFlipRtl=${G} .labelText=${P} .tooltipText=${D} @arcgisItemSelected=${$} ${oe(K)} ${E(B)}></arcgis-toolbar-item>`}};j("arcgis-sketch",L);return L},"intl","layers/GraphicsLayer","symbols/TextSymbol","core/reactiveUtils","widgets/Sketch/SketchViewModel","applications/Components/featureUtils","core/Accessor","core/accessorSupport/decorators","core/promiseUtils","widgets/Sketch/VisibleElements","widgets/support/SelectionToolbar/SelectionToolbarViewModel",a,b,c,d,e,g,h)