@esri/solutions-components 5.1.0-next.98 → 5.1.0

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

@@ -1,38 +1,47 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as I } from "../../chunks/runtime.js";
-import { e as w, g as T, c as v } from "../../chunks/mapViewUtils.js";
-import { b as E } from "../../chunks/queryUtils.js";
+import { c as E } from "../../chunks/runtime.js";
+import { e as I, g as T, c as v } from "../../chunks/mapViewUtils.js";
+import { b as F } from "../../chunks/queryUtils.js";
 import { d as x } from "../../chunks/downloadUtils.js";
-import { b } from "../../chunks/interfaces.js";
+import { b as g } from "../../chunks/interfaces.js";
 import { defineCustomElements as S } from "@arcgis/instant-apps-components/loader";
-import { u as F } from "../../chunks/useT9n.js";
-import { css as O, html as o, nothing as c } from "lit";
-import { createRef as g, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as C, createEvent as _, noShadowRoot as A, safeClassMap as y } from "@arcgis/lumina";
-import { c as H } from "../../chunks/helpers.js";
-import L from "@arcgis/core/widgets/FeatureTable";
-import * as u from "@arcgis/core/core/reactiveUtils";
-import $ from "@arcgis/core/rest/support/RelationshipQuery";
-import m from "@arcgis/core/widgets/FeatureTable/support/TableTemplate";
-const D = O`@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 C {
+import { u as O } from "../../chunks/useT9n.js";
+import { css as C, html as c, nothing as u } from "lit";
+import { createRef as y, ref as b } from "lit-html/directives/ref.js";
+import { LitElement as A, createEvent as o, noShadowRoot as H, safeClassMap as m } from "@arcgis/lumina";
+import { f as L } from "../../chunks/helpers.js";
+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 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._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 = F({ 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 = g(), this._toolbar = g(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = g(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), 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.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;
+    }, this.createFeatureEditorClosed = () => {
+      this._createFeatureEditor = void 0;
+    }, this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "createFeatureEditorInitialized", this.createFeatureEditorInitialized), this.listenOn(window, "createFeatureEditorClosed", this.createFeatureEditorClosed), 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), this.listenOn(window, "pasteFeatures", this._pasteFeatures), this.listenOn(window, "featuresPasted", this._featuresPasted), S(window);
   }
   static {
-    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, _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 };
+    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 = D;
+    this.styles = V;
   }
   static {
-    this.shadowRootOptions = A;
+    this.shadowRootOptions = H;
   }
   willUpdate(e) {
     if (e.has("appLayout") && this.appLayoutWatchHandler(), e.has("defaultOid") && this.defaultOidWatchHandler(), e.has("defaultGlobalId") && this.defaultGlobalIdWatchHandler(), e.has("enableCSV") && this.enableCSVWatchHandler(), e.has("enableInlineEdit") && this.enableInlineEditWatchHandler(), e.has("mapHidden") && this.mapHiddenWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_layer") && this._layerWatchHandler(), e.has("selectedIds") && (this.hasUpdated || JSON.stringify(e.get("selectedIds")) !== JSON.stringify(this.selectedIds)) && this.selectedIdsWatchHandler(), e.has("selectedRelatedIds") && (this.hasUpdated || JSON.stringify(e.get("selectedRelatedIds")) !== JSON.stringify(this.selectedRelatedIds)) && this.selectedRelatedIdsWatchHandler(), e.has("enableTableAutosave") && this.hasUpdated && this._table && (this._table.autoSaveEnabled = this.enableTableAutosave), e.has("_translations")) {
       const t = this._translations._lang, i = e.get("_translations")?._lang;
       t && i && t !== i && this._initToolInfos();
     }
+    if (e.has("pasteEnabled") && this.hasUpdated) {
+      const t = this._toolInfos.find((i) => i.icon === "paste-with-attribute");
+      t && (t.disabled = !this.pasteEnabled);
+    }
+    e.has("layerIds") && this.hasUpdated && this._addListenersForLayers();
   }
   async appLayoutWatchHandler() {
     await this._initToolInfos(), this._updateShareUrl();
@@ -56,10 +65,10 @@ class M extends C {
     !this._toolInfos && !this.isMobile && await this._initToolInfos();
   }
   async mapInfoWatchHandler() {
-    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = H(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable(), await this._initToolInfos());
+    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = L(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable(), await this._initToolInfos());
   }
   async mapViewWatchHandler() {
-    this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
+    this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "", this.mapView.highlights = [
       {
         name: "default",
         color: "#00FFFF"
@@ -72,7 +81,7 @@ class M extends C {
         name: "temporary",
         color: "#FFFF00"
       }
-    ], this._updateShareUrl(), this._mapClickHandle = u.on(() => this.mapView, "click", (e) => {
+    ], this._updateShareUrl(), this._mapClickHandle = p.on(() => this.mapView, "click", (e) => {
       this._creatingFeature || this._mapClicked(e);
     }));
   }
@@ -106,6 +115,9 @@ class M extends C {
   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;
   }
@@ -121,7 +133,7 @@ class M extends C {
   async beforeMapInfoChange(e) {
     const t = e.detail.ref, i = e.detail.mapInfo;
     if (this._hasPendingEdits()) {
-      e.preventDefault();
+      e.preventDefault(), this._skipEditCheck = !1;
       const a = await this._validateActiveEdits([], this.selectedIds);
       await t.setMapByID(a ? i.id : e.detail.currentId, !a);
     }
@@ -130,7 +142,7 @@ class M extends C {
     this._shouldUpdateTableOnExtentChange = !1, this._editor = e.detail;
   }
   async closeEdit() {
-    this._shouldUpdateTableOnExtentChange = !0, this._filterByExtentHandle && this._handleTableOnMapExtent();
+    this._shouldUpdateTableOnExtentChange = !0, this._filterByExtentHandle && this._handleTableOnMapExtent(), this._editor = void 0;
   }
   async selectionChanged(e) {
     const t = e.detail.selectedFeature[0], i = Number(t.getObjectId()), s = this._table;
@@ -138,14 +150,16 @@ class M extends C {
       const a = s.viewModel.getObjectIdIndex(i);
       s.scrollToIndex(a);
       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 w([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      let r;
+      h.some(async (n) => n.layer.title === l?.title && n.layer.type === "feature" ? (r = n, this.mapView && await I([i], r, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
     if (this._hasPendingEdits()) {
       e.preventDefault();
-      const i = e.detail.ref, s = await this._validateActiveEdits([], this.selectedIds);
+      const i = e.detail.ref;
+      this._skipEditCheck = !1;
+      const s = await this._validateActiveEdits([], this.selectedIds);
       return e.detail.selectedIds ? await i.setLayerByIds(s ? e.detail.newIds : e.detail.currentIds, !0) : await i.setLayerById(s ? e.detail.newId : e.detail.currentId, !0);
     }
   }
@@ -186,14 +200,20 @@ class M extends C {
   backFromCreateWorkFlow() {
     this._creatingFeature = !1;
   }
+  _pasteFeatures() {
+    this._layer?.isTable || this._zoom();
+  }
+  _featuresPasted() {
+    this._shouldSelectCreatedFeatures = !0;
+  }
   async load() {
     await this._initToolInfos();
   }
   render() {
-    const e = this._fetchingData || this._hideTable ? "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(), o`<div><calcite-scrim class=${y(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 && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => {
-      this._searchTextChanged(n);
-    }} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${y(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${y(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<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 || this._hideTable ? "display-none" : "height-full", 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(), c`<div><calcite-scrim class=${m(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 && c`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && c`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(r) => {
+      this._searchTextChanged(r);
+    }} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? u} type=search ${b(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${m(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${m(e)} ${b(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : c`<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>`;
   }
   updated() {
     this._table && this.updateRelatedAttachmentColumns();
@@ -203,21 +223,21 @@ class M extends C {
       t.searchTerm = e.target.value;
     }), this._searchFullText();
   }
-  async _searchFullText() {
-    let e = [], t = !1;
+  async _searchFullText(e = !1) {
+    let t = [], i = !1;
     if (this._showOnlySelected)
-      e = this._tempSelectedIds, t = !0;
-    else if (await this._validateActiveEdits([], this.selectedIds))
+      t = this._tempSelectedIds, i = !0;
+    else if (e ? !0 : await this._validateActiveEdits([], this.selectedIds))
       this._clearSelection(), this._tempSelectedIds = [];
     else
       return;
     this._searchExpression && this._clearSearchDefinitionExpression();
-    let i = [];
+    let s = [];
     if (this._fullTextSearchInfo?.length && this._fullTextSearchInfo[0].searchTerm) {
-      const s = this._layer?.createQuery();
-      s.fullText = this._fullTextSearchInfo, i = this._layer ? await this._layer.queryObjectIds(s) : [], t && e?.length && (i = i.filter((a) => e.includes(a))), await this._updateSearchDefinitionExpression(i?.length ? i : [-1]);
+      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]);
     }
-    t && i?.length && (this._showOnlySelected = !0, this._table?.highlightIds.addMany(i.reverse())), await new Promise((s) => setTimeout(s, 800)), await this._updateAllIds();
+    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;
@@ -257,7 +277,7 @@ class M extends C {
   }
   _getMapLayerPicker(e) {
     const t = this.isMobile ? "display-none" : "";
-    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? c}><map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
+    return c`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? u}><map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
   }
   _getLayerOption(e) {
     let t;
@@ -266,35 +286,35 @@ class M extends C {
   _getActionsEnd(e) {
     const t = this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._layer, i = this._relatedFeatureTable || this._table;
     let s = this._getLayerOption(t?.id || "");
-    return o`<div class="display-flex" slot=${e ?? c}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
+    return c`<div class="display-flex" slot=${e ?? u}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
+    return c`<div class=${"height-51-px width-full display-flex"} slot=${e ?? u} ${b(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
-    return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
+    return c`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? u} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
   }
   _getActions() {
     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, t.toolTip)), e), []);
   }
   _validateEnabledActions() {
-    const e = this._getIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
+    const e = this._getIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter", "copy"];
     this._toolInfos?.forEach((i) => {
-      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > b : e < 1, i.toolTip = i.icon === "pencil" ? e > b ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
+      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > g : e < 1, i.toolTip = i.icon === "pencil" ? e > g ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
     const e = ["filter", "list-check-all", "selected-items-filter"];
     this._toolInfos?.forEach((t) => {
-      t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
+      t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, t.toolTip = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
     });
   }
   async _initToolInfos() {
-    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > b, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
-    let r = this.enableCSV;
+    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > g, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), r = this.featureSelectionMode === "single";
+    let n = this.enableCSV;
     if (this._relatedFeatureTable) {
       const f = await this._queryRelatedFeatures();
-      r = f && Object.keys(f).length > 0;
+      n = f && Object.keys(f).length > 0;
     }
     const d = [];
     l && d.push({
@@ -310,7 +330,9 @@ class M extends C {
       icon: "zoom-to-object",
       indicator: !1,
       label: this._translations.zoom,
-      func: () => this._zoom(),
+      func: () => {
+        this._zoom();
+      },
       disabled: !e,
       toolTip: this._translations.zoom
     }), i && d.push({
@@ -321,7 +343,23 @@ class M extends C {
       func: () => this.editMultipleFeatures.emit(this._getSelectedIds()),
       disabled: s,
       toolTip: this._translations.editMultiple
-    }), this._deleteEnabled && d.push({
+    }), this.showCopyPasteActions && (d.push({
+      active: !1,
+      icon: "copy",
+      indicator: !1,
+      label: this._translations.copy,
+      func: () => this.copyFeatures.emit({ featuresIds: this._getIds(), layerId: this._layer?.id }),
+      disabled: !e,
+      toolTip: this._translations.copy
+    }), d.push({
+      active: !1,
+      icon: "paste-with-attribute",
+      indicator: !1,
+      label: this._translations.paste,
+      func: () => this.pasteFeatures.emit(),
+      disabled: !this.pasteEnabled,
+      toolTip: this._translations.paste
+    })), this._deleteEnabled && d.push({
       active: !1,
       icon: "trash",
       indicator: !1,
@@ -348,7 +386,7 @@ class M extends C {
       func: () => this._toggleShowSelected(),
       disabled: !e,
       toolTip: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected
-    }), !n && !this._relatedFeatureTable && d.push({
+    }), !r && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "list-check-all",
       indicator: !1,
@@ -356,7 +394,7 @@ class M extends C {
       label: this._translations.selectAll,
       disabled: h,
       toolTip: this._translations.selectAll
-    }), !n && !this._relatedFeatureTable && d.push({
+    }), !r && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "compare",
       indicator: !1,
@@ -374,7 +412,7 @@ class M extends C {
       label: this._translations.refresh,
       disabled: !1,
       toolTip: this._translations.refresh
-    }), r && d.push({
+    }), n && d.push({
       active: !1,
       icon: "export",
       indicator: !1,
@@ -387,6 +425,46 @@ class M extends C {
       toolTip: this._translations.exportCSV
     }), this._toolInfos = [...d];
   }
+  async _addListenersForLayers() {
+    this._layerEditsHandles.forEach((i) => i.remove()), this._layerEditsHandles = [];
+    const e = this.mapView, t = [...new Set(this.layerIds)];
+    if (!(!e || t.length === 0))
+      for (const i of t) {
+        const s = await T(e, i);
+        if (!s)
+          continue;
+        const a = s.on("edits", async (l) => {
+          const h = Array.isArray(l?.addedFeatures) ? l.addedFeatures : [], r = Array.isArray(l?.updatedFeatures) ? l.updatedFeatures : [];
+          if (h.length === 0 && r.length === 0)
+            return;
+          const n = h.map((_) => _.objectId).filter((_) => _ != null), d = r.map((_) => _.objectId).filter((_) => _ != null);
+          if (n.length === 0 && d.length === 0)
+            return;
+          const f = this._layer?.id;
+          if (this._shouldSelectCreatedFeatures) {
+            await this._selectFeatures(n, i), i === f && this.featuresAdded.emit(n);
+            return;
+          } else i === f && n.length > 0 ? (this._searchExpression ? (this._clearSelection(), await this._searchFullText(!0)) : await this._refresh(!1, !0), this.initCreateComponent.emit()) : i === f && d.length > 0 && this._searchExpression && await this._selectFeatures(d, i);
+        });
+        a && this._layerEditsHandles.push(a);
+      }
+  }
+  async _selectFeatures(e, t) {
+    try {
+      const i = this._layer?.id;
+      if (t === i) {
+        this._searchExpression ? (await this._searchFullText(!0), this._allIds = await this.queryAllIds()) : (await this._refresh(!1, !0), this._clearSelection());
+        const s = [];
+        for (const a of e)
+          this._allIds.includes(a) && s.push(a);
+        s.length > 0 ? this._table?.highlightIds.addMany(s) : await this._refresh();
+      } else
+        this._clearSelection(), this._pastedFeaturesIds = e, this.requestLayerSelectionChange.emit(t);
+      this._shouldSelectCreatedFeatures = !1;
+    } catch (i) {
+      this._shouldSelectCreatedFeatures = !1, console.error("Failed processing layer edits event", { layerId: t, error: i });
+    }
+  }
   _updateFloorDefinitionExpression() {
     if (this._floorField && this._floorLevel) {
       const e = `${this._floorField} = '${this._floorLevel}'`, t = this._layer?.definitionExpression;
@@ -401,9 +479,9 @@ class M extends C {
     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, h, n) {
-    const r = this._layer === void 0 ? !0 : l;
-    return o`<calcite-action .active=${e} appearance=solid .disabled=${r} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>${this._getToolTip("auto", `layer-table-${t}`, n)}`;
+  _getAction(e, t, i, s, a, l, h, r) {
+    const n = this._layer === void 0 ? !0 : l;
+    return c`<calcite-action .active=${e} .disabled=${n} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>${this._getToolTip("auto", `layer-table-${t}`, r)}`;
   }
   _showDelete() {
     this.showDelete.emit({
@@ -411,7 +489,7 @@ class M extends C {
     });
   }
   _getShare(e) {
-    return o`<div id=${this._getId(e) ?? c}><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 c`<div id=${this._getId(e) ?? u}><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} ${b(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -421,14 +499,14 @@ class M extends C {
     this.mapInfo?.id ? t.searchParams.set("webmap", this.mapInfo.id) : t.searchParams.delete("webmap"), this._layer?.id ? t.searchParams.set("layer", this._layer.id) : t.searchParams.delete("layer"), this.selectedIds?.length > 0 ? t.searchParams.set("oid", this.selectedIds.reverse().join(",")) : t.searchParams.delete("oid"), this.appLayout && t.searchParams.set("applayout", this.appLayout), this.selectedRelatedIds?.length > 0 && this._relatedFeatureTable?.layer?.id && (t.searchParams.set("oid", this.selectedRelatedIds.join(",")), t.searchParams.set("layer", this._relatedFeatureTable?.layer?.id.toString())), this._shareNode.value && (this._shareNode.value.autoUpdateShareUrl = !1, this._shareNode.value.shareUrl = t.href);
   }
   _getToolTip(e, t, i) {
-    return o`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>`;
+    return c`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>`;
   }
   _getId(e) {
     return `solutions-action-${e}`;
   }
   _getDangerAction(e, t, i, s) {
     const a = this._layer === void 0 ? !0 : s;
-    return o`<div class="display-flex" id=${this._getId(e) ?? c}>${o`<calcite-action appearance=solid .disabled=${a} .id=${`layer-table-${e}`} @click=${i} text><calcite-icon class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>`}${this._getToolTip("bottom", `layer-table-${e}`, t)}</div>`;
+    return c`<calcite-action class="delete-red" .disabled=${a} .id=${`layer-table-${e}`} .label=${t} @click=${i} text text-enabled><calcite-icon aria-hidden=true class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>${this._getToolTip("bottom", `layer-table-${e}`, t)}`;
   }
   _getIds() {
     let e = this._relatedFeatureTable ?? this._table;
@@ -439,7 +517,7 @@ class M extends C {
   }
   async _getTable(e, t) {
     this._layer && (await this._layer.when(() => {
-      this._table = new L({
+      this._table = new $({
         autoRefreshEnabled: this.enableAutoRefresh,
         autoSaveEnabled: this.enableTableAutosave,
         layer: this._layer,
@@ -464,9 +542,9 @@ class M extends C {
     }), await this._table?.when(() => {
       this._table?.viewModel.addHandles(this._table.highlightIds.on("change", (i) => {
         this._handleOnChange(i);
-      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this._table?.viewModel.addHandles(this._table.on("column-reorder", this._handleColumnReorder.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this._table?.viewModel.addHandles(u.watch(() => this._table.size, (i) => {
+      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this._table?.viewModel.addHandles(this._table.on("column-reorder", this._handleColumnReorder.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this._table?.viewModel.addHandles(p.watch(() => this._table.size, (i) => {
         this._size = i;
-      })), u?.watch(
+      })), p?.watch(
         () => this._table?.relatedTable,
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         async (i) => {
@@ -483,7 +561,7 @@ class M extends C {
               await new Promise((a) => setTimeout(a, 50)), await this._refresh(!0);
             }), this._checkEditEnabled(s), i.editingEnabled = this._editEnabled && this.enableInlineEdit, i.autoSaveEnabled = this.enableTableAutosave, this._relatedFeatureTable = i, typeof i.layer?.id == "string" && i.layer?.fields) {
               const a = i.layer.popupTemplate?.fieldInfos, l = this._getColumnTemplates(i.layer.id, i.layer.fields, a);
-              this._relatedFeatureTable.tableTemplate = new m({
+              this._relatedFeatureTable.tableTemplate = new w({
                 columnTemplates: l
               });
             }
@@ -518,17 +596,17 @@ class M extends C {
   }
   async _validateActiveEdits(e, t) {
     let i = !0;
-    if (this._editor && !this._skipEditCheck) {
+    if ((this._editor || this._createFeatureEditor) && !this._skipEditCheck) {
       if (this._hasPendingEdits()) {
+        this.beforeFeatureSelectionChange.emit();
         let a = !1;
         try {
-          this._editor.viewModel.activeWorkflow && await this._editor.viewModel.activeWorkflow.cancel({
-            force: !1
-          });
+          this._editor?.activeWorkflow && await this._editor.activeWorkflow.cancel({ force: !1 }), this._createFeatureEditor?.activeWorkflow && await this._createFeatureEditor.activeWorkflow.cancel({ force: !1 });
         } catch (l) {
           a = l?.name === "workflow:cancel-denied";
         }
         if (a) {
+          this.continueEditing.emit();
           const l = this._relatedFeatureTable && this._relatedFeatureTable.highlightIds.length > 0 ? this._relatedFeatureTable : this._table;
           i = !1, this._skipEditCheck = !0, e.length > 0 ? l?.highlightIds.removeMany(e) : t.length > 0 && l?.highlightIds.addMany(t);
         }
@@ -538,7 +616,7 @@ class M extends C {
     return this._shouldUpdateTableOnExtentChange = i, i;
   }
   _hasPendingEdits() {
-    const e = this._editor?.viewModel?.hasPendingEdits, t = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
+    const e = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits, t = this._createFeatureEditor?.activeWorkflow?.hasPendingEdits;
     return e || t;
   }
   _finishOnChange() {
@@ -554,7 +632,7 @@ class M extends C {
   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() {
@@ -575,7 +653,7 @@ class M extends C {
       t?.length === 0 ? this._tableNode?.classList.add("display-none") : this._tableNode?.classList.remove("display-none");
       const i = this._table?.tableTemplate?.columnTemplates, s = i && t && i.length !== t.length || t?.some((a, l) => i && i[l] ? JSON.stringify(i[l]) !== JSON.stringify(a) : !1);
       if (this._table && t && (s || !this._columnsInfo)) {
-        this._table.tableTemplate = new m({
+        this._table.tableTemplate = new w({
           columnTemplates: t
         });
         const a = t.map((l) => l.fieldName);
@@ -584,7 +662,7 @@ class M extends C {
     }
   }
   _setColumnTemplates(e) {
-    this._table && e && (this._table.tableTemplate = new m({
+    this._table && e && (this._table.tableTemplate = new w({
       columnTemplates: e
     }));
   }
@@ -595,7 +673,7 @@ class M extends C {
     } else this._table && (this._table.view = this.mapView, this._table.layer = this._layer);
     await this._initLayerRefresh(), this._checkEditEnabled(this._layer), this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit, this._table.autoSaveEnabled = this.enableTableAutosave, await this._table.when(), setTimeout(() => {
       this._loaded || this.finishLoading();
-    }, 1e3), await u.once(() => this._table?.state === "loaded").then(async () => {
+    }, 1e3), await p.once(() => this._table?.state === "loaded").then(async () => {
       await this.finishLoading();
     }));
   }
@@ -603,11 +681,19 @@ class M extends C {
     try {
       this._loaded = !0, this._table?.highlightIds.removeAll(), this._table.objectIds.removeAll(), this._resetColumnTemplates(), this._showOnlySelected = !1, await this._handleDefaults(), await this._sortTable(), await this._initToolInfos(), ["esri-feature-table", "esri-widget"].forEach((t) => {
         this._tableNode && !this._tableNode.classList.contains(t) && this._tableNode.classList.add(t);
-      });
+      }), this._table && this._pastedFeaturesIds.length > 0 && await this._applyPastedFeatureHighlights();
     } catch (e) {
       console.log(e);
     }
   }
+  async _applyPastedFeatureHighlights() {
+    const e = [...this._pastedFeaturesIds];
+    await new Promise((t) => {
+      requestAnimationFrame(() => {
+        this._table?.highlightIds.addMany(e), this._pastedFeaturesIds = [], t();
+      });
+    });
+  }
   async _initLayerRefresh() {
     this._refreshHandle && this._refreshHandle.remove(), this._layer && (this._refreshHandle = this._layer.on("refresh", (e) => {
       e.dataChanged && this._updateAllIds();
@@ -619,7 +705,7 @@ class M extends C {
   }
   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 E(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
+      const e = await F(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();
     }
   }
@@ -653,7 +739,7 @@ class M extends C {
     this._filterActive = e, this._updateShareUrl(), await this._searchFullText();
   }
   _handleTableOnMapExtent() {
-    this._table && (this._filterByExtentHandle = u.when(
+    this._table && (this._filterByExtentHandle = p.when(
       () => this.mapView?.stationary,
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       async () => {
@@ -702,8 +788,7 @@ class M extends C {
           h && h < 0 && l && this._table?.highlightIds.add(l);
         });
       this._showOnlySelected && this._table && (this._table.filterBySelectionEnabled = !0);
-    } else
-      await this.clearSelection();
+    }
   }
   async _selectAll() {
     const e = this._allIds, t = e.filter((s) => this.selectedIds.indexOf(s) < 0);
@@ -728,10 +813,10 @@ class M extends C {
     if (this._relatedFeatureTable?.tableParent && this._relatedFeatureTable.highlightIds.length === 0) {
       const l = this._relatedFeatureTable.tableParent.highlightIds?.getItemAt(0);
       if (l !== void 0) {
-        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 : []);
+        const h = await this._queryRelatedFeatures(), r = [];
+        h && h[l]?.features && (h[l].features.forEach((n) => {
+          n.attributes && r.push(n.attributes[e.objectIdField]);
+        }), i = r.length > 0 ? r : []);
       }
     }
     t[e.id] = {
@@ -744,8 +829,8 @@ class M extends C {
       return;
     const a = s && s.columns.toArray().reduce((l, h) => {
       if (!h.hidden) {
-        const n = h?.name || h?.fieldName;
-        n && l.push(n.toLocaleLowerCase());
+        const r = h?.name || h?.fieldName;
+        r && l.push(r.toLocaleLowerCase());
       }
       return l;
     }, []);
@@ -764,7 +849,7 @@ class M extends C {
     ), 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((h) => i.relationships?.some((n) => n.id === h.id)), a = new $({
+    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((r) => r.id === h.id)), a = new D({
       objectIds: [t],
       outFields: ["*"],
       relationshipId: s?.id
@@ -776,13 +861,13 @@ class M extends C {
   _updateToolInfoLoading(e, t) {
     this._toolInfos.some((i) => i?.icon === e ? (i.loading = t, !0) : !1);
   }
-  async _refresh(e) {
-    if (await this._validateActiveEdits([], this.selectedIds)) {
+  async _refresh(e, t) {
+    if (t ? !0 : await this._validateActiveEdits([], this.selectedIds)) {
       this._table && await this._table.refresh(), this._relatedFeatureTable && await this._relatedFeatureTable.refresh(), this._allIds = await this.queryAllIds();
-      const i = this._getSelectedLayer(this.selectedRelatedIds);
-      if (i && this.relatedRecordToggled.emit(i), !e) {
-        const s = this._getSelectedIds();
-        this.featureSelectionChange.emit(s);
+      const s = this._getSelectedLayer(this.selectedRelatedIds);
+      if (s && this.relatedRecordToggled.emit(s), !e) {
+        const a = this._getSelectedIds();
+        this.featureSelectionChange.emit(a);
       }
     }
   }
@@ -806,7 +891,7 @@ class M extends C {
     }
   }
   async _zoom() {
-    this._layer && this.mapView && await w(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await I(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
@@ -823,24 +908,24 @@ class M extends C {
     let s = this._getLayerOption(e);
     const a = this._layer?.attributeTableTemplate?.elements;
     let l = [];
-    a?.length > 0 && this.honorMapFieldSettings && (l = a.map((r) => r.fieldName));
-    const h = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((r) => s?.fields && s.fields.indexOf(r) > -1) : l.length > 0 ? l : void 0;
-    let n;
-    return t && (n = t.reduce((r, d) => {
+    a?.length > 0 && this.honorMapFieldSettings && (l = a.map((n) => n.fieldName));
+    const h = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((n) => s?.fields && s.fields.indexOf(n) > -1) : l.length > 0 ? l : void 0;
+    let r;
+    return t && (r = t.reduce((n, d) => {
       const f = {
         type: "field",
         fieldName: d.name,
         label: this.getFieldLabel(d, i),
         menuConfig: this._getMenuConfig(d.name)
       };
-      return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(d.name) > -1 && r.push(f) : l.length > 0 ? l.indexOf(d.name) > -1 && r.push(f) : r.push(f), r;
-    }, [])), n ? h ? n?.sort(this._sortFields.bind(this, h)) : n : [];
+      return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(d.name) > -1 && n.push(f) : l.length > 0 ? l.indexOf(d.name) > -1 && n.push(f) : n.push(f), n;
+    }, [])), r ? h ? r?.sort(this._sortFields.bind(this, h)) : r : [];
   }
   updateRelatedAttachmentColumns() {
     let e = this._getLayerOption(this._layer?.id || ""), t = this.hasAttachmentsEnabled(this._layer), i = !0;
-    const s = "attachments", a = (e?.extraFields || []).reduce((h, n) => (n.startsWith("related:") ? h.related.push(n.split("related:")[1]) : h.extra.push(n), h), { related: [], extra: [] }), l = a.extra.some((h) => h.toLowerCase() === s);
+    const s = "attachments", a = (e?.extraFields || []).reduce((h, r) => (r.startsWith("related:") ? h.related.push(r.split("related:")[1]) : h.extra.push(r), h), { related: [], extra: [] }), l = a.extra.some((h) => h.toLowerCase() === s);
     a && (t = l && t, i = a.related.length > 0, this._table?.columns.forEach((h) => {
-      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !a.related.includes(h.effectiveLabel)), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !a.extra.some((n) => n.toLowerCase() === h.effectiveLabel.toLowerCase()));
+      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !a.related.some((r) => r.toLowerCase() === (h.effectiveLabel || "").toLowerCase())), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !a.extra.some((r) => r.toLowerCase() === h.effectiveLabel.toLowerCase()));
     })), this._table.relatedRecordsEnabled = i, this._table.attachmentsEnabled = t;
   }
   getFieldLabel(e, t) {
@@ -870,7 +955,7 @@ class M extends C {
     }));
   }
 }
-I("layer-table", M);
+E("layer-table", M);
 export {
   M as LayerTable
 };