@esri/solutions-components 5.1.0-next.155 → 5.1.0-next.156

package/dist/components/create-feature/customElement.js

@@ -2,26 +2,26 @@
 import { c as I } from "../../chunks/runtime.js";
 import { a as x, g as w } from "../../chunks/mapViewUtils.js";
 import { u as A } from "../../chunks/useT9n.js";
-import { css as M, html as r, nothing as _ } from "lit";
-import { createRef as g, ref as u } from "lit-html/directives/ref.js";
+import { css as M, html as o, nothing as y } from "lit";
+import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as L, createEvent as c, noShadowRoot as E, safeClassMap as v } from "@arcgis/lumina";
 import { p as k } from "../../chunks/queryUtils.js";
 import P from "@arcgis/core/form/ExpressionInfo.js";
-import $ from "@arcgis/core/layers/FeatureLayer.js";
-import C from "@arcgis/core/form/elements/FieldElement.js";
-import S from "@arcgis/core/form/FormTemplate.js";
-import V from "@arcgis/core/views/MapView.js";
-import F from "@arcgis/core/Graphic.js";
-import * as y from "@arcgis/core/core/reactiveUtils.js";
+import S from "@arcgis/core/layers/FeatureLayer.js";
+import $ from "@arcgis/core/form/elements/FieldElement.js";
+import C from "@arcgis/core/form/FormTemplate.js";
+import F from "@arcgis/core/views/MapView.js";
+import V from "@arcgis/core/Graphic.js";
+import * as f from "@arcgis/core/core/reactiveUtils.js";
 import * as T from "@arcgis/core/rest/locator.js";
 import b from "@arcgis/core/request.js";
 import * as R from "exifr";
 import U from "@arcgis/core/geometry/Point.js";
 import z from "@arcgis/core/geometry/SpatialReference.js";
