@esri/solutions-components 0.10.48 → 0.11.0

package/dist/components/layer-table2.js

@@ -23,18 +23,18 @@ import { d as defineCustomElement$t } from './date-picker.js';
 import { d as defineCustomElement$s } from './date-picker-day.js';
 import { d as defineCustomElement$r } from './date-picker-month.js';
 import { d as defineCustomElement$q } from './date-picker-month-header.js';
-import { d as defineCustomElement$p } from './dropdown.js';
-import { d as defineCustomElement$o } from './dropdown-group.js';
-import { d as defineCustomElement$n } from './dropdown-item.js';
-import { d as defineCustomElement$m } from './graph.js';
-import { d as defineCustomElement$l } from './handle.js';
-import { d as defineCustomElement$k } from './icon.js';
-import { d as defineCustomElement$j } from './input.js';
-import { d as defineCustomElement$i } from './input-date-picker.js';
-import { d as defineCustomElement$h } from './input-text.js';
-import { d as defineCustomElement$g } from './label2.js';
-import { d as defineCustomElement$f } from './loader.js';
-import { d as defineCustomElement$e } from './modal.js';
+import { d as defineCustomElement$p } from './dialog.js';
+import { d as defineCustomElement$o } from './dropdown.js';
+import { d as defineCustomElement$n } from './dropdown-group.js';
+import { d as defineCustomElement$m } from './dropdown-item.js';
+import { d as defineCustomElement$l } from './graph.js';
+import { d as defineCustomElement$k } from './handle.js';
+import { d as defineCustomElement$j } from './icon.js';
+import { d as defineCustomElement$i } from './input.js';
+import { d as defineCustomElement$h } from './input-date-picker.js';
+import { d as defineCustomElement$g } from './input-text.js';
+import { d as defineCustomElement$f } from './label2.js';
+import { d as defineCustomElement$e } from './loader.js';
 import { d as defineCustomElement$d } from './notice.js';
 import { d as defineCustomElement$c } from './option.js';
 import { d as defineCustomElement$b } from './panel.js';
@@ -96,6 +96,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._fullTextSearchInfo = undefined;
         this._searchPlaceHolder = '';
         this._size = 0;
+        this._queryingData = false;
     }
     get el() { return this; }
     //--------------------------------------------------------------------------
@@ -151,6 +152,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * boolean: When false alerts will be shown to indicate that the layer must have delete and editing enabled
      */
     _deleteEnabled;
+    /**
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
+     */
+    _editor;
     /**
      * HTMLInstantAppsFilterListElement: Component from Instant Apps that supports interacting with the current filter config
      */
@@ -259,6 +265,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * string the current search expression
      */
     _searchExpression;
+    /**
+     * boolean: When true we will not evaluate if the editor has any pending edits
+     */
+    _skipEditCheck = false;
     /**
      * number[]: selected features from table
      */
@@ -416,6 +426,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Closes the filter
+     */
+    async closeFilter() {
+        await this._closeFilter();
+    }
     /**
      * Reset the filter
      */
@@ -429,10 +445,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         await this._handleFilterUpdate(active);
     }
     /**
-     * Closes the filter
+     * Validate if the editor has any pending edits
      */
