@esri/solutions-components 5.1.0 → 5.1.1

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

@@ -5,14 +5,14 @@ import { u as A } from "../../chunks/useT9n.js";
 import { css as M, html as o, nothing as y } from "lit";
 import { createRef as d, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as c, noShadowRoot as k, safeClassMap as v } from "@arcgis/lumina";
-import { p as L } from "../../chunks/queryUtils.js";
-import P from "@arcgis/core/form/ExpressionInfo.js";
+import { p as P } from "../../chunks/queryUtils.js";
+import L from "@arcgis/core/form/ExpressionInfo.js";
 import F from "@arcgis/core/layers/FeatureLayer.js";
 import C from "@arcgis/core/form/elements/FieldElement.js";
 import S from "@arcgis/core/form/FormTemplate.js";
 import $ from "@arcgis/core/views/MapView.js";
 import V from "@arcgis/core/Graphic.js";
-import * as f from "@arcgis/core/core/reactiveUtils.js";
+import * as m from "@arcgis/core/core/reactiveUtils.js";
 import * as R from "@arcgis/core/rest/locator.js";
 import b from "@arcgis/core/request.js";
 import * as T from "exifr";
@@ -128,10 +128,10 @@ class N extends E {
   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", r = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
     let n = this._translations.chooseCategoryMsg;
-    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, m = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
+    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, f = this._getAnalysisErrorMessage(l?.length), g = 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((u) => u.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), o`${p && 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>${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`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(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._getEditor()}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${f}</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`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(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._getEditor()}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadLayerInfos()));
@@ -254,7 +254,7 @@ class N extends E {
             longitude: r.longitude,
             latitude: r.latitude,
             spatialReference: new z({ wkid: 4326 })
-          }), l = await L(n, this.mapView.spatialReference);
+          }), l = await P(n, this.mapView.spatialReference);
           this._aiAnalysisInfo && (this._aiAnalysisInfo.location = l);
         }
       }
@@ -368,21 +368,26 @@ class N extends E {
   }
   async _onEditorPropertyChange() {
     const e = this._editor.value;
-    e?.state && (this._drawingHandler || (this._drawingHandler = f.watch(() => e.state, async (t) => {
+    e?.state && (this._drawingHandler || (this._drawingHandler = m.watch(() => e.state, async (t) => {
       const i = this._editor.value?.activeWorkflow, a = i?.formViewModel;
       if (t === "creating-features" && (a?.status === "not-loaded" || a?.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) {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
-        this._featureFormHandler = f.watch(() => r?.status !== void 0 ? r?.status : r?.state, (n) => {
-          this._currentPage !== "editing" && (n === "loaded" || n === "ready") ? (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)) : this.allowMultipleCreation && this._currentPage !== "editing" && (n === "not-loaded" || n === "disabled") && (this._currentPage = "drawingMultipleFeatures");
-        });
+        r.state ? this._featureFormHandler = m.watch(() => r?.state, (n) => {
+          this._currentPage !== "editing" && n === "ready" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "disabled" && (this._currentPage = "drawingMultipleFeatures");
+        }) : r.status && (this._featureFormHandler = m.watch(() => r?.status, (n) => {
+          this._currentPage !== "editing" && n === "loaded" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "not-loaded" && (this._currentPage = "drawingMultipleFeatures");
+        }));
       }
-      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = f.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
+      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = m.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
         s === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(s);
       })));
     })), await this.hideEditorsElements());
   }
+  initFeatureFormPage() {
+    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);
+  }
   _adjustPanelContentHeight() {
     setTimeout(() => {
       const e = document.querySelector("arcgis-editor");
@@ -417,7 +422,7 @@ class N extends E {
       animate: !0,
       duration: this.isMobile ? 1200 : 800,
       easing: "ease-in-out"
-    }), await f.whenOnce(() => t.stationary));
+    }), await m.whenOnce(() => t.stationary));
   }
   async _initializeSketchPoint(e) {
     this.isMobile && await new Promise((s) => setTimeout(s, 1e3));
@@ -471,7 +476,7 @@ class N extends E {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
         r.status === "loaded" ? await r.setValueForFieldName?.(a.name, e, r.features) : r.state === "ready" && r.setValue?.(a.name, e), a.editable = !1;
       } else if (t.formTemplate && this.formElements) {
-        const s = new P({
+        const s = new L({
           expression: `'${e}'`,
           name: "floor-info-test",
           title: "Floor Info",
@@ -488,12 +493,12 @@ class N extends E {
           valueExpression: s.name
         });
         this._updatedMapView?.map.editableLayers.forEach((n) => {
-          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, m = [...l];
-          if (m.push(r), n.type === "feature") {
+          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, f = [...l];
+          if (f.push(r), n.type === "feature") {
             const g = n, u = new S({
               title: g?.formTemplate?.title,
               description: g?.formTemplate?.description,
-              elements: m,
+              elements: f,
               expressionInfos: [s].concat(p)
             });
             n.formTemplate = u;

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

@@ -4,19 +4,21 @@ import { css as f, html as d } from "lit";
 import { u as p } from "../../chunks/useT9n.js";
 import { LitElement as g, createEvent as n, noShadowRoot as b, safeClassMap as w } from "@arcgis/lumina";
 import { createRef as y, ref as _ } from "lit-html/directives/ref.js";
-import * as h from "@arcgis/core/core/reactiveUtils.js";
+import * as c from "@arcgis/core/core/reactiveUtils.js";
 const v = f`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
 class k extends g {
   constructor() {
     super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = p({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._editor = y(), this._isSubmitBtnClicked = !1, this.success = n(), this.fail = n(), this.isActionPending = n(), this.formReady = n(), this._onEditorPropertyChange = () => {
       const t = this._editor.value;
       if (t) {
-        h.watch(() => t.state, (e) => {
+        c.watch(() => t.state, (e) => {
           e === "adding-attachment" || e === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
         });
         const i = t.activeWorkflow?.formViewModel;
-        h.watch(() => i?.status !== "undefined" ? i.status : i.state, (e) => {
-          (e === "loaded" || e === "ready") && this.formReady.emit();
+        i.state ? c.watch(() => i.state, (e) => {
+          e === "ready" && this.formReady.emit();
+        }) : i.status && c.watch(() => i.status, (e) => {
+          e === "loaded" && this.formReady.emit();
         });
       }
     };
@@ -57,8 +59,8 @@ class k extends g {
           template: l
         };
         await this._editor.value?.startCreateFeaturesWorkflowAtFeatureCreation(u), await this.hideEditorsElements();
-        const c = this._editor.value?.activeWorkflow?.formViewModel;
-        c && this._editor.value?.activeWorkflow?.formViewModel?.addHandles(c.on("submit", this.submitted.bind(this)));
+        const h = this._editor.value?.activeWorkflow?.formViewModel;
+        h && this._editor.value?.activeWorkflow?.formViewModel?.addHandles(h.on("submit", this.submitted.bind(this)));
       }
     }
   }

package/dist/components/layer-table/customElement.js

@@ -632,7 +632,7 @@ class M extends A {
   tempHighlightOnHover(e) {
     if (this._removeTempHighlight(), this._selectedLayerView) {
       const t = e.feature;
-      t && (this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" }));
+      t?.geometry && (this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" }));
     }
   }
   _removeTempHighlight() {

package/dist/components/map-tools/customElement.js

@@ -74,7 +74,7 @@ class x extends L {
   render() {
     this._setZoomToolsSize();
     const t = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), s = !this._showTools && !this._showSelectionTools ? "display-none" : t, i = this._showEllipsisTools ? "" : "display-none", l = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", c = this._showLegendWidget ? "" : "display-none", p = this._showFloorFilter ? "" : "display-none", d = this._showLayersListWidget ? "" : "display-none", g = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableLayerList && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = document.dir === "rtl" ? "margin-right-1-2" : "margin-left-1-2", u = this.enableSingleExpand ? this.layout === "horizontal" ? w : "margin-top-1-2" : "", y = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", m = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "", b = this._showSelectionTools ? this.selectionTools : this._mapTools;
-    return a`<div class=${`${f} ${t} height-0`}>${this.enableSingleExpand ? a`<div class=${h(m)}>${this._getActionGroup(e, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${h(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${h(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${h(o)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${h(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${h(c)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${h(d)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${h(p)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    return a`<div class=${`${f} ${t} height-0`}>${this.enableSingleExpand ? a`<div class=${h(m)}>${this._getActionGroup(e, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${h(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${h(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${h(o)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${h(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${h(c)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${h(d)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${h(p)} .enabled=${this.enableFloorFilter && this._hasFloorInfo} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !1;
     }} .selectedLayerId=${this.selectedLayer?.id} ${r(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && a`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && a`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this.configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }