@esri/solutions-components 5.1.4 → 5.1.6

package/dist/cdn/{5BRYPQAD.js → NEEE2XFP.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as C}from"./VLP6VQEG.js";import"./KGXEY5HR.js";import d from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{a as $}from"./E6FH6VES.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{b as F}from"./XTHPWGYU.js";import{F as c,G as h,H as I,J as u,h as y,i as l,l as p,q as b,u as L}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([E,P,k,O,{b:v},{a:x,c:m,d:d,e:_,f:f,g:S}])=>{var M=y`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-surface-2)}.width-full{width:100%!important}.height-full{height:100%!important}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-surface-2)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.footer-button-container{width:100%;display:flex;gap:10px}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}.overflow-auto{overflow:auto}}`,g=class extends I{constructor(){super(),this.center="",this.commentButtonText="",this.commentSubmittedMessage="",this.defaultWebmap="",this.description="",this.enableAnonymousAccess=!1,this.enableAnonymousComments=!1,this.enableComments=!1,this.enableHome=!0,this.enableLogin=!1,this.enableNewReports=!1,this.enableSearch=!0,this.enableSnapping=!1,this.enableZoom=!0,this.isMobile=!1,this.layerExpressions=[],this.layerId="",this.level="",this.loginTitle="",this.mapInfos=[],this.objectId="",this.reportButtonText="",this.reportsHeader="",this.reportSubmittedMessage="",this.showComments=!1,this.showUserImageInCommentsList=!1,this.showFeatureSymbol=!1,this.showMyReportsOnly=!1,this.submitNewReportsMessage="",this.theme="light",this.zoomToScale=15358,this.floorLevel="",this.showFullCommentTitle=!0,this.filterByMapExtent=!1,this.sortOption="newest",this.reportingArea=!1,this.reportingAreaLayer="",this.reportingAreaMessage="",this.enablePhotoLocation=!1,this.enableMessageLocation=!1,this.aiImageExtraction=[],this.aiTextExtraction=[],this._featureCreationFailedErrorMsg="",this._filterActive=!1,this._flowItems=[],this._hasValidLayers=!1,this._reportSubmitted=!1,this._selectedLayerName="",this._showSubmitCancelButton=!1,this._showLoadingIndicator=!1,this._sidePanelCollapsed=!1,this._translations=$({name:"crowdsource-reporter",blocking:!0}),this._updatedProgressBarStatus=25,this._updatedSortOption="newest",this._commentSubmitted=!1,this._addingCommentFailed=!1,this._filterOpen=!1,this._showNextButton=!1,this._submitNextButtonDisabled=!1,this._showFilterIcon=!1,this._createFeature=c(),this._currentFeatureId="",this._editableLayerIds=[],this._featureDetails=c(),this._featureList=c(),this._selectedRelatedFeature=[],this._layerList=c(),this._createRelatedFeature=c(),this._layers=[],this._mapImageryLayersId=[],this._selectedFeature=[],this._selectedFeatureIndex=0,this._selectedLayerId="",this._shareNode=c(),this._urlParamsLoaded=!1,this._validLayers=[],this._nonVisibleValidLayers=[],this._showFullPanel=!1,this._floorExpression="",this._formElements=[],this._prevSelectedLayerId="",this._t9nLayerExpressions=[],this._reportSubmittedAlertNode=c(),this._commentSubmittedAlertNode=c(),this._sortPopoverNode=c(),this.togglePanel=b(),C(window)}static{this.properties={center:1,commentButtonText:1,commentSubmittedMessage:1,defaultWebmap:1,description:1,enableAnonymousAccess:5,enableAnonymousComments:5,enableComments:5,enableHome:5,enableLogin:5,enableNewReports:5,enableSearch:5,enableSnapping:5,enableZoom:5,isMobile:5,layerExpressions:0,layerId:1,level:1,loginTitle:1,mapInfos:0,mapView:0,objectId:1,reportButtonText:1,reportingOptions:0,reportsHeader:1,reportSubmittedMessage:1,searchConfiguration:0,showComments:5,showUserImageInCommentsList:5,showFeatureSymbol:5,showMyReportsOnly:5,submitNewReportsMessage:1,theme:1,zoomToScale:9,floorLevel:1,showFullCommentTitle:5,filterByMapExtent:5,sortOption:1,reportingArea:5,reportingAreaLayer:1,reportingAreaMessage:1,enablePhotoLocation:5,enableMessageLocation:5,aiImageExtraction:0,aiTextExtraction:0,sortFields:0,_featureCreationFailedErrorMsg:16,_filterActive:16,_flowItems:16,_hasValidLayers:16,_mapInfo:16,_reportSubmitted:16,_selectedLayerName:16,_showSubmitCancelButton:16,_showLoadingIndicator:16,_sidePanelCollapsed:16,_translations:16,_updatedProgressBarStatus:16,_updatedSorting:16,_updatedSortOption:16,_commentSubmitted:16,_addingCommentFailed:16,_filterOpen:16,_showNextButton:16,_submitNextButtonDisabled:16,_showFilterIcon:16}}static{this.styles=M}static{this.shadowRootOptions=L}willUpdate(e){e.has("isMobile")&&this.isMobileWatchHandler(this.isMobile),e.has("mapView")&&this.hasUpdated&&this.mapViewWatchHandler(),e.has("floorLevel")&&this.floorLevelWatchHandler(),e.has("reportingOptions")&&this.hasUpdated&&this.reportingOptionsWatchHandler(),(e.has("reportingAreaLayer")||e.has("reportingArea")&&this.hasUpdated)&&setTimeout(()=>{this._createFeature.value&&this._createFeature.value.refresh(this.floorLevel)},50),e.has("showMyReportsOnly")&&(this.hasUpdated||this.showMyReportsOnly!==!1)&&this.showMyReportsOnlyWatchHandler(),e.has("sortOption")&&(this.hasUpdated||this.sortOption!=="newest")&&this.sortOptionWatchHandler(),e.has("filterByMapExtent")&&(this.hasUpdated||this.filterByMapExtent!==!1)&&this.filterByMapExtentChangeWatchHandler(),e.has("layerExpressions")&&(this.hasUpdated||this.layerExpressions?.length>0)&&this.layerExpressionsWatchHandler(),e.has("showFeatureSymbol")&&(this.hasUpdated||this.showFeatureSymbol!==!1)&&this.showFeatureSymbolWatchHandler(),(this._flowItems.includes("filter-panel")||this._filterOpen)&&this._filterList?.updateInitDefExpressions({initDefExpressions:this._initDefExpressions}),e.has("sortFields")&&this.hasUpdated&&this._selectedLayerId&&(this._updatedSortOption==="alphabetical"||this._updatedSortOption==="reverseAlphabetical")&&this.sortFieldsWatchHandler()}async isMobileWatchHandler(e){this.updatePanelState(!1,this._showFullPanel),e&&this._flowItems[this._flowItems.length-1]==="filter-panel"?(await this.backFromFilterPanel(),this._filterOpen=!0):!e&&this._filterOpen&&(await this._closeFilter(),this._flowItems=[...this._flowItems,"filter-panel"])}async mapViewWatchHandler(){await this.mapView?.when(async()=>{this.setInitExpressions(),await this.setMapView()})}async reportingOptionsWatchHandler(){this.setInitExpressions(),await this.setMapView(),this.refreshLists()}async floorLevelWatchHandler(){if(this._editableLayerIds)for(let e of this._editableLayerIds){let t=this.mapView&&await d(this.mapView,e);t&&t.floorInfo?.floorField&&this._updateFloorDefinitionExpression(t)}this._flowItems[this._flowItems.length-1]==="layer-list"&&this._layerList.value&&await this._layerList.value.refresh(),this._featureList.value&&this._featureList.value.refresh(),this._createFeature.value&&this._createFeature.value.refresh(this.floorLevel)}async showMyReportsOnlyWatchHandler(){this._editableLayerIds&&(await this._updateFeatures(),this.refreshLists())}async sortOptionWatchHandler(){this.updateSortingOptions()}sortFieldsWatchHandler(){let e=this._getConfiguredLayerSortInfo(this._selectedLayerId);if(e?.id===this._selectedLayerId&&this._flowItems[this._flowItems.length-1]==="feature-list"){if(e?.fields.length>0){let t=this._updatedSorting?.order==="asc"?"asc":"desc";this.sortOptionClick(e.fields[0],t,this._updatedSortOption)}}else this._flowItems[this._flowItems.length-1]==="feature-list"&&this.updateSortingOptions()}filterByMapExtentChangeWatchHandler(){this.refreshLists()}async layerExpressionsWatchHandler(){await this.resetFilterList(),await this.handleSelectedLayersFilter(),await this._featureList.value?.refresh()}async showFeatureSymbolWatchHandler(){await this._featureList.value?.refresh()}async updateLayerExpressionsT9n(e){if(this._t9nLayerExpressions=e||this.layerExpressions,this._filterList!=null)await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);else if(this._currentLayerExpressions!=null){let t=structuredClone(this._currentLayerExpressions);this.handleLayerExpressionsT9n(t,this._t9nLayerExpressions),this._currentLayerExpressions=t,this._showFilterIcon=this._currentLayerExpressions?.length>0}return Promise.resolve()}async load(){this._urlParamsLoaded=!1,await this.mapView?.when(async()=>{this._layers=this.reportingOptions?Object.keys(this.reportingOptions).filter(e=>{let t=e&&this.reportingOptions&&this.reportingOptions[e];return t&&t.visible}):[],this.setInitExpressions(),await this.setMapView()})}render(){let e=this.theme==="dark"?"calcite-mode-dark":"calcite-mode-light";return l`${this._reportSubmitted&&l`<calcite-alert auto-close class=${`${e} report-submitted-msg`} icon=check-circle kind=success .label=${this._translations.notification} @calciteAlertClose=${()=>{this._reportSubmitted=!1}} open placement=top><div slot=message .innerHTML=${(this.reportSubmittedMessage||this._translations.submitMsg)??""} ${h(this._reportSubmittedAlertNode)}></div></calcite-alert>`||""}${this._featureCreationFailedErrorMsg&&l`<calcite-alert auto-close class=${u(e)} icon=x-octagon kind=danger .label=${this._translations.notification} @calciteAlertClose=${()=>{this._featureCreationFailedErrorMsg=""}} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._featureCreationFailedErrorMsg}</div></calcite-alert>`||""}${this._commentSubmitted&&l`<calcite-alert auto-close class=${`report-submitted ${e}`} icon=check-circle kind=success .label=${this._translations.notification} @calciteAlertClose=${()=>{this._commentSubmitted=!1}} open placement=top><div slot=message .innerHTML=${(this.commentSubmittedMessage||this._translations.commentSubmittedMsg)??""} ${h(this._commentSubmittedAlertNode)}></div></calcite-alert>`||""}${this._addingCommentFailed&&l`<calcite-alert auto-close class=${u(e)} icon=x-octagon kind=danger .label=${this._translations.notification} @calciteAlertClose=${()=>{this._addingCommentFailed=!1}} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.addingCommentFailedMsg}</div></calcite-alert>`||""}<div><calcite-shell content-behind>${this._getReporter()}</calcite-shell></div>${this.isMobile&&this.filterModal()||""}`}updated(){this._adjustAlertStyles()}async setSelectedLayer(e,t){this._selectedLayerId=e,this._selectedLayer=this.mapView&&await d(this.mapView,e),this._selectedLayerName=t,this._validLayers.forEach(i=>{this._nonVisibleValidLayers.find(s=>s.id===i.id)||i.set("visible",!e||i.id===e)})}_getLayersConfig(e){return this.reportingOptions&&this.reportingOptions[e]?this.reportingOptions[e]:null}_getReporter(){let e=[];this._flowItems.forEach(i=>{switch(i){case"layer-list":e.push(this.getLayerListFlowItem());break;case"feature-list":e.push(this.getFeatureListFlowItem(this._selectedLayerId,this._selectedLayerName));break;case"filter-panel":e.push(this.getFilterPanel());break;case"feature-details":e.push(this.getFeatureDetailsFlowItem());break;case"reporting-layer-list":e.push(this.getChooseCategoryFlowItem());break;case"feature-create":e.push(this.getFeatureCreateFlowItem());break;case"comment-details":e.push(this.getCommentDetailsFlowItem());break;case"add-comment":e.push(this.getAddCommentFlowItem());break}});let t=this.theme==="dark"?"calcite-mode-dark":"calcite-mode-light";return l`<calcite-panel class=${`width-full ${t}`}>${this.mapView?l`<calcite-flow>${e?.length>0&&e||""}</calcite-flow>`:l`<calcite-loader .label=${this._translations.loading} scale=m></calcite-loader>`}</calcite-panel>`}filterModal(){return(this.layerExpressions?this.layerExpressions.filter(e=>e.id===this._selectedLayerId):[]).length>0&&l`<calcite-dialog aria-labelledby=modal-title class="modal" .heading=${this._translations.filterLayerTitle.replace("{{title}}",this._selectedLayerName)} kind=brand @calciteDialogClose=${()=>{this._closeFilter()}} .open=${this._filterOpen} width=s><div>${this.mapView&&l`<instant-apps-filter-list close-btn .closeBtnOnClick=${()=>{this._closeFilter()}} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${()=>{this._filterActive=!1,this._featureList.value&&this._featureList.value.refresh()}} @filterUpdate=${()=>{this._filterList?.filterCount!==void 0&&this._handleFilterUpdate(this._filterList?.filterCount>0)}} .view=${this.mapView} ${h(this._setFilterList)}></instant-apps-filter-list>`||""}</div></calcite-dialog>`||""}_setFilterList(e){this._filterList=e,e&&(e.autoUpdateUrl=!1,e.resetBtn=this.isMobile,e.resetFiltersOnDisconnect=!1,e.zoomBtn=!1)}_adjustAlertStyles(){this.reportSubmittedMessage&&this._reportSubmittedAlertNode.value?.children[0]&&(this._reportSubmittedAlertNode.value.children[0].style.margin="0px"),this.commentSubmittedMessage&&this._commentSubmittedAlertNode.value?.children[0]&&(this._commentSubmittedAlertNode.value.children[0].style.margin="0px")}_toggleFilter(){this._filterOpen=!this._filterOpen}async _closeFilter(){this._filterOpen=!1,this._filterList!=null&&(this._currentLayerExpressions=await this._filterList.getCurrentLayerExpressions(),this._showFilterIcon=this._currentLayerExpressions?.length>0)}async sortOptionClick(e,t,i){this._updatedSorting={field:e,order:t},this._updatedSortOption=i,this._sortPopoverNode.value&&(this._sortPopoverNode.value.open=!1)}_getConfiguredLayerSortInfo(e){return this.sortFields&&this.sortFields.layers.find(t=>t.id===e)||null}_toggleSort(){let e=this.reportingOptions&&this.reportingOptions[this._selectedLayerId]&&this.reportingOptions[this._selectedLayerId].like&&this.reportingOptions[this._selectedLayerId].likeField,t=this._getConfiguredLayerSortInfo(this._selectedLayerId);return l`<calcite-popover auto-close .label=${this._translations.sortOptions} offset-distance=0 .placement=${this.isMobile?"leading-start":"bottom-start"} pointer-disabled reference-element=sort-popover ${h(this._sortPopoverNode)}><calcite-list .label=${this._translations.sortOptions} selection-mode=single-persist><calcite-list-item .label=${this._translations.sortNewest} @calciteListItemSelect=${()=>{this._selectedLayer&&this.sortOptionClick(this._selectedLayer.objectIdField,"desc","newest")}} .selected=${this._updatedSortOption==="newest"} value=newest></calcite-list-item><calcite-list-item .label=${this._translations.sortOldest} @calciteListItemSelect=${()=>{this._selectedLayer&&this.sortOptionClick(this._selectedLayer.objectIdField,"asc","oldest")}} .selected=${this._updatedSortOption==="oldest"} value=oldest></calcite-list-item>${e&&l`<calcite-list-item .label=${this._translations.sortHighestVoted} @calciteListItemSelect=${()=>{let i=this.reportingOptions&&this.reportingOptions[this._selectedLayerId].likeField;i!==void 0&&this.sortOptionClick(i,"desc","highestVoted")}} .selected=${this._updatedSortOption==="highestVoted"} value=highestVoted></calcite-list-item><calcite-list-item .label=${this._translations.sortLowestVoted} @calciteListItemSelect=${()=>{let i=this.reportingOptions&&this.reportingOptions[this._selectedLayerId].likeField;i&&this.sortOptionClick(i,"asc","lowestVoted")}} .selected=${this._updatedSortOption==="lowestVoted"} value=lowestVoted></calcite-list-item>`||""}${t&&l`<calcite-list-item .label=${this._translations.sortAlphabetical} @calciteListItemSelect=${()=>{let i=this._getConfiguredLayerSortInfo(this._selectedLayerId);i?.fields&&this.sortOptionClick(i.fields[0],"asc","alphabetical")}} .selected=${this._updatedSortOption==="alphabetical"} value=alphabetical></calcite-list-item><calcite-list-item .label=${this._translations.reverseSortAlphabetical} @calciteListItemSelect=${()=>{let i=this._getConfiguredLayerSortInfo(this._selectedLayerId);i?.fields&&this.sortOptionClick(i.fields[0],"desc","reverseAlphabetical")}} .selected=${this._updatedSortOption==="reverseAlphabetical"} value=reverseAlphabetical></calcite-list-item>`||""}</calcite-list></calcite-popover>`}async _handleFilterListReset(){this._filterActive=!1}async _handleFilterUpdate(e){this._showLoadingIndicator=!0,this._filterActive=e,this._featureList.value&&await this._featureList.value.refresh(),this._showLoadingIndicator=!1}getLayerListFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this.reportsHeader} .loading=${this._showLoadingIndicator} .selected=${this._flowItems[this._flowItems.length-1]==="layer-list"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this._hasValidLayers&&this.enableNewReports&&l`<calcite-button appearance=solid @click=${this.navigateToChooseCategory} slot=footer width=full>${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText}</calcite-button>`||""}<calcite-panel><layer-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} .layers=${this._editableLayerIds?.length>0?this._editableLayerIds:this._layers} .mapView=${this.mapView} @layerSelect=${this.displayFeaturesList} @layersListLoaded=${this.layerListLoaded} show-feature-count show-next-icon ${h(this._layerList)}></layer-list></calcite-panel></calcite-flow-item>`}getChooseCategoryFlowItem(){let e=this.reportingOptions?Object.keys(this.reportingOptions).filter(t=>this.reportingOptions&&this.reportingOptions[t].visible&&this.reportingOptions[t].reporting&&this._layerItemsHash&&this._layerItemsHash[t]&&this._layerItemsHash[t].supportsAdd):[];return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="reporting-layer-list"}><calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.chooseCategoryMsg}</div></calcite-notice><layer-list class="height-full" .layers=${e} .mapView=${this.mapView} @layerSelect=${this.navigateToCreateFeature}></layer-list></calcite-panel></calcite-flow-item>`}getFeatureCreateFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._selectedLayerName} @calciteFlowItemBack=${this.backFromCreateFeaturePanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-create"}>${this._showSubmitCancelButton&&l`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${this._submitNextButtonDisabled} @click=${this._showNextButton?this.onNextButtonClick.bind(this):this.onCreateFeatureSubmitButtonClick.bind(this)} width=full>${this._showNextButton?this._translations.next:this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>`||""}<calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><create-feature app-name=reporter .aiImageExtraction=${this.aiImageExtraction} .aiTextExtraction=${this.aiTextExtraction} class="height-full overflow-auto" customize-submit .enableSearch=${this.enableSearch} .enablePhotoLocation=${this.enablePhotoLocation} .enableMessageLocation=${this.enableMessageLocation} .enableSnapping=${this.enableSnapping} .floorLevel=${this.floorLevel} .formElements=${this._formElements.find(e=>e.id===this._selectedLayerId)} .reportingAreaLayer=${this.reportingAreaLayer} .isMobile=${this.isMobile} .mapView=${this.mapView} @drawComplete=${this.onFormReady} @editingLocation=${this.editingLocation} @editingAttachment=${this.showSubmitCancelButton} @fail=${this.createFeatureFailed} @modeChanged=${this.backFromCreateFeaturePanel} @progressStatus=${this.updatedProgressStatus} @success=${this.onReportSubmitted} .searchConfiguration=${this.searchConfiguration} .selectedLayerId=${this._selectedLayerId} .reportingArea=${this.reportingArea} .reportingAreaMessage=${this.reportingAreaMessage} .submitNewReportsMessage=${this.submitNewReportsMessage} update-map-position ${h(this._createFeature)}></create-feature></calcite-panel></calcite-flow-item>`}updatedProgressStatus(e){this._updatedProgressBarStatus=e.detail}onFormReady(e){this._submitNextButtonDisabled=e.detail,this._showSubmitCancelButton=!0}editingLocation(){this._showNextButton=!0}showSubmitCancelButton(e){this._showSubmitCancelButton=!e.detail}onCreateFeatureSubmitButtonClick(){this._createFeature.value&&(this._showNextButton=!1,this._createFeature.value.submit())}backFromCreateFeaturePanel(){this._createFeature.value&&(this._showSubmitCancelButton=!1,this._showNextButton=!1,this.updateNonVisibleLayersOnMap(!1)),this.backFromSelectedPanel()}onNextButtonClick(){this._createFeature.value&&(this._showNextButton=!1,this._showSubmitCancelButton=!0,this._createFeature.value.showForm())}onCreateRelatedFeatureSubmitButtonClick(){this._createRelatedFeature.value&&this._createRelatedFeature.value.submit()}backFromCreateRelatedFeaturePanel(){this._createRelatedFeature.value&&(this._showSubmitCancelButton=!1),this.backFromSelectedPanel()}createFeatureFailed(e){console.error(e.detail),this._showSubmitCancelButton=!1,this._featureCreationFailedErrorMsg=e.detail.message}async onReportSubmitted(){this._showSubmitCancelButton=!1,this.updateNonVisibleLayersOnMap(!1),await this.navigateToHomePage(),this._reportSubmitted=!0,this._updatedProgressBarStatus=25,this._showFullPanel&&this.updatePanelState(this._sidePanelCollapsed,!1)}addCommentFailed(e){console.error(e.detail),this._addingCommentFailed=!0}async onCommentSubmitted(){this._commentSubmitted=!0,this.backFromCreateRelatedFeaturePanel(),this._showLoadingIndicator=!0,this._featureDetails.value&&await this._featureDetails.value.refresh(this._currentFeature),setTimeout(()=>{this._showLoadingIndicator=!1},300)}async navigateToHomePage(){if(await this.setSelectedFeatures([]),this._editableLayerIds.length===1)this._featureList.value&&await this._featureList.value.refresh(),this._flowItems=["feature-list"];else{let e=this.mapView&&await d(this.mapView,this._prevSelectedLayerId);this.floorLevel&&e?.floorInfo?.floorField&&this._updateFloorDefinitionExpression(e),this._layerList.value&&await this._layerList.value.refresh(),this._flowItems=["layer-list"]}}async navigateToCreateFeature(e){e.detail.layerId&&e.detail.layerName&&await this.setSelectedLayer(e.detail.layerId,e.detail.layerName),this.updateNonVisibleLayersOnMap(!0),this._getFormElements(),this._showSubmitCancelButton=!1,this._showNextButton=!1,this.updatePanelState(!1,!0),this._flowItems=[...this._flowItems,"feature-create"]}navigateToChooseCategory(){this.updatePanelState(!1,!0),this._flowItems=[...this._flowItems,"reporting-layer-list"]}updateNonVisibleLayersOnMap(e){this._nonVisibleValidLayers.find(t=>t.id===this._selectedLayerId)&&this._selectedLayer&&this._selectedLayer.set("visible",e)}async layerListLoaded(e){if(this._layerList.value&&this._flowItems[this._flowItems.length-1]==="layer-list"||this._flowItems[0]==="feature-list"){let t=e.detail,i=this.mapView&&await _(this.mapView),s=[];if(this._validLayers=[],this._nonVisibleValidLayers=[],i?.forEach(a=>{t.includes(a.id)&&(this._validLayers.push(a),a.visible||this._nonVisibleValidLayers.push(a),this._getLayersConfig(a.id)?.reporting&&this._layerItemsHash&&this._layerItemsHash[a.id]&&this._layerItemsHash[a.id].supportsAdd&&s.push(a.id))}),this.handleMapClick(),this._hasValidLayers=s.length>0,!this._urlParamsLoaded&&this._editableLayerIds.length>1&&this.layerId&&this.objectId){let a=this.mapView&&await d(this.mapView,this.layerId);a&&await this.displayFeaturesList({detail:{layerId:a.id,layerName:a.title}}),this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams()}}}async displayFeaturesList(e){this._showLoadingIndicator=!0,await this.setSelectedLayer(e.detail.layerId,e.detail.layerName),this.updateSortingOptions(),this.handleSelectedLayersFilter(),this._flowItems=[...this._flowItems,"feature-list"],this._prevSelectedLayerId=this._selectedLayerId,this._showLoadingIndicator=!1}updateSortingOptions(){let e=this.sortOption===""?"newest":this.sortOption,t=e==="oldest"||e==="lowestVoted"||e==="alphabetical"?"asc":"desc",i=this.reportingOptions?.[this._selectedLayerId]?.like?this.reportingOptions?.[this._selectedLayerId]?.likeField:"",s=this._getConfiguredLayerSortInfo(this._selectedLayerId)?.fields?.[0]||"",a=this._selectedLayer&&(e==="newest"||e==="oldest")?this._selectedLayer?.objectIdField:e==="alphabetical"||e==="reverseAlphabetical"?s:i,r=!!i&&(e==="highestVoted"||e==="lowestVoted"),o=!!s&&(e==="alphabetical"||e==="reverseAlphabetical");this._updatedSorting={field:a||"",order:t},this._updatedSortOption=r||o||!(e==="highestVoted"||e==="lowestVoted"||e==="alphabetical"||e==="reverseAlphabetical")?e:"newest"}async backFromFilterPanel(){this._filterList!=null&&(this._currentLayerExpressions=await this._filterList.getCurrentLayerExpressions(),this._showFilterIcon=this._currentLayerExpressions?.length>0),this._featureList.value&&await this._featureList.value.refresh(),this.backFromSelectedPanel()}backFromSelectedPanel(){this._updatedProgressBarStatus=25;let e=[...this._flowItems];if(e[e.length-1]==="comment-details"||e[e.length-1]==="add-comment"||this.clearHighlights(),(e[e.length-1]==="reporting-layer-list"||e[e.length-1]==="feature-create"&&(e[0]==="feature-list"||e[e.length-2]==="feature-list"))&&this.updatePanelState(this._sidePanelCollapsed,!1),e.pop(),e.length===1&&e[0]==="layer-list"){this.navigateToHomePage();return}this._flowItems=[...e]}toggleSidePanel(){this._sidePanelCollapsed=!this._sidePanelCollapsed,this.togglePanel.emit({panelState:this._sidePanelCollapsed,isFormOpen:this._showFullPanel})}updatePanelState(e,t){this._sidePanelCollapsed=e,this._showFullPanel=t,this.togglePanel.emit({panelState:this._sidePanelCollapsed,isFormOpen:this._showFullPanel})}async onFeatureSelectFromList(e){await this.setSelectedFeatures([e.detail]),this._flowItems=[...this._flowItems,"feature-details"]}async getRelatedTable(){let e=this._currentFeature?.layer,t=this.mapView&&await f(this.mapView);e.relationships?.some(i=>{let s=t?.filter(a=>e.url===a.url&&a.layerId===i.relatedTableId);return s&&s.length>0?(this._relatedTable=s[0],!0):!1})}async updatingFeatureDetails(e){this._showLoadingIndicator=e}async selectionChanged(e){this.updatingFeatureDetails(!0),await this.setCurrentFeature(e.detail.selectedFeature[0]),this.highlightOnMap(e.detail.selectedFeature[0]),this._selectedFeatureIndex=e.detail.selectedFeatureIndex,this._featureDetails.value&&await this._featureDetails.value.refresh(e.detail.selectedFeature[0])}showAddCommentsPanel(){this._flowItems=[...this._flowItems,"add-comment"]}async onCommentSelectFromList(e){this._selectedRelatedFeature=[e.detail],this._flowItems=[...this._flowItems,"comment-details"]}getFeatureListFlowItem(e,t){let i=this._getLayersConfig(this._selectedLayerId)?.reporting&&this._layerItemsHash&&this._layerItemsHash[this._selectedLayerId].supportsAdd,s=this._showFilterIcon;return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${t} .loading=${!this.isMobile&&this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-list"}>${this._toggleSort()}<calcite-action icon=sort-ascending-arrow id=sort-popover slot=header-actions-end .text=${this._translations.sort} title=${this._translations.sort??p}></calcite-action>${s&&l`<calcite-action icon=filter .indicator=${this._filterActive} @click=${()=>{this.isMobile?this._toggleFilter():this._flowItems=[...this._flowItems,"filter-panel"]}} slot=header-actions-end .text=${this._translations.filter} title=${this._translations.filter??p}></calcite-action>`||""}${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this.enableNewReports&&i&&l`<calcite-button appearance=solid @click=${this.navigateToCreateFeature} slot=footer width=full>${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText}</calcite-button>`||""}<calcite-panel>${l`<feature-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} highlight-on-hover .mapView=${this.mapView} .noFeaturesFoundMsg=${this._translations.featureErrorMsg} @featureClick=${()=>{this._showLoadingIndicator=!0}} @featureSelect=${this.onFeatureSelectFromList} page-size=30 .reportingOptions=${this.reportingOptions} .selectedLayerId=${e} show-error-when-no-features .showFeatureSymbol=${this.showFeatureSymbol} .sortingInfo=${this._updatedSorting} ${h(this._featureList)}></feature-list>`}</calcite-panel></calcite-flow-item>`}getFilterPanel(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._translations.filterLayerTitle.replace("{{title}}",this._selectedLayerName)} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromFilterPanel} .selected=${this._flowItems[this._flowItems.length-1]==="filter-panel"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<div class=width-full slot=footer><div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${!this._filterActive} @click=${this.resetFilterList} width=full>${this._translations.resetFilter}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromFilterPanel} width=full>${this._translations.close}</calcite-button></div></div><calcite-panel>${this.mapView&&l`<instant-apps-filter-list .closeBtnOnClick=${()=>{}} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${()=>{this._handleFilterListReset()}} @filterUpdate=${()=>{let e=this._filterList?.filterCount;e!==void 0&&this._handleFilterUpdate(e>0)}} .view=${this.mapView} ${h(this._setFilterList)}></instant-apps-filter-list>`||""}</calcite-panel></calcite-flow-item>`}getFeatureDetailsFlowItem(){let e=this._selectedLayer?.relationships,t=this._getLayersConfig(this._selectedLayerId)?.comment&&e&&e.length>0&&this._relatedTable;return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._selectedLayerName} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-details"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this.mapView&&l`<instant-apps-social-share class=share-node flip-rtl popover-button-icon-scale=s remove-popover-offset scale=m share-button-color=neutral share-button-type=action slot=header-actions-end social-media .view=${this.mapView} ${h(this._shareNode)}></instant-apps-social-share>`||""}${this._selectedFeature.length>1&&this.getFeaturesPagination()||""}<calcite-panel><feature-details class=full-height .enableSnapping=${this.enableSnapping} .graphics=${this._selectedFeature} .layerItemsHash=${this._layerItemsHash} .mapView=${this.mapView} @addComment=${this.showAddCommentsPanel} @commentClick=${()=>{this._showLoadingIndicator=!0}} @commentSelect=${this.onCommentSelectFromList} @featureSelectionChange=${this.selectionChanged} @likeOrDislikeClicked=${()=>{this._featureList.value&&this._featureList.value.refresh(!0)}} @loadingStatus=${i=>{this.updatingFeatureDetails(i.detail)}} .reportingOptions=${this.reportingOptions} .showFullCommentTitle=${this.showFullCommentTitle} .showUserImageInCommentsList=${this.showUserImageInCommentsList} ${h(this._featureDetails)}></feature-details>${t&&l`<calcite-button appearance=solid @click=${this.showAddCommentsPanel} slot=footer width=full>${this.commentButtonText||this._translations.comment}</calcite-button>`||""}</calcite-panel></calcite-flow-item>`}getFeaturesPagination(){return l`<div class="feature-pagination"><div><calcite-button appearance=transparent icon-start=chevron-left icon-flip-rtl=both id=solutions-back .label=${this._translations.back} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.back()} scale=s width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-button appearance=transparent .label=${this._translations.toggleListView} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.toggleListView()} scale=s><span class="pagination-count">${this._getCount()}</span></calcite-button><div><calcite-button appearance=transparent icon-flip-rtl=both icon-start=chevron-right id=solutions-next .label=${this._translations.next} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.next()} scale=s width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>`}getCommentDetailsFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._relatedTable?.title||""} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="comment-details"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this._selectedRelatedFeature} .mapView=${this.mapView} @selectionChanged=${()=>{this._showLoadingIndicator=!1}}></info-card></calcite-panel></calcite-flow-item>`}getAddCommentFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._relatedTable?.title||""} @calciteFlowItemBack=${this.backFromCreateRelatedFeaturePanel} .selected=${this._flowItems[this._flowItems.length-1]==="add-comment"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<div class=width-full slot=footer>${this._showSubmitCancelButton&&l`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateRelatedFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateRelatedFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>`||""}</div><calcite-panel><create-related-feature customize-submit .enableSnapping=${this.enableSnapping} .mapView=${this.mapView} @fail=${this.addCommentFailed} @formReady=${this.onFormReady} @isActionPending=${this.showSubmitCancelButton} @success=${this.onCommentSubmitted} .selectedFeature=${this._currentFeature} .table=${this._relatedTable} ${h(this._createRelatedFeature)}></create-related-feature></calcite-panel></calcite-flow-item>`}async setSelectedFeatures(e){this._selectedFeature=e,await this.setCurrentFeature(this._selectedFeature.length?this._selectedFeature[0]:void 0)}async setCurrentFeature(e){if(this._currentFeature=e,e&&e.layer){let t=e.layer;t.title&&this.setSelectedLayer(t.id,t.title),this._currentFeatureId=e.attributes[t.objectIdField],this._getLayersConfig(t.id)?.comment&&t.relationships&&t.relationships.length>0&&await this.getRelatedTable()}else this._editableLayerIds.length>1&&(this.setSelectedLayer("",""),this.handlePrevLayersFilter()),this._currentFeatureId="";this._updateShareURL()}async highlightOnMap(e){if(this.clearHighlights(),e&&e.geometry&&e.layer&&e.layer.id!==void 0){let t=this.mapView&&await m(this.mapView,e.layer.id.toString());if(t){let i=Number(e.getObjectId());this._highlightHandle=this.mapView&&await S([i],t,this.mapView,!0,this.zoomToScale)}}this.updatingFeatureDetails(!1)}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}getActionToExpandCollapsePanel(){return l`<calcite-action .icon=${this._sidePanelCollapsed?"chevrons-up":"chevrons-down"} @click=${this.toggleSidePanel} slot=header-actions-end .text=${(this._sidePanelCollapsed?this._translations.expand:this._translations.collapse)||""}></calcite-action>`}async setMapView(){this.mapView&&await f(this.mapView),await this.getLayersToShowInList(),await this._updateFeatures(),this._editableLayerIds?.length===1?await this.renderFeaturesList():this._flowItems=["layer-list"],this.mapView&&(this.mapView.popupEnabled=!1,this._defaultCenter&&this._defaultLevel&&(await this.mapView.goTo({center:this._defaultCenter,zoom:this._defaultLevel}),this._defaultCenter=void 0,this._defaultLevel=void 0))}handleMapClick(){this._mapClickHandle&&this._mapClickHandle.remove(),this._mapClickHandle=E.on(()=>this.mapView,"click",e=>{this.mapView&&(this.mapView.popupEnabled=!1),this.onMapClick(e)})}async onMapClick(e){if(!(this._flowItems[this._flowItems.length-1]==="feature-create"||this._flowItems[this._flowItems.length-1]==="add-comment")&&this.mapView){let t=await this.mapView.hitTest(e),i=[],s=[],a=[],r=!1;t.results.length>0&&t.results.forEach(n=>{n.type==="graphic"&&i.push(n.graphic)}),i.length>0&&(await this._setReportingGraphics(i),s=this._getNonReportingLayerGraphics(i)),this._mapImageryLayersId.length>0&&(a=await this._getIdentifiedGraphics(e.mapPoint),r=a.length>0);let o=s.concat(a);if(o.length>0){this.mapView.popupEnabled=!0;let n={features:o,location:e.mapPoint,updateLocationEnabled:!r};await this.mapView.openPopup(n)}}}async _setReportingGraphics(e){let t=e.filter(i=>{if(i.layer?.type==="feature"){let s=i.layer;return this._validLayers.includes(s)}else return!1});this._selectedLayer&&this._selectedFeature.length>0&&this._selectedLayer.id===t[0]?.layer?.id&&t[0].attributes[this._selectedLayer.objectIdField]===this._selectedFeature[0].attributes[this._selectedLayer.objectIdField]||t.length>0&&(await this.setSelectedFeatures(t),this._flowItems.length&&this._flowItems.includes("feature-details")?(this._flowItems=[...this._flowItems.slice(0,this._flowItems.indexOf("feature-details")+1)],await this.highlightOnMap(e[0])):this._flowItems=[...this._flowItems,"feature-details"])}_getNonReportingLayerGraphics(e){return e.filter(t=>{if(t.layer?.type==="feature"){let i=t.layer;return!this._validLayers.includes(i)&&i?.popupEnabled&&i?.id}else return!1})}async _getIdentifiedGraphics(e){let t=new O({geometry:e,tolerance:3,mapExtent:this.mapView?.extent}),i,s=[];for(let r of this._mapImageryLayersId){let o=this.mapView&&await d(this.mapView,r);if(o?.url&&t)try{let n=await k?.identify(o.url,t);if(n?.results?.length){s=n.results,i=o;break}}catch(n){console.error(n)}}let a=[];return s.forEach(r=>{let o=r.layerId,n=i?.sublayers?.items.find(V=>V.id===o),w=n?.popupTemplate;n?.popupEnabled&&w&&(r.feature.popupTemplate=w,a.push(r.feature))}),a}_getCount(){let e=(this._selectedFeatureIndex+1).toString(),t=this._selectedFeature.length.toString();return this._translations.indexOfTotal.replace("{{index}}",e).replace("{{total}}",t)}_updateFloorDefinitionExpression(e){let t=`${e?.floorInfo?.floorField} = '${this.floorLevel}'`,i=e.definitionExpression;e.definitionExpression=i&&i?.indexOf(this._floorExpression)>-1?i.replace(this._floorExpression,t):t,this._floorExpression=t}_getFormElements(){let e=this._selectedLayer;if(e?.floorInfo?.floorField&&this.floorLevel&&e?.formTemplate){let t=this._formElements.find(i=>i.id===e.id);(this._formElements.length===0||!t)&&this._formElements.push({id:e.id,orgElements:e.formTemplate.elements,orgExpressionInfos:e.formTemplate.expressionInfos})}}reduceToConfiguredLayers(e,t){return Object.keys(e).reduce((i,s)=>{let a=this.reportingOptions?this._getLayersConfig(s)?.visible:e[s].supportsAdd;return!t.includes(s)&&a&&i.push(s),i},[])}refreshLists(){setTimeout(()=>{this._layerList.value&&this._flowItems[this._flowItems.length-1]==="layer-list"&&this._layerList.value.refresh(),this._featureList.value&&this._featureList.value.refresh()},50)}async _updateFeatures(){for(let e of this._editableLayerIds){let t=this.mapView&&await m(this.mapView,e);t&&(await this._showMyFeaturesOnly(t),t.layer?.floorInfo?.floorField&&this.floorLevel&&this._updateFloorDefinitionExpression(t.layer))}}async _showMyFeaturesOnly(e){let t=(this.mapView?.map).portalItem.portal?.credential?.userId;if(t&&e){let i=e.layer.editFieldsInfo?.creatorField.toLowerCase();e.filter=this.showMyReportsOnly&&i?new P({where:`${i} = '${t}'`}):null}}async getLayersToShowInList(){let e=this.mapView&&await x(this.mapView,!1),t=this.mapView&&await _(this.mapView),i=[];t?.forEach(s=>{s?.type==="feature"&&s?.editingEnabled&&s?.capabilities?.operations?.supportsAdd&&(e[s.id].supportsAdd=!0),s?.editingEnabled||i.push(s.id)}),this._editableLayerIds=this.reduceToConfiguredLayers(e,i),this._layerItemsHash=e}async renderFeaturesList(){this._flowItems=["feature-list"];let e={detail:this._editableLayerIds};await this.layerListLoaded(e),await this.setSelectedLayer(this._validLayers[0].id,this._validLayers[0]?.title||""),this.updateSortingOptions(),await this.handleSelectedLayersFilter(),this._urlParamsLoaded||(this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams())}_updateShareURL(){let e=this._shareNode.value?.shareUrl;if(!e)return;let t=new URL(e);this._selectedLayerId?t.searchParams.set("layerid",this._selectedLayerId):t.searchParams.delete("layerid"),this._selectedFeature?.length?t.searchParams.set("oid",this._currentFeatureId):t.searchParams.delete("oid"),this._shareNode.value&&(this._shareNode.value.autoUpdateShareUrl=!1,this._shareNode.value.shareUrl=t.href)}async loadFeatureFromURLParams(){if(this.center&&this.level&&await this.mapView?.goTo({center:this.center.split(";").map(Number),zoom:parseInt(this.level,10)}),this.layerId&&this.objectId){let e=this.mapView&&await d(this.mapView,this.layerId);if(e){let t=this.mapView&&await v([Number(this.objectId)],e,[],!0,this.mapView.spatialReference);t?.length&&(await this.setSelectedFeatures(t),this._flowItems.length&&this._flowItems[this._flowItems.length-1]!=="feature-details"?this._flowItems=[...this._flowItems,"feature-details"]:this._flowItems=[...this._flowItems])}}}async handleSelectedLayersFilter(){if(this._selectedLayer){let e=this.layerExpressions?structuredClone(this.layerExpressions.filter(t=>t.id===this._selectedLayerId)):[];this._t9nLayerExpressions!=null&&this.handleLayerExpressionsT9n(e,this._t9nLayerExpressions),this._currentLayerExpressions=e,this._showFilterIcon=this._currentLayerExpressions?.length>0,this.setActiveDefinitionExpressions()}}async handlePrevLayersFilter(){if(this._prevSelectedLayerId){let e=this.mapView&&await d(this.mapView,this._prevSelectedLayerId);e&&this._initDefExpressions&&(e.definitionExpression=this._initDefExpressions[this._prevSelectedLayerId])}}async resetFilterList(){await this._filterList?.forceReset(),this._selectedLayer!==void 0&&this._initDefExpressions&&(this._selectedLayer.definitionExpression=this._initDefExpressions[this._selectedLayerId],this._filterActive=!1)}setActiveDefinitionExpressions(){if(this._selectedLayer===void 0)return;let e=[];if(this._currentLayerExpressions&&this._currentLayerExpressions?.length>0){let t=this._currentLayerExpressions[0];for(let i of t.expressions){let{active:s,definitionExpression:a}=i;s&&a&&e.push(`(${a})`)}this._filterActive=e.length>0,this.updateFilterLayerDefExpression(e,t.operator)}}updateFilterLayerDefExpression(e,t){let i=this._initDefExpressions&&this._initDefExpressions[this._selectedLayerId],s=e?.length>0&&i?`(${e.join(t)}) AND (${i})`:e.length>0?e.join(t):i;this._selectedLayer&&(this._selectedLayer.definitionExpression=s)}setInitExpressions(){if(this._initDefExpressions={},this.mapView==null)return;let e=this.mapView.map;e.allLayers.concat(e.allTables.toArray()).forEach(t=>{if(t.type==="map-image"&&t.popupEnabled&&!this._mapImageryLayersId.includes(t.id)){this._mapImageryLayersId.push(t.id);return}if(t.type!=="feature")return;let i=t;this._initDefExpressions&&(this._initDefExpressions[i.id]=i.definitionExpression||"")})}handleLayerExpressionsT9n(e,t){e?.forEach(i=>{let s=t?.find(a=>a.id===i.id);s!=null&&(i.title=s.title,i.expressions?.forEach(a=>{let r=s.expressions?.find(o=>o.id===a.id);r!=null&&(a.name=r.name)}))})}};F("crowdsource-reporter",g);return g},"core/reactiveUtils","layers/support/FeatureFilter","rest/identify","rest/support/IdentifyParameters",a,d)
+import{a as C}from"./RB6WXO2B.js";import"./55UXOGN6.js";import d from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{a as $}from"./573G4DTV.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{b as F}from"./IPOPM3LM.js";import{F as c,G as h,H as I,J as u,h as y,i as l,l as p,q as b,u as L}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([E,P,k,O,{b:v},{a:x,c:m,d:d,e:_,f:f,g:S}])=>{var M=y`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-surface-2)}.width-full{width:100%!important}.height-full{height:100%!important}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-surface-2)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.footer-button-container{width:100%;display:flex;gap:10px}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}.overflow-auto{overflow:auto}}`,g=class extends I{constructor(){super(),this.center="",this.commentButtonText="",this.commentSubmittedMessage="",this.defaultWebmap="",this.description="",this.enableAnonymousAccess=!1,this.enableAnonymousComments=!1,this.enableComments=!1,this.enableHome=!0,this.enableLogin=!1,this.enableNewReports=!1,this.enableSearch=!0,this.enableSnapping=!1,this.enableZoom=!0,this.isMobile=!1,this.layerExpressions=[],this.layerId="",this.level="",this.loginTitle="",this.mapInfos=[],this.objectId="",this.reportButtonText="",this.reportsHeader="",this.reportSubmittedMessage="",this.showComments=!1,this.showUserImageInCommentsList=!1,this.showFeatureSymbol=!1,this.showMyReportsOnly=!1,this.submitNewReportsMessage="",this.theme="light",this.zoomToScale=15358,this.floorLevel="",this.showFullCommentTitle=!0,this.filterByMapExtent=!1,this.sortOption="newest",this.reportingArea=!1,this.reportingAreaLayer="",this.reportingAreaMessage="",this.enablePhotoLocation=!1,this.enableMessageLocation=!1,this.aiImageExtraction=[],this.aiTextExtraction=[],this._featureCreationFailedErrorMsg="",this._filterActive=!1,this._flowItems=[],this._hasValidLayers=!1,this._reportSubmitted=!1,this._selectedLayerName="",this._showSubmitCancelButton=!1,this._showLoadingIndicator=!1,this._sidePanelCollapsed=!1,this._translations=$({name:"crowdsource-reporter",blocking:!0}),this._updatedProgressBarStatus=25,this._updatedSortOption="newest",this._commentSubmitted=!1,this._addingCommentFailed=!1,this._filterOpen=!1,this._showNextButton=!1,this._submitNextButtonDisabled=!1,this._showFilterIcon=!1,this._createFeature=c(),this._currentFeatureId="",this._editableLayerIds=[],this._featureDetails=c(),this._featureList=c(),this._selectedRelatedFeature=[],this._layerList=c(),this._createRelatedFeature=c(),this._layers=[],this._mapImageryLayersId=[],this._selectedFeature=[],this._selectedFeatureIndex=0,this._selectedLayerId="",this._shareNode=c(),this._urlParamsLoaded=!1,this._validLayers=[],this._nonVisibleValidLayers=[],this._showFullPanel=!1,this._floorExpression="",this._formElements=[],this._prevSelectedLayerId="",this._t9nLayerExpressions=[],this._reportSubmittedAlertNode=c(),this._commentSubmittedAlertNode=c(),this._sortPopoverNode=c(),this.togglePanel=b(),C(window)}static{this.properties={center:1,commentButtonText:1,commentSubmittedMessage:1,defaultWebmap:1,description:1,enableAnonymousAccess:5,enableAnonymousComments:5,enableComments:5,enableHome:5,enableLogin:5,enableNewReports:5,enableSearch:5,enableSnapping:5,enableZoom:5,isMobile:5,layerExpressions:0,layerId:1,level:1,loginTitle:1,mapInfos:0,mapView:0,objectId:1,reportButtonText:1,reportingOptions:0,reportsHeader:1,reportSubmittedMessage:1,searchConfiguration:0,showComments:5,showUserImageInCommentsList:5,showFeatureSymbol:5,showMyReportsOnly:5,submitNewReportsMessage:1,theme:1,zoomToScale:9,floorLevel:1,showFullCommentTitle:5,filterByMapExtent:5,sortOption:1,reportingArea:5,reportingAreaLayer:1,reportingAreaMessage:1,enablePhotoLocation:5,enableMessageLocation:5,aiImageExtraction:0,aiTextExtraction:0,sortFields:0,_featureCreationFailedErrorMsg:16,_filterActive:16,_flowItems:16,_hasValidLayers:16,_mapInfo:16,_reportSubmitted:16,_selectedLayerName:16,_showSubmitCancelButton:16,_showLoadingIndicator:16,_sidePanelCollapsed:16,_translations:16,_updatedProgressBarStatus:16,_updatedSorting:16,_updatedSortOption:16,_commentSubmitted:16,_addingCommentFailed:16,_filterOpen:16,_showNextButton:16,_submitNextButtonDisabled:16,_showFilterIcon:16}}static{this.styles=M}static{this.shadowRootOptions=L}willUpdate(e){e.has("isMobile")&&this.isMobileWatchHandler(this.isMobile),e.has("mapView")&&this.hasUpdated&&this.mapViewWatchHandler(),e.has("floorLevel")&&this.floorLevelWatchHandler(),e.has("reportingOptions")&&this.hasUpdated&&this.reportingOptionsWatchHandler(),(e.has("reportingAreaLayer")||e.has("reportingArea")&&this.hasUpdated)&&setTimeout(()=>{this._createFeature.value&&this._createFeature.value.refresh(this.floorLevel)},50),e.has("showMyReportsOnly")&&(this.hasUpdated||this.showMyReportsOnly!==!1)&&this.showMyReportsOnlyWatchHandler(),e.has("sortOption")&&(this.hasUpdated||this.sortOption!=="newest")&&this.sortOptionWatchHandler(),e.has("filterByMapExtent")&&(this.hasUpdated||this.filterByMapExtent!==!1)&&this.filterByMapExtentChangeWatchHandler(),e.has("layerExpressions")&&(this.hasUpdated||this.layerExpressions?.length>0)&&this.layerExpressionsWatchHandler(),e.has("showFeatureSymbol")&&(this.hasUpdated||this.showFeatureSymbol!==!1)&&this.showFeatureSymbolWatchHandler(),(this._flowItems.includes("filter-panel")||this._filterOpen)&&this._filterList?.updateInitDefExpressions({initDefExpressions:this._initDefExpressions}),e.has("sortFields")&&this.hasUpdated&&this._selectedLayerId&&(this._updatedSortOption==="alphabetical"||this._updatedSortOption==="reverseAlphabetical")&&this.sortFieldsWatchHandler()}async isMobileWatchHandler(e){this.updatePanelState(!1,this._showFullPanel),e&&this._flowItems[this._flowItems.length-1]==="filter-panel"?(await this.backFromFilterPanel(),this._filterOpen=!0):!e&&this._filterOpen&&(await this._closeFilter(),this._flowItems=[...this._flowItems,"filter-panel"])}async mapViewWatchHandler(){await this.mapView?.when(async()=>{this.setInitExpressions(),await this.setMapView()})}async reportingOptionsWatchHandler(){this.setInitExpressions(),await this.setMapView(),this.refreshLists()}async floorLevelWatchHandler(){if(this._editableLayerIds)for(let e of this._editableLayerIds){let t=this.mapView&&await d(this.mapView,e);t&&t.floorInfo?.floorField&&this._updateFloorDefinitionExpression(t)}this._flowItems[this._flowItems.length-1]==="layer-list"&&this._layerList.value&&await this._layerList.value.refresh(),this._featureList.value&&this._featureList.value.refresh(),this._createFeature.value&&this._createFeature.value.refresh(this.floorLevel)}async showMyReportsOnlyWatchHandler(){this._editableLayerIds&&(await this._updateFeatures(),this.refreshLists())}async sortOptionWatchHandler(){this.updateSortingOptions()}sortFieldsWatchHandler(){let e=this._getConfiguredLayerSortInfo(this._selectedLayerId);if(e?.id===this._selectedLayerId&&this._flowItems[this._flowItems.length-1]==="feature-list"){if(e?.fields.length>0){let t=this._updatedSorting?.order==="asc"?"asc":"desc";this.sortOptionClick(e.fields[0],t,this._updatedSortOption)}}else this._flowItems[this._flowItems.length-1]==="feature-list"&&this.updateSortingOptions()}filterByMapExtentChangeWatchHandler(){this.refreshLists()}async layerExpressionsWatchHandler(){await this.resetFilterList(),await this.handleSelectedLayersFilter(),await this._featureList.value?.refresh()}async showFeatureSymbolWatchHandler(){await this._featureList.value?.refresh()}async updateLayerExpressionsT9n(e){if(this._t9nLayerExpressions=e||this.layerExpressions,this._filterList!=null)await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);else if(this._currentLayerExpressions!=null){let t=structuredClone(this._currentLayerExpressions);this.handleLayerExpressionsT9n(t,this._t9nLayerExpressions),this._currentLayerExpressions=t,this._showFilterIcon=this._currentLayerExpressions?.length>0}return Promise.resolve()}async load(){this._urlParamsLoaded=!1,await this.mapView?.when(async()=>{this._layers=this.reportingOptions?Object.keys(this.reportingOptions).filter(e=>{let t=e&&this.reportingOptions&&this.reportingOptions[e];return t&&t.visible}):[],this.setInitExpressions(),await this.setMapView()})}render(){let e=this.theme==="dark"?"calcite-mode-dark":"calcite-mode-light";return l`${this._reportSubmitted&&l`<calcite-alert auto-close class=${`${e} report-submitted-msg`} icon=check-circle kind=success .label=${this._translations.notification} @calciteAlertClose=${()=>{this._reportSubmitted=!1}} open placement=top><div slot=message .innerHTML=${(this.reportSubmittedMessage||this._translations.submitMsg)??""} ${h(this._reportSubmittedAlertNode)}></div></calcite-alert>`||""}${this._featureCreationFailedErrorMsg&&l`<calcite-alert auto-close class=${u(e)} icon=x-octagon kind=danger .label=${this._translations.notification} @calciteAlertClose=${()=>{this._featureCreationFailedErrorMsg=""}} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._featureCreationFailedErrorMsg}</div></calcite-alert>`||""}${this._commentSubmitted&&l`<calcite-alert auto-close class=${`report-submitted ${e}`} icon=check-circle kind=success .label=${this._translations.notification} @calciteAlertClose=${()=>{this._commentSubmitted=!1}} open placement=top><div slot=message .innerHTML=${(this.commentSubmittedMessage||this._translations.commentSubmittedMsg)??""} ${h(this._commentSubmittedAlertNode)}></div></calcite-alert>`||""}${this._addingCommentFailed&&l`<calcite-alert auto-close class=${u(e)} icon=x-octagon kind=danger .label=${this._translations.notification} @calciteAlertClose=${()=>{this._addingCommentFailed=!1}} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.addingCommentFailedMsg}</div></calcite-alert>`||""}<div><calcite-shell content-behind>${this._getReporter()}</calcite-shell></div>${this.isMobile&&this.filterModal()||""}`}updated(){this._adjustAlertStyles()}async setSelectedLayer(e,t){this._selectedLayerId=e,this._selectedLayer=this.mapView&&await d(this.mapView,e),this._selectedLayerName=t,this._validLayers.forEach(i=>{this._nonVisibleValidLayers.find(s=>s.id===i.id)||i.set("visible",!e||i.id===e)})}_getLayersConfig(e){return this.reportingOptions&&this.reportingOptions[e]?this.reportingOptions[e]:null}_getReporter(){let e=[];this._flowItems.forEach(i=>{switch(i){case"layer-list":e.push(this.getLayerListFlowItem());break;case"feature-list":e.push(this.getFeatureListFlowItem(this._selectedLayerId,this._selectedLayerName));break;case"filter-panel":e.push(this.getFilterPanel());break;case"feature-details":e.push(this.getFeatureDetailsFlowItem());break;case"reporting-layer-list":e.push(this.getChooseCategoryFlowItem());break;case"feature-create":e.push(this.getFeatureCreateFlowItem());break;case"comment-details":e.push(this.getCommentDetailsFlowItem());break;case"add-comment":e.push(this.getAddCommentFlowItem());break}});let t=this.theme==="dark"?"calcite-mode-dark":"calcite-mode-light";return l`<calcite-panel class=${`width-full ${t}`}>${this.mapView?l`<calcite-flow>${e?.length>0&&e||""}</calcite-flow>`:l`<calcite-loader .label=${this._translations.loading} scale=m></calcite-loader>`}</calcite-panel>`}filterModal(){return(this.layerExpressions?this.layerExpressions.filter(e=>e.id===this._selectedLayerId):[]).length>0&&l`<calcite-dialog aria-labelledby=modal-title class="modal" .heading=${this._translations.filterLayerTitle.replace("{{title}}",this._selectedLayerName)} kind=brand @calciteDialogClose=${()=>{this._closeFilter()}} .open=${this._filterOpen} width=s><div>${this.mapView&&l`<instant-apps-filter-list close-btn .closeBtnOnClick=${()=>{this._closeFilter()}} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${()=>{this._filterActive=!1,this._featureList.value&&this._featureList.value.refresh()}} @filterUpdate=${()=>{this._filterList?.filterCount!==void 0&&this._handleFilterUpdate(this._filterList?.filterCount>0)}} .view=${this.mapView} ${h(this._setFilterList)}></instant-apps-filter-list>`||""}</div></calcite-dialog>`||""}_setFilterList(e){this._filterList=e,e&&(e.autoUpdateUrl=!1,e.resetBtn=this.isMobile,e.resetFiltersOnDisconnect=!1,e.zoomBtn=!1)}_adjustAlertStyles(){this.reportSubmittedMessage&&this._reportSubmittedAlertNode.value?.children[0]&&(this._reportSubmittedAlertNode.value.children[0].style.margin="0px"),this.commentSubmittedMessage&&this._commentSubmittedAlertNode.value?.children[0]&&(this._commentSubmittedAlertNode.value.children[0].style.margin="0px")}_toggleFilter(){this._filterOpen=!this._filterOpen}async _closeFilter(){this._filterOpen=!1,this._filterList!=null&&(this._currentLayerExpressions=await this._filterList.getCurrentLayerExpressions(),this._showFilterIcon=this._currentLayerExpressions?.length>0)}async sortOptionClick(e,t,i){this._updatedSorting={field:e,order:t},this._updatedSortOption=i,this._sortPopoverNode.value&&(this._sortPopoverNode.value.open=!1)}_getConfiguredLayerSortInfo(e){return this.sortFields&&this.sortFields.layers.find(t=>t.id===e)||null}_toggleSort(){let e=this.reportingOptions&&this.reportingOptions[this._selectedLayerId]&&this.reportingOptions[this._selectedLayerId].like&&this.reportingOptions[this._selectedLayerId].likeField,t=this._getConfiguredLayerSortInfo(this._selectedLayerId);return l`<calcite-popover auto-close .label=${this._translations.sortOptions} offset-distance=0 .placement=${this.isMobile?"leading-start":"bottom-start"} pointer-disabled reference-element=sort-popover ${h(this._sortPopoverNode)}><calcite-list .label=${this._translations.sortOptions} selection-mode=single-persist><calcite-list-item .label=${this._translations.sortNewest} @calciteListItemSelect=${()=>{this._selectedLayer&&this.sortOptionClick(this._selectedLayer.objectIdField,"desc","newest")}} .selected=${this._updatedSortOption==="newest"} value=newest></calcite-list-item><calcite-list-item .label=${this._translations.sortOldest} @calciteListItemSelect=${()=>{this._selectedLayer&&this.sortOptionClick(this._selectedLayer.objectIdField,"asc","oldest")}} .selected=${this._updatedSortOption==="oldest"} value=oldest></calcite-list-item>${e&&l`<calcite-list-item .label=${this._translations.sortHighestVoted} @calciteListItemSelect=${()=>{let i=this.reportingOptions&&this.reportingOptions[this._selectedLayerId].likeField;i!==void 0&&this.sortOptionClick(i,"desc","highestVoted")}} .selected=${this._updatedSortOption==="highestVoted"} value=highestVoted></calcite-list-item><calcite-list-item .label=${this._translations.sortLowestVoted} @calciteListItemSelect=${()=>{let i=this.reportingOptions&&this.reportingOptions[this._selectedLayerId].likeField;i&&this.sortOptionClick(i,"asc","lowestVoted")}} .selected=${this._updatedSortOption==="lowestVoted"} value=lowestVoted></calcite-list-item>`||""}${t&&l`<calcite-list-item .label=${this._translations.sortAlphabetical} @calciteListItemSelect=${()=>{let i=this._getConfiguredLayerSortInfo(this._selectedLayerId);i?.fields&&this.sortOptionClick(i.fields[0],"asc","alphabetical")}} .selected=${this._updatedSortOption==="alphabetical"} value=alphabetical></calcite-list-item><calcite-list-item .label=${this._translations.reverseSortAlphabetical} @calciteListItemSelect=${()=>{let i=this._getConfiguredLayerSortInfo(this._selectedLayerId);i?.fields&&this.sortOptionClick(i.fields[0],"desc","reverseAlphabetical")}} .selected=${this._updatedSortOption==="reverseAlphabetical"} value=reverseAlphabetical></calcite-list-item>`||""}</calcite-list></calcite-popover>`}async _handleFilterListReset(){this._filterActive=!1}async _handleFilterUpdate(e){this._showLoadingIndicator=!0,this._filterActive=e,this._featureList.value&&await this._featureList.value.refresh(),this._showLoadingIndicator=!1}getLayerListFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this.reportsHeader} .loading=${this._showLoadingIndicator} .selected=${this._flowItems[this._flowItems.length-1]==="layer-list"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this._hasValidLayers&&this.enableNewReports&&l`<calcite-button appearance=solid @click=${this.navigateToChooseCategory} slot=footer width=full>${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText}</calcite-button>`||""}<calcite-panel><layer-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} .layers=${this._editableLayerIds?.length>0?this._editableLayerIds:this._layers} .mapView=${this.mapView} @layerSelect=${this.displayFeaturesList} @layersListLoaded=${this.layerListLoaded} show-feature-count show-next-icon ${h(this._layerList)}></layer-list></calcite-panel></calcite-flow-item>`}getChooseCategoryFlowItem(){let e=this.reportingOptions?Object.keys(this.reportingOptions).filter(t=>this.reportingOptions&&this.reportingOptions[t].visible&&this.reportingOptions[t].reporting&&this._layerItemsHash&&this._layerItemsHash[t]&&this._layerItemsHash[t].supportsAdd):[];return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="reporting-layer-list"}><calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.chooseCategoryMsg}</div></calcite-notice><layer-list class="height-full" .layers=${e} .mapView=${this.mapView} @layerSelect=${this.navigateToCreateFeature}></layer-list></calcite-panel></calcite-flow-item>`}getFeatureCreateFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._selectedLayerName} @calciteFlowItemBack=${this.backFromCreateFeaturePanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-create"}>${this._showSubmitCancelButton&&l`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${this._submitNextButtonDisabled} @click=${this._showNextButton?this.onNextButtonClick.bind(this):this.onCreateFeatureSubmitButtonClick.bind(this)} width=full>${this._showNextButton?this._translations.next:this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>`||""}<calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><create-feature app-name=reporter .aiImageExtraction=${this.aiImageExtraction} .aiTextExtraction=${this.aiTextExtraction} class="height-full overflow-auto" customize-submit .enableSearch=${this.enableSearch} .enablePhotoLocation=${this.enablePhotoLocation} .enableMessageLocation=${this.enableMessageLocation} .enableSnapping=${this.enableSnapping} .floorLevel=${this.floorLevel} .formElements=${this._formElements.find(e=>e.id===this._selectedLayerId)} .reportingAreaLayer=${this.reportingAreaLayer} .isMobile=${this.isMobile} .mapView=${this.mapView} @drawComplete=${this.onFormReady} @editingLocation=${this.editingLocation} @editingAttachment=${this.showSubmitCancelButton} @fail=${this.createFeatureFailed} @modeChanged=${this.backFromCreateFeaturePanel} @progressStatus=${this.updatedProgressStatus} @success=${this.onReportSubmitted} .searchConfiguration=${this.searchConfiguration} .selectedLayerId=${this._selectedLayerId} .reportingArea=${this.reportingArea} .reportingAreaMessage=${this.reportingAreaMessage} .submitNewReportsMessage=${this.submitNewReportsMessage} update-map-position ${h(this._createFeature)}></create-feature></calcite-panel></calcite-flow-item>`}updatedProgressStatus(e){this._updatedProgressBarStatus=e.detail}onFormReady(e){this._submitNextButtonDisabled=e.detail,this._showSubmitCancelButton=!0}editingLocation(){this._showNextButton=!0}showSubmitCancelButton(e){this._showSubmitCancelButton=!e.detail}onCreateFeatureSubmitButtonClick(){this._createFeature.value&&(this._showNextButton=!1,this._createFeature.value.submit())}backFromCreateFeaturePanel(){this._createFeature.value&&(this._showSubmitCancelButton=!1,this._showNextButton=!1,this.updateNonVisibleLayersOnMap(!1)),this.backFromSelectedPanel()}onNextButtonClick(){this._createFeature.value&&(this._showNextButton=!1,this._showSubmitCancelButton=!0,this._createFeature.value.showForm())}onCreateRelatedFeatureSubmitButtonClick(){this._createRelatedFeature.value&&this._createRelatedFeature.value.submit()}backFromCreateRelatedFeaturePanel(){this._createRelatedFeature.value&&(this._showSubmitCancelButton=!1),this.backFromSelectedPanel()}createFeatureFailed(e){console.error(e.detail),this._showSubmitCancelButton=!1,this._featureCreationFailedErrorMsg=e.detail.message}async onReportSubmitted(){this._showSubmitCancelButton=!1,this.updateNonVisibleLayersOnMap(!1),await this.navigateToHomePage(),this._reportSubmitted=!0,this._updatedProgressBarStatus=25,this._showFullPanel&&this.updatePanelState(this._sidePanelCollapsed,!1)}addCommentFailed(e){console.error(e.detail),this._addingCommentFailed=!0}async onCommentSubmitted(){this._commentSubmitted=!0,this.backFromCreateRelatedFeaturePanel(),this._showLoadingIndicator=!0,this._featureDetails.value&&await this._featureDetails.value.refresh(this._currentFeature),setTimeout(()=>{this._showLoadingIndicator=!1},300)}async navigateToHomePage(){if(await this.setSelectedFeatures([]),this._editableLayerIds.length===1)this._featureList.value&&await this._featureList.value.refresh(),this._flowItems=["feature-list"];else{let e=this.mapView&&await d(this.mapView,this._prevSelectedLayerId);this.floorLevel&&e?.floorInfo?.floorField&&this._updateFloorDefinitionExpression(e),this._layerList.value&&await this._layerList.value.refresh(),this._flowItems=["layer-list"]}}async navigateToCreateFeature(e){e.detail.layerId&&e.detail.layerName&&await this.setSelectedLayer(e.detail.layerId,e.detail.layerName),this.updateNonVisibleLayersOnMap(!0),this._getFormElements(),this._showSubmitCancelButton=!1,this._showNextButton=!1,this.updatePanelState(!1,!0),this._flowItems=[...this._flowItems,"feature-create"]}navigateToChooseCategory(){this.updatePanelState(!1,!0),this._flowItems=[...this._flowItems,"reporting-layer-list"]}updateNonVisibleLayersOnMap(e){this._nonVisibleValidLayers.find(t=>t.id===this._selectedLayerId)&&this._selectedLayer&&this._selectedLayer.set("visible",e)}async layerListLoaded(e){if(this._layerList.value&&this._flowItems[this._flowItems.length-1]==="layer-list"||this._flowItems[0]==="feature-list"){let t=e.detail,i=this.mapView&&await _(this.mapView),s=[];if(this._validLayers=[],this._nonVisibleValidLayers=[],i?.forEach(a=>{t.includes(a.id)&&(this._validLayers.push(a),a.visible||this._nonVisibleValidLayers.push(a),this._getLayersConfig(a.id)?.reporting&&this._layerItemsHash&&this._layerItemsHash[a.id]&&this._layerItemsHash[a.id].supportsAdd&&s.push(a.id))}),this.handleMapClick(),this._hasValidLayers=s.length>0,!this._urlParamsLoaded&&this._editableLayerIds.length>1&&this.layerId&&this.objectId){let a=this.mapView&&await d(this.mapView,this.layerId);a&&await this.displayFeaturesList({detail:{layerId:a.id,layerName:a.title}}),this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams()}}}async displayFeaturesList(e){this._showLoadingIndicator=!0,await this.setSelectedLayer(e.detail.layerId,e.detail.layerName),this.updateSortingOptions(),this.handleSelectedLayersFilter(),this._flowItems=[...this._flowItems,"feature-list"],this._prevSelectedLayerId=this._selectedLayerId,this._showLoadingIndicator=!1}updateSortingOptions(){let e=this.sortOption===""?"newest":this.sortOption,t=e==="oldest"||e==="lowestVoted"||e==="alphabetical"?"asc":"desc",i=this.reportingOptions?.[this._selectedLayerId]?.like?this.reportingOptions?.[this._selectedLayerId]?.likeField:"",s=this._getConfiguredLayerSortInfo(this._selectedLayerId)?.fields?.[0]||"",a=this._selectedLayer&&(e==="newest"||e==="oldest")?this._selectedLayer?.objectIdField:e==="alphabetical"||e==="reverseAlphabetical"?s:i,r=!!i&&(e==="highestVoted"||e==="lowestVoted"),o=!!s&&(e==="alphabetical"||e==="reverseAlphabetical");this._updatedSorting={field:a||"",order:t},this._updatedSortOption=r||o||!(e==="highestVoted"||e==="lowestVoted"||e==="alphabetical"||e==="reverseAlphabetical")?e:"newest"}async backFromFilterPanel(){this._filterList!=null&&(this._currentLayerExpressions=await this._filterList.getCurrentLayerExpressions(),this._showFilterIcon=this._currentLayerExpressions?.length>0),this._featureList.value&&await this._featureList.value.refresh(),this.backFromSelectedPanel()}backFromSelectedPanel(){this._updatedProgressBarStatus=25;let e=[...this._flowItems];if(e[e.length-1]==="comment-details"||e[e.length-1]==="add-comment"||this.clearHighlights(),(e[e.length-1]==="reporting-layer-list"||e[e.length-1]==="feature-create"&&(e[0]==="feature-list"||e[e.length-2]==="feature-list"))&&this.updatePanelState(this._sidePanelCollapsed,!1),e.pop(),e.length===1&&e[0]==="layer-list"){this.navigateToHomePage();return}this._flowItems=[...e]}toggleSidePanel(){this._sidePanelCollapsed=!this._sidePanelCollapsed,this.togglePanel.emit({panelState:this._sidePanelCollapsed,isFormOpen:this._showFullPanel})}updatePanelState(e,t){this._sidePanelCollapsed=e,this._showFullPanel=t,this.togglePanel.emit({panelState:this._sidePanelCollapsed,isFormOpen:this._showFullPanel})}async onFeatureSelectFromList(e){await this.setSelectedFeatures([e.detail]),this._flowItems=[...this._flowItems,"feature-details"]}async getRelatedTable(){let e=this._currentFeature?.layer,t=this.mapView&&await f(this.mapView);e.relationships?.some(i=>{let s=t?.filter(a=>e.url===a.url&&a.layerId===i.relatedTableId);return s&&s.length>0?(this._relatedTable=s[0],!0):!1})}async updatingFeatureDetails(e){this._showLoadingIndicator=e}async selectionChanged(e){this.updatingFeatureDetails(!0),await this.setCurrentFeature(e.detail.selectedFeature[0]),this.highlightOnMap(e.detail.selectedFeature[0]),this._selectedFeatureIndex=e.detail.selectedFeatureIndex,this._featureDetails.value&&await this._featureDetails.value.refresh(e.detail.selectedFeature[0])}showAddCommentsPanel(){this._flowItems=[...this._flowItems,"add-comment"]}async onCommentSelectFromList(e){this._selectedRelatedFeature=[e.detail],this._flowItems=[...this._flowItems,"comment-details"]}getFeatureListFlowItem(e,t){let i=this._getLayersConfig(this._selectedLayerId)?.reporting&&this._layerItemsHash&&this._layerItemsHash[this._selectedLayerId].supportsAdd,s=this._showFilterIcon;return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${t} .loading=${!this.isMobile&&this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-list"}>${this._toggleSort()}<calcite-action icon=sort-ascending-arrow id=sort-popover slot=header-actions-end .text=${this._translations.sort} title=${this._translations.sort??p}></calcite-action>${s&&l`<calcite-action icon=filter .indicator=${this._filterActive} @click=${()=>{this.isMobile?this._toggleFilter():this._flowItems=[...this._flowItems,"filter-panel"]}} slot=header-actions-end .text=${this._translations.filter} title=${this._translations.filter??p}></calcite-action>`||""}${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this.enableNewReports&&i&&l`<calcite-button appearance=solid @click=${this.navigateToCreateFeature} slot=footer width=full>${this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText}</calcite-button>`||""}<calcite-panel>${l`<feature-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} highlight-on-hover .mapView=${this.mapView} .noFeaturesFoundMsg=${this._translations.featureErrorMsg} @featureClick=${()=>{this._showLoadingIndicator=!0}} @featureSelect=${this.onFeatureSelectFromList} page-size=30 .reportingOptions=${this.reportingOptions} .selectedLayerId=${e} show-error-when-no-features .showFeatureSymbol=${this.showFeatureSymbol} .sortingInfo=${this._updatedSorting} ${h(this._featureList)}></feature-list>`}</calcite-panel></calcite-flow-item>`}getFilterPanel(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._translations.filterLayerTitle.replace("{{title}}",this._selectedLayerName)} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromFilterPanel} .selected=${this._flowItems[this._flowItems.length-1]==="filter-panel"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<div class=width-full slot=footer><div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${!this._filterActive} @click=${this.resetFilterList} width=full>${this._translations.resetFilter}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromFilterPanel} width=full>${this._translations.close}</calcite-button></div></div><calcite-panel>${this.mapView&&l`<instant-apps-filter-list .closeBtnOnClick=${()=>{}} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${()=>{this._handleFilterListReset()}} @filterUpdate=${()=>{let e=this._filterList?.filterCount;e!==void 0&&this._handleFilterUpdate(e>0)}} .view=${this.mapView} ${h(this._setFilterList)}></instant-apps-filter-list>`||""}</calcite-panel></calcite-flow-item>`}getFeatureDetailsFlowItem(){let e=this._selectedLayer?.relationships,t=this._getLayersConfig(this._selectedLayerId)?.comment&&e&&e.length>0&&this._relatedTable;return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._selectedLayerName} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="feature-details"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}${this.mapView&&l`<instant-apps-social-share class=share-node flip-rtl popover-button-icon-scale=s remove-popover-offset scale=m share-button-color=neutral share-button-type=action slot=header-actions-end social-media .view=${this.mapView} ${h(this._shareNode)}></instant-apps-social-share>`||""}${this._selectedFeature.length>1&&this.getFeaturesPagination()||""}<calcite-panel><feature-details class=full-height .enableSnapping=${this.enableSnapping} .graphics=${this._selectedFeature} .layerItemsHash=${this._layerItemsHash} .mapView=${this.mapView} @addComment=${this.showAddCommentsPanel} @commentClick=${()=>{this._showLoadingIndicator=!0}} @commentSelect=${this.onCommentSelectFromList} @featureSelectionChange=${this.selectionChanged} @likeOrDislikeClicked=${()=>{this._featureList.value&&this._featureList.value.refresh(!0)}} @loadingStatus=${i=>{this.updatingFeatureDetails(i.detail)}} .reportingOptions=${this.reportingOptions} .showFullCommentTitle=${this.showFullCommentTitle} .showUserImageInCommentsList=${this.showUserImageInCommentsList} ${h(this._featureDetails)}></feature-details>${t&&l`<calcite-button appearance=solid @click=${this.showAddCommentsPanel} slot=footer width=full>${this.commentButtonText||this._translations.comment}</calcite-button>`||""}</calcite-panel></calcite-flow-item>`}getFeaturesPagination(){return l`<div class="feature-pagination"><div><calcite-button appearance=transparent icon-start=chevron-left icon-flip-rtl=both id=solutions-back .label=${this._translations.back} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.back()} scale=s width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-button appearance=transparent .label=${this._translations.toggleListView} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.toggleListView()} scale=s><span class="pagination-count">${this._getCount()}</span></calcite-button><div><calcite-button appearance=transparent icon-flip-rtl=both icon-start=chevron-right id=solutions-next .label=${this._translations.next} @click=${()=>this._featureDetails.value&&void this._featureDetails.value.next()} scale=s width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>`}getCommentDetailsFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._relatedTable?.title||""} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length-1]==="comment-details"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this._selectedRelatedFeature} .mapView=${this.mapView} @selectionChanged=${()=>{this._showLoadingIndicator=!1}}></info-card></calcite-panel></calcite-flow-item>`}getAddCommentFlowItem(){return l`<calcite-flow-item .collapsed=${this.isMobile&&this._sidePanelCollapsed} .heading=${this._relatedTable?.title||""} @calciteFlowItemBack=${this.backFromCreateRelatedFeaturePanel} .selected=${this._flowItems[this._flowItems.length-1]==="add-comment"}>${this.isMobile&&this.getActionToExpandCollapsePanel()||""}<div class=width-full slot=footer>${this._showSubmitCancelButton&&l`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateRelatedFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateRelatedFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>`||""}</div><calcite-panel><create-related-feature customize-submit .enableSnapping=${this.enableSnapping} .mapView=${this.mapView} @fail=${this.addCommentFailed} @formReady=${this.onFormReady} @isActionPending=${this.showSubmitCancelButton} @success=${this.onCommentSubmitted} .selectedFeature=${this._currentFeature} .table=${this._relatedTable} ${h(this._createRelatedFeature)}></create-related-feature></calcite-panel></calcite-flow-item>`}async setSelectedFeatures(e){this._selectedFeature=e,await this.setCurrentFeature(this._selectedFeature.length?this._selectedFeature[0]:void 0)}async setCurrentFeature(e){if(this._currentFeature=e,e&&e.layer){let t=e.layer;t.title&&this.setSelectedLayer(t.id,t.title),this._currentFeatureId=e.attributes[t.objectIdField],this._getLayersConfig(t.id)?.comment&&t.relationships&&t.relationships.length>0&&await this.getRelatedTable()}else this._editableLayerIds.length>1&&(this.setSelectedLayer("",""),this.handlePrevLayersFilter()),this._currentFeatureId="";this._updateShareURL()}async highlightOnMap(e){if(this.clearHighlights(),e&&e.geometry&&e.layer&&e.layer.id!==void 0){let t=this.mapView&&await m(this.mapView,e.layer.id.toString());if(t){let i=Number(e.getObjectId());this._highlightHandle=this.mapView&&await S([i],t,this.mapView,!0,this.zoomToScale)}}this.updatingFeatureDetails(!1)}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}getActionToExpandCollapsePanel(){return l`<calcite-action .icon=${this._sidePanelCollapsed?"chevrons-up":"chevrons-down"} @click=${this.toggleSidePanel} slot=header-actions-end .text=${(this._sidePanelCollapsed?this._translations.expand:this._translations.collapse)||""}></calcite-action>`}async setMapView(){this.mapView&&await f(this.mapView),await this.getLayersToShowInList(),await this._updateFeatures(),this._editableLayerIds?.length===1?await this.renderFeaturesList():this._flowItems=["layer-list"],this.mapView&&(this.mapView.popupEnabled=!1,this._defaultCenter&&this._defaultLevel&&(await this.mapView.goTo({center:this._defaultCenter,zoom:this._defaultLevel}),this._defaultCenter=void 0,this._defaultLevel=void 0))}handleMapClick(){this._mapClickHandle&&this._mapClickHandle.remove(),this._mapClickHandle=E.on(()=>this.mapView,"click",e=>{this.mapView&&(this.mapView.popupEnabled=!1),this.onMapClick(e)})}async onMapClick(e){if(!(this._flowItems[this._flowItems.length-1]==="feature-create"||this._flowItems[this._flowItems.length-1]==="add-comment")&&this.mapView){let t=await this.mapView.hitTest(e),i=[],s=[],a=[],r=!1;t.results.length>0&&t.results.forEach(n=>{n.type==="graphic"&&i.push(n.graphic)}),i.length>0&&(await this._setReportingGraphics(i),s=this._getNonReportingLayerGraphics(i)),this._mapImageryLayersId.length>0&&(a=await this._getIdentifiedGraphics(e.mapPoint),r=a.length>0);let o=s.concat(a);if(o.length>0){this.mapView.popupEnabled=!0;let n={features:o,location:e.mapPoint,updateLocationEnabled:!r};await this.mapView.openPopup(n)}}}async _setReportingGraphics(e){let t=e.filter(i=>{if(i.layer?.type==="feature"){let s=i.layer;return this._validLayers.includes(s)}else return!1});this._selectedLayer&&this._selectedFeature.length>0&&this._selectedLayer.id===t[0]?.layer?.id&&t[0].attributes[this._selectedLayer.objectIdField]===this._selectedFeature[0].attributes[this._selectedLayer.objectIdField]||t.length>0&&(await this.setSelectedFeatures(t),this._flowItems.length&&this._flowItems.includes("feature-details")?(this._flowItems=[...this._flowItems.slice(0,this._flowItems.indexOf("feature-details")+1)],await this.highlightOnMap(e[0])):this._flowItems=[...this._flowItems,"feature-details"])}_getNonReportingLayerGraphics(e){return e.filter(t=>{if(t.layer?.type==="feature"){let i=t.layer;return!this._validLayers.includes(i)&&i?.popupEnabled&&i?.id}else return!1})}async _getIdentifiedGraphics(e){let t=new O({geometry:e,tolerance:3,mapExtent:this.mapView?.extent}),i,s=[];for(let r of this._mapImageryLayersId){let o=this.mapView&&await d(this.mapView,r);if(o?.url&&t)try{let n=await k?.identify(o.url,t);if(n?.results?.length){s=n.results,i=o;break}}catch(n){console.error(n)}}let a=[];return s.forEach(r=>{let o=r.layerId,n=i?.sublayers?.items.find(V=>V.id===o),w=n?.popupTemplate;n?.popupEnabled&&w&&(r.feature.popupTemplate=w,a.push(r.feature))}),a}_getCount(){let e=(this._selectedFeatureIndex+1).toString(),t=this._selectedFeature.length.toString();return this._translations.indexOfTotal.replace("{{index}}",e).replace("{{total}}",t)}_updateFloorDefinitionExpression(e){let t=`${e?.floorInfo?.floorField} = '${this.floorLevel}'`,i=e.definitionExpression;e.definitionExpression=i&&i?.indexOf(this._floorExpression)>-1?i.replace(this._floorExpression,t):t,this._floorExpression=t}_getFormElements(){let e=this._selectedLayer;if(e?.floorInfo?.floorField&&this.floorLevel&&e?.formTemplate){let t=this._formElements.find(i=>i.id===e.id);(this._formElements.length===0||!t)&&this._formElements.push({id:e.id,orgElements:e.formTemplate.elements,orgExpressionInfos:e.formTemplate.expressionInfos})}}reduceToConfiguredLayers(e,t){return Object.keys(e).reduce((i,s)=>{let a=this.reportingOptions?this._getLayersConfig(s)?.visible:e[s].supportsAdd;return!t.includes(s)&&a&&i.push(s),i},[])}refreshLists(){setTimeout(()=>{this._layerList.value&&this._flowItems[this._flowItems.length-1]==="layer-list"&&this._layerList.value.refresh(),this._featureList.value&&this._featureList.value.refresh()},50)}async _updateFeatures(){for(let e of this._editableLayerIds){let t=this.mapView&&await m(this.mapView,e);t&&(await this._showMyFeaturesOnly(t),t.layer?.floorInfo?.floorField&&this.floorLevel&&this._updateFloorDefinitionExpression(t.layer))}}async _showMyFeaturesOnly(e){let t=(this.mapView?.map).portalItem.portal?.credential?.userId;if(t&&e){let i=e.layer.editFieldsInfo?.creatorField.toLowerCase();e.filter=this.showMyReportsOnly&&i?new P({where:`${i} = '${t}'`}):null}}async getLayersToShowInList(){let e=this.mapView&&await x(this.mapView,!1),t=this.mapView&&await _(this.mapView),i=[];t?.forEach(s=>{s?.type==="feature"&&s?.editingEnabled&&s?.capabilities?.operations?.supportsAdd&&(e[s.id].supportsAdd=!0),s?.editingEnabled||i.push(s.id)}),this._editableLayerIds=this.reduceToConfiguredLayers(e,i),this._layerItemsHash=e}async renderFeaturesList(){this._flowItems=["feature-list"];let e={detail:this._editableLayerIds};await this.layerListLoaded(e),await this.setSelectedLayer(this._validLayers[0].id,this._validLayers[0]?.title||""),this.updateSortingOptions(),await this.handleSelectedLayersFilter(),this._urlParamsLoaded||(this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams())}_updateShareURL(){let e=this._shareNode.value?.shareUrl;if(!e)return;let t=new URL(e);this._selectedLayerId?t.searchParams.set("layerid",this._selectedLayerId):t.searchParams.delete("layerid"),this._selectedFeature?.length?t.searchParams.set("oid",this._currentFeatureId):t.searchParams.delete("oid"),this._shareNode.value&&(this._shareNode.value.autoUpdateShareUrl=!1,this._shareNode.value.shareUrl=t.href)}async loadFeatureFromURLParams(){if(this.center&&this.level&&await this.mapView?.goTo({center:this.center.split(";").map(Number),zoom:parseInt(this.level,10)}),this.layerId&&this.objectId){let e=this.mapView&&await d(this.mapView,this.layerId);if(e){let t=this.mapView&&await v([Number(this.objectId)],e,[],!0,this.mapView.spatialReference);t?.length&&(await this.setSelectedFeatures(t),this._flowItems.length&&this._flowItems[this._flowItems.length-1]!=="feature-details"?this._flowItems=[...this._flowItems,"feature-details"]:this._flowItems=[...this._flowItems])}}}async handleSelectedLayersFilter(){if(this._selectedLayer){let e=this.layerExpressions?structuredClone(this.layerExpressions.filter(t=>t.id===this._selectedLayerId)):[];this._t9nLayerExpressions!=null&&this.handleLayerExpressionsT9n(e,this._t9nLayerExpressions),this._currentLayerExpressions=e,this._showFilterIcon=this._currentLayerExpressions?.length>0,this.setActiveDefinitionExpressions()}}async handlePrevLayersFilter(){if(this._prevSelectedLayerId){let e=this.mapView&&await d(this.mapView,this._prevSelectedLayerId);e&&this._initDefExpressions&&(e.definitionExpression=this._initDefExpressions[this._prevSelectedLayerId])}}async resetFilterList(){await this._filterList?.forceReset(),this._selectedLayer!==void 0&&this._initDefExpressions&&(this._selectedLayer.definitionExpression=this._initDefExpressions[this._selectedLayerId],this._filterActive=!1)}setActiveDefinitionExpressions(){if(this._selectedLayer===void 0)return;let e=[];if(this._currentLayerExpressions&&this._currentLayerExpressions?.length>0){let t=this._currentLayerExpressions[0];for(let i of t.expressions){let{active:s,definitionExpression:a}=i;s&&a&&e.push(`(${a})`)}this._filterActive=e.length>0,this.updateFilterLayerDefExpression(e,t.operator)}}updateFilterLayerDefExpression(e,t){let i=this._initDefExpressions&&this._initDefExpressions[this._selectedLayerId],s=e?.length>0&&i?`(${e.join(t)}) AND (${i})`:e.length>0?e.join(t):i;this._selectedLayer&&(this._selectedLayer.definitionExpression=s)}setInitExpressions(){if(this._initDefExpressions={},this.mapView==null)return;let e=this.mapView.map;e.allLayers.concat(e.allTables.toArray()).forEach(t=>{if(t.type==="map-image"&&t.popupEnabled&&!this._mapImageryLayersId.includes(t.id)){this._mapImageryLayersId.push(t.id);return}if(t.type!=="feature")return;let i=t;this._initDefExpressions&&(this._initDefExpressions[i.id]=i.definitionExpression||"")})}handleLayerExpressionsT9n(e,t){e?.forEach(i=>{let s=t?.find(a=>a.id===i.id);s!=null&&(i.title=s.title,i.expressions?.forEach(a=>{let r=s.expressions?.find(o=>o.id===a.id);r!=null&&(a.name=r.name)}))})}};F("crowdsource-reporter",g);return g},"core/reactiveUtils","layers/support/FeatureFilter","rest/identify","rest/support/IdentifyParameters",a,d)

package/dist/cdn/{2N37BZ4E.js → NFSBYFAN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as E}from"./PPFEO3UH.js";import d from"./3I3KEFHZ.js";import a from"./XOPNEAS5.js";import{a as R,b as v}from"./2B4SGB3I.js";import{b as _}from"./RLSY4VUQ.js";import{a as A}from"./E6FH6VES.js";import{b as C}from"./XTHPWGYU.js";import{H as S,J as b,h as N,i as c,q as u}from"./T3EPRHTT.js";export default $arcgis.t(([{s:g},{j:F,k:I}])=>{var f=N`.width-full{width:100%}calcite-panel{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-panel-footer-space: var(--calcite-spacing-sm)}.border-color{--calcite-block-border-color: transparent}calcite-block{margin:0;--calcite-block-content-space: 0}.tree-padding{padding:0 .2rem}.display-none{display:none}`,M={PUBLICSAFETY:["EMERGENCYMANAGEMENT","FIRESERVICE","LAWENFORCEMENT"],STATEANDLOCALGOVERNMENT:["AGRICULTURE","AIRPORT","ASSESSMENTANDTAXATION","ELECTIONS","EMERGENCYMANAGEMENT","FIRESERVICE","FISHANDWILDLIFE","HEALTHANDHUMANSERVICES","LAWENFORCEMENT","NATURALRESOURCES","PARKS","PLANNINGANDDEVELOPMENT","PUBLICWORKS","TRANSPORTATION"],UTILITIES:["DISTRICTENERGY","ELECTRIC","GAS","SEWER","STORMWATER","WATER"]},T=Object.keys(F).reduce((m,t)=>{let e=t;return m[e]=M[e]??[],m},{}),y=class extends S{constructor(){super(),this.hideIndustryFilter=!1,this.showReset=!1,this._activeFilterSettings={categories:[]},this._isMobile=!1,this._translations=A({name:"solutions-filter-panel",blocking:!0}),this._userFirstName="",this._configContextConsumer=_({context:v,subscribe:!0,callback:t=>{t?.userSession&&!this._userFirstName&&this._loadUserFirstName()}}),this._isMobileContextConsumer=_({context:R,subscribe:!0,callback:t=>this._isMobile=t}),this.applyFilter=u(),this.toggleFilter=u(),this.updateUrlParams=u(),this._handleFilterRemoved=t=>{let e=t.detail;Array.isArray(e)&&(this._activeFilterSettings={...this._activeFilterSettings,categories:[...e]})},this._industryMatchName=t=>{let e=Object.keys(this._translations.industries).find(o=>o.toUpperCase()===t.replaceAll(" ","").toUpperCase());return e&&e in this._translations.industries?this._translations.industries[e]:t},this._domainMatchName=t=>{let e=Object.keys(this._translations.industriesDomain).find(o=>o.toUpperCase()===t.replaceAll(" ","").toUpperCase());return e&&e in this._translations.industriesDomain?this._translations.industriesDomain[e]:t},this.listenOn(window,"filterRemoved",this._handleFilterRemoved),this.listenOn(window,"tabChanged",t=>{t.detail==="all-solutions"?this.updateUrlParams.emit(this._activeFilterSettings):this.updateUrlParams.emit(null)})}static{this.properties={hideIndustryFilter:5,showReset:5,_activeFilterSettings:16,_isMobile:16,_translations:16,_userFirstName:16}}static{this.styles=f}changeIndustryFilter(t,e,o,h){if(window.dispatchEvent(new CustomEvent("clearAssistantResultFilters")),t!==""||e!==""){let r=[];if(e!==""){let i=F[t],a=this._industryMatchName(i),s=I[e],n=this._domainMatchName(s);r=[{displayValue:a,type:"industry",value:t,industry:t,domain:""},{displayValue:n,type:"domain",value:e,industry:t,domain:e}]}else r=[{displayValue:o,type:e!==""?"domain":"industry",value:e!==""?e:t,industry:t,domain:e}];this._activeFilterSettings={...this._activeFilterSettings,categories:[...r]},h&&this.applyFilter.emit(r)}else{let r={displayValue:o,type:"industry",value:t,industry:t,domain:e};this._activeFilterSettings={...this._activeFilterSettings,categories:[r]},h&&this.applyFilter.emit(r)}}clearFilters(){this.changeIndustryFilter("","",""),this.applyFilter.emit(null)}async load(){await this._loadUserFirstName(),this._isMobileContextConsumer.value&&(this._isMobile=this._isMobileContextConsumer.value)}render(){return c`<calcite-panel description heading>${this.showReset&&c`<calcite-action appearance=solid icon=reset @click=${()=>{this.clearFilters()}} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action>`||""}<calcite-block-group .label=${this._translations.filters} scale=l>${!this.hideIndustryFilter&&this.renderIndustryBlock()||""}</calcite-block-group></calcite-panel>`}renderIndustryBlock(){let t=(i,a)=>!this._activeFilterSettings||!this._activeFilterSettings.categories?!1:this._activeFilterSettings.categories.some(s=>s.industry===i&&(s.domain??"")===a),e=i=>!this._activeFilterSettings||!this._activeFilterSettings.categories?!1:this._activeFilterSettings.categories.some(a=>a.industry===i&&(a.domain??"")===""),o=(i,a)=>a.length>0&&(e(i)||this._activeFilterSettings.categories?.some(s=>s.industry===i&&!!s.domain&&a.includes(s.domain))===!0),h=(i,a)=>E(a,s=>s,s=>{let n=Object.keys(this._translations.industriesDomain).find(l=>l.toUpperCase()===s.toUpperCase()),d=n&&n in this._translations.industriesDomain?this._translations.industriesDomain[n]:s,p=t(i,s);return c`<calcite-tree-item .label=${d} @click=${l=>{l.detail!==0&&this.changeIndustryFilter(i,s,d,!0)}} @keydown=${l=>{g(l,()=>{this.changeIndustryFilter(i,s,d,!0)})}} .selected=${p||void 0}>${d}</calcite-tree-item>`}),r=E(Object.entries(T),([i,a])=>i,([i,a])=>{let s=this._industryMatchName(i),n=a,d=e(i),p=o(i,n);return c`<calcite-tree-item .label=${s} @click=${l=>{l.detail!==0&&this.changeIndustryFilter(i,"",s,!0)}} @keydown=${l=>{g(l,()=>{this.changeIndustryFilter(i,"",s,!0)})}} .selected=${d||void 0} .expanded=${p?!0:void 0}>${s}${n.length>0&&c`<calcite-tree slot=children selection-mode=multiple>${h(i,n)}</calcite-tree>`||""}</calcite-tree-item>`});return c`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-action class=${b(this._isMobile?"":"display-none")} icon=x @click=${this._toggleFilter} slot=content-end .text=${this._translations.close}></calcite-action><calcite-tree selection-mode=single-persist class="tree-padding">${r}</calcite-tree></calcite-block>`}_toggleFilter(){this.toggleFilter.emit()}async _loadUserFirstName(){try{let t=await this._configContextConsumer.value?.userSession?.getUser();if(t?.fullName){let e=t.fullName.split(" ")[0];this._userFirstName=e}}catch{}}};C("solutions-filter-panel",y);return y},a,d)
+import{a as E}from"./PPFEO3UH.js";import d from"./JBTMA635.js";import a from"./XOPNEAS5.js";import{a as R,b as v}from"./2B4SGB3I.js";import{b as _}from"./RLSY4VUQ.js";import{a as A}from"./573G4DTV.js";import{b as C}from"./IPOPM3LM.js";import{H as S,J as b,h as N,i as c,q as u}from"./T3EPRHTT.js";export default $arcgis.t(([{s:g},{j:F,k:I}])=>{var f=N`.width-full{width:100%}calcite-panel{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-panel-footer-space: var(--calcite-spacing-sm)}.border-color{--calcite-block-border-color: transparent}calcite-block{margin:0;--calcite-block-content-space: 0}.tree-padding{padding:0 .2rem}.display-none{display:none}`,M={PUBLICSAFETY:["EMERGENCYMANAGEMENT","FIRESERVICE","LAWENFORCEMENT"],STATEANDLOCALGOVERNMENT:["AGRICULTURE","AIRPORT","ASSESSMENTANDTAXATION","ELECTIONS","EMERGENCYMANAGEMENT","FIRESERVICE","FISHANDWILDLIFE","HEALTHANDHUMANSERVICES","LAWENFORCEMENT","NATURALRESOURCES","PARKS","PLANNINGANDDEVELOPMENT","PUBLICWORKS","TRANSPORTATION"],UTILITIES:["DISTRICTENERGY","ELECTRIC","GAS","SEWER","STORMWATER","WATER"]},T=Object.keys(F).reduce((m,t)=>{let e=t;return m[e]=M[e]??[],m},{}),y=class extends S{constructor(){super(),this.hideIndustryFilter=!1,this.showReset=!1,this._activeFilterSettings={categories:[]},this._isMobile=!1,this._translations=A({name:"solutions-filter-panel",blocking:!0}),this._userFirstName="",this._configContextConsumer=_({context:v,subscribe:!0,callback:t=>{t?.userSession&&!this._userFirstName&&this._loadUserFirstName()}}),this._isMobileContextConsumer=_({context:R,subscribe:!0,callback:t=>this._isMobile=t}),this.applyFilter=u(),this.toggleFilter=u(),this.updateUrlParams=u(),this._handleFilterRemoved=t=>{let e=t.detail;Array.isArray(e)&&(this._activeFilterSettings={...this._activeFilterSettings,categories:[...e]})},this._industryMatchName=t=>{let e=Object.keys(this._translations.industries).find(o=>o.toUpperCase()===t.replaceAll(" ","").toUpperCase());return e&&e in this._translations.industries?this._translations.industries[e]:t},this._domainMatchName=t=>{let e=Object.keys(this._translations.industriesDomain).find(o=>o.toUpperCase()===t.replaceAll(" ","").toUpperCase());return e&&e in this._translations.industriesDomain?this._translations.industriesDomain[e]:t},this.listenOn(window,"filterRemoved",this._handleFilterRemoved),this.listenOn(window,"tabChanged",t=>{t.detail==="all-solutions"?this.updateUrlParams.emit(this._activeFilterSettings):this.updateUrlParams.emit(null)})}static{this.properties={hideIndustryFilter:5,showReset:5,_activeFilterSettings:16,_isMobile:16,_translations:16,_userFirstName:16}}static{this.styles=f}changeIndustryFilter(t,e,o,h){if(window.dispatchEvent(new CustomEvent("clearAssistantResultFilters")),t!==""||e!==""){let r=[];if(e!==""){let i=F[t],a=this._industryMatchName(i),s=I[e],n=this._domainMatchName(s);r=[{displayValue:a,type:"industry",value:t,industry:t,domain:""},{displayValue:n,type:"domain",value:e,industry:t,domain:e}]}else r=[{displayValue:o,type:e!==""?"domain":"industry",value:e!==""?e:t,industry:t,domain:e}];this._activeFilterSettings={...this._activeFilterSettings,categories:[...r]},h&&this.applyFilter.emit(r)}else{let r={displayValue:o,type:"industry",value:t,industry:t,domain:e};this._activeFilterSettings={...this._activeFilterSettings,categories:[r]},h&&this.applyFilter.emit(r)}}clearFilters(){this.changeIndustryFilter("","",""),this.applyFilter.emit(null)}async load(){await this._loadUserFirstName(),this._isMobileContextConsumer.value&&(this._isMobile=this._isMobileContextConsumer.value)}render(){return c`<calcite-panel description heading>${this.showReset&&c`<calcite-action appearance=solid icon=reset @click=${()=>{this.clearFilters()}} slot=header-actions-end .text=${this._translations.resetFilters} text-enabled></calcite-action>`||""}<calcite-block-group .label=${this._translations.filters} scale=l>${!this.hideIndustryFilter&&this.renderIndustryBlock()||""}</calcite-block-group></calcite-panel>`}renderIndustryBlock(){let t=(i,a)=>!this._activeFilterSettings||!this._activeFilterSettings.categories?!1:this._activeFilterSettings.categories.some(s=>s.industry===i&&(s.domain??"")===a),e=i=>!this._activeFilterSettings||!this._activeFilterSettings.categories?!1:this._activeFilterSettings.categories.some(a=>a.industry===i&&(a.domain??"")===""),o=(i,a)=>a.length>0&&(e(i)||this._activeFilterSettings.categories?.some(s=>s.industry===i&&!!s.domain&&a.includes(s.domain))===!0),h=(i,a)=>E(a,s=>s,s=>{let n=Object.keys(this._translations.industriesDomain).find(l=>l.toUpperCase()===s.toUpperCase()),d=n&&n in this._translations.industriesDomain?this._translations.industriesDomain[n]:s,p=t(i,s);return c`<calcite-tree-item .label=${d} @click=${l=>{l.detail!==0&&this.changeIndustryFilter(i,s,d,!0)}} @keydown=${l=>{g(l,()=>{this.changeIndustryFilter(i,s,d,!0)})}} .selected=${p||void 0}>${d}</calcite-tree-item>`}),r=E(Object.entries(T),([i,a])=>i,([i,a])=>{let s=this._industryMatchName(i),n=a,d=e(i),p=o(i,n);return c`<calcite-tree-item .label=${s} @click=${l=>{l.detail!==0&&this.changeIndustryFilter(i,"",s,!0)}} @keydown=${l=>{g(l,()=>{this.changeIndustryFilter(i,"",s,!0)})}} .selected=${d||void 0} .expanded=${p?!0:void 0}>${s}${n.length>0&&c`<calcite-tree slot=children selection-mode=multiple>${h(i,n)}</calcite-tree>`||""}</calcite-tree-item>`});return c`<calcite-block description expanded class="border-color" .heading=${this._translations.industriesHeader} .label=${this._translations.industriesHeader}><calcite-action class=${b(this._isMobile?"":"display-none")} icon=x @click=${this._toggleFilter} slot=content-end .text=${this._translations.close}></calcite-action><calcite-tree selection-mode=single-persist class="tree-padding">${r}</calcite-tree></calcite-block>`}_toggleFilter(){this.toggleFilter.emit()}async _loadUserFirstName(){try{let t=await this._configContextConsumer.value?.userSession?.getUser();if(t?.fullName){let e=t.fullName.split(" ")[0];this._userFirstName=e}}catch{}}};C("solutions-filter-panel",y);return y},a,d)

package/dist/cdn/{TBXAQ6YS.js → NGDIFB6C.js}

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./KGUELU4O.js";import{f as R}from"./YM4U4HSN.js";import{c as N}from"./TCUNTTNI.js";import c from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as F}from"./YUWXPLTE.js";import{a as E}from"./HKURBCD6.js";import{b as D}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{G as b,H as $,J as H,h as w,i as y,u as I}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([q,B,k,,{a:m},L])=>{var V=new Map([["HH",[1,0,3,2,null]],["LH",[3,2,1,0,4,null]],["LL",[2,3,0,1,null]]]),G=new Map([["HH",[2,1,0,5,4,3,8,7,6]],["LH",[8,7,6,5,4,3,2,1,0]],["LL",[6,7,8,3,void 0,void 0,0,1,2]]]),J=new Map([["HH",[3,2,1,0,7,6,5,4,11,10,9,8,15,14,13,12]],["LH",[15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,0]],["LL",[12,13,14,15,8,9,10,11,4,5,6,7,0,1,2,3]]]);function K(c,e){return e===null?V.get("HH")[c]:V.get(e)?.[c]??null}function Q(c,e){return e===null?c:G.get(e)?.[c]??c}function _(c,e){return e===null?_(c,"HH"):J.get(e)?.[c]??null}var U=w`@layer{instant-apps-interactive-legend-relationship{display:block}instant-apps-interactive-legend-relationship .instant-apps-interactive-legend-relationship__instructional-text{display:inline-block;width:100%;text-align:center;margin-bottom:10px;background-color:#d2e9f9}.calcite-mode-dark instant-apps-interactive-legend-relationship .instant-apps-interactive-legend-relationship__instructional-text{background-color:var(--calcite-color-brand);color:#151515}}`,M="svg g:first-of-type",W="svg g:last-of-type",h="esri-interactive-legend--selected-cell",S="esri-interactive-legend--instructional-text",j=2,O=3,X=4,Y=Object.freeze({0:"L",1:"H"}),Z=Object.freeze({0:"L",1:"M",2:"H"}),ee=Object.freeze({0:"L",1:"M1",2:"M2",3:"H"}),te={instructionalText:"instant-apps-interactive-legend-relationship__instructional-text"},x=class extends ${constructor(){super(),this._messages=E({name:"instant-apps-interactive-legend"}),this.cellNodeCounter=0,this.listenOn(window,"showAllSelected",this.showAllSelectedEmitted)}static{this.properties={filterMode:0,activeLayerInfo:0,legendElement:0}}static{this.styles=U}static{this.shadowRootOptions=I}get shouldApplyCustomFunctionality(){return!!(this.relationshipRamp&&this.activeLayerInfo&&this.legendElement&&m.data)}showAllSelectedEmitted(){let e=m.data[this.activeLayerInfo.layer.id].queryExpressions.length===0,t=this.relationshipRamp.querySelector(M);if(!t)return;let s=Array.from(t.children);e&&s?.forEach(i=>{i.removeAttribute("stroke"),i.removeAttribute("stroke-width"),i.removeAttribute("stroke-opacity"),i.setAttribute("aria-pressed","false"),i.classList.remove(h)})}applyRelationshipRampSvgAriaAttributes(){if(this.shouldApplyCustomFunctionality){let e=setInterval(()=>{let t=this.relationshipRamp.querySelector("svg");t&&(clearInterval(e),t.setAttribute("role","group"),t.setAttribute("aria-labelledby",S),t.removeAttribute("focusable"));let s=this.relationshipRamp.querySelector(W);s&&(clearInterval(e),s.setAttribute("aria-hidden","true"))},10)}}applyRelationshipRampInteractivity(){if(this.shouldApplyCustomFunctionality){let e=setInterval(()=>{let t=this.relationshipRamp.querySelector(M);if(t){clearInterval(e);let s=t.children;this.setupRelationshipDrawingStyle(s)}},10)}}setupRelationshipDrawingStyle(e){let t=Array.from(e);if(!t.length)return;let s=(this.activeLayerInfo?.layer?.renderer).uniqueValueInfos;if(Array.isArray(s))for(let a of s){let n=s.indexOf(a),l=t[n];this.setCellAttributes(l,n),l.classList.add("esri-interactive-legend__svg-rect-element")}let i=this.reorderCellNodes(t);this.attachFeatureIndexes(i),this.applyEventHandlers()}setCellAttributes(e,t){let s=this.activeLayerInfo.layer.renderer.uniqueValueInfos,i=this.generateIndexPattern(t);if(Array.isArray(s)&&s[i]){let a=e.classList.contains(h)?"true":"false",n=s[i]?.label||"",l=s[i]?.symbol?.color?.toHex?.()||"";e.setAttribute("data-color",l),e.setAttribute("data-cell-index",`${i}`),e.setAttribute("tabindex","0"),e.setAttribute("aria-pressed",a),e.setAttribute("aria-label",n),e.setAttribute("role","button")}}generateIndexPattern(e){let{focus:t,numClasses:s}=this.legendElement;return t==="HL"?e:s===2?K(e,t):s===3?Q(e,t):s===4?_(e,t):null}reorderCellNodes(e){let t=[];for(;this.cellNodeCounter<=e.length-1;)e.map(s=>{Number.parseInt(s.getAttribute("data-cell-index"))===this.cellNodeCounter&&t.push(s)}),this.cellNodeCounter++;return this.cellNodeCounter=0,t}attachFeatureIndexes(e){let{focus:t,numClasses:s}=this.legendElement;t==="HH"||t===null?this.relationshipFocusIsHighHigh(e,s):t==="LL"?this.relationshipFocusIsLowLow(e,s):t==="LH"?this.relationshipFocusIsLowHigh(e,s):t==="HL"&&this.relationshipFocusIsHighLow(e,s),this.cellNodeCounter=0}relationshipFocusIsHighHigh(e,t){for(let s=t-1;s>=0;s--)for(let i=t-1;i>=0;i--)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsLowLow(e,t){for(let s=0;s<t;s++)for(let i=0;i<t;i++)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsLowHigh(e,t){for(let s=0;s<t;s++)for(let i=t-1;i>=0;i--)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsHighLow(e,t){for(let s=t-1;s>=0;s--)for(let i=0;i<t;i++)this.setDataAttributes(e,i,s,t),this.cellNodeCounter++}setDataAttributes(e,t,s,i){let a=e[this.cellNodeCounter];i===j?this.twoClassAttributes(a,t,s):i===O?this.threeClassAttributes(a,t,s):this.fourClassAttributes(a,t,s)}twoClassAttributes(e,t,s){let{legendElement:i}=this;this.cellNodeCounter===0||this.cellNodeCounter===3?i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s)}threeClassAttributes(e,t,s){let{legendElement:i}=this;this.cellNodeCounter===1||this.cellNodeCounter===3||this.cellNodeCounter===5||this.cellNodeCounter===7?i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):i.focus!=="HL"?this.setDataFeatureIndexes(e,t,s):this.swapDataFeatureIndexes(e,t,s)}fourClassAttributes(e,t,s){let{legendElement:i}=this,{focus:a}=i;this.cellNodeCounter>0&&this.cellNodeCounter<=14?a==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):a!=="HL"?this.setDataFeatureIndexes(e,t,s):this.swapDataFeatureIndexes(e,t,s)}setDataFeatureIndexes(e,t,s){e.setAttribute("data-feature-i",`${t}`),e.setAttribute("data-feature-j",`${s}`),this.setDataCellFocusValue(e,t,s)}swapDataFeatureIndexes(e,t,s){e.setAttribute("data-feature-i",`${s}`),e.setAttribute("data-feature-j",`${t}`),this.setDataCellFocusValue(e,s,t)}getDataCellValue(e,t,s){let i=s[e],a=s[t];return i&&a?`${i}${a}`:""}getDataCellMap(e){switch(e){case j:return Y;case O:return Z;case X:return ee;default:throw new Error("unrecognized numClasses")}}setDataCellFocusValue(e,t,s){let i=this.legendElement.numClasses,a=this.getDataCellMap(i),n=this.getDataCellValue(t,s,a);n?e.setAttribute("data-cell-focus",n):e.removeAttribute("data-cell-focus")}async onCellClick(e,t){let{i:s,j:i,focus:a}=t;await this.handleFilter(s,i,a),this.handleSelectedElement(e)}applyEventHandlers(){let e=this.relationshipRamp.querySelectorAll("svg rect");Array.from(e).forEach(t=>{let s=t.getAttribute("data-feature-i"),i=t.getAttribute("data-feature-j"),a=t.getAttribute("data-cell-focus");t.onclick=async()=>{await this.onCellClick(t,{i:s,j:i,focus:a})},t.onkeydown=async n=>{n.key==="Enter"&&await this.onCellClick(t,{i:s,j:i,focus:a})},t.onkeyup=async n=>{n.key===" "&&await this.onCellClick(t,{i:s,j:i,focus:a})}})}async handleFilter(e,t,s){let i=this.activeLayerInfo.layer?.renderer?.authoringInfo,a=i?.field1,n=i?.field2,{queryExpressions:l,fLayerView:o}=m.data[this.activeLayerInfo.layer.id];if(R(this.legendElement)&&i&&a&&n){let u=this.generateExpressionParams(a,n,i,e,t,s),r=this.generateExpressionForRelationship(u);l.length===0?l[0]=r:l.includes(r)?l.splice(l.indexOf(r),1):l.push(r);let d=l.join(" OR "),p=o?.filter?.timeExtent??null;if(N(this.filterMode?.type))o.filter=new k({where:d,timeExtent:o?.filter?.timeExtent??null});else if(this.filterMode?.effect){let{includedEffect:f,excludedEffect:A}=this.filterMode.effect,g=await L(A,o,"excludedEffect"),v=await L(f,o,"includedEffect");o.featureEffect=new B({filter:new k({where:d,timeExtent:p}),includedEffect:v,excludedEffect:g})}}}generateExpressionParams(e,t,s,i,a,n){let l=[],o=e.field,u=t.field,r=e.classBreakInfos,d=t.classBreakInfos,p=Object.hasOwn(s.field1,"normalizationField")?s?.field1?.normalizationField:null,f=Object.hasOwn(s.field2,"normalizationField")?s?.field2?.normalizationField:null;r.forEach((v,z)=>{let C=[];d.forEach((se,T)=>{let P=[r[z],d[T]];C.push(P)}),l.push(C)});let A=p?`(${o}/${p})`:o,g=f?`(${u}/${f})`:u;return{data:l,i,j:a,field1:A,field2:g,focus:n}}generateExpressionForRelationship(e){let{focus:t,field1:s,field2:i,data:a,i:n,j:l}=e,o=Number.parseInt(n),u=Number.parseInt(l),r=a[o][u];return t==="LL"?`${s} >= ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} >= ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:t==="LM"||t==="LM1"||t==="LM2"||t==="LH"?`${s} >= ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} > ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:t==="ML"||t==="M1L"||t==="M2L"||t==="HL"?`${s} > ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} >= ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:`${s} > ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} > ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`}handleSelectedElement(e){e.classList.contains(h)?(e.removeAttribute("stroke"),e.removeAttribute("stroke-width"),e.removeAttribute("stroke-opacity"),e.setAttribute("aria-pressed","false"),e.classList.remove(h)):(e.classList.add(h),e.setAttribute("stroke","black"),e.setAttribute("stroke-width","3px"),e.setAttribute("stroke-opacity","1"),e.setAttribute("aria-pressed","true"))}addCSS(e){if(e&&!e?.querySelector("relationshipStyles")){let t=document.createElement("style");t.id="relationshipStyles",t.innerHTML=`
+import d from"./KGUELU4O.js";import{f as R}from"./YM4U4HSN.js";import{c as N}from"./TCUNTTNI.js";import c from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as F}from"./YUWXPLTE.js";import{a as E}from"./73WHDMBB.js";import{b as D}from"./55UXOGN6.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{G as b,H as $,J as H,h as w,i as y,u as I}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([q,B,k,,{a:m},L])=>{var V=new Map([["HH",[1,0,3,2,null]],["LH",[3,2,1,0,4,null]],["LL",[2,3,0,1,null]]]),G=new Map([["HH",[2,1,0,5,4,3,8,7,6]],["LH",[8,7,6,5,4,3,2,1,0]],["LL",[6,7,8,3,void 0,void 0,0,1,2]]]),J=new Map([["HH",[3,2,1,0,7,6,5,4,11,10,9,8,15,14,13,12]],["LH",[15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,0]],["LL",[12,13,14,15,8,9,10,11,4,5,6,7,0,1,2,3]]]);function K(c,e){return e===null?V.get("HH")[c]:V.get(e)?.[c]??null}function Q(c,e){return e===null?c:G.get(e)?.[c]??c}function _(c,e){return e===null?_(c,"HH"):J.get(e)?.[c]??null}var U=w`@layer{instant-apps-interactive-legend-relationship{display:block}instant-apps-interactive-legend-relationship .instant-apps-interactive-legend-relationship__instructional-text{display:inline-block;width:100%;text-align:center;margin-bottom:10px;background-color:#d2e9f9}.calcite-mode-dark instant-apps-interactive-legend-relationship .instant-apps-interactive-legend-relationship__instructional-text{background-color:var(--calcite-color-brand);color:#151515}}`,M="svg g:first-of-type",W="svg g:last-of-type",h="esri-interactive-legend--selected-cell",S="esri-interactive-legend--instructional-text",j=2,O=3,X=4,Y=Object.freeze({0:"L",1:"H"}),Z=Object.freeze({0:"L",1:"M",2:"H"}),ee=Object.freeze({0:"L",1:"M1",2:"M2",3:"H"}),te={instructionalText:"instant-apps-interactive-legend-relationship__instructional-text"},x=class extends ${constructor(){super(),this._messages=E({name:"instant-apps-interactive-legend"}),this.cellNodeCounter=0,this.listenOn(window,"showAllSelected",this.showAllSelectedEmitted)}static{this.properties={filterMode:0,activeLayerInfo:0,legendElement:0}}static{this.styles=U}static{this.shadowRootOptions=I}get shouldApplyCustomFunctionality(){return!!(this.relationshipRamp&&this.activeLayerInfo&&this.legendElement&&m.data)}showAllSelectedEmitted(){let e=m.data[this.activeLayerInfo.layer.id].queryExpressions.length===0,t=this.relationshipRamp.querySelector(M);if(!t)return;let s=Array.from(t.children);e&&s?.forEach(i=>{i.removeAttribute("stroke"),i.removeAttribute("stroke-width"),i.removeAttribute("stroke-opacity"),i.setAttribute("aria-pressed","false"),i.classList.remove(h)})}applyRelationshipRampSvgAriaAttributes(){if(this.shouldApplyCustomFunctionality){let e=setInterval(()=>{let t=this.relationshipRamp.querySelector("svg");t&&(clearInterval(e),t.setAttribute("role","group"),t.setAttribute("aria-labelledby",S),t.removeAttribute("focusable"));let s=this.relationshipRamp.querySelector(W);s&&(clearInterval(e),s.setAttribute("aria-hidden","true"))},10)}}applyRelationshipRampInteractivity(){if(this.shouldApplyCustomFunctionality){let e=setInterval(()=>{let t=this.relationshipRamp.querySelector(M);if(t){clearInterval(e);let s=t.children;this.setupRelationshipDrawingStyle(s)}},10)}}setupRelationshipDrawingStyle(e){let t=Array.from(e);if(!t.length)return;let s=(this.activeLayerInfo?.layer?.renderer).uniqueValueInfos;if(Array.isArray(s))for(let a of s){let n=s.indexOf(a),l=t[n];this.setCellAttributes(l,n),l.classList.add("esri-interactive-legend__svg-rect-element")}let i=this.reorderCellNodes(t);this.attachFeatureIndexes(i),this.applyEventHandlers()}setCellAttributes(e,t){let s=this.activeLayerInfo.layer.renderer.uniqueValueInfos,i=this.generateIndexPattern(t);if(Array.isArray(s)&&s[i]){let a=e.classList.contains(h)?"true":"false",n=s[i]?.label||"",l=s[i]?.symbol?.color?.toHex?.()||"";e.setAttribute("data-color",l),e.setAttribute("data-cell-index",`${i}`),e.setAttribute("tabindex","0"),e.setAttribute("aria-pressed",a),e.setAttribute("aria-label",n),e.setAttribute("role","button")}}generateIndexPattern(e){let{focus:t,numClasses:s}=this.legendElement;return t==="HL"?e:s===2?K(e,t):s===3?Q(e,t):s===4?_(e,t):null}reorderCellNodes(e){let t=[];for(;this.cellNodeCounter<=e.length-1;)e.map(s=>{Number.parseInt(s.getAttribute("data-cell-index"))===this.cellNodeCounter&&t.push(s)}),this.cellNodeCounter++;return this.cellNodeCounter=0,t}attachFeatureIndexes(e){let{focus:t,numClasses:s}=this.legendElement;t==="HH"||t===null?this.relationshipFocusIsHighHigh(e,s):t==="LL"?this.relationshipFocusIsLowLow(e,s):t==="LH"?this.relationshipFocusIsLowHigh(e,s):t==="HL"&&this.relationshipFocusIsHighLow(e,s),this.cellNodeCounter=0}relationshipFocusIsHighHigh(e,t){for(let s=t-1;s>=0;s--)for(let i=t-1;i>=0;i--)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsLowLow(e,t){for(let s=0;s<t;s++)for(let i=0;i<t;i++)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsLowHigh(e,t){for(let s=0;s<t;s++)for(let i=t-1;i>=0;i--)this.setDataAttributes(e,s,i,t),this.cellNodeCounter++}relationshipFocusIsHighLow(e,t){for(let s=t-1;s>=0;s--)for(let i=0;i<t;i++)this.setDataAttributes(e,i,s,t),this.cellNodeCounter++}setDataAttributes(e,t,s,i){let a=e[this.cellNodeCounter];i===j?this.twoClassAttributes(a,t,s):i===O?this.threeClassAttributes(a,t,s):this.fourClassAttributes(a,t,s)}twoClassAttributes(e,t,s){let{legendElement:i}=this;this.cellNodeCounter===0||this.cellNodeCounter===3?i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s)}threeClassAttributes(e,t,s){let{legendElement:i}=this;this.cellNodeCounter===1||this.cellNodeCounter===3||this.cellNodeCounter===5||this.cellNodeCounter===7?i.focus==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):i.focus!=="HL"?this.setDataFeatureIndexes(e,t,s):this.swapDataFeatureIndexes(e,t,s)}fourClassAttributes(e,t,s){let{legendElement:i}=this,{focus:a}=i;this.cellNodeCounter>0&&this.cellNodeCounter<=14?a==="HL"?this.swapDataFeatureIndexes(e,t,s):this.setDataFeatureIndexes(e,t,s):a!=="HL"?this.setDataFeatureIndexes(e,t,s):this.swapDataFeatureIndexes(e,t,s)}setDataFeatureIndexes(e,t,s){e.setAttribute("data-feature-i",`${t}`),e.setAttribute("data-feature-j",`${s}`),this.setDataCellFocusValue(e,t,s)}swapDataFeatureIndexes(e,t,s){e.setAttribute("data-feature-i",`${s}`),e.setAttribute("data-feature-j",`${t}`),this.setDataCellFocusValue(e,s,t)}getDataCellValue(e,t,s){let i=s[e],a=s[t];return i&&a?`${i}${a}`:""}getDataCellMap(e){switch(e){case j:return Y;case O:return Z;case X:return ee;default:throw new Error("unrecognized numClasses")}}setDataCellFocusValue(e,t,s){let i=this.legendElement.numClasses,a=this.getDataCellMap(i),n=this.getDataCellValue(t,s,a);n?e.setAttribute("data-cell-focus",n):e.removeAttribute("data-cell-focus")}async onCellClick(e,t){let{i:s,j:i,focus:a}=t;await this.handleFilter(s,i,a),this.handleSelectedElement(e)}applyEventHandlers(){let e=this.relationshipRamp.querySelectorAll("svg rect");Array.from(e).forEach(t=>{let s=t.getAttribute("data-feature-i"),i=t.getAttribute("data-feature-j"),a=t.getAttribute("data-cell-focus");t.onclick=async()=>{await this.onCellClick(t,{i:s,j:i,focus:a})},t.onkeydown=async n=>{n.key==="Enter"&&await this.onCellClick(t,{i:s,j:i,focus:a})},t.onkeyup=async n=>{n.key===" "&&await this.onCellClick(t,{i:s,j:i,focus:a})}})}async handleFilter(e,t,s){let i=this.activeLayerInfo.layer?.renderer?.authoringInfo,a=i?.field1,n=i?.field2,{queryExpressions:l,fLayerView:o}=m.data[this.activeLayerInfo.layer.id];if(R(this.legendElement)&&i&&a&&n){let u=this.generateExpressionParams(a,n,i,e,t,s),r=this.generateExpressionForRelationship(u);l.length===0?l[0]=r:l.includes(r)?l.splice(l.indexOf(r),1):l.push(r);let d=l.join(" OR "),p=o?.filter?.timeExtent??null;if(N(this.filterMode?.type))o.filter=new k({where:d,timeExtent:o?.filter?.timeExtent??null});else if(this.filterMode?.effect){let{includedEffect:f,excludedEffect:A}=this.filterMode.effect,g=await L(A,o,"excludedEffect"),v=await L(f,o,"includedEffect");o.featureEffect=new B({filter:new k({where:d,timeExtent:p}),includedEffect:v,excludedEffect:g})}}}generateExpressionParams(e,t,s,i,a,n){let l=[],o=e.field,u=t.field,r=e.classBreakInfos,d=t.classBreakInfos,p=Object.hasOwn(s.field1,"normalizationField")?s?.field1?.normalizationField:null,f=Object.hasOwn(s.field2,"normalizationField")?s?.field2?.normalizationField:null;r.forEach((v,z)=>{let C=[];d.forEach((se,T)=>{let P=[r[z],d[T]];C.push(P)}),l.push(C)});let A=p?`(${o}/${p})`:o,g=f?`(${u}/${f})`:u;return{data:l,i,j:a,field1:A,field2:g,focus:n}}generateExpressionForRelationship(e){let{focus:t,field1:s,field2:i,data:a,i:n,j:l}=e,o=Number.parseInt(n),u=Number.parseInt(l),r=a[o][u];return t==="LL"?`${s} >= ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} >= ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:t==="LM"||t==="LM1"||t==="LM2"||t==="LH"?`${s} >= ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} > ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:t==="ML"||t==="M1L"||t==="M2L"||t==="HL"?`${s} > ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} >= ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`:`${s} > ${r[0].minValue} AND ${s} <= ${r[0].maxValue} AND ${i} > ${r[1].minValue} AND ${i} <= ${r[1].maxValue}`}handleSelectedElement(e){e.classList.contains(h)?(e.removeAttribute("stroke"),e.removeAttribute("stroke-width"),e.removeAttribute("stroke-opacity"),e.setAttribute("aria-pressed","false"),e.classList.remove(h)):(e.classList.add(h),e.setAttribute("stroke","black"),e.setAttribute("stroke-width","3px"),e.setAttribute("stroke-opacity","1"),e.setAttribute("aria-pressed","true"))}addCSS(e){if(e&&!e?.querySelector("relationshipStyles")){let t=document.createElement("style");t.id="relationshipStyles",t.innerHTML=`
               rect:hover {
                 cursor: pointer;
                 opacity: 0.8;

package/dist/cdn/{BDAY2SRY.js → NPRV26AN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as g}from"./IADXB53D.js";import b from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as p}from"./HKURBCD6.js";import{b as l}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{H as o,J as d,L as c,h as s,i as t,q as r}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([,{b:h}])=>{var x=s`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: 500;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .instant-apps-interactive-legend__header--compact .esri-widget__heading{font-size:.9rem}:host .esri-widget__heading{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}:host header{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host header h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}:host header .instant-apps-interactive-legend__heading-text--group-item{-webkit-line-clamp:2;line-clamp:2}:host header span{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__header-action-container{display:flex;align-items:center}:host .esri-widget__heading header{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .esri-widget--panel{margin:0}:host(.calcite-mode-dark) .instant-apps-interactive-legend__header{background-color:#242424;color:var(--calcite-color-text-1)}:host(.calcite-mode-light) .instant-apps-interactive-legend__header{background-color:#fff;color:var(--calcite-color-text-1)}`,e={label:"esri-legend__service-label",header:"esri-widget__heading",interacitveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container",compact:"instant-apps-interactive-legend__header--compact"},a=class extends o{constructor(){super(...arguments),this._messages=p({name:"instant-apps-interactive-legend"}),this.isChild=!1,this.expanded=!0,this.layerCaptionElementExpandUpdated=r()}static{this.properties={legendvm:0,featureCount:5,activeLayerInfo:0,isChild:5,expanded:5}}static{this.styles=x}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.layerCaptionElementExpandUpdated.emit(this.expanded)}}render(){let m=v(this.activeLayerInfo),{expanded:n}=this,i=n?this._messages?.collapse:this._messages?.expand,f=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"",_=h.get("compact")?` ${e.compact}`:"";return t`<header class=${`${e.interacitveLegendHeader} ${g(this.el)}${_}`}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${i??""} .label=${i} scale=s></calcite-action><span><span class=${d(e.headerActionContainer)}><h3 class=${`${e.header} ${e.label}${f}`} title=${this.activeLayerInfo?.title??""??c}>${this.activeLayerInfo?.title}</h3></span>${this.featureCount&&m?t`<instant-apps-interactive-legend-count .activeLayerInfo=${this.activeLayerInfo} show-total .legendvm=${this.legendvm}></instant-apps-interactive-legend-count>`:null}</span></header>`}};l("instant-apps-interactive-legend-layer-element-caption",a);return a},a,b)
+import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as g}from"./IADXB53D.js";import b from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as p}from"./73WHDMBB.js";import{b as l}from"./55UXOGN6.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{H as o,J as d,L as c,h as s,i as t,q as r}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([,{b:h}])=>{var x=s`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: 500;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .instant-apps-interactive-legend__header--compact .esri-widget__heading{font-size:.9rem}:host .esri-widget__heading{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}:host header{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host header h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}:host header .instant-apps-interactive-legend__heading-text--group-item{-webkit-line-clamp:2;line-clamp:2}:host header span{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__header-action-container{display:flex;align-items:center}:host .esri-widget__heading header{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .esri-widget--panel{margin:0}:host(.calcite-mode-dark) .instant-apps-interactive-legend__header{background-color:#242424;color:var(--calcite-color-text-1)}:host(.calcite-mode-light) .instant-apps-interactive-legend__header{background-color:#fff;color:var(--calcite-color-text-1)}`,e={label:"esri-legend__service-label",header:"esri-widget__heading",interacitveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container",compact:"instant-apps-interactive-legend__header--compact"},a=class extends o{constructor(){super(...arguments),this._messages=p({name:"instant-apps-interactive-legend"}),this.isChild=!1,this.expanded=!0,this.layerCaptionElementExpandUpdated=r()}static{this.properties={legendvm:0,featureCount:5,activeLayerInfo:0,isChild:5,expanded:5}}static{this.styles=x}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.layerCaptionElementExpandUpdated.emit(this.expanded)}}render(){let m=v(this.activeLayerInfo),{expanded:n}=this,i=n?this._messages?.collapse:this._messages?.expand,f=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"",_=h.get("compact")?` ${e.compact}`:"";return t`<header class=${`${e.interacitveLegendHeader} ${g(this.el)}${_}`}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${i??""} .label=${i} scale=s></calcite-action><span><span class=${d(e.headerActionContainer)}><h3 class=${`${e.header} ${e.label}${f}`} title=${this.activeLayerInfo?.title??""??c}>${this.activeLayerInfo?.title}</h3></span>${this.featureCount&&m?t`<instant-apps-interactive-legend-count .activeLayerInfo=${this.activeLayerInfo} show-total .legendvm=${this.legendvm}></instant-apps-interactive-legend-count>`:null}</span></header>`}};l("instant-apps-interactive-legend-layer-element-caption",a);return a},a,b)

package/dist/cdn/{XN5455P6.js → NSIWYZXA.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as c}from"./VVZAS55G.js";import{b as m}from"./KGXEY5HR.js";import{G as p,H as d,h as o,i as l,q as n}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([w,y,u,k,b,L,f,G,V,v])=>{var B=o`:host{display:block;height:100%;width:100%}`,s=class extends d{constructor(){super(...arguments),this.layers=[],this.shouldGoTo=!1,this._sanitizer=new c({whiteList:{h1:["style"],h2:["style"],h3:["style"],h4:["style"],h5:["style"],h6:["style"],img:["style","src","width","height"],pre:["style"],p:["id","class","style"],div:["id","class","style","role"],span:["id","class","style","role"],figure:["class","style"],header:["id","class","style","role"]}},!0),this.viewUpdated=n()}static{this.properties={type:16,item:0,arcgisViewEl:0}}static{this.styles=B}async updateView(){this.initView(!0)}willUpdate(e){e.has("item")&&this.initView()}loaded(){this.item||console.warn("instant-apps-showcase-view was rendered without the required 'mapShowcaseItem' property.")}async initView(e){this.arcgisViewEl!=null&&(this.shouldGoTo=!1,this.createMaskLayer(),this.handleHighlightedArea(),await this.createMapAndView(e),this.viewUpdated.emit({globalBackgroundLayer:this.globalBackgroundLayer,borderGraphicLayer:this.borderGraphicLayer,arcgisViewEl:this.arcgisViewEl,maskBorderGraphicLayer:this.maskBorderGraphicLayer,maskGroupLayer:this.maskGroupLayer}),this.shouldGoTo&&this.viewGoTo())}async createMapAndView(e){if(this.arcgisViewEl!=null&&e){this.map=this.arcgisViewEl.map,this.shouldGoTo=!0;let r=this.map.layers.filter(i=>i.id==="mask-group-layer"||i.id==="mask-border-graphic-layer").toArray();this.map.removeMany(r),this.layers?.length&&this.map.addMany(this.layers);return}this.item.type==="Web Scene"?(this.map=new f({portalItem:{id:this.item.id}}),this.arcgisViewEl.map=this.map):(this.map=new L({portalItem:{id:this.item.id}}),this.arcgisViewEl.map=this.map,this.arcgisViewEl.constraints={lods:V.create({numLODs:48}).lods}),await this.map.load(),this.layers?.length&&this.map.addMany(this.layers)}createMaskLayer(){let e={legendEnabled:!1,listMode:"hide",popupEnabled:!1};this.maskGroupLayer=new u({...e,title:"Mask Group Layer",id:"mask-group-layer"}),this.maskBorderGraphicLayer=new y({...e,title:"Mask Border Graphic Layer",id:"mask-border-graphic-layer"}),this.borderGraphicLayer=new y({...e,title:"Border Graphic Layer"}),this.globalBackgroundLayer=new w({url:"https://services.arcgis.com/nGt4QxSblgDfeJn9/arcgis/rest/services/GlobalBackground/FeatureServer",visible:!1,renderer:{type:"simple",symbol:{type:"simple-fill",style:"solid",color:[0,0,0,.75]}},...e})}getMaskBackground(){if(this.item?.highlightedArea?.graphics==null||this.globalBackgroundLayer?.renderer?.type!=="simple"||this.globalBackgroundLayer.renderer.symbol?.type!=="simple-fill"){this.globalBackgroundLayer.visible=!1;return}if(this.item?.highlightedArea?.styles?.mask==null||!this.item.highlightedArea.styles.mask.enabled){this.globalBackgroundLayer.visible=!1,this.globalBackgroundLayer.renderer.symbol.color=[0,0,0,0];return}let{opacity:e,theme:r}=this.item.highlightedArea.styles.mask,i=r==="dark"?"#000":"#fff",t=new b(i).toRgb();t.push(e/100),this.globalBackgroundLayer.renderer.symbol.color=t,this.globalBackgroundLayer.visible=!0}handleHighlightedArea(){this.layers=[];let{highlightedArea:e}=this.item,r=e?.styles?.type,i=e?.graphics?.map(t=>k.fromJSON(t));if(this.borderGraphicLayer.effect=e?.styles?.effect,i?.length&&this.borderGraphicLayer.graphics.addMany(i),this.getMaskBackground(),this.maskGroupLayer.blendMode=e?.styles?.blendMode??"normal",this.maskGroupLayer.addMany([this.globalBackgroundLayer,this.borderGraphicLayer]),r==="darkMask"||r==="lightMask"){let{outline:t}=e.styles,a=i?.map(g=>{let h=g.clone();return h.symbol=new v({color:[0,0,0,0],style:"none",outline:{color:t?.color,width:t?.width}}),h});a?.length&&this.maskBorderGraphicLayer.graphics.addMany(a)}this.layers.push(this.maskGroupLayer,this.maskBorderGraphicLayer)}viewGoTo(){if(this.arcgisViewEl==null)return;this.item?.highlightedArea?.graphics!=null&&this.getMaskBackground();let e;this.item?.viewpoint==null&&this.borderGraphicLayer?.graphics?.length?e=this.borderGraphicLayer.graphics.toArray():this.item?.viewpoint!=null?e=G.fromJSON(this.item.viewpoint):this.map.initialViewProperties?.viewpoint&&(e=this.map.initialViewProperties.viewpoint),e&&this.arcgisViewEl.goTo(e,{animate:!1}).catch(()=>{})}setView(e){e&&(this.arcgisViewEl=e,this.initView())}getAria(){if(this.item?.altText)return{description:this._sanitizer.sanitize(this.item.altText)}}render(){if(this.item)return l`<arcgis-map .aria=${this.getAria()} @arcgisViewReadyChange=${this.viewGoTo} ${p(this.setView)}></arcgis-map>`}};m("instant-apps-showcase-view",s);return s},"layers/FeatureLayer","layers/GraphicsLayer","layers/GroupLayer","Graphic","Color","WebMap","WebScene","Viewpoint","layers/support/TileInfo","symbols/SimpleFillSymbol")
+import{a as c}from"./VVZAS55G.js";import{b as m}from"./55UXOGN6.js";import{G as p,H as d,h as o,i as l,q as n}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([w,y,u,k,b,L,f,G,V,v])=>{var B=o`:host{display:block;height:100%;width:100%}`,s=class extends d{constructor(){super(...arguments),this.layers=[],this.shouldGoTo=!1,this._sanitizer=new c({whiteList:{h1:["style"],h2:["style"],h3:["style"],h4:["style"],h5:["style"],h6:["style"],img:["style","src","width","height"],pre:["style"],p:["id","class","style"],div:["id","class","style","role"],span:["id","class","style","role"],figure:["class","style"],header:["id","class","style","role"]}},!0),this.viewUpdated=n()}static{this.properties={type:16,item:0,arcgisViewEl:0}}static{this.styles=B}async updateView(){this.initView(!0)}willUpdate(e){e.has("item")&&this.initView()}loaded(){this.item||console.warn("instant-apps-showcase-view was rendered without the required 'mapShowcaseItem' property.")}async initView(e){this.arcgisViewEl!=null&&(this.shouldGoTo=!1,this.createMaskLayer(),this.handleHighlightedArea(),await this.createMapAndView(e),this.viewUpdated.emit({globalBackgroundLayer:this.globalBackgroundLayer,borderGraphicLayer:this.borderGraphicLayer,arcgisViewEl:this.arcgisViewEl,maskBorderGraphicLayer:this.maskBorderGraphicLayer,maskGroupLayer:this.maskGroupLayer}),this.shouldGoTo&&this.viewGoTo())}async createMapAndView(e){if(this.arcgisViewEl!=null&&e){this.map=this.arcgisViewEl.map,this.shouldGoTo=!0;let r=this.map.layers.filter(i=>i.id==="mask-group-layer"||i.id==="mask-border-graphic-layer").toArray();this.map.removeMany(r),this.layers?.length&&this.map.addMany(this.layers);return}this.item.type==="Web Scene"?(this.map=new f({portalItem:{id:this.item.id}}),this.arcgisViewEl.map=this.map):(this.map=new L({portalItem:{id:this.item.id}}),this.arcgisViewEl.map=this.map,this.arcgisViewEl.constraints={lods:V.create({numLODs:48}).lods}),await this.map.load(),this.layers?.length&&this.map.addMany(this.layers)}createMaskLayer(){let e={legendEnabled:!1,listMode:"hide",popupEnabled:!1};this.maskGroupLayer=new u({...e,title:"Mask Group Layer",id:"mask-group-layer"}),this.maskBorderGraphicLayer=new y({...e,title:"Mask Border Graphic Layer",id:"mask-border-graphic-layer"}),this.borderGraphicLayer=new y({...e,title:"Border Graphic Layer"}),this.globalBackgroundLayer=new w({url:"https://services.arcgis.com/nGt4QxSblgDfeJn9/arcgis/rest/services/GlobalBackground/FeatureServer",visible:!1,renderer:{type:"simple",symbol:{type:"simple-fill",style:"solid",color:[0,0,0,.75]}},...e})}getMaskBackground(){if(this.item?.highlightedArea?.graphics==null||this.globalBackgroundLayer?.renderer?.type!=="simple"||this.globalBackgroundLayer.renderer.symbol?.type!=="simple-fill"){this.globalBackgroundLayer.visible=!1;return}if(this.item?.highlightedArea?.styles?.mask==null||!this.item.highlightedArea.styles.mask.enabled){this.globalBackgroundLayer.visible=!1,this.globalBackgroundLayer.renderer.symbol.color=[0,0,0,0];return}let{opacity:e,theme:r}=this.item.highlightedArea.styles.mask,i=r==="dark"?"#000":"#fff",t=new b(i).toRgb();t.push(e/100),this.globalBackgroundLayer.renderer.symbol.color=t,this.globalBackgroundLayer.visible=!0}handleHighlightedArea(){this.layers=[];let{highlightedArea:e}=this.item,r=e?.styles?.type,i=e?.graphics?.map(t=>k.fromJSON(t));if(this.borderGraphicLayer.effect=e?.styles?.effect,i?.length&&this.borderGraphicLayer.graphics.addMany(i),this.getMaskBackground(),this.maskGroupLayer.blendMode=e?.styles?.blendMode??"normal",this.maskGroupLayer.addMany([this.globalBackgroundLayer,this.borderGraphicLayer]),r==="darkMask"||r==="lightMask"){let{outline:t}=e.styles,a=i?.map(g=>{let h=g.clone();return h.symbol=new v({color:[0,0,0,0],style:"none",outline:{color:t?.color,width:t?.width}}),h});a?.length&&this.maskBorderGraphicLayer.graphics.addMany(a)}this.layers.push(this.maskGroupLayer,this.maskBorderGraphicLayer)}viewGoTo(){if(this.arcgisViewEl==null)return;this.item?.highlightedArea?.graphics!=null&&this.getMaskBackground();let e;this.item?.viewpoint==null&&this.borderGraphicLayer?.graphics?.length?e=this.borderGraphicLayer.graphics.toArray():this.item?.viewpoint!=null?e=G.fromJSON(this.item.viewpoint):this.map.initialViewProperties?.viewpoint&&(e=this.map.initialViewProperties.viewpoint),e&&this.arcgisViewEl.goTo(e,{animate:!1}).catch(()=>{})}setView(e){e&&(this.arcgisViewEl=e,this.initView())}getAria(){if(this.item?.altText)return{description:this._sanitizer.sanitize(this.item.altText)}}render(){if(this.item)return l`<arcgis-map .aria=${this.getAria()} @arcgisViewReadyChange=${this.viewGoTo} ${p(this.setView)}></arcgis-map>`}};m("instant-apps-showcase-view",s);return s},"layers/FeatureLayer","layers/GraphicsLayer","layers/GroupLayer","Graphic","Color","WebMap","WebScene","Viewpoint","layers/support/TileInfo","symbols/SimpleFillSymbol")