-    async closeFilter() {
-        await this._closeFilter();
+    async validateActiveEdits() {
+        return this._validateActiveEdits([], this.selectedIds);
     }
     /**
      * refresh the feature table
@@ -459,6 +475,29 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Emitted on demand when when the delete dialog should be shown
      */
     showDelete;
+    /**
+     * Listen for changes to map info and load the appropriate map
+     */
+    async beforeMapInfoChange(evt) {
+        const mapPicker = evt.detail.ref;
+        const mapInfo = evt.detail.mapInfo;
+        const hasPendingEdits = this._hasPendingEdits();
+        if (hasPendingEdits) {
+            evt.preventDefault();
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            await mapPicker.setMapByID(editsDiscarded ? mapInfo.id : evt.detail.currentId, !editsDiscarded);
+        }
+    }
+    /**
+     * Get the Editor instance after it's been initialized
+     *
+     * @param evt CustomEvent that contains the editor instance
+     *
+     * @returns a promise when the operation has completed
+     */
+    async editorInitialized(evt) {
+        this._editor = evt.detail;
+    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -490,6 +529,21 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
     }
+    /**
+     * Handles before layer selection change
+     *
+     * @param evt CustomEvent the id for the current layer
+     */
+    async beforeLayerSelectionChange(evt) {
+        const hasPendingEdits = this._hasPendingEdits();
+        if (hasPendingEdits) {
+            evt.preventDefault();
+            const mapLayerPicker = evt.detail.ref;
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            return evt.detail.selectedIds ? await mapLayerPicker.setLayerByIds(editsDiscarded ? evt.detail.newIds : evt.detail.currentIds, true)
+                : await mapLayerPicker.setLayerById(editsDiscarded ? evt.detail.newId : evt.detail.currentId, true);
+        }
+    }
     /**
      * Handles layer selection change to show new table
      *
@@ -532,7 +586,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     /**
      * Refresh the table when
      */
-    noLayersFound() {
+    async noLayersFound() {
         this._layer = undefined;
         this._allIds = [];
         this._clearSelection();
@@ -540,8 +594,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     /**
      * Clears the selection from table
      */
-    clearSelection() {
-        this._clearSelection();
+    async clearSelection() {
+        const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+        if (editsDiscarded) {
+            this._clearSelection();
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -567,15 +624,16 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     render() {
         const tableNodeClass = this._fetchingData ? "display-none" : "";
         const loadingClass = this._fetchingData ? "" : "display-none";
+        const scrimClass = this._queryingData ? "" : "display-none";
         const total = this._size.toString();
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: 'ade26bd309af37b5b9f9bdc355f1cf6c575fa89a' }, h("calcite-shell", { key: '95668ae72cde1a3600e17a0d138ba8b810a4c525' }, this._getTableControlRow("header"), h("div", { key: '488eabfc4666c0d81aacbac523e7ba20288a4701', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '75d01c41afbb872f57472adc76045431163c0cab', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'b6062ca6e5702fc835777a6fe6ecec7a66926bc0', class: "search-container" }, h("calcite-input", { key: 'eade11ccb0d7b6d5aed838dbb6b2eaec4286d8c6', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '889c97b23074f5be4b045199cf48632720d6c598', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4ac0bfdaf07c38ff57008bade29b4b90b11f437d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '185f3fe68fe706f1ac8fb21dc8770a99c5739413' }, h("div", { key: '1a108303520e85fc5088cc4279a49c3522f6fa78' }, h("calcite-scrim", { key: '7b7209217c3c84ab6583b5650f5a2a6ad9c00d69', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: 'c0b47560ffd0b0c889505f58c5e7607702c55eed' }, this._getTableControlRow("header"), h("div", { key: '88c63da2af86393fd69bf92728eb29a4dc9f5252', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '0c4fc0743b3713c8b864d8013a70d251990dad14', class: "height-full width-full" }, showSearch &&
+            h("div", { key: '1aa9cb70deefdf7602744b1225bb79841ed1e716', class: "search-container" }, h("calcite-input", { key: 'e5c459eb5ca388d66a8e2b8ae67f3bc917672aba', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'a8aac5b169cd2081bc08aeb41d17d1d87ef8516d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: 'af4c227af9682d072195221294ac85cf98b4089b', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
     _deleteDialog;
     /**
@@ -642,8 +700,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             showSelected = true;
         }
         else {
-            this._clearSelection();
-            this._tempSelectedIds = [];
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            if (editsDiscarded) {
+                this._clearSelection();
+                this._tempSelectedIds = [];
+            }
+            else {
+                return;
+            }
         }
         //always clear previous search definition
         if (this._searchExpression) {
@@ -757,8 +821,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getTableControlRow(slot) {
         const id = "more-table-options";
-        const toolbarClass = this._canShowFullTextSearch() ? "border-bottom" : "";
-        return (h("div", { class: `display-flex height-51-px ${toolbarClass}`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
+        return (h("div", { class: `display-flex height-51-px border-bottom`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
     }
     /**
      * Gets a row of controls that can be used for various interactions with the table
@@ -908,7 +971,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     icon: "erase",
                     indicator: false,
                     label: this._translations.clearSelection,
-                    func: () => this._clearSelection(),
+                    func: () => void this.clearSelection(),
                     disabled: !featuresSelected,
                     isOverflow: false
                 }, {
@@ -923,7 +986,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     active: false,
                     icon: "list-check-all",
                     indicator: false,
-                    func: () => this._selectAll(),
+                    func: async () => await this._selectAll(),
                     label: this._translations.selectAll,
                     disabled: featuresEmpty,
                     isOverflow: false
@@ -931,7 +994,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     active: false,
                     icon: "compare",
                     indicator: false,
-                    func: () => this._switchSelected(),
+                    func: async () => await this._switchSelected(),
                     label: this._translations.switchSelected,
                     disabled: featuresEmpty,
                     isOverflow: false
@@ -1026,7 +1089,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     prev += cur.width;
                     return prev;
                 }, 0);
-                const skipControls = ["solutions-more", "solutions-map-layer-picker-container", "solutions-action-share"];
+                const skipControls = ["solutions-more", "solutions-map-layer-picker-container", "map-picker", "solutions-action-share"];
                 if (controlsWidth > toolbarWidth) {
                     if (this._toolbarSizeInfos.length > 0) {
                         const controlsThatFit = [...this._toolbarSizeInfos].reverse().reduce((prev, cur) => {
@@ -1251,7 +1314,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon) }, (h("calcite-action", { appearance: "solid", compact: true, disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon) }, (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Return all currently selected IDs from the table
@@ -1289,7 +1352,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     visibleElements: {
                         columnDescriptions: false,
                         header: false,
-                        menu: false
+                        menu: false,
+                        progress: false
                     },
                     tableTemplate: {
                         columnTemplates
@@ -1298,9 +1362,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 });
             });
             await this._table.when(() => {
-                this._table.highlightIds.on("change", (evt) => {
+                const changeHandle = this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
                 });
+                this._table.viewModel.addHandles(changeHandle);
                 //Add handle to watch size of the table and update the state to reflect the total count
                 const handle = this.reactiveUtils.watch(() => this._table.size, (size) => {
                     this._size = size;
@@ -1310,6 +1375,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         }
     }
     async _handleOnChange(evt) {
+        const handleOnChange = await this._validateActiveEdits([...evt.added], [...evt.removed]);
+        if (!handleOnChange) {
+            return;
+        }
         const ids = [...this._table.highlightIds.toArray()];
         if (!this._skipOnChange) {
             if ((!this._ctrlIsPressed && !this._shiftIsPressed) || (this._selectionFromMap && this._shiftIsPressed)) {
@@ -1351,7 +1420,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         prev.push(`${cur.fieldName} ${cur.direction}`);
                         return prev;
                     }, []);
+                    // when dealing with a feature layer with many features shift-select can take a very long time.
+                    // don't allow the user to make additional interactions with the table if it takes more than 500 miliseconds
+                    let queryComplete = false;
+                    setTimeout(() => {
+                        if (!queryComplete) {
+                            this._queryingData = true;
+                        }
+                    }, 500);
                     const oids = await queryAllOidsWithQueryFeatures(0, this._layer, [], orderBy);
+                    queryComplete = true;
+                    this._queryingData = false;
                     let isBetween = false;
                     const _start = this._table.viewModel.getObjectIdIndex(this._previousCurrentId);
                     const _end = this._table.viewModel.getObjectIdIndex(this._currentId);
@@ -1385,6 +1464,52 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
         this._selectionFromMap = false;
     }
+    /**
+     * Validate if the editor has any pending edits
+     *
+     * @param added ids added as a result of selection change
+     * @param removed ids removed as a result of selection change
+     *
+     * @returns a promise with a boolean value that represents if selection change should be handled normally
+     */
+    async _validateActiveEdits(added, removed) {
+        let handleOnChange = true;
+        if (this._editor && !this._skipEditCheck) {
+            const hasPendingEdits = this._hasPendingEdits();
+            if (hasPendingEdits) {
+                let continueEditing = false;
+                try {
+                    await this._editor.cancelWorkflow({ force: false });
+                }
+                catch (error) {
+                    continueEditing = error.name === "workflow:cancel-denied";
+                }
+                if (continueEditing) {
+                    handleOnChange = false;
+                    this._skipEditCheck = true;
+                    if (added.length > 0) {
+                        this._table.highlightIds.removeMany(added);
+                    }
+                    else if (removed.length > 0) {
+                        this._table.highlightIds.addMany(removed);
+                    }
+                }
+            }
+        }
+        else {
+            handleOnChange = !this._skipEditCheck;
+            this._skipEditCheck = false;
+        }
+        return handleOnChange;
+    }
+    /**
+     * Check if the editor has any pending edits
+     */
+    _hasPendingEdits() {
+        const vmHasEdits = this._editor?.viewModel?.hasPendingEdits;
+        const awHasEdits = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
+        return vmHasEdits || awHasEdits;
+    }
     /**
      * Handle any updates after a selection change has occured and emit the results
      */
@@ -1439,7 +1564,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         // When this issue occurs we will wait for 1 second and attempt to finish the loading process
         setTimeout(() => {
             if (!this._loaded) {
-                console.log(`table.state: ${this._table.state}`);
                 void this.finishLoading();
             }
         }, 1000);
@@ -1455,7 +1579,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         try {
             this._loaded = true;
             this._table.highlightIds.removeAll();
-            this._table.clearSelectionFilter();
+            this._table.objectIds.removeAll();
             this._resetColumnTemplates();
             this._showOnlySelected = false;
             await this._handleDefaults();
@@ -1646,7 +1770,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @protected
      */
     _filterModal() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        alert("_filterModal how does this one get hit??");
+        return (h("calcite-dialog", { class: "filter-content-space", heading: this._translations?.filter?.replace("{{title}}", this._layer?.title), id: "solutions-filter-dialog", kind: "brand", modal: true, onCalciteDialogClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false })));
     }
     /**
      * Reset the filter active prop
@@ -1709,21 +1834,28 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
         else {
-            this._clearSelection();
+            await this.clearSelection();
         }
     }
     /**
      * Select or deselect all rows
      * @protected
      */
-    _selectAll() {
+    async _selectAll() {
         const ids = this._allIds;
-        this._table.highlightIds.removeAll();
-        this._skipOnChange = true;
-        this._table.highlightIds.addMany(ids);
-        this.selectedIds = ids;
-        this._finishOnChange();
-        this._selectAllActive = true;
+        const addedIds = ids.filter(id => this.selectedIds.indexOf(id) < 0);
+        const editsDiscarded = await this._validateActiveEdits(addedIds, this.selectedIds);
+        if (editsDiscarded) {
+            this._table.highlightIds.removeAll();
+            this._skipOnChange = true;
+            this._table.highlightIds.addMany(ids);
+            this.selectedIds = ids;
+            this._finishOnChange();
+            this._selectAllActive = true;
+        }
+        else {
+            this._skipEditCheck = false;
+        }
     }
     /**
      * Toggle the show only selected flag
@@ -1736,7 +1868,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._table.filterBySelection();
         }
         else {
-            this._table.clearSelectionFilter();
+            this._table.objectIds.removeAll();
         }
     }
     /**
@@ -1773,19 +1905,25 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Select all rows that are not currently selectd
      * @protected
      */
-    _switchSelected() {
+    async _switchSelected() {
         const currentIndexes = [...this.selectedIds];
-        this._table.highlightIds.removeAll();
         const ids = this._allIds.reduce((prev, _cur) => {
             if (currentIndexes.indexOf(_cur) < 0) {
                 prev.push(_cur);
             }
             return prev;
         }, []).sort((a, b) => a - b);
-        this._skipOnChange = true;
-        this._table.highlightIds.addMany(ids);
-        this.selectedIds = ids;
-        this._finishOnChange();
+        const editsDiscarded = await this._validateActiveEdits(ids, currentIndexes);
+        if (editsDiscarded) {
+            this._table.highlightIds.removeAll();
+            this._skipOnChange = true;
+            this._table.highlightIds.addMany(ids);
+            this.selectedIds = ids;
+            this._finishOnChange();
+        }
+        else {
+            this._skipEditCheck = false;
+        }
     }
     /**
      * Export all selected rows as CSV
@@ -1834,9 +1972,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @protected
      */
     async _refresh() {
-        await this._table.refresh();
-        this._allIds = await queryAllIds(this._layer);
-        this.featureSelectionChange.emit(this.selectedIds);
+        const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+        if (editsDiscarded) {
+            await this._table.refresh();
+            this._allIds = await queryAllIds(this._layer);
+            this.featureSelectionChange.emit(this.selectedIds);
+        }
     }
     /**
      * Zoom to all selected features
@@ -1871,7 +2012,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._fetchingData = false;
     }
     /**
-     * Get any columnt templates for the current map
+     * Get any column templates for the current map
      *
      * @param id item ID of the current map
      *
@@ -2016,11 +2157,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_fullTextSearchInfo": [32],
         "_searchPlaceHolder": [32],
         "_size": [32],
+        "_queryingData": [32],
+        "closeFilter": [64],
         "filterReset": [64],
         "filterUpdate": [64],
-        "closeFilter": [64],
+        "validateActiveEdits": [64],
         "refresh": [64]
-    }, [[8, "selectionChanged", "selectionChanged"], [8, "layerSelectionChange", "layerSelectionChange"], [8, "editsComplete", "editsComplete"], [8, "facilityChanged", "facilityChanged"], [8, "levelChanged", "levelChanged"], [8, "siteChanged", "siteChanged"], [8, "noLayersFound", "noLayersFound"], [8, "clearSelection", "clearSelection"]], {
+    }, [[10, "beforeMapInfoChange", "beforeMapInfoChange"], [8, "editorInitialized", "editorInitialized"], [8, "selectionChanged", "selectionChanged"], [8, "beforeLayerSelectionChange", "beforeLayerSelectionChange"], [8, "layerSelectionChange", "layerSelectionChange"], [8, "editsComplete", "editsComplete"], [8, "facilityChanged", "facilityChanged"], [8, "levelChanged", "levelChanged"], [8, "siteChanged", "siteChanged"], [8, "noLayersFound", "noLayersFound"], [8, "clearSelection", "clearSelection"]], {
         "appLayout": ["appLayoutWatchHandler"],
         "defaultOid": ["defaultOidWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
@@ -2040,7 +2183,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dialog", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -2117,62 +2260,62 @@ function defineCustomElement() {
                 defineCustomElement$q();
             }
             break;
-        case "calcite-dropdown":
+        case "calcite-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "calcite-dropdown-group":
+        case "calcite-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "calcite-dropdown-item":
+        case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "calcite-graph":
+        case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "calcite-handle":
+        case "calcite-graph":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "calcite-icon":
+        case "calcite-handle":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "calcite-input":
+        case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "calcite-input-date-picker":
+        case "calcite-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "calcite-input-text":
+        case "calcite-input-date-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "calcite-label":
+        case "calcite-input-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "calcite-loader":
+        case "calcite-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "calcite-modal":
+        case "calcite-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }