@esri/solutions-components 5.1.0-next.172 → 5.1.0-next.174

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

@@ -9,13 +9,13 @@ import { p as L } from "../../chunks/queryUtils.js";
 import P from "@arcgis/core/form/ExpressionInfo.js";
 import F from "@arcgis/core/layers/FeatureLayer.js";
 import C from "@arcgis/core/form/elements/FieldElement.js";
-import $ from "@arcgis/core/form/FormTemplate.js";
-import S from "@arcgis/core/views/MapView.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 T from "@arcgis/core/rest/locator.js";
+import * as R from "@arcgis/core/rest/locator.js";
 import b from "@arcgis/core/request.js";
-import * as R from "exifr";
+import * as T 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}}}`, _ = "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.`;
@@ -84,7 +84,7 @@ class N extends E {
       try {
         await e.save();
       } catch (t) {
-        if (this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, t?.name === "AbortError")
+        if (this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, t?.name === "AbortError" || t?.name === "missing-parameters")
           return;
         this._onFail(t);
         return;
@@ -131,13 +131,13 @@ class N extends E {
     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);
     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._updatedMapView && this._selectedLayer && this._getEditor() || ""}` || ""}<div class=${v(t)} ${h(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`${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()));
   }
   async createMobileMapView() {
-    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new S({
+    this._mapViewContainer.value && this.mapView && (this._mapViewContainer.value.classList.add("hide-map"), await new $({
       map: this.mapView.map,
       container: this._mapViewContainer.value,
       zoom: this.mapView.zoom,
@@ -161,7 +161,11 @@ class N extends E {
         updateEnabled: !1,
         deleteEnabled: !1
       });
-    })), this._layerInfos = e;
+    })), this._layerInfos = e, await this._initEditor();
+  }
+  async _initEditor() {
+    const e = this._editor.value;
+    e && (await e.componentOnReady(), e.view = this._updatedMapView, e.layerInfos = this._layerInfos, e.hideEditFeaturesSection = !0, e.hideSettingsMenu = !this.enableSnapping, e.hideSketch = !this.showSketchWidgets || this._selectedLayer?.geometryType === "point", e.hideSnappingControlsElementsEnabledToggle = !this.enableSnapping);
   }
   _attachEditsListener(e) {
     this._attachedEditsLayerId === e.id && this._layerEditsHandler || (this._layerEditsHandler?.remove(), this._attachedEditsLayerId = e.id, this._layerEditsHandler = e.on("edits", this._onLayerEdits));
@@ -195,7 +199,7 @@ class N extends E {
     (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
   }
   _getEditor() {
-    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} ${h(this._editor)}></arcgis-editor>`;
+    return o`<arcgis-editor class=height-fit-content @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${h(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;
@@ -244,7 +248,7 @@ class N extends E {
         l.onloadend = () => r(l.result), l.onerror = n, this._inputImageForAI.value && l.readAsDataURL(i);
       });
       if (this.enablePhotoLocation) {
-        const r = await R.gps(i);
+        const r = await T.gps(i);
         if (r?.longitude && r.latitude && this.mapView?.spatialReference) {
           const n = new U({
             longitude: r.longitude,
@@ -274,7 +278,7 @@ class N extends E {
       }
       this._currentPage = "loading", await this.init();
     } catch (i) {
-      i.name === "AbortError" ? console.error("Aborted", i) : (this._analysisFailed = !0, console.error("Analyzing failed", i)), this._resetAIAnalysisInfo(), this.init();
+      i?.name === "AbortError" ? console.error("Aborted", i) : (this._analysisFailed = !0, console.error("Analyzing failed", i)), this._resetAIAnalysisInfo(), this.init();
     }
   }
   async _analyzeMessage() {
@@ -310,7 +314,7 @@ class N extends E {
       }
       this._currentPage = "loading", await this.init();
     } catch (r) {
-      r.name === "AbortError" ? console.error("Aborted", r) : (this._analysisFailed = !0, console.error("Analyzing failed", r)), this._resetAIAnalysisInfo(), this.init();
+      r?.name === "AbortError" ? console.error("Aborted", r) : (this._analysisFailed = !0, console.error("Analyzing failed", r)), this._resetAIAnalysisInfo(), this.init();
     }
   }
   _resetAIAnalysisInfo() {
@@ -365,21 +369,19 @@ class N extends E {
   async _onEditorPropertyChange() {
     const e = this._editor.value;
     e?.state && (this._drawingHandler || (this._drawingHandler = f.watch(() => e.state, async (t) => {
-      const i = this._editor.value?.activeWorkflow;
-      t === "creating-features" && i?.formViewModel?.status === "not-loaded" && (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?.status, (t) => {
-      if (t === "loaded" && 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);
-      else if (t === "not-loaded" && this.allowMultipleCreation && this._currentPage !== "editing") {
-        this._currentPage = "drawingMultipleFeatures";
-        const i = this._updatedMapView, a = e.activeWorkflow;
-        i && !i.activeTool && a?.sketchViewModel && this._selectedLayer?.geometryType && a.sketchViewModel.create(this._selectedLayer.geometryType);
+      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");
+        });
       }
-    })), 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());
+      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = f.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
+        s === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(s);
+      })));
+    })), await this.hideEditorsElements());
   }
   _adjustPanelContentHeight() {
     setTimeout(() => {
@@ -425,7 +427,12 @@ class N extends E {
       state: "complete",
       toolEventInfo: null,
       type: "create"
-    }), await t.sketchViewModel.update(a);
+    });
+    try {
+      await t.sketchViewModel.update(a);
+    } catch (s) {
+      console.error("Error updating sketch with new geometry", s), s?.name === "AbortError" && console.error("Aborted", s);
+    }
   }
   _getSearchConfig(e, t) {
     const i = e?.sources;
@@ -462,7 +469,7 @@ class N extends E {
       const a = t.fields.find((s) => s.name === i);
       if (a && !t?.formTemplate) {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
-        r && (await r.setValueForFieldName?.(a.name, e, r.features), a.editable = !1);
+        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({
           expression: `'${e}'`,
@@ -483,7 +490,7 @@ class N extends E {
         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 g = n, u = new $({
+            const g = n, u = new S({
               title: g?.formTemplate?.title,
               description: g?.formTemplate?.description,
               elements: m,
@@ -498,7 +505,7 @@ class N extends E {
   _setAttributeValuesFromAIAnalysis() {
     this._aiAnalysisInfo?.results && this._aiAnalysisInfo.results.forEach((e) => {
       const i = this._editor?.value?.activeWorkflow?.formViewModel;
-      i && e.key && e.key !== _ && e.success && i.setValueForFieldName(e.key, e.value, i.features);
+      i && e.key && e.key !== _ && e.success && (i.status === "loaded" ? i.setValueForFieldName?.(e.key, e.value, i.features) : i.state === "ready" && i.setValue?.(e.key, e.value));
     });
   }
   _getImageExtractionData() {
@@ -538,7 +545,7 @@ class N extends E {
   async _geocodeExtractedAddress(e, t) {
     if (!(!this.mapView?.spatialReference || !e))
       try {
-        const a = (await T.addressToLocations(t.url, {
+        const a = (await R.addressToLocations(t.url, {
           location: this.mapView.center,
           address: { [t.singleLineFieldName]: e },
           outSpatialReference: this.mapView.spatialReference,

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

@@ -2,19 +2,23 @@
 import { c as m } from "../../chunks/runtime.js";
 import { css as f, html as d } from "lit";
 import { u as p } from "../../chunks/useT9n.js";
-import { LitElement as b, createEvent as n, noShadowRoot as g, safeClassMap as w } from "@arcgis/lumina";
+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";
 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 b {
+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 e = this._editor.value;
-      e && (h.watch(() => e.state, (t) => {
-        t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
-      }), h.watch(() => e.activeWorkflow?.formViewModel?.status, (t) => {
-        t === "loaded" && this.formReady.emit();
-      }));
+      const t = this._editor.value;
+      if (t) {
+        h.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();
+        });
+      }
     };
   }
   static {
@@ -24,14 +28,14 @@ class k extends b {
     this.styles = v;
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = b;
   }
   async submit() {
     this._editor.value?.activeWorkflow && (this._isSubmitBtnClicked = !0, this._editor.value.activeWorkflow?.formViewModel?.submit());
   }
   render() {
-    const e = this._editorLoading ? "" : "display-none";
-    return d`${this.showGuidingMsg && d`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${w(e)} .label=${this._translations.loading} scale=s></calcite-loader>${this.mapView && this._getEditor() || ""}`;
+    const t = this._editorLoading ? "" : "display-none";
+    return d`${this.showGuidingMsg && d`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${w(t)} .label=${this._translations.loading} scale=s></calcite-loader>${this.mapView && this._getEditor() || ""}`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._editor.value && this._editor.value.destroy();
@@ -40,16 +44,16 @@ class k extends b {
     return d`<arcgis-editor .view=${this.mapView} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} hide-sketch .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._startCreate} @arcgisPropertyChange=${this._onEditorPropertyChange} ${_(this._editor)}></arcgis-editor>`;
   }
   async _startCreate() {
-    const e = this.selectedFeature?.layer, t = this.table;
-    if (e.relationships && t?.relationships && this.selectedFeature && t.templates) {
-      const i = e.relationships[0], s = t.relationships.find((o) => e.layerId === o.relatedTableId), a = Number(this.selectedFeature.getObjectId());
+    const t = this.selectedFeature?.layer, i = this.table;
+    if (t.relationships && i?.relationships && this.selectedFeature && i.templates) {
+      const e = t.relationships[0], s = i.relationships.find((o) => t.layerId === o.relatedTableId), a = Number(this.selectedFeature.getObjectId());
       if (!Number.isNaN(a) && s) {
-        const r = (await e.queryFeatures({
+        const r = (await t.queryFeatures({
           objectIds: [a],
-          outFields: [e.objectIdField, i.keyField]
-        })).features[0], l = t.templates[0], u = {
-          attributeOverrides: this.makeAttributesForRelatedFeature(r, i, s),
-          layer: t,
+          outFields: [t.objectIdField, e.keyField]
+        })).features[0], l = i.templates[0], u = {
+          attributeOverrides: this.makeAttributesForRelatedFeature(r, e, s),
+          layer: i,
           template: l
         };
         await this._editor.value?.startCreateFeaturesWorkflowAtFeatureCreation(u), await this.hideEditorsElements();
@@ -61,50 +65,50 @@ class k extends b {
   async hideEditorsElements() {
     if (!this.customizeSubmit)
       return;
-    await this.timeout(700), this.el.querySelector("arcgis-editor")?.shadowRoot?.querySelectorAll("calcite-flow-item")?.forEach((t) => {
-      const i = t.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
-      i?.querySelector("header")?.setAttribute("style", "display: none"), i?.querySelector("footer")?.setAttribute("style", "display: none");
+    await this.timeout(700), this.el.querySelector("arcgis-editor")?.shadowRoot?.querySelectorAll("calcite-flow-item")?.forEach((i) => {
+      const e = i.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
+      e?.querySelector("header")?.setAttribute("style", "display: none"), e?.querySelector("footer")?.setAttribute("style", "display: none");
     });
   }
-  makeAttributesForRelatedFeature(e, t, i) {
-    const s = t.keyField;
+  makeAttributesForRelatedFeature(t, i, e) {
+    const s = i.keyField;
     let a;
-    e.attributes.hasOwnProperty(s) ? a = e.getAttribute(s) : e.attributes.hasOwnProperty(s.toLowerCase()) ? a = e.getAttribute(s.toLowerCase()) : e.attributes.hasOwnProperty(s.toUpperCase()) && (a = e.getAttribute(s.toUpperCase()));
-    let o = i.keyField;
+    t.attributes.hasOwnProperty(s) ? a = t.getAttribute(s) : t.attributes.hasOwnProperty(s.toLowerCase()) ? a = t.getAttribute(s.toLowerCase()) : t.attributes.hasOwnProperty(s.toUpperCase()) && (a = t.getAttribute(s.toUpperCase()));
+    let o = e.keyField;
     const r = this.table?.fields.find((l) => l.name.toLocaleLowerCase() === o.toLocaleLowerCase());
     if (r)
       return o = r.name, {
         [o]: a
       };
   }
-  async submitted(e) {
-    if (e.results[0]?.invalidFields.length || e.results[0]?.invalidAttachmentElementIds.length) {
+  async submitted(t) {
+    if (t?.invalid?.length || t?.results?.[0]?.invalidFields?.length || t?.results?.[0]?.invalidAttachmentElementIds?.length) {
       this._isSubmitBtnClicked = !1;
       return;
     }
-    if (this._isSubmitBtnClicked) {
+    if (t?.valid?.length ? t.valid.length && this._isSubmitBtnClicked : this._isSubmitBtnClicked) {
       this._isSubmitBtnClicked = !1;
       try {
         if (this._editor.value?.activeWorkflow) {
           await this._editor.value.activeWorkflow.commit();
-          const t = this._editor.value.activeWorkflow.data?.viewModel?.failures;
-          if (t?.length) {
-            t.some((i) => {
-              if (i.error)
-                throw i.error;
+          const e = this._editor.value.activeWorkflow?.failures?.length ? this._editor.value.activeWorkflow.failures : this._editor.value.activeWorkflow?.data?.viewModel?.failures;
+          if (e?.length) {
+            e.some((s) => {
+              if (s.error)
+                throw s.error;
             });
             return;
           }
         }
-      } catch (t) {
-        this.fail.emit(t);
+      } catch (e) {
+        this.fail.emit(e);
         return;
       }
       this.success.emit();
     }
   }
-  async timeout(e) {
-    return await new Promise((t) => setTimeout(t, e));
+  async timeout(t) {
+    return await new Promise((i) => setTimeout(i, t));
   }
 }
 m("create-related-feature", k);

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

@@ -5,7 +5,7 @@ import { defineCustomElements as v } from "@arcgis/instant-apps-components/dist/
 import { u as C } from "../../chunks/useT9n.js";
 import { css as I, html as s, nothing as L } from "lit";
 import { createRef as c, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as M, createEvent as _, noShadowRoot as x, safeClassMap as f, safeStyleMap as T } from "@arcgis/lumina";
+import { LitElement as M, createEvent as _, noShadowRoot as x, safeClassMap as b, safeStyleMap as T } from "@arcgis/lumina";
 import { setupViewFocusKeyboardWatcher as S } from "templates-common-library/functionality/keyboardUtils";
 const F = I`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-surface-2)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.z-index-2{z-index:2!important}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-top{border-top:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.display-grid{display:grid}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.border-width-0{border-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;margin:100px 0;z-index:1}.left-0{left:0}.right-0{right:0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-surface-1)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
 class V extends M {
@@ -83,7 +83,7 @@ class V extends M {
   }
   render() {
     const e = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "", t = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", i = this._translations.invalidWebMapMsg?.replace("{{web_map}}", this._mapInfo?.name || "");
-    return s`${this._showInvalidMapAlert && s`<calcite-alert auto-close class=${f(t)} icon=check-circle kind=danger label @calciteAlertClose=${() => {
+    return s`${this._showInvalidMapAlert && s`<calcite-alert auto-close class=${b(t)} icon=check-circle kind=danger label @calciteAlertClose=${() => {
       this._showInvalidMapAlert = !1;
     }} open placement=top><div slot=message>${i}</div></calcite-alert>` || ""}<calcite-shell class="position-relative"><calcite-panel class=${`width-full height-full ${e}`} .loading=${this._isLoading}>${this._getBody(this._layoutMode, this._panelOpen, this._hideTable)}</calcite-panel>${this._getFooter()}</calcite-shell>${this._filterModal()}${!this._isMobile && this._deleteModal() || ""}`;
   }
@@ -172,8 +172,8 @@ class V extends M {
     }} .pasteEnabled=${this._pasteEnabled} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showCopyPasteActions=${this._showCopyPasteActions} .showSketchWidgets=${l?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   _getTable(e, t, i) {
-    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
-    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${p ? b : void 0} .defaultLayerId=${p ? this.defaultLayer : ""} .defaultOid=${p && !b ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${f(r)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", f = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
+    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${p ? f : void 0} .defaultLayerId=${p ? this.defaultLayer : ""} .defaultOid=${p && !f ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${b(r)} id=full-map-view></div></calcite-shell>`;
   }
   getActions(e, t) {
     const i = this._getDividerIcon(e, t), a = t ? this._translations.close : this._translations.open, l = "toggle-layout";
@@ -191,7 +191,7 @@ class V extends M {
   }
   _mapExtentFilter() {
     const e = this._layerExpressions?.length === 0;
-    return s`<calcite-panel><div><calcite-block class=${f(this.theme === "dark" ? "background-dark" : "")} heading menu-placement=bottom-end open><div class="filter-extent-container"><div class="filter-extent-message"><span>${this._translations.filterByExtentMsg}</span><calcite-icon icon=information id=filter-message-info scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top reference-element=filter-message-info>${this._translations.filterByExtentTooltipMsg}</calcite-tooltip></div><calcite-switch .checked=${this._mapExtentFilterChecked} @calciteSwitchChange=${(t) => {
+    return s`<calcite-panel><div><calcite-block class=${b(this.theme === "dark" ? "background-dark" : "")} heading menu-placement=bottom-end open><div class="filter-extent-container"><div class="filter-extent-message"><span>${this._translations.filterByExtentMsg}</span><calcite-icon icon=information id=filter-message-info scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top reference-element=filter-message-info>${this._translations.filterByExtentTooltipMsg}</calcite-tooltip></div><calcite-switch .checked=${this._mapExtentFilterChecked} @calciteSwitchChange=${(t) => {
       const a = !!(t.target.checked || this._filterList.value?.filterCount && this._filterList.value?.filterCount > 0);
       this._layerTable.value && this._layerTable.value?.filterUpdate(a, t.target.checked), this._mapCard.value && this._mapCard.value?.updateFilterState(a), this._mapExtentFilterChecked = t.target.checked;
     }} scale=m></calcite-switch></div></calcite-block>${e && s`<div class="filter-modal-buttons" slot=footer><calcite-button appearance=outline @click=${this._handleFilterListReset} width=full>${this._translations.Resetfilter}</calcite-button><calcite-button @click=${this._closeFilter} width=full>${this._translations.close}</calcite-button></div>` || ""}</div></calcite-panel>`;
@@ -218,7 +218,7 @@ class V extends M {
     this._filterOpen = !this._filterOpen;
   }
   _handleFilterListReset() {
-    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value._filterActive && this._layerTable.value.filterReset();
+    this._mapExtentFilterChecked = !1, this._mapCard.value && this._mapCard.value.resetFilter(), this._layerTable.value && this._layerTable.value?.isFilterActive() && this._layerTable.value.filterReset();
   }
   async _closeFilter() {
     this._filterOpen && (this._filterOpen = !1, this._layerTable.value && this._layerTable.value.closeFilter());

package/dist/components/layer-table/customElement.d.ts

@@ -210,6 +210,8 @@ export abstract class LayerTable extends LitElement {
    * @param keepTableUpdatingOnMapExtentChange
    */
   filterUpdate(filterActive: boolean, keepTableUpdatingOnMapExtentChange?: boolean): Promise<void>;
+  /** Returns true when any table filter is active */
+  isFilterActive(): boolean;
   /** refresh the feature table */
   refresh(): Promise<void>;
   /**

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

@@ -14,8 +14,8 @@ import $ from "@arcgis/core/widgets/FeatureTable.js";
 import * as p from "@arcgis/core/core/reactiveUtils.js";
 import D from "@arcgis/core/rest/support/RelationshipQuery.js";
 import w from "@arcgis/core/widgets/FeatureTable/support/TableTemplate.js";
-const M = C`@layer{:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-surface-1)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-dialog-content-space: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-surface-2)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
-class V extends A {
+const V = C`@layer{:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-surface-1)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-dialog-content-space: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-surface-2)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
+class M extends A {
   constructor() {
     super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.enableTableAutosave = !0, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.layerIds = [], this._allIds = [], this._configLayerOrderDefined = !1, this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = O({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._deleteEnabled = !1, this._floorExpression = "", this._floorField = "", this._floorLevel = "", this._loaded = !1, this._shareNode = y(), this._toolbar = y(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = y(), this._layerEditsHandles = [], this._pastedFeaturesIds = [], this._shouldSelectCreatedFeatures = !1, this.columnReorder = o(), this.featureSelectionChange = o(), this.toggleFilter = o(), this.showDelete = o(), this.relatedRecordToggled = o(), this.editMultipleFeatures = o(), this.copyFeatures = o(), this.pasteFeatures = o(), this.featuresAdded = o(), this.initCreateComponent = o(), this.requestLayerSelectionChange = o(), this.beforeFeatureSelectionChange = o(), this.continueEditing = o(), this.createFeatureEditorInitialized = (e) => {
       this._createFeatureEditor = e.detail;
@@ -27,7 +27,7 @@ class V extends A {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, enableTableAutosave: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, pasteEnabled: 5, showCopyPasteActions: 5, layerIds: 0, _allIds: 16, _configLayerOrderDefined: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
   }
   static {
-    this.styles = M;
+    this.styles = V;
   }
   static {
     this.shadowRootOptions = H;
@@ -115,6 +115,9 @@ class V extends A {
   async filterUpdate(e, t) {
     await this._handleFilterUpdate(e), t ? (this._shouldUpdateTableOnExtentChange = !0, this._handleTableOnMapExtent()) : t === !1 && (this._table && (this._table.filterGeometry = void 0), this._filterByExtentHandle?.remove(), this._filterByExtentHandle = void 0, await this._updateAllIds());
   }
+  isFilterActive() {
+    return this._filterActive;
+  }
   async validateTableUpdate(e) {
     this._shouldUpdateTableOnExtentChange = e;
   }
@@ -234,7 +237,7 @@ class V extends A {
       const a = this._layer?.createQuery();
       a.fullText = this._fullTextSearchInfo, s = this._layer ? await this._layer.queryObjectIds(a) : [], i && t?.length && (s = s.filter((l) => t.includes(l))), await this._updateSearchDefinitionExpression(s?.length ? s : [-1]);
     }
-    i && s?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(s.reverse())), this._selectedLayerView ? await p.once(() => !this._selectedLayerView.updating) : await new Promise((a) => setTimeout(a, 800)), this._allIds = await this.queryAllIds(), this.selectedIds = this.selectedIds.filter((a) => this._allIds.indexOf(a) > -1), await this._refresh(!1, !0);
+    i && s?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(s.reverse())), this._selectedLayerView && this._selectedLayerView.updating ? await p.once(() => !this._selectedLayerView.updating) : await new Promise((a) => setTimeout(a, 800)), this._allIds = await this.queryAllIds(), this.selectedIds = this.selectedIds.filter((a) => this._allIds.indexOf(a) > -1), await this._refresh(!1, !0);
   }
   _clearSearchDefinitionExpression() {
     const e = this._layer?.definitionExpression;
@@ -629,7 +632,7 @@ class V extends A {
   tempHighlightOnHover(e) {
     if (this._removeTempHighlight(), this._selectedLayerView) {
       const t = e.feature;
-      this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" });
+      t && (this._temporaryFeatureHandle = this._selectedLayerView?.highlight([t], { name: "temporary" }));
     }
   }
   _removeTempHighlight() {
@@ -952,7 +955,7 @@ class V extends A {
     }));
   }
 }
-E("layer-table", V);
+E("layer-table", M);
 export {
-  V as LayerTable
+  M as LayerTable
 };