-const H = M`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%!important;visibility:hidden;position:static!important}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}.image-preview-container{padding:10px}.esri-editor{height:auto!important}.height-fit-content{height:fit-content!important}.content-container{padding:1.5rem}.instruction-text{margin-bottom:1.5rem;font-size:1rem}.selected-card{border:2px solid var(--calcite-ui-brand)}.upload-img-footer-container{width:100%;gap:5px;display:grid}.info-container{display:flex;align-items:center;gap:6px;margin-bottom:10px}.info-container calcite-icon{--calcite-icon-color: var(--calcite-color-brand)}.info-container span{font-size:12px;color:var(--calcite-ui-text-3)}.padding-10{padding:10px}.report-selection-container{display:flex;flex-direction:column;padding:10px;--calcite-card-border-color: var(--calcite-color-border-1)}.pb-12{padding-bottom:12px!important}.pt-0{padding-top:0!important}.pt-15{padding-top:15px!important}.option-description-container{display:flex;align-items:center;gap:6px}.cursor-pointer{cursor:pointer;padding:6px 0}.card-body-content{display:flex;flex-direction:row;align-items:center;padding:10px 5px;gap:15px}.text-stack{display:flex;flex-direction:column;gap:2px}.option-title{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size--1)}.option-description{color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1)}.action-footer{display:flex;justify-content:center;margin-top:16px}.analysis-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:auto}.analyzing-icon{--calcite-icon-color: var(--calcite-color-brand);animation:sparkle 2s infinite ease-in-out}.adjusted-height{height:30px!important;min-height:auto!important}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media only screen and (max-width:600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`, f = "geocodedLocation", D = `Extract the address from the user's message and return it in JSON format '{"address":"<address>"}'. If no address is found, return null.`;
+const H = M`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%!important;visibility:hidden;position:static!important}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}.image-preview-container{padding:10px}.esri-editor{height:auto!important}.height-fit-content{height:fit-content!important}.content-container{padding:1.5rem}.instruction-text{margin-bottom:1.5rem;font-size:1rem}.selected-card{border:2px solid var(--calcite-ui-brand)}.upload-img-footer-container{width:100%;gap:5px;display:grid}.info-container{display:flex;align-items:center;gap:6px;margin-bottom:10px}.info-container calcite-icon{--calcite-icon-color: var(--calcite-color-brand)}.info-container span{font-size:12px;color:var(--calcite-ui-text-3)}.padding-10{padding:10px}.report-selection-container{display:flex;flex-direction:column;padding:10px;--calcite-card-border-color: var(--calcite-color-border-1)}.pb-12{padding-bottom:12px!important}.pt-0{padding-top:0!important}.pt-15{padding-top:15px!important}.option-description-container{display:flex;align-items:center;gap:6px}.cursor-pointer{cursor:pointer;padding:6px 0}.card-body-content{display:flex;flex-direction:row;align-items:center;padding:10px 5px;gap:15px}.text-stack{display:flex;flex-direction:column;gap:2px}.option-title{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size--1)}.option-description{color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1)}.action-footer{display:flex;justify-content:center;margin-top:16px}.analysis-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:auto}.analyzing-icon{--calcite-icon-color: var(--calcite-color-brand);animation:sparkle 2s infinite ease-in-out}.adjusted-height{height:30px!important;min-height:auto!important}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media only screen and (max-width:600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`, _ = "geocodedLocation", D = `Extract the address from the user's message and return it in JSON format '{"address":"<address>"}'. If no address is found, return null.`;
 class N extends L {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = g(), this._editor = g(), this._mapViewContainer = g(), this._searchRef = g(), this._inputImageForAI = g(), this._guidingMessageRefNode = g(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this._onLayerEdits = async (e) => {
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = p(), this._editor = p(), this._mapViewContainer = p(), this._searchRef = p(), this._inputImageForAI = p(), this._guidingMessageRefNode = p(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this._onLayerEdits = async (e) => {
       if (!this._awaitingLayerEdits)
         return;
       const t = [
@@ -37,7 +37,7 @@ class N extends L {
           try {
             const a = new FormData();
             a.set("keywords", "ai-image"), a.set("attachment", this._uploadedImage), a.append("f", "json");
-            const s = new F({
+            const s = new V({
               attributes: {
                 [this._selectedLayer.objectIdField]: i
               }
@@ -75,7 +75,7 @@ class N extends L {
     this._showSearchComponent = this.enableSearch, this.isMobile && this._adjustPanelContentHeight();
   }
   async searchConfigurationHandler(e, t) {
-    !this._searchRef.value || !e || !t || (e.allPlaceholder !== t.allPlaceholder ? this._searchRef.value.allPlaceholder = e.allPlaceholder || "" : !this._searchRef.value.searchAllDisabled !== e.searchAllEnabled ? this._searchRef.value.searchAllDisabled = !e.searchAllEnabled : this._updatedMapView && JSON.stringify(e.sources) !== JSON.stringify(t.sources) && (this._searchRef.value.sources = this._getSearchConfig(e, this._updatedMapView)?.sources || []));
+    !this._searchRef.value || !e || !t || (e.allPlaceholder !== t.allPlaceholder ? this._searchRef.value.allPlaceholder = e.allPlaceholder || "" : !this._searchRef.value.searchAllDisabled !== e.searchAllEnabled ? this._searchRef.value.searchAllDisabled = !e.searchAllEnabled : this._updatedMapView && JSON.stringify(e.sources) !== JSON.stringify(t.sources) && (this._searchRef.value.sources = this._getSearchConfig(e, this._updatedMapView)?.sources || []), this._updateSearchActiveSourceIndex());
   }
   async submit() {
     const e = this._editor.value?.activeWorkflow;
@@ -112,18 +112,18 @@ class N extends L {
     super.disconnectedCallback(), this._editor.value && (this._editor.value.destroy(), this.enableSnapping && this.mapView?.ui.view && (this.mapView.ui.view.grid = null), this._removeHandlers());
   }
   render() {
-    const e = this._currentPage === "loading" ? "" : "display-none", t = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", i = this._inValidGeometryDrawn ? "danger" : "success", a = this._inValidGeometryDrawn ? "exclamation-mark-triangle" : "lightbulb", s = this.showLayerVisibilityMsg && this._currentPage === "templatePicker", o = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
-    let n = this._translations.chooseCategoryMsg;
-    const l = this._aiAnalysisInfo?.results?.filter((p) => !p.success && p.key !== f), h = l?.length ? !0 : this._analysisFailed, d = this._getAnalysisErrorMessage(l?.length), m = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
-    return this._inValidGeometryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? n = this._aiAnalysisInfo?.results?.filter((p) => p.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), r`${h && r`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    const e = this._currentPage === "loading" ? "" : "display-none", t = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", i = this._inValidGeometryDrawn ? "danger" : "success", a = this._inValidGeometryDrawn ? "exclamation-mark-triangle" : "lightbulb", s = this.showLayerVisibilityMsg && this._currentPage === "templatePicker", n = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
+    let r = this._translations.chooseCategoryMsg;
+    const l = this._aiAnalysisInfo?.results?.filter((h) => !h.success && h.key !== _), d = l?.length ? !0 : this._analysisFailed, m = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
+    return this._inValidGeometryDrawn ? r = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? r = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? r = this._aiAnalysisInfo?.results?.filter((h) => h.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (r = this._translations.enableFeatureTemplatesMessage), o`${d && o`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._analysisFailed = !1;
-    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${d}</div></calcite-alert>` || ""}${m && r`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!m && r`${o && r`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${u(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${u(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && r`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? _}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && r`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._updatedMapView && this._selectedLayer && this._getEditor() || ""}` || ""}<div class=${v(t)} ${u(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${m}</div></calcite-alert>` || ""}${g && o`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && o`${n && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${u(this._calciteNotice)}><div slot=message .innerHTML=${r ?? ""} ${u(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && o`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && o`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._updatedMapView && this._selectedLayer && this._getEditor() || ""}` || ""}<div class=${v(t)} ${u(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadLayerInfos()));
   }
   async createMobileMapView() {
-    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new V({
+    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new F({
       map: this.mapView.map,
       container: this._mapViewContainer.value,
       zoom: this.mapView.zoom,
@@ -157,38 +157,53 @@ class N extends L {
   }
   _getReportTypePage() {
     const e = this._hasImageExtraction(), t = this._hasTextExtraction();
-    return r`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && r`<calcite-card class="cursor-pointer pt-0" @click=${() => {
+    return o`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && o`<calcite-card class="cursor-pointer pt-0" @click=${() => {
       this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
-    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && r`<calcite-card class="cursor-pointer" @click=${() => {
+    }} @keydown=${(i) => {
+      this._activateCardFromKeyboard(i, () => {
+        this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
+      });
+    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && o`<calcite-card class="cursor-pointer" @click=${() => {
       this._analysisMode = "image", this.progressStatus.emit(35), this._currentPage = "imageUpload";
+    }} @keydown=${(i) => {
+      this._activateCardFromKeyboard(i, () => {
+        this._analysisMode = "image", this.progressStatus.emit(35), this._currentPage = "imageUpload";
+      });
     }}><div slot=description class="card-body-content"><calcite-icon aria-hidden=true icon=camera scale=m style="color: var(--calcite-ui-text-2)"></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.usePhoto}</span><span class="option-description">${this._translations.aiAssistantDescription}</span></div></div></calcite-card>` || ""}<span class="option-description pt-15">${this._translations.manualReport}</span><calcite-card class="cursor-pointer pt-0" @click=${() => {
       this._currentPage = "templatePicker", this.init();
+    }} @keydown=${(i) => {
+      this._activateCardFromKeyboard(i, () => {
+        this._currentPage = "templatePicker", this.init();
+      });
     }}><div slot=description class="card-body-content"><calcite-icon aria-hidden=true icon=pencil scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.fillOutManually}</span><span class="option-description">${this._translations.startBlank}</span></div></div></calcite-card></div>`;
   }
+  _activateCardFromKeyboard(e, t) {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
+  }
   _getEditor() {
-    return r`<arcgis-editor class=height-fit-content .view=${this._updatedMapView} .layerInfos=${this._layerInfos} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} .hideSketch=${!this.showSketchWidgets || this._selectedLayer?.geometryType === "point"} .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${u(this._editor)}></arcgis-editor>`;
+    return o`<arcgis-editor class=height-fit-content .view=${this._updatedMapView} .layerInfos=${this._layerInfos} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} .hideSketch=${!this.showSketchWidgets || this._selectedLayer?.geometryType === "point"} .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${u(this._editor)}></arcgis-editor>`;
   }
   _getSearchComponent() {
     const e = this._currentPage === "drawing" || this._currentPage === "editing" ? "" : "display-none", t = this.searchConfiguration && this._updatedMapView ? this._getSearchConfig(this.searchConfiguration, this._updatedMapView) : void 0;
-    return r`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${u(this._searchRef)}></arcgis-search>`;
+    return this._updateSearchActiveSourceIndex(), o`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .includeDefaultSourcesDisabled=${!!t?.sources?.length} .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${u(this._searchRef)}></arcgis-search>`;
   }
   _aiImageExtractionPage() {
     const e = this._selectedImageBase64 !== "", t = e ? this._translations.replaceImage : this._translations.imageUploadLimitHint;
-    return r`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${u(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && r`<img alt=${this._translations.photo ?? _} class="width-full" src=${this._selectedImageBase64 ?? _}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
+    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${u(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && o`<img alt=${this._translations.photo ?? y} class="width-full" src=${this._selectedImageBase64 ?? y}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _aiTextExtractionPage() {
     const e = this._enteredMessage.trim();
-    return r`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
+    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
       this._enteredMessage = t.target.value;
     }} .placeholder=${this._translations.messageInputHint} resize=vertical rows=6 .value=${this._enteredMessage}></calcite-text-area></calcite-label><div class="info-container"><calcite-icon icon=information scale=s></calcite-icon><span>${this._translations.descriptionRequiredHint}</span></div></div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeMessage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _getAnalyzingImagePage() {
-    return r`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
   _getAnalyzingMessagePage() {
-    return r`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
@@ -210,38 +225,38 @@ class N extends L {
     }
     try {
       this._analysisMode = "image", this._currentPage = "analyzingImage", this.progressStatus.emit(45);
-      const i = this._inputImageForAI.value.files[0], a = await new Promise((o, n) => {
+      const i = this._inputImageForAI.value.files[0], a = await new Promise((n, r) => {
         const l = new FileReader();
-        l.onloadend = () => o(l.result), l.onerror = n, this._inputImageForAI.value && l.readAsDataURL(i);
+        l.onloadend = () => n(l.result), l.onerror = r, this._inputImageForAI.value && l.readAsDataURL(i);
       });
       if (this.enablePhotoLocation) {
-        const o = await R.gps(i);
-        if (o?.longitude && o.latitude && this.mapView?.spatialReference) {
-          const n = new U({
-            longitude: o.longitude,
-            latitude: o.latitude,
+        const n = await R.gps(i);
+        if (n?.longitude && n.latitude && this.mapView?.spatialReference) {
+          const r = new U({
+            longitude: n.longitude,
+            latitude: n.latitude,
             spatialReference: new z({ wkid: 4326 })
-          }), l = await k(n, this.mapView.spatialReference);
+          }), l = await k(r, this.mapView.spatialReference);
           this._aiAnalysisInfo && (this._aiAnalysisInfo.location = l);
         }
       }
       const s = this._getImageExtractionData();
       if (s.length) {
-        const o = {
+        const n = {
           input: a,
           data: s
-        }, n = await b(t.imageUrl, {
+        }, r = await b(t.imageUrl, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
             "x-esri-authorization": `Bearer ${t.token}`,
             "x-esri-request-source": `instantapps/${this.appName}`
           },
-          body: JSON.stringify(o),
+          body: JSON.stringify(n),
           responseType: "json",
           signal: e
         });
-        this._aiAnalysisInfo && (this._aiAnalysisInfo.results = n.data.results);
+        this._aiAnalysisInfo && (this._aiAnalysisInfo.results = r.data.results);
       }
       this._currentPage = "loading", await this.init();
     } catch (i) {
@@ -252,13 +267,13 @@ class N extends L {
     this._abortController = new AbortController();
     const e = this._abortController.signal, t = await this._getAIAnalysisInfo(), i = this._enteredMessage.trim(), a = this._getTextExtractionData();
     let s = { url: "", singleLineFieldName: "" };
-    if (this.enableMessageLocation && (s = this._getLocatorConfig(), this._shouldExtractLocationFromText() && s.url && a.push({ key: f, context: D })), !t.canUseAI || !t.textUrl || !i || !a.length) {
+    if (this.enableMessageLocation && (s = this._getLocatorConfig(), this._shouldExtractLocationFromText() && s.url && a.push({ key: _, context: D })), !t.canUseAI || !t.textUrl || !i || !a.length) {
       this._analysisFailed = !0, console.error(this._translations.error), this._resetAIAnalysisInfo(), await this.init();
       return;
     }
     try {
       this._analysisMode = "text", this._currentPage = "analyzingMessage", this.progressStatus.emit(45);
-      const o = await b(t.textUrl, {
+      const n = await b(t.textUrl, {
         method: "post",
         headers: {
           "Content-Type": "application/json",
@@ -272,16 +287,16 @@ class N extends L {
         responseType: "json",
         signal: e
       });
-      if (this._aiAnalysisInfo && (this._aiAnalysisInfo.results = o.data.results, s.url)) {
-        const n = this._getExtractedAddress(o.data.results);
-        n && (this._aiAnalysisInfo.location = await this._geocodeExtractedAddress(n, {
+      if (this._aiAnalysisInfo && (this._aiAnalysisInfo.results = n.data.results, s.url)) {
+        const r = this._getExtractedAddress(n.data.results);
+        r && (this._aiAnalysisInfo.location = await this._geocodeExtractedAddress(r, {
           url: s.url,
           singleLineFieldName: s.singleLineFieldName
         }));
       }
       this._currentPage = "loading", await this.init();
-    } catch (o) {
-      o.name === "AbortError" ? console.error("Aborted", o) : (this._analysisFailed = !0, console.error("Analyzing failed", o)), this._resetAIAnalysisInfo(), this.init();
+    } catch (n) {
+      n.name === "AbortError" ? console.error("Aborted", n) : (this._analysisFailed = !0, console.error("Analyzing failed", n)), this._resetAIAnalysisInfo(), this.init();
     }
   }
   _resetAIAnalysisInfo() {
@@ -335,14 +350,14 @@ class N extends L {
   }
   async _onEditorPropertyChange() {
     const e = this._editor.value;
-    e?.state && (this._drawingHandler || (this._drawingHandler = y.watch(() => e.state, async (t) => {
+    e?.state && (this._drawingHandler || (this._drawingHandler = f.watch(() => e.state, async (t) => {
       const i = this._editor.value?.activeWorkflow;
-      t === "creating-features" && i?.formViewModel?.state === "disabled" && (this._mapViewContainer.value?.classList.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing", this.progressStatus.emit(50), i?.sketchViewModel?.createGraphic && this._aiAnalysisInfo?.location && (await this._updatedMapView?.goTo({ center: this._aiAnalysisInfo.location }), this._selectedLayer.geometryType === "point" && await this._initializeSketchPoint(this._aiAnalysisInfo.location.clone()))), this.isMobile && this._adjustPanelContentHeight()), t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1);
-    })), this._featureFormHandler || (this._featureFormHandler = y.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
+      t === "creating-features" && i?.formViewModel?.state === "disabled" && (this._mapViewContainer.value?.classList.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing", this.progressStatus.emit(50), i?.sketchViewModel?.createGraphic && this._aiAnalysisInfo?.location && (await this._goToAndWaitForStationary({ center: this._aiAnalysisInfo.location }), this._selectedLayer.geometryType === "point" && await this._initializeSketchPoint(this._aiAnalysisInfo.location.clone()))), this.isMobile && this._adjustPanelContentHeight(), this._searchRef.value && await this._searchRef.value.setFocus()), t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1);
+    })), this._featureFormHandler || (this._featureFormHandler = f.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
       t === "ready" && this._currentPage !== "editing" ? (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), setTimeout(() => {
         this._setFloorLevel(this.floorLevel), this._aiAnalysisInfo?.results && this._setAttributeValuesFromAIAnalysis();
       }, 500), !this.allowMultipleCreation && this._editor.value?.activeWorkflow && (this._editor.value.activeWorkflow.data.creationInfo.maxFeatures = 1), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit(!1)) : t === "disabled" && this.allowMultipleCreation && this._currentPage !== "editing" && (this._currentPage = "drawingMultipleFeatures");
-    })), this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = y.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (t) => {
+    })), this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = f.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (t) => {
       t === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(t);
     }))), await this.hideEditorsElements());
   }
@@ -365,7 +380,7 @@ class N extends L {
       return;
     const t = e.detail.results[0].results[0].feature;
     let i;
-    t && (await this._updatedMapView?.goTo(t.geometry), this._selectedLayer?.geometryType === "point" && t?.geometry && (i = t.geometry));
+    t && (await this._goToAndWaitForStationary(t.geometry), this._selectedLayer?.geometryType === "point" && t?.geometry && (i = t.geometry));
     const a = this._editor.value?.activeWorkflow;
     if (i && a?.sketchViewModel?.createGraphic)
       await this._initializeSketchPoint(i);
@@ -374,7 +389,16 @@ class N extends L {
       s && (s.set("geometry", i), a.sketchViewModel.update(s));
     }
   }
+  async _goToAndWaitForStationary(e) {
+    const t = this._updatedMapView;
+    t && (await t.goTo(e, {
+      animate: !0,
+      duration: this.isMobile ? 1200 : 800,
+      easing: "ease-in-out"
+    }), await f.whenOnce(() => t.stationary));
+  }
   async _initializeSketchPoint(e) {
+    this.isMobile && await new Promise((s) => setTimeout(s, 1e3));
     const t = this._editor.value?.activeWorkflow, a = t.sketchViewModel.createGraphic.set("geometry", e).clone();
     t.sketchViewModel.addGraphic(a), t.sketchViewModel.emit("create", {
       graphic: a,
@@ -384,26 +408,28 @@ class N extends L {
     }), await t.sketchViewModel.update(a);
   }
   _getSearchConfig(e, t) {
-    const i = "includeDefaultSources", a = e.sources;
-    return a && a?.length > 0 ? (e[i] = !1, a.forEach((s) => {
-      if (s.hasOwnProperty("layer")) {
-        const n = s, l = n.layer?.id, h = l ? t.map?.findLayerById(l) : "", d = n?.layer?.url;
-        h ? n.layer = h : d && (n.layer = new $(d));
+    const i = e.sources;
+    return i && i?.length > 0 ? (i.forEach((a) => {
+      if (a.hasOwnProperty("layer")) {
+        const n = a, r = n.layer?.id, l = r ? t.map?.findLayerById(r) : "", d = n?.layer?.url;
+        l ? n.layer = l : d && (n.layer = new S(d));
       }
-    }), a?.forEach((s) => {
-      if (s.hasOwnProperty("locator")) {
-        const n = s;
+    }), i?.forEach((a) => {
+      if (a.hasOwnProperty("locator")) {
+        const n = a;
         if (n?.name === "ArcGIS World Geocoding Service") {
-          const l = n.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          n.outFields = l, n.singleLineFieldName = "SingleLine";
+          const r = n.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          n.outFields = r, n.singleLineFieldName = "SingleLine";
         }
         n.url = n.url, delete n.url;
       }
     })) : e = {
-      ...e,
-      includeDefaultSources: !0
+      ...e
     }, e;
   }
+  _updateSearchActiveSourceIndex() {
+    this._searchRef.value && (this._searchRef.value.searchAllDisabled ? this._searchRef.value.activeSourceIndex = 0 : this._searchRef.value.activeSourceIndex = -1);
+  }
   async _setFloorLevel(e) {
     if (!e)
       return;
@@ -419,7 +445,7 @@ class N extends L {
           name: "floor-info-test",
           title: "Floor Info",
           returnType: "string"
-        }), o = new C({
+        }), n = new $({
           label: i,
           editableExpression: "false",
           fieldName: i,
@@ -430,16 +456,16 @@ class N extends L {
           },
           valueExpression: s.name
         });
-        this._updatedMapView?.map.editableLayers.forEach((n) => {
-          const l = this.formElements.orgElements, h = this.formElements.orgExpressionInfos, d = [...l];
-          if (d.push(o), n.type === "feature") {
-            const m = n, p = new S({
-              title: m?.formTemplate?.title,
-              description: m?.formTemplate?.description,
-              elements: d,
-              expressionInfos: [s].concat(h)
+        this._updatedMapView?.map.editableLayers.forEach((r) => {
+          const l = this.formElements.orgElements, d = this.formElements.orgExpressionInfos, m = [...l];
+          if (m.push(n), r.type === "feature") {
+            const g = r, h = new C({
+              title: g?.formTemplate?.title,
+              description: g?.formTemplate?.description,
+              elements: m,
+              expressionInfos: [s].concat(d)
             });
-            n.formTemplate = p;
+            r.formTemplate = h;
           }
         });
       }
@@ -448,7 +474,7 @@ class N extends L {
   _setAttributeValuesFromAIAnalysis() {
     this._aiAnalysisInfo?.results && this._aiAnalysisInfo.results.forEach((e) => {
       const t = this._editor?.value?.activeWorkflow;
-      t?.formViewModel && e.key && e.key !== f && e.success && t.formViewModel.setValue(e.key, e.value);
+      t?.formViewModel && e.key && e.key !== _ && e.success && t.formViewModel.setValue(e.key, e.value);
     });
   }
   _getImageExtractionData() {
@@ -477,7 +503,7 @@ class N extends L {
     return this._analysisMode === "text" ? e && e === t ? this._translations.textExtractionError : this._translations.textExtractionPartialError : e && e === t ? this._translations.imageExtractionError : this._translations.imageExtractionPartialError;
   }
   _getExtractedAddress(e) {
-    const t = e.find((i) => i.key === f && i.success && i.value !== null);
+    const t = e.find((i) => i.key === _ && i.success && i.value !== null);
     if (t) {
       if (typeof t.value == "string")
         return t.value.trim() || void 0;
@@ -489,6 +515,7 @@ class N extends L {
     if (!(!this.mapView?.spatialReference || !e))
       try {
         const a = (await T.addressToLocations(t.url, {
+          location: this.mapView.center,
           address: { [t.singleLineFieldName]: e },
           outSpatialReference: this.mapView.spatialReference,
           maxLocations: 1

package/dist/components/crowdsource-reporter/customElement.d.ts

@@ -324,8 +324,12 @@ export abstract class CrowdsourceReporter extends LitElement {
    * @default 'light'
    */
   accessor theme: theme;
-  /** number: default scale to zoom to when zooming to a single point feature */
-  accessor zoomToScale: number | undefined;
+  /**
+   * number: default scale to zoom to when zooming to a single point feature
+   *
+   * @default 15358
+   */
+  accessor zoomToScale: number;
   /**
    * Method to update layerExpressions with the translated values
    *

package/dist/components/crowdsource-reporter/customElement.js

@@ -15,7 +15,7 @@ import P from "@arcgis/core/rest/support/IdentifyParameters.js";
 const k = v`@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}}`;
 class M extends $ {
   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.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 = F({ 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 = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = S(), C(window);
+    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 = F({ 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 = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = S(), 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 };

package/dist/components/solutions-deploy-app/customElement.d.ts

@@ -19,6 +19,10 @@ export abstract class SolutionsDeployApp extends LitElement {
       fetchingAllSolutions: string;
       mySolutions: string;
       solutionResources: string;
+      resourcesGetStarted: string;
+      resourcesDocumentation: string;
+      resourcesNavigationMenuLabel: string;
+      resourcesSupport: string;
       metaAllSolutionsTitle: string;
       metaAllSolutionsDescription: string;
       metaDeploymentsTitle: string;
@@ -38,6 +42,10 @@ export abstract class SolutionsDeployApp extends LitElement {
       fetchingAllSolutions: string;
       mySolutions: string;
       solutionResources: string;
+      resourcesGetStarted: string;
+      resourcesDocumentation: string;
+      resourcesNavigationMenuLabel: string;
+      resourcesSupport: string;
       metaAllSolutionsTitle: string;
       metaAllSolutionsDescription: string;
       metaDeploymentsTitle: string;