package/dist/cdn/{CAXEJ55N.js → O3JLHPWX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as e}from"./YUWXPLTE.js";import{a as _}from"./HKURBCD6.js";import{b as f}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{F as d,G as v,H as h,J as o,L as a,h as l,i as t,u as m}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var $=l`@layer{:host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2: transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:400;font-size:.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3: transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px}}`,n={content:"instant-apps-popover__content",buttonContainer:"instant-apps-popover__button-container",action:"instant-apps-popover__action",actionDisabled:"instant-apps-popover--action-disabled",img:"instant-apps-popover__img",footer:"instant-apps-popover__footer"},p=class extends h{constructor(){super(...arguments),this._messages=_({name:"instant-apps-popover"}),this.popoverEl=d(),this.popoverTitle="",this.subtitle="",this.content="",this.placement="trailing-start",this.pagination=!1,this.disableAction=!1}static{this.properties={popoverTitle:3,subtitle:3,content:3,imgSrc:3,imgAlt:3,mediaSrc:3,index:11,referenceElement:3,parent:0,placement:1,refId:1,pagination:7,disableAction:7,popoverAction:0,messageOverrides:0}}static{this.styles=$}static{this.shadowRootOptions=m}updated(){!this.hasUpdated&&this.popoverEl.value&&(this.popoverEl.value.referenceElement=this.referenceElement)}render(){return t`<calcite-popover .heading=${this.popoverTitle} auto-close .placement=${this.placement} .messageOverrides=${{close:this._messages.close}} trigger-disabled ref-id=${this.refId??a} closable .referenceElement=${this.referenceElement} .label=${this.popoverTitle} ${v(this.popoverEl)}><div class=${`${n.content}${this.disableAction?` ${n.actionDisabled}`:""}`}>${this.disableAction?null:e("popover-action",t`<calcite-action class=${o(n.action)} @click=${this.popoverAction} .icon=${document.dir==="rtl"?"chevron-right":"chevron-left"} text-enabled .text=${this._messages.back??""}></calcite-action>`)}<section><span id=subtitle>${this.subtitle}</span><p>${this.content}</p>${this.imgSrc?e(`iac-popover-img-${this.refId}`,t`<img class=${o(n.img)} src=${this.imgSrc??a} alt=${(this.imgAlt?this.imgAlt:"")??a}>`):null}</section>${this.pagination?e(`iac-popover-footer-${this.index}`,t`<div class=${o(n.footer)}><span>${this.index+1} ${this._messages?.of} ${this.parent?.instantAppsPopovers?.size}</span>${this.renderPagination()}</div>`):null}</div></calcite-popover>`}renderPagination(){let{index:r,_messages:s,parent:i}=this;if(!i)return null;let g=i.instantAppsPopovers.size,u=r===0,c=r===g-1;return e("pagination-button-container",t`<div class=${o(n.buttonContainer)}>${u?null:e("prev",t`<calcite-button @click=${async()=>await i?.previous()} appearance=outline kind=neutral>${s.back}</calcite-button>`)}${e("next",t`<calcite-button @click=${async()=>{c?await i?.done():await i?.next()}}>${c?s.done:s.next}</calcite-button>`)}</div>`)}};f("instant-apps-popover",p);export{p as InstantAppsPopover};
+import{a as e}from"./YUWXPLTE.js";import{a as _}from"./73WHDMBB.js";import{b as f}from"./55UXOGN6.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{F as d,G as v,H as h,J as o,L as a,h as l,i as t,u as m}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var $=l`@layer{:host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2: transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:400;font-size:.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3: transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px}}`,n={content:"instant-apps-popover__content",buttonContainer:"instant-apps-popover__button-container",action:"instant-apps-popover__action",actionDisabled:"instant-apps-popover--action-disabled",img:"instant-apps-popover__img",footer:"instant-apps-popover__footer"},p=class extends h{constructor(){super(...arguments),this._messages=_({name:"instant-apps-popover"}),this.popoverEl=d(),this.popoverTitle="",this.subtitle="",this.content="",this.placement="trailing-start",this.pagination=!1,this.disableAction=!1}static{this.properties={popoverTitle:3,subtitle:3,content:3,imgSrc:3,imgAlt:3,mediaSrc:3,index:11,referenceElement:3,parent:0,placement:1,refId:1,pagination:7,disableAction:7,popoverAction:0,messageOverrides:0}}static{this.styles=$}static{this.shadowRootOptions=m}updated(){!this.hasUpdated&&this.popoverEl.value&&(this.popoverEl.value.referenceElement=this.referenceElement)}render(){return t`<calcite-popover .heading=${this.popoverTitle} auto-close .placement=${this.placement} .messageOverrides=${{close:this._messages.close}} trigger-disabled ref-id=${this.refId??a} closable .referenceElement=${this.referenceElement} .label=${this.popoverTitle} ${v(this.popoverEl)}><div class=${`${n.content}${this.disableAction?` ${n.actionDisabled}`:""}`}>${this.disableAction?null:e("popover-action",t`<calcite-action class=${o(n.action)} @click=${this.popoverAction} .icon=${document.dir==="rtl"?"chevron-right":"chevron-left"} text-enabled .text=${this._messages.back??""}></calcite-action>`)}<section><span id=subtitle>${this.subtitle}</span><p>${this.content}</p>${this.imgSrc?e(`iac-popover-img-${this.refId}`,t`<img class=${o(n.img)} src=${this.imgSrc??a} alt=${(this.imgAlt?this.imgAlt:"")??a}>`):null}</section>${this.pagination?e(`iac-popover-footer-${this.index}`,t`<div class=${o(n.footer)}><span>${this.index+1} ${this._messages?.of} ${this.parent?.instantAppsPopovers?.size}</span>${this.renderPagination()}</div>`):null}</div></calcite-popover>`}renderPagination(){let{index:r,_messages:s,parent:i}=this;if(!i)return null;let g=i.instantAppsPopovers.size,u=r===0,c=r===g-1;return e("pagination-button-container",t`<div class=${o(n.buttonContainer)}>${u?null:e("prev",t`<calcite-button @click=${async()=>await i?.previous()} appearance=outline kind=neutral>${s.back}</calcite-button>`)}${e("next",t`<calcite-button @click=${async()=>{c?await i?.done():await i?.next()}}>${c?s.done:s.next}</calcite-button>`)}</div>`)}};f("instant-apps-popover",p);export{p as InstantAppsPopover};

