@esri/solutions-components 1.0.0-next.20250530.1 → 1.0.0-next.20250602

package/dist/components/info-card/customElement.js

@@ -1,14 +1,14 @@
-import { c as f } from "../../chunks/runtime.js";
-import { l as _ } from "../../chunks/loadModules.js";
+import { c as _ } from "../../chunks/runtime.js";
+import { l as f } from "../../chunks/loadModules.js";
 import { P as g } from "../../chunks/popupUtils.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { nothing as w, html as s } from "lit";
+import { u as w } from "../../chunks/useT9n.js";
+import { nothing as b, html as s } from "lit";
 import { LitElement as m, createEvent as r, noShadowRoot as v, safeStyleMap as y, safeClassMap as i } from "@arcgis/lumina";
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250530.1 */
-const x = $`@layer{/** @license
+v1.0.0-next.20250602 */
+const F = $`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,15 +23,15 @@ const x = $`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
-class F extends m {
+class x extends m {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !1, this._mobileTitle = "", this._showListView = !1, this._translations = w({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures);
   }
   static {
-    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
+    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _isMultipleEdits: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = F;
   }
   static {
     this.shadowRootOptions = v;
@@ -40,8 +40,8 @@ class F extends m {
     if (e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_translations")) {
       const t = this._translations._lang, a = e.get("_translations")?._lang;
       if (t && a && t !== a && this._features) {
-        const o = [...this.graphics];
-        this.graphics = [], this.graphics = o;
+        const l = [...this.graphics];
+        this.graphics = [], this.graphics = l;
       }
     }
   }
@@ -79,7 +79,7 @@ class F extends m {
     this._features?.selectedFeatureWidget && console.log(e);
   }
   async closeEdit() {
-    this._editRecordOpen = !1;
+    this._editRecordOpen = !1, this._isMultipleEdits = !1;
   }
   async layerSelectionChange() {
     this._showListView = !1, this._features?.viewModel && (this._features.viewModel.featureMenuOpen = !1, this._features.close());
@@ -87,6 +87,9 @@ class F extends m {
   async refreshGraphics(e) {
     this._navigatedToRelatedFeature || (this.graphics = [...e.detail]);
   }
+  async editMultipleFeatures(e) {
+    this._isMultipleEdits = !0, this._openEditRecord();
+  }
   async load() {
     await this._initModules(), this._popupUtils = new g();
   }
@@ -94,11 +97,11 @@ class F extends m {
     this.graphics?.length > 0 && await this.setGraphics();
   }
   render() {
-    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", o = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", l = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), d = Number.isNaN(h) ? [] : [h], c = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
-    return s`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${o} width-100`} slot=footer>${this.allowEditing ? s`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && c ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && c ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !l && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
+    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", l = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", o = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), c = Number.isNaN(h) ? [] : [h], d = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
+    return s`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? b}></div><div class=${`${l} width-100`} slot=footer>${this.allowEditing ? s`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && d ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${c} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && d ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !o && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
   }
   async _initModules() {
-    const [e, t] = await _(["esri/widgets/Features", "esri/core/reactiveUtils"]);
+    const [e, t] = await f(["esri/widgets/Features", "esri/core/reactiveUtils"]);
     this.Features = e, this.reactiveUtils = t;
   }
   async setGraphics() {
@@ -173,7 +176,7 @@ class F extends m {
     }
   }
 }
-f("info-card", F);
+_("info-card", x);
 export {
-  F as InfoCard
+  x as InfoCard
 };

package/dist/components/json-editor/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250530.1 */
+v1.0.0-next.20250602 */
 const _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lu
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250530.1 */
+v1.0.0-next.20250602 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

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

@@ -136,4 +136,6 @@ export declare class LayerTable extends LitElement {
     readonly showDelete: TargetedEvent<this, IDeleteIds>;
     /** Emitted when related record toggled from related table */
     readonly relatedRecordToggled: TargetedEvent<this, __esri.FeatureLayer>;
+    /** Emitted on demand when edit multiple action is clicked */
+    readonly editMultipleFeatures: TargetedEvent<this, (string | number)[]>;
 }

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

@@ -1,18 +1,18 @@
 import { c as w } from "../../chunks/runtime.js";
 import { l as I } from "../../chunks/loadModules.js";
-import { b, d as T, g as v } from "../../chunks/mapViewUtils.js";
-import { c as x } from "../../chunks/queryUtils.js";
-import { d as E } from "../../chunks/downloadUtils.js";
+import { b as y, d as T, g as v } from "../../chunks/mapViewUtils.js";
+import { c as E } from "../../chunks/queryUtils.js";
+import { d as x } from "../../chunks/downloadUtils.js";
 import { defineCustomElements as S } from "@arcgis/instant-apps-components/loader";
 import { u as F } from "../../chunks/useT9n.js";
 import { html as d, nothing as o } from "lit";
-import { createRef as u, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as O, createEvent as c, noShadowRoot as C, safeClassMap as g } from "@arcgis/lumina";
+import { createRef as _, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as O, createEvent as c, noShadowRoot as C, safeClassMap as b } from "@arcgis/lumina";
 import { css as A } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/map-config-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250530.1 */
+v1.0.0-next.20250602 */
 const H = A`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -30,7 +30,7 @@ const H = A`@layer{/** @license
  */: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-background)}.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-modal-content-padding: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!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{--calcite-label-margin-bottom: 0px}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{--calcite-label-text-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}}`;
 class L extends O {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, 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._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this.featureSelectionChange = c(), this.toggleFilter = c(), this.showDelete = c(), this.relatedRecordToggled = c(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), S(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, 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._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = _(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = _(), this._toolbar = _(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = _(), this.featureSelectionChange = c(), this.toggleFilter = c(), this.showDelete = c(), this.relatedRecordToggled = c(), this.editMultipleFeatures = c(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), S(window);
   }
   static {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 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, _allIds: 16, _csvExporting: 16, _fetchingData: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
@@ -139,9 +139,9 @@ class L extends O {
     if (s.rowHighlightIds.length && s.rowHighlightIds.removeAll(), s.rowHighlightIds.add(i), this._highlightFeatures(i), this.zoomAndScrollToSelected && s && this.mapView) {
       const a = s.viewModel.getObjectIdIndex(i);
       s.scrollToIndex(a);
-      const l = t.layer, n = this.mapView.allLayerViews.toArray();
-      let h;
-      n.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (h = r, this.mapView && await b([i], h, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      const l = t.layer, h = this.mapView.allLayerViews.toArray();
+      let n;
+      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await y([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
@@ -192,8 +192,8 @@ class L extends O {
     await this._initModules(), await this._initToolInfos();
   }
   render() {
-    const e = this._fetchingData ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", n = this._canShowFullTextSearch();
-    return this._validateActiveActions(), d`<div><calcite-scrim class=${g(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && d`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${n && d`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(h) => void this._searchTextChanged(h)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? o} type=search></calcite-input></div>` || ""}<calcite-loader class=${g(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${g(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : d`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    const e = this._fetchingData ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
+    return this._validateActiveActions(), d`<div><calcite-scrim class=${b(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && d`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && d`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? o} type=search ${u(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${b(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${b(e)} ${u(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : d`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   async _initModules() {
     const [e, t, i, s] = await I([
@@ -232,9 +232,9 @@ class L extends O {
   async _updateSearchDefinitionExpression(e) {
     const t = this._layer?.definitionExpression;
     if (this._layer)
-      if (e?.length && t) {
+      if (e?.length) {
         const i = `objectId in(${e})`;
-        this._layer.definitionExpression = this._searchExpression && t?.indexOf(this._searchExpression) > -1 ? t.replace(this._searchExpression, i) : t ? `${t} AND (${i})` : i, this._searchExpression = i;
+        this._layer.definitionExpression = this._searchExpression && t && t.includes(this._searchExpression) ? t.replace(this._searchExpression, i) : t ? `${t} AND (${i})` : i, this._searchExpression = i;
       } else
         this._clearSearchDefinitionExpression();
   }
@@ -253,7 +253,7 @@ class L extends O {
         t.forEach((s) => {
           const a = this._layer?.getField(s.trim());
           a?.alias && i.push(a.alias);
-        }), this._searchPlaceHolder = this._translations.searchPlaceholder.replace("{{fields}}", i.join(", ")), this._fullTextSearchInfo.push({
+        }), this._searchPlaceHolder = this._translations.searchPlaceholder.replace("{{field_names}}", i.join(", ")), this._fullTextSearchInfo.push({
           onFields: ["*"],
           searchTerm: "",
           searchType: "prefix"
@@ -270,7 +270,7 @@ class L extends O {
     return d`<div class="display-flex" slot=${e ?? o}><field-selection .layer=${t} .mapView=${this.mapView} .table=${i}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return d`<div class=${"height-51-px width-full display-flex"} slot=${e ?? o} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
+    return d`<div class=${"height-51-px width-full display-flex"} slot=${e ?? o} ${u(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
     return d`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? o} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
@@ -279,7 +279,7 @@ class L extends O {
     return this._toolInfos?.reduce((e, t) => (t && e.push(t.isDanger ? this._getDangerAction(t.icon, t.label, t.func, t.disabled) : this._getAction(t.active, t.icon, t.indicator, t.label, t.func, t.disabled, !!t.loading)), e), []);
   }
   _validateEnabledActions() {
-    const e = this._featuresSelected(), t = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate, i = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
+    const e = this._featuresSelected(), t = this._multipleFeaturesSelected(), i = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
     this._toolInfos?.forEach((s) => {
       s && i.indexOf(s.icon) > -1 && (s.disabled = s.icon === "pencil" ? !t : !e);
     });
@@ -291,30 +291,35 @@ class L extends O {
     });
   }
   async _initToolInfos() {
-    const e = this._featuresSelected(), t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable;
-    this.selectedIds.length > 1 && this._layer?.capabilities?.operations.supportsUpdate;
-    const i = !this.mapHidden && !t, s = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), a = this._featuresEmpty(), l = this.featureSelectionMode === "single";
+    const e = this._featuresSelected(), t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = !this.mapHidden && !t, a = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), l = this._featuresEmpty(), h = this.featureSelectionMode === "single";
     let n = this.enableCSV;
     if (this._relatedFeatureTable) {
-      const r = await this._queryRelatedFeatures();
-      n = r && Object.keys(r).length > 0;
+      const f = await this._queryRelatedFeatures();
+      n = f && Object.keys(f).length > 0;
     }
-    const h = [];
-    s && h.push({
+    const r = [];
+    a && r.push({
       active: !1,
       icon: "filter",
       indicator: !1,
       label: this._translations.filters,
       func: () => this.toggleFilter.emit(),
       disabled: !1
-    }), i && h.push({
+    }), s && r.push({
       active: !1,
       icon: "zoom-to-object",
       indicator: !1,
       label: this._translations.zoom,
       func: () => this._zoom(),
       disabled: !e
-    }), this._deleteEnabled && h.push({
+    }), i && r.push({
+      active: !1,
+      icon: "pencil",
+      indicator: !1,
+      label: this._translations.editMultiple,
+      func: () => this.editMultipleFeatures.emit(this._getSelectedIds()),
+      disabled: !this._multipleFeaturesSelected()
+    }), this._deleteEnabled && r.push({
       active: !1,
       icon: "trash",
       indicator: !1,
@@ -322,50 +327,50 @@ class L extends O {
       func: () => this._showDelete(),
       disabled: !e,
       isDanger: !0
-    }), h.push({
+    }), r.push({
       active: !1,
       icon: "erase",
       indicator: !1,
       label: this._translations.clearSelection,
       func: () => void this.clearSelection(),
       disabled: !e
-    }), this._relatedFeatureTable || h.push({
+    }), this._relatedFeatureTable || r.push({
       active: !1,
       icon: "selected-items-filter",
       indicator: !1,
       label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
       func: () => this._toggleShowSelected(),
       disabled: !e
-    }), !l && !this._relatedFeatureTable && h.push({
+    }), !h && !this._relatedFeatureTable && r.push({
       active: !1,
       icon: "list-check-all",
       indicator: !1,
       func: async () => await this._selectAll(),
       label: this._translations.selectAll,
-      disabled: a
-    }), !l && !this._relatedFeatureTable && h.push({
+      disabled: l
+    }), !h && !this._relatedFeatureTable && r.push({
       active: !1,
       icon: "compare",
       indicator: !1,
       func: async () => await this._switchSelected(),
       label: this._translations.switchSelected,
-      disabled: a
-    }), h.push({
+      disabled: l
+    }), r.push({
       active: !1,
       icon: "refresh",
       indicator: !1,
       func: () => this._refresh(),
       label: this._translations.refresh,
       disabled: !1
-    }), n && h.push({
+    }), n && r.push({
       active: !1,
       icon: "export",
       indicator: !1,
       func: () => void this._exportToCSV(),
       label: this._translations.exportCSV,
       loading: this._csvExporting,
-      disabled: a
-    }), this._toolInfos = [...h];
+      disabled: l
+    }), this._toolInfos = [...r];
   }
   _updateFloorDefinitionExpression() {
     if (this._floorField && this._floorLevel) {
@@ -376,6 +381,9 @@ class L extends O {
   _featuresSelected() {
     return this._relatedFeatureTable ? this._relatedFeatureTable.highlightIds.items.length > 0 : this.selectedIds.length > 0;
   }
+  _multipleFeaturesSelected() {
+    return this._relatedFeatureTable ? this._relatedFeatureTable.highlightIds.items.length > 1 : this.selectedIds.length > 1;
+  }
   _featuresEmpty() {
     return this._allIds?.length === 0;
   }
@@ -384,9 +392,9 @@ class L extends O {
     const t = this._layer?.id;
     return this.mapInfo?.filterConfig?.layerExpressions && t !== void 0 && (e = this.mapInfo.filterConfig.layerExpressions.filter((i) => i.id === t)), e.length > 0;
   }
-  _getAction(e, t, i, s, a, l, n) {
-    const h = this._layer === void 0 ? !0 : l;
-    return d`<calcite-action .active=${e} appearance=solid .disabled=${h} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${n} @click=${a} text text-enabled><div class="display-flex"><calcite-label class="label-override padding-start-1-4">${s}</calcite-label></div></calcite-action>`;
+  _getAction(e, t, i, s, a, l, h) {
+    const n = this._layer === void 0 ? !0 : l;
+    return d`<calcite-action .active=${e} appearance=solid .disabled=${n} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><calcite-label class="label-override padding-start-1-4">${s}</calcite-label></div></calcite-action>`;
   }
   _showDelete() {
     this.showDelete.emit({
@@ -394,7 +402,7 @@ class L extends O {
     });
   }
   _getShare(e) {
-    return this.mapView && d`<div id=${this._getId(e) ?? o}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>` || "";
+    return this.mapView && d`<div id=${this._getId(e) ?? o}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${u(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>` || "";
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -431,7 +439,7 @@ class L extends O {
         editingEnabled: this._editEnabled && this.enableInlineEdit,
         highlightEnabled: !1,
         multiSortEnabled: !1,
-        attachmentsEnabled: !0,
+        attachmentsEnabled: this.hasAttachmentsEnabled(this._layer),
         visibleElements: {
           columnDescriptions: !1,
           header: !1,
@@ -454,20 +462,21 @@ class L extends O {
         async (i) => {
           if (i) {
             if (i.rowHighlightIds.length) {
-              const s = {
+              const a = {
                 added: [i.rowHighlightIds.getItemAt(0)],
                 removed: []
               };
-              this._handleOnChange(s);
+              this._handleOnChange(a);
             }
-            if (this._relatedFeatureTable = i, typeof i.layer?.id == "string" && i.layer?.fields) {
-              const s = i.layer.popupTemplate?.fieldInfos || i.layer.fields, a = this._getColumnTemplates(i.layer.id, s);
+            const s = i.layer;
+            if (this._checkEditEnabled(s), i.editingEnabled = this._editEnabled && this.enableInlineEdit, i.attachmentsEnabled = this.hasAttachmentsEnabled(s), i.relatedRecordsEnabled = !0, this._relatedFeatureTable = i, typeof i.layer?.id == "string" && i.layer?.fields) {
+              const a = i.layer.popupTemplate?.fieldInfos || i.layer.fields, l = this._getColumnTemplates(i.layer.id, a);
               this._relatedFeatureTable.tableTemplate = this.TableTemplate && new this.TableTemplate({
-                columnTemplates: a
+                columnTemplates: l
               });
             }
-            i.highlightIds.on("change", (s) => {
-              this._handleOnChange(s);
+            i.highlightIds.on("change", (a) => {
+              this._handleOnChange(a);
             });
           } else {
             this.selectedRelatedIds = [], this._relatedFeatureTable = void 0;
@@ -479,6 +488,12 @@ class L extends O {
       );
     }));
   }
+  hasAttachmentsEnabled(e) {
+    if (!e?.capabilities)
+      return !1;
+    const { capabilities: { data: { supportsAttachment: t }, operations: { supportsQueryAttachments: i } } } = e;
+    return t && i;
+  }
   async _handleOnChange(e) {
     if (!await this._validateActiveEdits([...e.added], [...e.removed]))
       return;
@@ -555,7 +570,7 @@ class L extends O {
       const e = this._layer.popupTemplate?.fieldInfos || this._layer.fields, t = this._getColumnTemplates(this._layer.id, e);
       this._tableNode && await this._getTable(this._tableNode, t);
     } else this._table && (this._table.view = this.mapView, this._table.layer = this._layer);
-    await this._initLayerRefresh(), this._checkEditEnabled(), this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit, await this._table.when(), setTimeout(() => {
+    await this._initLayerRefresh(), this._checkEditEnabled(this._layer), this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit, this._table.attachmentsEnabled = this.hasAttachmentsEnabled(this._layer), this._table.relatedRecordsEnabled = !0, await this._table.when(), setTimeout(() => {
       this._loaded || this.finishLoading();
     }, 1e3), await this.reactiveUtils?.once(() => this._table?.state === "loaded").then(async () => {
       await this.finishLoading();
@@ -581,7 +596,7 @@ class L extends O {
   }
   async _handleDefaults() {
     if (!this._defaultOidHonored && this.defaultOid?.length > 0 && this.defaultOid[0] > -1 && this._table && (await this._selectDefaultFeature(this.defaultOid), this._defaultOidHonored = !0, this.defaultOid = [], this._showOnlySelected = !1, this._toggleShowSelected()), !this._defaultGlobalIdHonored && this.defaultGlobalId && this.defaultGlobalId?.length > 0 && this._table && this._layer) {
-      const e = await x(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
+      const e = await E(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
       t && await this._selectDefaultFeature(t), this._defaultGlobalIdHonored = !0, this.defaultGlobalId = [], this._showOnlySelected = !1, this._toggleShowSelected();
     }
   }
@@ -594,8 +609,8 @@ class L extends O {
   async _selectDefaultFeature(e) {
     e.length > 0 && this._table?.highlightIds.addMany(e);
   }
-  _checkEditEnabled() {
-    this._editEnabled = !!(this._layer?.editingEnabled && this._layer?.capabilities?.operations.supportsUpdate), this._deleteEnabled = !!(this._layer?.editingEnabled && this._layer?.capabilities?.operations.supportsDelete);
+  _checkEditEnabled(e) {
+    this._editEnabled = !!(e?.editingEnabled && e?.capabilities?.operations.supportsUpdate), this._deleteEnabled = !!(e?.editingEnabled && e?.capabilities?.operations.supportsDelete);
   }
   async _sortTable() {
     let e = this._layer?.objectIdField, t = "desc", i;
@@ -655,13 +670,13 @@ class L extends O {
         this._table?.highlightIds.removeAll();
         const l = s[0].graphic.getObjectId();
         if (l) {
-          const n = this._table?.highlightIds.indexOf(l);
-          n !== void 0 && n < 0 && this._table?.highlightIds.add(l);
+          const h = this._table?.highlightIds.indexOf(l);
+          h !== void 0 && h < 0 && this._table?.highlightIds.add(l);
         }
       } else
         s.forEach((a) => {
-          const l = Number(a.graphic.getObjectId()), n = this._table?.highlightIds.indexOf(l);
-          n && n < 0 && l && this._table?.highlightIds.add(l);
+          const l = Number(a.graphic.getObjectId()), h = this._table?.highlightIds.indexOf(l);
+          h && h < 0 && l && this._table?.highlightIds.add(l);
         });
       this._showOnlySelected && this._table && (this._table.filterBySelectionEnabled = !0);
     } else
@@ -690,10 +705,10 @@ class L extends O {
     if (this._relatedFeatureTable?.tableParent && this._relatedFeatureTable.rowHighlightIds.length === 0) {
       const l = this._relatedFeatureTable.tableParent.highlightIds?.getItemAt(0);
       if (l !== void 0) {
-        const n = await this._queryRelatedFeatures(), h = [];
-        n && n[l]?.features && (n[l].features.forEach((r) => {
-          r.attributes && h.push(r.attributes[e.objectIdField]);
-        }), i = h.length > 0 ? h : []);
+        const h = await this._queryRelatedFeatures(), n = [];
+        h && h[l]?.features && (h[l].features.forEach((r) => {
+          r.attributes && n.push(r.attributes[e.objectIdField]);
+        }), i = n.length > 0 ? n : []);
       }
     }
     t[e.id] = {
@@ -704,14 +719,14 @@ class L extends O {
     const s = this._relatedFeatureTable ?? this._table;
     if (!s)
       return;
-    const a = s && s.columns.toArray().reduce((l, n) => {
-      if (!n.hidden) {
-        const h = n?.name || n?.fieldName;
-        h && l.push(h.toLocaleLowerCase());
+    const a = s && s.columns.toArray().reduce((l, h) => {
+      if (!h.hidden) {
+        const n = h?.name || h?.fieldName;
+        n && l.push(n.toLocaleLowerCase());
       }
       return l;
     }, []);
-    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView?.map && await E(
+    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView?.map && await x(
       this.mapView.map,
       t,
       !1,
@@ -726,13 +741,13 @@ class L extends O {
     ), this._updateToolInfoLoading("export", !1), this._csvExporting = !1;
   }
   async _queryRelatedFeatures() {
-    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((n) => i.relationships?.some((h) => h.id === n.id)), a = this.RelationshipQuery && new this.RelationshipQuery({
+    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((h) => i.relationships?.some((n) => n.id === h.id)), a = this.RelationshipQuery && new this.RelationshipQuery({
       objectIds: [t],
       outFields: ["*"],
       relationshipId: s?.id
     });
-    return t && a && await i.queryRelatedFeatures(a).catch(async (n) => {
-      console.error(n);
+    return t && a && await i.queryRelatedFeatures(a).catch(async (h) => {
+      console.error(h);
     });
   }
   _updateToolInfoLoading(e, t) {
@@ -755,13 +770,24 @@ class L extends O {
     let t;
     return this._relatedFeatureTable ? e.length > 0 ? t = this._relatedFeatureTable.layer : t = this._relatedFeatureTable.tableParent?.layer : t = this._layer, t;
   }
+  async _clearSearchText() {
+    if (this._searchNode.value) {
+      this._searchNode.value.value = "";
+      const e = {
+        target: {
+          value: ""
+        }
+      };
+      await this._searchTextChanged(e);
+    }
+  }
   async _zoom() {
-    this._layer && this.mapView && await b(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await y(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
     if (t !== this._layer?.id || this._featuresEmpty()) {
-      this._fetchingData = !0;
+      this._fetchingData = !0, await this._clearSearchText();
       const i = this.mapView && await T(this.mapView, t);
       i && await i.when(async () => {
         this._selectedLayerView = !i.isTable && this.mapView ? await v(this.mapView, i.id) : null, this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._shouldUpdateTableOnExtentChange = !0, this._layer = i, await this._initToolInfos(), this._getFullTextSearchInfo();
@@ -771,21 +797,21 @@ class L extends O {
   }
   _getColumnTemplates(e, t) {
     let i;
-    this.mapInfo?.layerOptions?.layers.some((h) => h.id === e ? (i = h, !0) : !1);
+    this.mapInfo?.layerOptions?.layers.some((n) => n.id === e ? (i = n, !0) : !1);
     const s = this._layer?.attributeTableTemplate?.elements;
     let a = [];
-    s?.length > 0 && this.honorMapFieldSettings && (a = s.map((h) => h.fieldName));
-    const l = i?.fields && i?.fieldOrder ? i.fieldOrder.filter((h) => i?.fields && i.fields.indexOf(h) > -1) : a.length > 0 ? a : void 0;
-    let n;
-    return t && (n = t.reduce((h, r) => {
-      const y = "fieldName" in r ? r.fieldName : r.name, m = "label" in r ? r.label : r.alias, f = "label" in r ? r.label : r.name, _ = {
+    s?.length > 0 && this.honorMapFieldSettings && (a = s.map((n) => n.fieldName));
+    const l = i?.fields && i?.fieldOrder ? i.fieldOrder.filter((n) => i?.fields && i.fields.indexOf(n) > -1) : a.length > 0 ? a : void 0;
+    let h;
+    return t && (h = t.reduce((n, r) => {
+      const f = "fieldName" in r ? r.fieldName : r.name, m = "label" in r ? r.label : r.alias, p = "label" in r ? r.label : r.name, g = {
         type: "field",
-        fieldName: y,
+        fieldName: f,
         label: m,
-        menuConfig: this._getMenuConfig(f || "")
+        menuConfig: this._getMenuConfig(p || "")
       };
-      return i && i?.fields ? i.fields.indexOf(f || "") > -1 && h.push(_) : a.length > 0 ? a.indexOf(f) > -1 && h.push(_) : h.push(_), h;
-    }, [])), n ? l ? n?.sort(this._sortFields.bind(this, l)) : n : [];
+      return i && i.fields && i?.fields?.length > 0 ? i.fields.indexOf(p || "") > -1 && n.push(g) : a.length > 0 ? a.indexOf(p) > -1 && n.push(g) : n.push(g), n;
+    }, [])), h ? l ? h?.sort(this._sortFields.bind(this, l)) : h : [];
   }
   _sortFields(e, t, i) {
     return e?.indexOf(t.fieldName) - e.indexOf(i.fieldName);