@esri/solutions-components 5.1.0-next.165 → 5.1.0-next.167

package/dist/cdn/{JFMNVOWH.js → TFO2AK45.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./DVPYGOBV.js";import c from"./25HVM373.js";import"./VVZAS55G.js";import"./US5FON7D.js";import a from"./WV7QX3ED.js";import"./RDRCAA3H.js";import{a as w}from"./DIBK4RSG.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import"./TEHBW75B.js";import"./IHG7KTNC.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./YKB6256M.js";import"./N22MFQSQ.js";import"./N7BXCDA3.js";import"./ZX3UHK6P.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./LP2JYX4X.js";import"./GF4QELNV.js";import"./AYSQIO6L.js";import"./YQHYMLC7.js";import"./DKD2EGQP.js";import"./5O53T3SW.js";import"./AJZDBHB6.js";import"./FES7B3SJ.js";import{b}from"./HIPZRG2Q.js";import{F as _,G as f,H as g,J as s,K as v,h as p,i,q as l,u}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([n,y,,,m])=>{var x=p`@layer{:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-surface-2)!important;height:100%!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`,h=class extends g{constructor(){super(),this.enableEditGeometry=!1,this.enableSnapping=!1,this.graphics=[],this.isLoading=!1,this.isMobile=!1,this.allowEditing=!1,this.highlightEnabled=!0,this.paginationEnabled=!0,this.position="absolute",this.showCloseBtn=!1,this.showCopyPasteActions=!1,this.pasteEnabled=!1,this._alertOpen=!1,this._count="",this._editRecordOpen=!1,this._isMultipleEdits=!1,this._mobileTitle="",this._showListView=!1,this._translations=w({name:"info-card",blocking:!0}),this._navigatedToRelatedFeature=!1,this._editEnabled=!1,this._features=_(),this.popupClosed=l(),this.clearSelection=l(),this.selectionChanged=l(),this.copyFeatures=l(),this.pasteFeatures=l(),this.listenOn(window,"closeEdit",this.closeEdit),this.listenOn(window,"layerSelectionChange",this.layerSelectionChange),this.listenOn(window,"refreshGraphics",this.refreshGraphics),this.listenOn(window,"editMultipleFeatures",this.editMultipleFeatures),this.listenOn(window,"selectedLanguageUpdated",this.selectedLanguageUpdated),this.listenOn(window,"clearSelection",this._alertClosed)}static{this.properties={enableEditGeometry:5,enableSnapping:5,graphics:0,isLoading:5,isMobile:5,mapView:0,featuresReferenceId:1,allowEditing:5,highlightEnabled:5,paginationEnabled:5,position:1,showCloseBtn:5,showCopyPasteActions:5,pasteEnabled:5,_alertOpen:16,_count:16,_editRecordOpen:16,_isMultipleEdits:16,_mobileTitle:16,_showListView:16,_translations:16,_navigatedToRelatedFeature:16}}static{this.styles=x}static{this.shadowRootOptions=u}willUpdate(e){if(e.has("graphics")&&this.graphicsWatchHandler(),e.has("pasteEnabled")&&this.hasUpdated&&this._features.value?.headerActions?.length){let t=this._features.value.headerActions.find(a=>a.id==="paste-features");t&&(t.disabled=!this.pasteEnabled)}if(e.has("showCopyPasteActions")&&this.hasUpdated&&this.handleHeaderActions(),e.has("_translations")){let t=this._translations._lang,a=e.get("_translations")?._lang;if(t&&a&&t!==a&&this._features.value){let o=[...this.graphics];this.graphics=[],this.graphics=o}}}async graphicsWatchHandler(){if(this._navigatedToRelatedFeature&&this._features.value&&(await this._features.value.clear(),await this._features.value.close(),this._count="",this._navigatedToRelatedFeature=!1),await this.setGraphics(),this._features.value?.headerActions?.length&&this.showCopyPasteActions){let e=this._features.value.headerActions.find(t=>t.id==="copy-features");e&&(e.disabled=this.graphics.length===0)}}async getSelectedFeature(){return this._features.value?.selectedFeature}async refresh(){await this.setGraphics()}async back(){await this._back()}async next(){await this._next()}async toggleListView(){this._toggleListView()}async closeEdit(){this._editRecordOpen=!1,this._isMultipleEdits=!1}async layerSelectionChange(){this._showListView=!1,this._features.value?.viewModel&&(this._features.value.featureMenuOpen=!1,await this._features.value.close())}async refreshGraphics(e){this._navigatedToRelatedFeature||(this.graphics=[...e.detail])}async editMultipleFeatures(e){this._isMultipleEdits=!0,this._openEditRecord()}async selectedLanguageUpdated(e){await this._features.value?.clear(),await this._features.value?.close()}async load(){this._popupUtils=new m}async loaded(){this.graphics?.length>0&&await this.setGraphics()}render(){let e=this.isLoading?"":"display-none",t=!this.isLoading&&this._editRecordOpen?"position-absolute":"display-none",a=!this.isLoading&&this._editRecordOpen||this._showListView?"display-none":"",o=this._features.value?.features&&this._features.value.features.length<2||this._navigatedToRelatedFeature,d=Number(this._features.value?.selectedFeature?.getObjectId()),$=Number.isNaN(d)?[]:[d],c=this._layer?.editingEnabled&&this._layer?.capabilities?.operations?.supportsDelete,F=this._relatedFeature?[this._relatedFeature]:this.graphics,E=this._navigatedToRelatedFeature?0:this._features.value?.selectedFeatureIndex,r=this.isMobile?"display-none":"";return i`<calcite-shell class="z-index-1" style=${v({position:this.position})}>${this._getHeader()}<calcite-loader class=${s(e)} .label=${this._translations.fetchingData}></calcite-loader>${this.mapView&&this._getFeaturesComponent()||""}<div class=${`${a} width-100`} slot=footer>${this.allowEditing?i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${()=>this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile&&c?i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${$} .layer=${this._layer} @editsComplete=${()=>this._closePopup()}></delete-button>`:void 0}<calcite-tooltip class=${s(r)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile&&c?i`<calcite-tooltip class=${s(r)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>`:void 0}</div>`:""}${this.paginationEnabled&&!o&&i`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${()=>this._back()} width=full></calcite-button><calcite-tooltip class=${s(r)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${()=>this._toggleListView()} scale=s .text=${this._translations.toggleListView} text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${()=>this._next()} width=full></calcite-button><calcite-tooltip class=${s(r)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>`||""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${s(t)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${E} .graphics=${F} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert auto-close icon=layer-broken kind=warning label @calciteAlertClose=${()=>this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`}async setGraphics(){this._features.value&&(this.graphics.length>0?(this._layer=this.graphics[0]?.layer,this._editEnabled=this._layer.editingEnabled&&this._layer.capabilities?.operations.supportsUpdate,this._mobileTitle=this.mapView?.map&&await this._popupUtils?.getPopupTitle(this.graphics[0],this.mapView.map)||"",this._features.value&&(this._features.value.open=!0),this._features.value&&(this._features.value.features=this.graphics)):(await this._features.value.clear(),await this._features.value.close()),this._count=this._getCount())}handleHeaderActions(){this.showCopyPasteActions&&this._features.value?.headerActions.length===0?(this._features.value.headerActions.addMany(this._getHeaderActions()),this._headerActionsHandle&&this._headerActionsHandle.remove(),this._headerActionsHandle=n.on(()=>this._features.value,"arcgisTriggerAction",e=>{e.detail.action.id==="copy-features"?this.copyFeatures.emit({featuresIds:this.graphics.map(t=>t.getObjectId()),layerId:this._layer?.id}):e.detail.action.id==="paste-features"&&this.pasteFeatures.emit()})):!this.showCopyPasteActions&&this._features.value&&this._features.value.headerActions.length>0&&(this._features.value.headerActions.removeAll(),this._headerActionsHandle?.remove(),this._headerActionsHandle=void 0)}async featuresComponentReady(){if(this._features.value){if(this.featuresReferenceId){let e=document.getElementById(this.featuresReferenceId);e&&(await e.viewOnReady(),this._features.value.referenceElement=e)}this.handleHeaderActions(),await this.setGraphics(),this._features.value.selectedFeature&&this.selectionChanged.emit({selectedFeature:[this._features.value.selectedFeature],selectedFeatureIndex:this._features.value.selectedFeatureIndex}),n.watch(()=>this._features.value?.featureMenuOpen,e=>{this._updateCount(),e||(this._showListView=e??!1)}),n.watch(()=>this._features.value?.selectedFeatureIndex,e=>{e!==void 0&&e>-1&&this._features.value?.selectedFeature&&this.selectionChanged.emit({selectedFeature:[this._features.value.selectedFeature],selectedFeatureIndex:this._features.value.selectedFeatureIndex})}),n.watch(()=>this._features.value?.selectedDrillInFeature,e=>{e?(this._relatedFeature=e,this._navigatedToRelatedFeature=!0):(this._relatedFeature=void 0,this._navigatedToRelatedFeature=!1)})}}_getHeader(){return this.isMobile&&!this._editRecordOpen?i`<calcite-panel class="border-width-0" slot=header><calcite-action class="end-border" icon=chevron-left icon-flip-rtl @click=${()=>this._closePopup()} scale=s slot=header-actions-start text></calcite-action><span class="font-bold" slot=header-content>${this._mobileTitle}</span></calcite-panel>`:void 0}_getFeaturesComponent(){let e=this._editRecordOpen?"display-none":"";return i`<arcgis-features class=${s(e)} .view=${this.mapView} hide-action-bar .hideCloseButton=${!this.showCloseBtn} hide-feature-menu-heading .hideHeading=${this.isMobile} .highlightDisabled=${!this.highlightEnabled} hide-feature-navigation @arcgisReady=${this.featuresComponentReady} @arcgisClose=${()=>{this.clearSelection.emit()}} ${f(this._features)}></arcgis-features>`}_getHeaderActions(){return[new y({id:"copy-features",title:this._translations.copy,className:"copy-features",icon:"copy",disabled:this.graphics.length===0}),new y({id:"paste-features",title:this._translations.paste,className:"paste-features",icon:"paste-with-attribute",disabled:!this.pasteEnabled})]}_closePopup(){this.popupClosed.emit()}_alertClosed(){this._alertOpen=!1}_openEditRecord(){this._editEnabled?this._editRecordOpen=!0:this._alertOpen=!0}async _back(){await this._features.value?.previous(),await this._updateCount()}async _next(){await this._features.value?.next(),await this._updateCount()}async _updateCount(){let e=this._features.value?.selectedFeatureIndex;this._popupUtils&&this.mapView&&this.mapView.map&&e!==void 0&&(this._mobileTitle=await this._popupUtils.getPopupTitle(this.graphics[e],this.mapView.map)),this._count=this._getCount()}_getCount(){let e=this._features.value?.viewModel&&(this._features.value?.viewModel.selectedFeatureIndex+1).toString()||"",t=this._features.value?.features?.length.toString()||"";return this._translations.indexOfTotal.replace("{{index}}",e).replace("{{total}}",t)||""}_toggleListView(){if(this._showListView=!this._showListView,this._features.value){let e=this._features.value?.selectedFeatureIndex;this._features.value.open=!0,this._features.value.featureMenuOpen=this._showListView,this._features.value.features=this.graphics,this._features.value.selectedFeatureIndex=e}}};b("info-card",h);return h},"core/reactiveUtils","support/actions/ActionButton",a,c,d)
+import d from"./ZZOMKTFL.js";import c from"./MVDJOENC.js";import"./VVZAS55G.js";import"./US5FON7D.js";import a from"./WV7QX3ED.js";import"./RDRCAA3H.js";import{a as w}from"./DIBK4RSG.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import"./TEHBW75B.js";import"./IHG7KTNC.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./YKB6256M.js";import"./N22MFQSQ.js";import"./N7BXCDA3.js";import"./ZX3UHK6P.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./LP2JYX4X.js";import"./GF4QELNV.js";import"./AYSQIO6L.js";import"./YQHYMLC7.js";import"./DKD2EGQP.js";import"./5O53T3SW.js";import"./AJZDBHB6.js";import"./FES7B3SJ.js";import{b}from"./HIPZRG2Q.js";import{F as _,G as f,H as g,J as s,K as v,h as p,i,q as l,u}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([n,y,,,m])=>{var x=p`@layer{:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-surface-2)!important;height:100%!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`,h=class extends g{constructor(){super(),this.enableEditGeometry=!1,this.enableSnapping=!1,this.graphics=[],this.isLoading=!1,this.isMobile=!1,this.allowEditing=!1,this.highlightEnabled=!0,this.paginationEnabled=!0,this.position="absolute",this.showCloseBtn=!1,this.showCopyPasteActions=!1,this.pasteEnabled=!1,this._alertOpen=!1,this._count="",this._editRecordOpen=!1,this._isMultipleEdits=!1,this._mobileTitle="",this._showListView=!1,this._translations=w({name:"info-card",blocking:!0}),this._navigatedToRelatedFeature=!1,this._editEnabled=!1,this._features=_(),this.popupClosed=l(),this.clearSelection=l(),this.selectionChanged=l(),this.copyFeatures=l(),this.pasteFeatures=l(),this.listenOn(window,"closeEdit",this.closeEdit),this.listenOn(window,"layerSelectionChange",this.layerSelectionChange),this.listenOn(window,"refreshGraphics",this.refreshGraphics),this.listenOn(window,"editMultipleFeatures",this.editMultipleFeatures),this.listenOn(window,"selectedLanguageUpdated",this.selectedLanguageUpdated),this.listenOn(window,"clearSelection",this._alertClosed)}static{this.properties={enableEditGeometry:5,enableSnapping:5,graphics:0,isLoading:5,isMobile:5,mapView:0,featuresReferenceId:1,allowEditing:5,highlightEnabled:5,paginationEnabled:5,position:1,showCloseBtn:5,showCopyPasteActions:5,pasteEnabled:5,_alertOpen:16,_count:16,_editRecordOpen:16,_isMultipleEdits:16,_mobileTitle:16,_showListView:16,_translations:16,_navigatedToRelatedFeature:16}}static{this.styles=x}static{this.shadowRootOptions=u}willUpdate(e){if(e.has("graphics")&&this.graphicsWatchHandler(),e.has("pasteEnabled")&&this.hasUpdated&&this._features.value?.headerActions?.length){let t=this._features.value.headerActions.find(a=>a.id==="paste-features");t&&(t.disabled=!this.pasteEnabled)}if(e.has("showCopyPasteActions")&&this.hasUpdated&&this.handleHeaderActions(),e.has("_translations")){let t=this._translations._lang,a=e.get("_translations")?._lang;if(t&&a&&t!==a&&this._features.value){let o=[...this.graphics];this.graphics=[],this.graphics=o}}}async graphicsWatchHandler(){if(this._navigatedToRelatedFeature&&this._features.value&&(await this._features.value.clear(),await this._features.value.close(),this._count="",this._navigatedToRelatedFeature=!1),await this.setGraphics(),this._features.value?.headerActions?.length&&this.showCopyPasteActions){let e=this._features.value.headerActions.find(t=>t.id==="copy-features");e&&(e.disabled=this.graphics.length===0)}}async getSelectedFeature(){return this._features.value?.selectedFeature}async refresh(){await this.setGraphics()}async back(){await this._back()}async next(){await this._next()}async toggleListView(){this._toggleListView()}async closeEdit(){this._editRecordOpen=!1,this._isMultipleEdits=!1}async layerSelectionChange(){this._showListView=!1,this._features.value?.viewModel&&(this._features.value.featureMenuOpen=!1,await this._features.value.close())}async refreshGraphics(e){this._navigatedToRelatedFeature||(this.graphics=[...e.detail])}async editMultipleFeatures(e){this._isMultipleEdits=!0,this._openEditRecord()}async selectedLanguageUpdated(e){await this._features.value?.clear(),await this._features.value?.close()}async load(){this._popupUtils=new m}async loaded(){this.graphics?.length>0&&await this.setGraphics()}render(){let e=this.isLoading?"":"display-none",t=!this.isLoading&&this._editRecordOpen?"position-absolute":"display-none",a=!this.isLoading&&this._editRecordOpen||this._showListView?"display-none":"",o=this._features.value?.features&&this._features.value.features.length<2||this._navigatedToRelatedFeature,d=Number(this._features.value?.selectedFeature?.getObjectId()),$=Number.isNaN(d)?[]:[d],c=this._layer?.editingEnabled&&this._layer?.capabilities?.operations?.supportsDelete,F=this._relatedFeature?[this._relatedFeature]:this.graphics,E=this._navigatedToRelatedFeature?0:this._features.value?.selectedFeatureIndex,r=this.isMobile?"display-none":"";return i`<calcite-shell class="z-index-1" style=${v({position:this.position})}>${this._getHeader()}<calcite-loader class=${s(e)} .label=${this._translations.fetchingData}></calcite-loader>${this.mapView&&this._getFeaturesComponent()||""}<div class=${`${a} width-100`} slot=footer>${this.allowEditing?i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${()=>this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile&&c?i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${$} .layer=${this._layer} @editsComplete=${()=>this._closePopup()}></delete-button>`:void 0}<calcite-tooltip class=${s(r)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile&&c?i`<calcite-tooltip class=${s(r)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>`:void 0}</div>`:""}${this.paginationEnabled&&!o&&i`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${()=>this._back()} width=full></calcite-button><calcite-tooltip class=${s(r)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${()=>this._toggleListView()} scale=s .text=${this._translations.toggleListView} text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${()=>this._next()} width=full></calcite-button><calcite-tooltip class=${s(r)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>`||""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${s(t)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${E} .graphics=${F} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert auto-close icon=layer-broken kind=warning label @calciteAlertClose=${()=>this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`}async setGraphics(){this._features.value&&(this.graphics.length>0?(this._layer=this.graphics[0]?.layer,this._editEnabled=this._layer.editingEnabled&&this._layer.capabilities?.operations.supportsUpdate,this._mobileTitle=this.mapView?.map&&await this._popupUtils?.getPopupTitle(this.graphics[0],this.mapView.map)||"",this._features.value&&(this._features.value.open=!0),this._features.value&&(this._features.value.features=this.graphics)):(await this._features.value.clear(),await this._features.value.close()),this._count=this._getCount())}handleHeaderActions(){this.showCopyPasteActions&&this._features.value?.headerActions.length===0?(this._features.value.headerActions.addMany(this._getHeaderActions()),this._headerActionsHandle&&this._headerActionsHandle.remove(),this._headerActionsHandle=n.on(()=>this._features.value,"arcgisTriggerAction",e=>{e.detail.action.id==="copy-features"?this.copyFeatures.emit({featuresIds:this.graphics.map(t=>t.getObjectId()),layerId:this._layer?.id}):e.detail.action.id==="paste-features"&&this.pasteFeatures.emit()})):!this.showCopyPasteActions&&this._features.value&&this._features.value.headerActions.length>0&&(this._features.value.headerActions.removeAll(),this._headerActionsHandle?.remove(),this._headerActionsHandle=void 0)}async featuresComponentReady(){if(this._features.value){if(this.featuresReferenceId){let e=document.getElementById(this.featuresReferenceId);e&&(await e.viewOnReady(),this._features.value.referenceElement=e)}this.handleHeaderActions(),await this.setGraphics(),this._features.value.selectedFeature&&this.selectionChanged.emit({selectedFeature:[this._features.value.selectedFeature],selectedFeatureIndex:this._features.value.selectedFeatureIndex}),n.watch(()=>this._features.value?.featureMenuOpen,e=>{this._updateCount(),e||(this._showListView=e??!1)}),n.watch(()=>this._features.value?.selectedFeatureIndex,e=>{e!==void 0&&e>-1&&this._features.value?.selectedFeature&&this.selectionChanged.emit({selectedFeature:[this._features.value.selectedFeature],selectedFeatureIndex:this._features.value.selectedFeatureIndex})}),n.watch(()=>this._features.value?.selectedDrillInFeature,e=>{e?(this._relatedFeature=e,this._navigatedToRelatedFeature=!0):(this._relatedFeature=void 0,this._navigatedToRelatedFeature=!1)})}}_getHeader(){return this.isMobile&&!this._editRecordOpen?i`<calcite-panel class="border-width-0" slot=header><calcite-action class="end-border" icon=chevron-left icon-flip-rtl @click=${()=>this._closePopup()} scale=s slot=header-actions-start text></calcite-action><span class="font-bold" slot=header-content>${this._mobileTitle}</span></calcite-panel>`:void 0}_getFeaturesComponent(){let e=this._editRecordOpen?"display-none":"";return i`<arcgis-features class=${s(e)} .view=${this.mapView} hide-action-bar .hideCloseButton=${!this.showCloseBtn} hide-feature-menu-heading .hideHeading=${this.isMobile} .highlightDisabled=${!this.highlightEnabled} hide-feature-navigation @arcgisReady=${this.featuresComponentReady} @arcgisClose=${()=>{this.clearSelection.emit()}} ${f(this._features)}></arcgis-features>`}_getHeaderActions(){return[new y({id:"copy-features",title:this._translations.copy,className:"copy-features",icon:"copy",disabled:this.graphics.length===0}),new y({id:"paste-features",title:this._translations.paste,className:"paste-features",icon:"paste-with-attribute",disabled:!this.pasteEnabled})]}_closePopup(){this.popupClosed.emit()}_alertClosed(){this._alertOpen=!1}_openEditRecord(){this._editEnabled?this._editRecordOpen=!0:this._alertOpen=!0}async _back(){await this._features.value?.previous(),await this._updateCount()}async _next(){await this._features.value?.next(),await this._updateCount()}async _updateCount(){let e=this._features.value?.selectedFeatureIndex;this._popupUtils&&this.mapView&&this.mapView.map&&e!==void 0&&(this._mobileTitle=await this._popupUtils.getPopupTitle(this.graphics[e],this.mapView.map)),this._count=this._getCount()}_getCount(){let e=this._features.value?.viewModel&&(this._features.value?.viewModel.selectedFeatureIndex+1).toString()||"",t=this._features.value?.features?.length.toString()||"";return this._translations.indexOfTotal.replace("{{index}}",e).replace("{{total}}",t)||""}_toggleListView(){if(this._showListView=!this._showListView,this._features.value){let e=this._features.value?.selectedFeatureIndex;this._features.value.open=!0,this._features.value.featureMenuOpen=this._showListView,this._features.value.features=this.graphics,this._features.value.selectedFeatureIndex=e}}};b("info-card",h);return h},"core/reactiveUtils","support/actions/ActionButton",a,c,d)