package/dist/cdn/{XR3PT7FP.js → O4PNLONH.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as M}from"./HKURBCD6.js";import{b as H}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{E as L,F as m,G as h,H as B,J as i,K as d,L as T,h as O,i as n,j as k}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([N,Y,R,ee,F])=>{var te=O`:host{display:block;--instant-apps-social-share-action-width: initial;--instant-apps-social-share-width--s: 200px;--instant-apps-social-share-width--m: 280px;--instant-apps-social-share-width--l: 320px;--instant-apps-social-share-width-horizontal--s: 300px;--instant-apps-social-share-width-horizontal--m: 380px;--instant-apps-social-share-width-horizontal--l: 420px;--instant-apps-social-share-background-color: var( --calcite-color-foreground-1 );--instant-apps-social-share-popover-button-background-color: transparent;--instant-apps-social-share-popover-button-icon-color: var( --calcite-icon-color );--instant-apps-social-share-embed-border: 1px solid $border;--instant-apps-social-share-embed-text-area-text: #468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#fff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:var(--calcite-color-brand);margin:8px 0 5px}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px;color:var(--calcite-color-brand)}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:var(--calcite-color-brand);margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{display:inline-block;padding-block-start:var(--calcite-spacing-md);font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}`,a="instant-apps-social-share",P=".calcite-mode-dark",t={dialog:`${a}__dialog`,dialogContent:`${a}__dialog-content`,options:`${a}__options`,tipContainer:`${a}__tip`,tipHeader:`${a}__tip-header`,tipContent:`${a}__tip-content`,icon:`${a}__icon`,iconContainer:`${a}__icon-container`,optionText:`${a}__option-text`,popoverButton:`${a}__popover-button`,layout:{vertical:`${a}__layout--vertical`,horizontal:`${a}__layout--horizontal`},xLogo:{light:`${a}__x-logo--light`,dark:`${a}__x-logo--dark`},success:{container:`${a}__success`,header:`${a}__success-header`,message:`${a}__success-message`,icon:`${a}__success-icon`},embed:{container:`${a}__embed`,header:`${a}__embed-header`,embedCode:{container:`${a}__embed-code`,textArea:`${a}__embed-code-text-area`,copyButton:`${a}__embed-code-copy-button`},textAreaText:`${a}__embed-text-area-text`,dimensions:{container:`${a}__embed-dimensions`,input:`${a}__embed-dimensions-input`}},rtl:{optionText:`${a}__option-text--rtl`,textArea:`${a}__text-area--rtl`}},se={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?text={url}",bluesky:"https://bsky.app/intent/compose?text={url}"},z=1,I=class extends B{constructor(){super(...arguments),this._messages=M({name:"instant-apps-social-share"}),this.popoverRef=m(),this.embedWidthRef=m(),this.embedHeightRef=m(),this.embedCodeRef=m(),this.copyLinkPopoverRef=m(),this.copyEmbedPopoverRef=m(),this.dialogContentRef=m(),this.shareListRef=m(),this.popoverButtonRef=m(),this.handlePopoverRefKeyDown=async e=>{if(!this.isNativeShareEnabled)if(e.code==="Tab"){if(!this.shareListRef.value)return;let s=e.target,o=this.shareListRef.value.children[0],r=this.shareListRef.value.children[this.shareListRef.value.children.length-1];e.shiftKey&&s===o?(e.preventDefault(),r.focus()):!e.shiftKey&&s===r&&(e.preventDefault(),o.focus())}else e.code==="Escape"&&(this.closePopover(),await this.popoverButtonRef.value?.setFocus())},this.stopEventPropagation=e=>{e.stopPropagation()},this.autoCloseCallback=()=>{this.mode==="popover"&&this.popoverRef.value?(this.isPopoverOpen=!1,this.popoverRef.value.open=this.isPopoverOpen):(this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1),this.inlineCopyEmbedOpened=!1)},this.resetPopoverCopyState=async()=>{await this.popoverButtonRef.value?.setFocus(),setTimeout(()=>{this.isLinkCopiedToClipboard=!1,this.isEmbedCopiedToClipboard=!1},200)},this.isPopoverOpen=!1,this.isLinkCopiedToClipboard=!1,this.isEmbedCopiedToClipboard=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600,this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale="m",this.iframeInnerText="",this.popoverButtonIconScale="m",this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.flipRtl=!1,this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.useNativeShare=!1,this.isNativeShareEnabled=!1}static{this.properties={isPopoverOpen:16,isLinkCopiedToClipboard:16,isEmbedCopiedToClipboard:16,inlineCopyLinkOpened:16,inlineCopyEmbedOpened:16,embedWidth:16,embedHeight:16,mode:3,shareUrl:1,autoUpdateShareUrl:5,shareText:3,embed:7,shareButtonColor:3,shareButtonType:3,shareButtonScale:3,iframeInnerText:3,popoverButtonIconScale:3,view:0,displayTipText:7,shortenShareUrl:7,socialMedia:7,shareIconsLayout:3,scale:3,successMessage:3,flipRtl:7,defaultUrlParams:0,inlineSuccessPopoverPlacement:3,popoverPositioning:3,removePopoverOffset:7,useNativeShare:7,isNativeShareEnabled:7}}static{this.styles=te}load(){document.documentElement.addEventListener("click",this.autoCloseCallback),this.isNativeShareEnabled=this.useNativeShare&&this.isMobileDevice}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.autoCloseCallback)}makeOptionKeyDownHandler(e){return async s=>{let o=s.code;(o==="Space"||o==="Enter")&&await this.handleShareItem(e)}}makeEmbedResizeHandler(e){let s=e==="width"?this.embedWidthRef.value:this.embedHeightRef.value;return()=>{if(!(!this.embed||this.isNativeShareEnabled)&&s){let o=Math.max(s.valueAsNumber??0,z);this[e==="width"?"embedWidth":"embedHeight"]=o}}}togglePopoverVisibility(e){e.stopPropagation(),this.isPopoverOpen=!this.isPopoverOpen,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}closePopover(){this.isPopoverOpen=!1,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}async handleShareItem(e){this.shareUrl=await this.generateShareUrl();let s=null,o=navigator?.userAgent?.includes("Chrome")??!1,r=(navigator?.userAgent?.includes("Safari")??!1)&&!o;!r&&this.shortenShareUrl&&(s=await this.shortenUrl(this.shareUrl));let p=s||this.shareUrl;switch(e){case"link":await navigator.clipboard.writeText(p),this.embed&&this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1,this.inlineCopyEmbedOpened=!1),this.mode==="inline"&&this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!0,setTimeout(()=>{this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1)},3e3)),this.inlineCopyLinkOpened=!0,this.isLinkCopiedToClipboard=!0,this.mode==="popover"&&setTimeout(()=>this.closePopover(),2e3);return;case"facebook":case"bluesky":case"x":case"linkedIn":{let l;r&&(l=window.open("","_blank"),this.shortenShareUrl&&(p=await this.shortenUrl(this.shareUrl)||p));let g={url:encodeURI(p)},f=e==="x"?{...g,text:this.shareText}:g,C=N.substitute(se[e],f);this.mode==="popover"&&this.closePopover(),r&&l?(l.location=C,l.focus()):window.open(encodeURI(C),"_blank")}break;case"native-share":let b={title:this._messages.share?.label||"Share",text:this.shareText,url:encodeURI(p)};navigator?.canShare?.(b)?navigator.share(b).catch(l=>{console.error("Error using native share:",l)}):console.warn("Native share is not supported or the provided data is not shareable.");return}}async shortenUrl(e){let s=(await Y("https://arcg.is/prod/shorten",{query:{longUrl:e,f:"json"}}))?.data?.data?.url;if(s)return s.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}async copyEmbedCode(){if(await navigator.clipboard.writeText(this.getEmbedCode()),this.isEmbedCopiedToClipboard=!0,this.mode==="popover"){setTimeout(()=>this.closePopover(),2e3);return}this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!0,setTimeout(()=>{this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1)},3e3)),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view?.ready)return this.shareUrl;let{x:e,y:s}=this.view.center,{spatialReference:o}=this.view,r=new F({...o.toJSON()}),p=new ee({x:e,y:s,spatialReference:r}),b=await this.processPoint(p),{isWGS84:l,isWebMercator:g}=b.spatialReference,f=l||g;return this.generateShareUrlParams(b,f)}async processPoint(e){let{isWGS84:s,isWebMercator:o}=e.spatialReference;if(s||o)return e;let r=new F({wkid:4326}),p=this.view?.spatialReference??r;try{return await R.load(),R.execute(e,p)}catch(b){console.error("Failed to project point to outSpatialReference",b);try{let l=R.execute(e,r);return Promise.resolve(l)}catch(l){return console.error("Failed to project point to fallbackOutSpatialReference",l),await Promise.reject(new Error("Failed to project point to both spatial references"))}}}generateShareUrlParams(e,s){let{longitude:o,latitude:r,x:p,y:b}=e;if(o===void 0||r===void 0||!this.view)return this.shareUrl;let l=this.roundValue(s?o:p),g=this.roundValue(s?r:b),{zoom:f}=this.view,C=this.roundValue(f),U=this.view?.popupElement??document.querySelector("arcgis-popup"),S=U?.selectedFeature??this.view?.popup?.selectedFeature,D=U?.open??this.view?.popup?.visible,$,x;if(S&&D){let v=S,y=v?.layer??v?.sourceLayer;$=y?.id,x=S.getObjectId?.()??(y?.objectIdField?S.attributes?.[y.objectIdField]:void 0)}let E=this.view.map?.allLayers.filter(v=>!v.visible).toArray().map(v=>v.id).toString().replaceAll(",",";"),{type:A}=this.view,{defaultUrlParams:_}=this,c=new URL(this.shareUrl),{searchParams:u}=c;if(u.get("center")&&u.delete("center"),u.get("level")&&u.delete("level"),u.get("selectedFeature")&&u.delete("selectedFeature"),u.get("hiddenLayers")&&u.delete("hiddenLayers"),u.get("viewpoint")&&u.delete("viewpoint"),A==="3d"){let{camera:v}=this.view,{heading:y,position:j,tilt:V}=v,{longitude:W,latitude:K,x:Z,y:X,z:q}=j,G=s?W:Z,J=s?K:X,w={longitude:this.roundValue(G,8),latitude:this.roundValue(J,8),z:this.roundValue(q,3),heading:this.roundValue(y,3),tilt:this.roundValue(V,3)},Q=`cam:${w.longitude},${w.latitude},${w.z}${!s&&this.view?.spatialReference?.wkid?`,${this.view?.spatialReference?.wkid}`:""};${w.heading},${w.tilt}`;return _?.viewpoint!==!1&&c.searchParams.set("viewpoint",Q),$&&x&&_?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),E&&_?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",E),c.search=decodeURIComponent(c.search),c.href}return _?.center!==!1&&c.searchParams.set("center",`${l};${g}${!s&&this.view?.spatialReference?.wkid?`;${this.view?.spatialReference?.wkid}`:""}`),_?.level!==!1&&c.searchParams.set("level",`${C}`),$&&x&&_?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),E&&_?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",E),c.search=decodeURIComponent(c.search),c.href}roundValue(e,s=4){return Number.parseFloat(e.toFixed(s))}get isMobileDevice(){return/Mobi|Android|iPhone|iPad|iPod/iu.test(navigator.userAgent)}render(){let e=this.mode==="popover"&&(this.isLinkCopiedToClipboard||this.isEmbedCopiedToClipboard)?this.isEmbedCopiedToClipboard?this.renderEmbedSuccess():this.renderSuccess():n`<div class=${i(t.dialogContent)}>${this.renderMenuOptions()}${this.displayTipText?this.renderTip():null}${this.embed?this.renderEmbed():null}</div>`,s=this.shareIconsLayout==="vertical"?` ${t.layout.vertical}`:` ${t.layout.horizontal}`,o=` calcite-mode-${this.el.closest(P)?"dark":"light"}`,r=n`<div class=${`${t.dialog}${s}${o}`} @click=${this.stopEventPropagation} ${h(this.dialogContentRef)}>${e}</div>`,p=this.removePopoverOffset?0:6;return this.isNativeShareEnabled?this.renderShareButton():this.mode==="popover"?[n`<calcite-popover .open=${this.isPopoverOpen} .label=${this._messages.share?.label??""} reference-element=shareButton placement=bottom-start .scale=${this.scale} .overlayPositioning=${this.popoverPositioning} .offsetDistance=${p} .pointerDisabled=${this.removePopoverOffset} @calcitePopoverOpen=${()=>{!this.shareListRef.value||this.isNativeShareEnabled||this.shareListRef.value.children[0].focus()}} @calcitePopoverBeforeClose=${this.resetPopoverCopyState} @click=${this.stopEventPropagation} @keydown=${this.handlePopoverRefKeyDown} ${h(this.popoverRef)}>${r}</calcite-popover>`,this.renderShareButton()]:[r,n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyLinkPopoverRef)}>${this.renderSuccess()}</calcite-popover>`,this.embed?n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyEmbedToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyEmbedPopoverRef)}>${this.renderEmbedSuccess()}</calcite-popover>`:null]}renderShareButton(){let e=this.shareButtonScale??this.scale,s=async r=>{this.isNativeShareEnabled?(r.stopPropagation(),await this.handleShareItem("native-share")):this.togglePopoverVisibility(r)},o=n`<div class=${i(t.iconContainer)}><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div>`;return this.shareButtonType==="button"?n`<calcite-button id=shareButton class=${i(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??T} .scale=${e} @click=${s} .kind=${this.shareButtonColor} appearance=transparent ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-button>`:n`<calcite-action id=shareButton class=${i(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??T} .scale=${e} @click=${s} appearance=transparent text alignment=center ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-action>`}renderSuccess(){let e=this._messages.success;return n`<div class=${i(t.success.container)}><span class=${i(t.success.header)}><span class=${i(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${i(t.success.message)}>${this.successMessage||e?.url}</span></div>`}renderEmbedSuccess(){let e=this._messages.success;return n`<div class=${i(t.success.container)}><span class=${i(t.success.header)}><span class=${i(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${i(t.success.message)}>${e?.embed}</span></div>`}renderMenuOptions(){let e=this._messages.options,s=document.dir==="rtl"?` ${t.rtl.optionText}`:"";return n`<ul class=${i(t.options)} role=menu ${h(this.shareListRef)}><li id=copyToClipboard @click=${this.handleShareItem.bind(this,"link")} @keydown=${this.makeOptionKeyDownHandler("link")} role=menuitem tabindex=0><span class=${i(t.icon)}><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`${t.optionText}${s}`}>${e?.link?.label}</span></li>${this.socialMedia?[n`<li @click=${this.handleShareItem.bind(this,"facebook")} @keydown=${this.makeOptionKeyDownHandler("facebook")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderFacebookIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.facebook?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"x")} @keydown=${this.makeOptionKeyDownHandler("x")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderXIcon()}</span><span class=${`${t.optionText}${s}`}>X</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"linkedIn")} @keydown=${this.makeOptionKeyDownHandler("linkedIn")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderLinkedInIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.linkedIn?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"bluesky")} @keydown=${this.makeOptionKeyDownHandler("bluesky")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderBlueSkyIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.blueSky?.label}</span></li>`]:null}</ul>`}renderFacebookIcon(){let e=!!this.el.closest(P);return n`<svg height=100% style=${d({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${k`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${d({fill:e?"#fff":"#000",fillRule:"nonzero"})} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /></g>`}</svg>`}renderXIcon(){let e=!!this.el.closest(P);return n`<svg height=100% class=${i(e?t.xLogo.dark:t.xLogo.light)} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${k`<rect height=400 style=${d({fill:"none"})} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${e?"white":"black"} />`}</svg>`}renderBlueSkyIcon(){let e=!!this.el.closest(P);return n`<svg height=100% xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${k`<path style=${d({fill:e?"#fff":"#000"})} d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`}renderLinkedInIcon(){let e=!!this.el.closest(P);return n`<svg height=100% style=${d({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${k`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${d({fill:e?"#fff":"#000"})} /><g id=shapes><rect height=257.962 id=rect11 style=${d({fill:e?"#000":"#fff"})} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /></g></g>`}</svg>`}renderTip(){let e=this._messages.info;return n`<div class=${i(t.tipContainer)}><span class=${i(t.tipHeader)}><calcite-icon icon=lightbulb .scale=${this.scale}></calcite-icon><span>${e?.label}</span></span><p class=${i(t.tipContent)}>${e?.tooltip}</p></div>`}renderEmbed(){let e=this._messages.embed,s=document.dir==="rtl"?` ${t.rtl.textArea}`:"";return n`<div class=${i(t.embed.container)}><span class=${i(t.embed.header)}><calcite-icon icon=code .scale=${this.scale}></calcite-icon><span>${this._messages.embed?.label}</span></span><div class=${i(t.embed.embedCode.container)}><div class=${i(t.embed.embedCode.textArea)}><textarea cols=30 rows=5 readonly class=${i(s)} .value=${L(this.getEmbedCode()??"")} ${h(this.embedCodeRef)}></textarea><button id=copyEmbedToClipboard @click=${this.copyEmbedCode} class=${i(t.embed.embedCode.copyButton)}><calcite-icon icon=copy .scale=${this.scale}></calcite-icon><span>${e?.copy}</span></button></div><span class=${i(t.embed.textAreaText)}><slot name=text-area-text></slot></span><div class=${i(t.embed.dimensions.container)}><label class=${i(t.embed.dimensions.input)}><span>${e?.width}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("width")} .value=${L(this.embedWidth??"")} min=${z} ${h(this.embedWidthRef)}></label><label class=${i(t.embed.dimensions.input)}><span>${e?.height}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("height")} .value=${L(this.embedHeight??"")} min=${z} ${h(this.embedHeightRef)}></label></div></div></div>`}};H("instant-apps-social-share",I);return I},"intl","request","geometry/operators/projectOperator","geometry/Point","geometry/SpatialReference")
+import{a as M}from"./73WHDMBB.js";import{b as H}from"./55UXOGN6.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{E as L,F as m,G as h,H as B,J as i,K as d,L as T,h as O,i as n,j as k}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([N,Y,R,ee,F])=>{var te=O`:host{display:block;--instant-apps-social-share-action-width: initial;--instant-apps-social-share-width--s: 200px;--instant-apps-social-share-width--m: 280px;--instant-apps-social-share-width--l: 320px;--instant-apps-social-share-width-horizontal--s: 300px;--instant-apps-social-share-width-horizontal--m: 380px;--instant-apps-social-share-width-horizontal--l: 420px;--instant-apps-social-share-background-color: var( --calcite-color-foreground-1 );--instant-apps-social-share-popover-button-background-color: transparent;--instant-apps-social-share-popover-button-icon-color: var( --calcite-icon-color );--instant-apps-social-share-embed-border: 1px solid $border;--instant-apps-social-share-embed-text-area-text: #468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#fff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:var(--calcite-color-brand);margin:8px 0 5px}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px;color:var(--calcite-color-brand)}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:var(--calcite-color-brand);margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{display:inline-block;padding-block-start:var(--calcite-spacing-md);font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}`,a="instant-apps-social-share",P=".calcite-mode-dark",t={dialog:`${a}__dialog`,dialogContent:`${a}__dialog-content`,options:`${a}__options`,tipContainer:`${a}__tip`,tipHeader:`${a}__tip-header`,tipContent:`${a}__tip-content`,icon:`${a}__icon`,iconContainer:`${a}__icon-container`,optionText:`${a}__option-text`,popoverButton:`${a}__popover-button`,layout:{vertical:`${a}__layout--vertical`,horizontal:`${a}__layout--horizontal`},xLogo:{light:`${a}__x-logo--light`,dark:`${a}__x-logo--dark`},success:{container:`${a}__success`,header:`${a}__success-header`,message:`${a}__success-message`,icon:`${a}__success-icon`},embed:{container:`${a}__embed`,header:`${a}__embed-header`,embedCode:{container:`${a}__embed-code`,textArea:`${a}__embed-code-text-area`,copyButton:`${a}__embed-code-copy-button`},textAreaText:`${a}__embed-text-area-text`,dimensions:{container:`${a}__embed-dimensions`,input:`${a}__embed-dimensions-input`}},rtl:{optionText:`${a}__option-text--rtl`,textArea:`${a}__text-area--rtl`}},se={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?text={url}",bluesky:"https://bsky.app/intent/compose?text={url}"},z=1,I=class extends B{constructor(){super(...arguments),this._messages=M({name:"instant-apps-social-share"}),this.popoverRef=m(),this.embedWidthRef=m(),this.embedHeightRef=m(),this.embedCodeRef=m(),this.copyLinkPopoverRef=m(),this.copyEmbedPopoverRef=m(),this.dialogContentRef=m(),this.shareListRef=m(),this.popoverButtonRef=m(),this.handlePopoverRefKeyDown=async e=>{if(!this.isNativeShareEnabled)if(e.code==="Tab"){if(!this.shareListRef.value)return;let s=e.target,o=this.shareListRef.value.children[0],r=this.shareListRef.value.children[this.shareListRef.value.children.length-1];e.shiftKey&&s===o?(e.preventDefault(),r.focus()):!e.shiftKey&&s===r&&(e.preventDefault(),o.focus())}else e.code==="Escape"&&(this.closePopover(),await this.popoverButtonRef.value?.setFocus())},this.stopEventPropagation=e=>{e.stopPropagation()},this.autoCloseCallback=()=>{this.mode==="popover"&&this.popoverRef.value?(this.isPopoverOpen=!1,this.popoverRef.value.open=this.isPopoverOpen):(this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1),this.inlineCopyEmbedOpened=!1)},this.resetPopoverCopyState=async()=>{await this.popoverButtonRef.value?.setFocus(),setTimeout(()=>{this.isLinkCopiedToClipboard=!1,this.isEmbedCopiedToClipboard=!1},200)},this.isPopoverOpen=!1,this.isLinkCopiedToClipboard=!1,this.isEmbedCopiedToClipboard=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600,this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale="m",this.iframeInnerText="",this.popoverButtonIconScale="m",this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.flipRtl=!1,this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.useNativeShare=!1,this.isNativeShareEnabled=!1}static{this.properties={isPopoverOpen:16,isLinkCopiedToClipboard:16,isEmbedCopiedToClipboard:16,inlineCopyLinkOpened:16,inlineCopyEmbedOpened:16,embedWidth:16,embedHeight:16,mode:3,shareUrl:1,autoUpdateShareUrl:5,shareText:3,embed:7,shareButtonColor:3,shareButtonType:3,shareButtonScale:3,iframeInnerText:3,popoverButtonIconScale:3,view:0,displayTipText:7,shortenShareUrl:7,socialMedia:7,shareIconsLayout:3,scale:3,successMessage:3,flipRtl:7,defaultUrlParams:0,inlineSuccessPopoverPlacement:3,popoverPositioning:3,removePopoverOffset:7,useNativeShare:7,isNativeShareEnabled:7}}static{this.styles=te}load(){document.documentElement.addEventListener("click",this.autoCloseCallback),this.isNativeShareEnabled=this.useNativeShare&&this.isMobileDevice}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.autoCloseCallback)}makeOptionKeyDownHandler(e){return async s=>{let o=s.code;(o==="Space"||o==="Enter")&&await this.handleShareItem(e)}}makeEmbedResizeHandler(e){let s=e==="width"?this.embedWidthRef.value:this.embedHeightRef.value;return()=>{if(!(!this.embed||this.isNativeShareEnabled)&&s){let o=Math.max(s.valueAsNumber??0,z);this[e==="width"?"embedWidth":"embedHeight"]=o}}}togglePopoverVisibility(e){e.stopPropagation(),this.isPopoverOpen=!this.isPopoverOpen,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}closePopover(){this.isPopoverOpen=!1,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}async handleShareItem(e){this.shareUrl=await this.generateShareUrl();let s=null,o=navigator?.userAgent?.includes("Chrome")??!1,r=(navigator?.userAgent?.includes("Safari")??!1)&&!o;!r&&this.shortenShareUrl&&(s=await this.shortenUrl(this.shareUrl));let p=s||this.shareUrl;switch(e){case"link":await navigator.clipboard.writeText(p),this.embed&&this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1,this.inlineCopyEmbedOpened=!1),this.mode==="inline"&&this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!0,setTimeout(()=>{this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1)},3e3)),this.inlineCopyLinkOpened=!0,this.isLinkCopiedToClipboard=!0,this.mode==="popover"&&setTimeout(()=>this.closePopover(),2e3);return;case"facebook":case"bluesky":case"x":case"linkedIn":{let l;r&&(l=window.open("","_blank"),this.shortenShareUrl&&(p=await this.shortenUrl(this.shareUrl)||p));let g={url:encodeURI(p)},f=e==="x"?{...g,text:this.shareText}:g,C=N.substitute(se[e],f);this.mode==="popover"&&this.closePopover(),r&&l?(l.location=C,l.focus()):window.open(encodeURI(C),"_blank")}break;case"native-share":let b={title:this._messages.share?.label||"Share",text:this.shareText,url:encodeURI(p)};navigator?.canShare?.(b)?navigator.share(b).catch(l=>{console.error("Error using native share:",l)}):console.warn("Native share is not supported or the provided data is not shareable.");return}}async shortenUrl(e){let s=(await Y("https://arcg.is/prod/shorten",{query:{longUrl:e,f:"json"}}))?.data?.data?.url;if(s)return s.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}async copyEmbedCode(){if(await navigator.clipboard.writeText(this.getEmbedCode()),this.isEmbedCopiedToClipboard=!0,this.mode==="popover"){setTimeout(()=>this.closePopover(),2e3);return}this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!0,setTimeout(()=>{this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1)},3e3)),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view?.ready)return this.shareUrl;let{x:e,y:s}=this.view.center,{spatialReference:o}=this.view,r=new F({...o.toJSON()}),p=new ee({x:e,y:s,spatialReference:r}),b=await this.processPoint(p),{isWGS84:l,isWebMercator:g}=b.spatialReference,f=l||g;return this.generateShareUrlParams(b,f)}async processPoint(e){let{isWGS84:s,isWebMercator:o}=e.spatialReference;if(s||o)return e;let r=new F({wkid:4326}),p=this.view?.spatialReference??r;try{return await R.load(),R.execute(e,p)}catch(b){console.error("Failed to project point to outSpatialReference",b);try{let l=R.execute(e,r);return Promise.resolve(l)}catch(l){return console.error("Failed to project point to fallbackOutSpatialReference",l),await Promise.reject(new Error("Failed to project point to both spatial references"))}}}generateShareUrlParams(e,s){let{longitude:o,latitude:r,x:p,y:b}=e;if(o===void 0||r===void 0||!this.view)return this.shareUrl;let l=this.roundValue(s?o:p),g=this.roundValue(s?r:b),{zoom:f}=this.view,C=this.roundValue(f),U=this.view?.popupElement??document.querySelector("arcgis-popup"),S=U?.selectedFeature??this.view?.popup?.selectedFeature,D=U?.open??this.view?.popup?.visible,$,x;if(S&&D){let v=S,y=v?.layer??v?.sourceLayer;$=y?.id,x=S.getObjectId?.()??(y?.objectIdField?S.attributes?.[y.objectIdField]:void 0)}let E=this.view.map?.allLayers.filter(v=>!v.visible).toArray().map(v=>v.id).toString().replaceAll(",",";"),{type:A}=this.view,{defaultUrlParams:_}=this,c=new URL(this.shareUrl),{searchParams:u}=c;if(u.get("center")&&u.delete("center"),u.get("level")&&u.delete("level"),u.get("selectedFeature")&&u.delete("selectedFeature"),u.get("hiddenLayers")&&u.delete("hiddenLayers"),u.get("viewpoint")&&u.delete("viewpoint"),A==="3d"){let{camera:v}=this.view,{heading:y,position:j,tilt:V}=v,{longitude:W,latitude:K,x:Z,y:X,z:q}=j,G=s?W:Z,J=s?K:X,w={longitude:this.roundValue(G,8),latitude:this.roundValue(J,8),z:this.roundValue(q,3),heading:this.roundValue(y,3),tilt:this.roundValue(V,3)},Q=`cam:${w.longitude},${w.latitude},${w.z}${!s&&this.view?.spatialReference?.wkid?`,${this.view?.spatialReference?.wkid}`:""};${w.heading},${w.tilt}`;return _?.viewpoint!==!1&&c.searchParams.set("viewpoint",Q),$&&x&&_?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),E&&_?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",E),c.search=decodeURIComponent(c.search),c.href}return _?.center!==!1&&c.searchParams.set("center",`${l};${g}${!s&&this.view?.spatialReference?.wkid?`;${this.view?.spatialReference?.wkid}`:""}`),_?.level!==!1&&c.searchParams.set("level",`${C}`),$&&x&&_?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),E&&_?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",E),c.search=decodeURIComponent(c.search),c.href}roundValue(e,s=4){return Number.parseFloat(e.toFixed(s))}get isMobileDevice(){return/Mobi|Android|iPhone|iPad|iPod/iu.test(navigator.userAgent)}render(){let e=this.mode==="popover"&&(this.isLinkCopiedToClipboard||this.isEmbedCopiedToClipboard)?this.isEmbedCopiedToClipboard?this.renderEmbedSuccess():this.renderSuccess():n`<div class=${i(t.dialogContent)}>${this.renderMenuOptions()}${this.displayTipText?this.renderTip():null}${this.embed?this.renderEmbed():null}</div>`,s=this.shareIconsLayout==="vertical"?` ${t.layout.vertical}`:` ${t.layout.horizontal}`,o=` calcite-mode-${this.el.closest(P)?"dark":"light"}`,r=n`<div class=${`${t.dialog}${s}${o}`} @click=${this.stopEventPropagation} ${h(this.dialogContentRef)}>${e}</div>`,p=this.removePopoverOffset?0:6;return this.isNativeShareEnabled?this.renderShareButton():this.mode==="popover"?[n`<calcite-popover .open=${this.isPopoverOpen} .label=${this._messages.share?.label??""} reference-element=shareButton placement=bottom-start .scale=${this.scale} .overlayPositioning=${this.popoverPositioning} .offsetDistance=${p} .pointerDisabled=${this.removePopoverOffset} @calcitePopoverOpen=${()=>{!this.shareListRef.value||this.isNativeShareEnabled||this.shareListRef.value.children[0].focus()}} @calcitePopoverBeforeClose=${this.resetPopoverCopyState} @click=${this.stopEventPropagation} @keydown=${this.handlePopoverRefKeyDown} ${h(this.popoverRef)}>${r}</calcite-popover>`,this.renderShareButton()]:[r,n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyLinkPopoverRef)}>${this.renderSuccess()}</calcite-popover>`,this.embed?n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyEmbedToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyEmbedPopoverRef)}>${this.renderEmbedSuccess()}</calcite-popover>`:null]}renderShareButton(){let e=this.shareButtonScale??this.scale,s=async r=>{this.isNativeShareEnabled?(r.stopPropagation(),await this.handleShareItem("native-share")):this.togglePopoverVisibility(r)},o=n`<div class=${i(t.iconContainer)}><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div>`;return this.shareButtonType==="button"?n`<calcite-button id=shareButton class=${i(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??T} .scale=${e} @click=${s} .kind=${this.shareButtonColor} appearance=transparent ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-button>`:n`<calcite-action id=shareButton class=${i(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??T} .scale=${e} @click=${s} appearance=transparent text alignment=center ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-action>`}renderSuccess(){let e=this._messages.success;return n`<div class=${i(t.success.container)}><span class=${i(t.success.header)}><span class=${i(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${i(t.success.message)}>${this.successMessage||e?.url}</span></div>`}renderEmbedSuccess(){let e=this._messages.success;return n`<div class=${i(t.success.container)}><span class=${i(t.success.header)}><span class=${i(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${i(t.success.message)}>${e?.embed}</span></div>`}renderMenuOptions(){let e=this._messages.options,s=document.dir==="rtl"?` ${t.rtl.optionText}`:"";return n`<ul class=${i(t.options)} role=menu ${h(this.shareListRef)}><li id=copyToClipboard @click=${this.handleShareItem.bind(this,"link")} @keydown=${this.makeOptionKeyDownHandler("link")} role=menuitem tabindex=0><span class=${i(t.icon)}><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`${t.optionText}${s}`}>${e?.link?.label}</span></li>${this.socialMedia?[n`<li @click=${this.handleShareItem.bind(this,"facebook")} @keydown=${this.makeOptionKeyDownHandler("facebook")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderFacebookIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.facebook?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"x")} @keydown=${this.makeOptionKeyDownHandler("x")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderXIcon()}</span><span class=${`${t.optionText}${s}`}>X</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"linkedIn")} @keydown=${this.makeOptionKeyDownHandler("linkedIn")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderLinkedInIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.linkedIn?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"bluesky")} @keydown=${this.makeOptionKeyDownHandler("bluesky")} role=menuitem tabindex=0><span class=${i(t.icon)}>${this.renderBlueSkyIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.blueSky?.label}</span></li>`]:null}</ul>`}renderFacebookIcon(){let e=!!this.el.closest(P);return n`<svg height=100% style=${d({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${k`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${d({fill:e?"#fff":"#000",fillRule:"nonzero"})} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /></g>`}</svg>`}renderXIcon(){let e=!!this.el.closest(P);return n`<svg height=100% class=${i(e?t.xLogo.dark:t.xLogo.light)} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${k`<rect height=400 style=${d({fill:"none"})} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${e?"white":"black"} />`}</svg>`}renderBlueSkyIcon(){let e=!!this.el.closest(P);return n`<svg height=100% xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${k`<path style=${d({fill:e?"#fff":"#000"})} d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`}renderLinkedInIcon(){let e=!!this.el.closest(P);return n`<svg height=100% style=${d({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${k`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${d({fill:e?"#fff":"#000"})} /><g id=shapes><rect height=257.962 id=rect11 style=${d({fill:e?"#000":"#fff"})} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${d({fill:e?"#000":"#fff",fillRule:"nonzero"})} /></g></g>`}</svg>`}renderTip(){let e=this._messages.info;return n`<div class=${i(t.tipContainer)}><span class=${i(t.tipHeader)}><calcite-icon icon=lightbulb .scale=${this.scale}></calcite-icon><span>${e?.label}</span></span><p class=${i(t.tipContent)}>${e?.tooltip}</p></div>`}renderEmbed(){let e=this._messages.embed,s=document.dir==="rtl"?` ${t.rtl.textArea}`:"";return n`<div class=${i(t.embed.container)}><span class=${i(t.embed.header)}><calcite-icon icon=code .scale=${this.scale}></calcite-icon><span>${this._messages.embed?.label}</span></span><div class=${i(t.embed.embedCode.container)}><div class=${i(t.embed.embedCode.textArea)}><textarea cols=30 rows=5 readonly class=${i(s)} .value=${L(this.getEmbedCode()??"")} ${h(this.embedCodeRef)}></textarea><button id=copyEmbedToClipboard @click=${this.copyEmbedCode} class=${i(t.embed.embedCode.copyButton)}><calcite-icon icon=copy .scale=${this.scale}></calcite-icon><span>${e?.copy}</span></button></div><span class=${i(t.embed.textAreaText)}><slot name=text-area-text></slot></span><div class=${i(t.embed.dimensions.container)}><label class=${i(t.embed.dimensions.input)}><span>${e?.width}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("width")} .value=${L(this.embedWidth??"")} min=${z} ${h(this.embedWidthRef)}></label><label class=${i(t.embed.dimensions.input)}><span>${e?.height}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("height")} .value=${L(this.embedHeight??"")} min=${z} ${h(this.embedHeightRef)}></label></div></div></div>`}};H("instant-apps-social-share",I);return I},"intl","request","geometry/operators/projectOperator","geometry/Point","geometry/SpatialReference")

package/dist/cdn/{6AVCTQ6J.js → O65GM2OS.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b as r}from"./KGXEY5HR.js";import{H as i,h as a,i as p}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([l])=>{var d=a`:host{display:block}`,m="floating",h="instant-apps-control-panel",x="border-bottom: 1px solid var(--calcite-color-border-3)",s=class extends i{constructor(){super(...arguments),this.components=[]}static{this.properties={components:0,view:0}}static{this.styles=d}async load(){await this._handleComponents()}async _handleComponents(){let t=this._getComponentsNode();t&&(this._resetUI(t),this._attachComponents(t))}_attachComponents(t){this.components.forEach(this._attachmentComponent(t))}_attachmentComponent(t){return(o,e)=>{let n=o.content;o.isExpand&&(n=this._getExpand(o),o.expandIcon&&(n.expandIcon=o.expandIcon),o.collapseTooltip&&(n.collapseTooltip=o.collapseTooltip),o.expandTooltip&&(n.expandTooltip=o.expandTooltip)),n.container||(n.container=document.createElement("div")),t?.appendChild(n.container),e!==this.components.length-1&&(n.container.style=x)}}_getExpand(t){let{view:o}=this,{content:e,focusTrapDisabled:n}=t,c=t?.expanded??!1;return new l({content:e,view:o,expanded:c,mode:m,group:h,focusTrapDisabled:!!n})}_getComponentsNode(){return this.el.querySelector('[slot="components"]')}_resetUI(t){if(t.children.length>0)for(;t.firstChild;)t.removeChild(t.firstChild)}render(){return p`<slot name=components></slot>`}};r("instant-apps-control-panel",s);return s},"widgets/Expand")
+import{b as r}from"./55UXOGN6.js";import{H as i,h as a,i as p}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([l])=>{var d=a`:host{display:block}`,m="floating",h="instant-apps-control-panel",x="border-bottom: 1px solid var(--calcite-color-border-3)",s=class extends i{constructor(){super(...arguments),this.components=[]}static{this.properties={components:0,view:0}}static{this.styles=d}async load(){await this._handleComponents()}async _handleComponents(){let t=this._getComponentsNode();t&&(this._resetUI(t),this._attachComponents(t))}_attachComponents(t){this.components.forEach(this._attachmentComponent(t))}_attachmentComponent(t){return(o,e)=>{let n=o.content;o.isExpand&&(n=this._getExpand(o),o.expandIcon&&(n.expandIcon=o.expandIcon),o.collapseTooltip&&(n.collapseTooltip=o.collapseTooltip),o.expandTooltip&&(n.expandTooltip=o.expandTooltip)),n.container||(n.container=document.createElement("div")),t?.appendChild(n.container),e!==this.components.length-1&&(n.container.style=x)}}_getExpand(t){let{view:o}=this,{content:e,focusTrapDisabled:n}=t,c=t?.expanded??!1;return new l({content:e,view:o,expanded:c,mode:m,group:h,focusTrapDisabled:!!n})}_getComponentsNode(){return this.el.querySelector('[slot="components"]')}_resetUI(t){if(t.children.length>0)for(;t.firstChild;)t.removeChild(t.firstChild)}render(){return p`<slot name=components></slot>`}};r("instant-apps-control-panel",s);return s},"widgets/Expand")