@esri/solutions-components 0.11.16 → 0.11.18

package/dist/components/layer-table2.js

@@ -7,7 +7,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { l as loadModules } from './loadModules.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, c as getFeatureLayerView, g as getLayerOrTable } from './mapViewUtils.js';
-import { b as queryAllIds, c as queryAllOidsWithQueryFeatures, d as queryFeaturesByGlobalID } from './queryUtils.js';
+import { b as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
 import { d as defineCustomElement$3 } from './instant-apps-filter-list2.js';
 import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
@@ -213,10 +213,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * IColumnsInfo: Key/value pair with fieldname/(visible in table)
      */
     _columnsInfo;
-    /**
-     * boolean: When true the ctrl key is currently pressed
-     */
-    _ctrlIsPressed = false;
     /**
      * number: The id of the most recently selected row from the table
      */
@@ -322,18 +318,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * HTMLInstantAppsSocialShareElement: Element to support app sharing to social media
      */
     _shareNode;
-    /**
-     * boolean: When true the shift key is currently pressed
-     */
-    _shiftIsPressed = false;
     /**
      * HTMLCalciteDropdownElement: Dropdown the will support show/hide of table columns
      */
     _showHideDropdown;
-    /**
-     * boolean: When true any onChange handeling will be skipped
-     */
-    _skipOnChange = false;
     /**
      * HTMLCalciteDropdownElement: Dropdown the will support overflow tools that won't fit in the current display
      */
@@ -366,10 +354,22 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * boolean: When true we will not evaluate if the editor has any pending edits
      */
     _skipEditCheck = false;
+    /**
+     * __esri.Handle: handle for the filter by extent
+     */
+    _filterByExtentHandle;
     /**
      * number[]: selected features from table
      */
     _tempSelectedIds;
+    /**
+     * number[]: out of extent oids which are selected but now out of extent
+     */
+    _outOFExtentOids = [];
+    /**
+     * boolean: When true allow table to update the records
+     */
+    _shouldUpdateTableOnExtentChange = true;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -533,13 +533,35 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Reset the filter
      */
     async filterReset() {
+        if (this._filterByExtentHandle) {
+            this._table.filterGeometry = undefined;
+            this._filterByExtentHandle.remove();
+            this._filterByExtentHandle = undefined;
+        }
         await this._handleFilterListReset();
     }
     /**
      * Updates the filter
      */
-    async filterUpdate(active) {
-        await this._handleFilterUpdate(active);
+    async filterUpdate(filterActive, keepTableUpdatingOnMapExtentChange) {
+        await this._handleFilterUpdate(filterActive);
+        if (keepTableUpdatingOnMapExtentChange) {
+            this._shouldUpdateTableOnExtentChange = true;
+            this._handleTableOnMapExtent();
+        }
+        else if (keepTableUpdatingOnMapExtentChange === false) {
+            this._table.filterGeometry = undefined;
+            this._filterByExtentHandle.remove();
+            this._filterByExtentHandle = undefined;
+            // update all the ids when filter is unchecked or toggled off
+            await this._updateAllIds();
+        }
+    }
+    /**
+     * Validate if the table should update
+     */
+    async validateTableUpdate(shouldUpdateTableOnExtentChange) {
+        this._shouldUpdateTableOnExtentChange = shouldUpdateTableOnExtentChange;
     }
     /**
      * Validate if the editor has any pending edits
@@ -593,8 +615,20 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @returns a promise when the operation has completed
      */
     async editorInitialized(evt) {
+        this._shouldUpdateTableOnExtentChange = false;
         this._editor = evt.detail;
     }
+    /**
+     * Respond to and close the edit record display
+     *
+     * @returns a promise when the operation has completed
+     */
+    async closeEdit() {
+        this._shouldUpdateTableOnExtentChange = true;
+        if (this._filterByExtentHandle) {
+            this._handleTableOnMapExtent();
+        }
+    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -655,7 +689,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async editsComplete(evt) {
         const editType = evt.detail;
         if (editType === "delete" || editType === "add") {
-            this._allIds = await queryAllIds(this._layer);
+            this._allIds = await this.queryAllIds();
         }
         await this._refresh();
     }
@@ -727,8 +761,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '68d6d57fbc9122b15340e0be3426ad00d398c7b2' }, h("div", { key: 'c4839ef8df0c5d3937b68c444264ce3bbb5c808d' }, h("calcite-scrim", { key: 'd4fa1a66ddcc5d0e83ee4ee43b2a3230e7f0298f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '2ae1aee8a242902f3fbc9a1a19b62a8b721e5de7' }, this._getTableControlRow("header"), h("div", { key: '73d424f4bb07f56245c2c0858544d6cb7d9fcc74', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'a2404478e2daf5ebac1ff3ac10378a98c868bcb2', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e18c71ccab7853438c51fe7168b7a98087d215e2', class: "search-container" }, h("calcite-input", { key: '39ecb52bacd4560a94310a56faf084941aa44a2a', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ce2aeb5e108b1d76da8694a071dcd46098e6bb28', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '78e596cb45427bb9d21a11368361f67e1ed306a5', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'a0a998de3a1b29c311a9fdfa87f3bd836481ba5a' }, h("div", { key: 'aafaf9f925ed7321e1ca7f15fc7db369212dc1dc' }, h("calcite-scrim", { key: '86459aed994823dbf1d774aad01e8207a7df5f4f', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: 'b29896a197cba444d2ac377779670394e29ecaf6' }, this._getTableControlRow("header"), h("div", { key: '0456651ac46f399eb04253387d7aae76995f4683', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '9ba484159832fea630bbb653bc2fc4e99e602674', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'bd4b72db51f44c2954e893e8ef7ec2a30efc4c45', class: "search-container" }, h("calcite-input", { key: '8811ff1dd71408fda37a0d7d2403671df24b5b7b', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '44a419089cf1e207f52ce19015c2870ce956e261', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '096f4fc7f5cc9500e7982bbfaceb2fcc4c82a1dd', 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())));
     }
@@ -748,8 +782,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     componentDidRender() {
         // need to be called after each render to get the clicked mouseEvent
         document.onclick = (e) => this._handleDocumentClick(e);
-        document.onkeydown = (e) => this._handleKeyDown(e);
-        document.onkeyup = (e) => this._handleKeyUp(e);
         this._updateToolbar();
     }
     //--------------------------------------------------------------------------
@@ -943,7 +975,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             if (cur && !cur.isOverflow) {
                 prev.push(cur.isDanger ?
                     this._getDangerAction(cur.icon, cur.label, cur.func, cur.disabled) :
-                    cur.isSublist ? (h("calcite-dropdown", { closeOnSelectDisabled: true, id: this._getId(cur.icon), onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._showHideDropdown = el }, this._getAction(cur.active, this._showHideOpen ? "chevron-down" : cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, cur.loading, "trigger"), this._showHideOpen ? this._getFieldlist() : undefined)) :
+                    cur.isSublist && this._table?.columns?.length > 0 ? (h("calcite-dropdown", { closeOnSelectDisabled: true, id: this._getId(cur.icon), onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._showHideDropdown = el }, this._getAction(cur.active, this._showHideOpen ? "chevron-down" : cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, cur.loading, "trigger"), this._showHideOpen ? this._getFieldlist() : undefined)) :
                         this._getAction(cur.active, cur.icon, cur.indicator, cur.label, cur.func, cur.disabled, cur.loading));
             }
             return prev;
@@ -1010,6 +1042,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 }
                 if (ti.icon === "selected-items-filter") {
                     ti.active = this._showOnlySelected;
+                    ti.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected;
                 }
             }
         });
@@ -1024,7 +1057,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
         const featuresEmpty = this._featuresEmpty();
-        const hasFilterExpressions = this._hasFilterExpressions();
         if (this._translations) {
             this._toolInfos = [
                 !this.mapHidden ? {
@@ -1036,7 +1068,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     disabled: !featuresSelected,
                     isOverflow: false
                 } : undefined,
-                hasFilterExpressions ? {
+                {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -1044,7 +1076,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     func: () => this.createFilterModal ? this._toggleFilter() : this.toggleFilter.emit(),
                     disabled: false,
                     isOverflow: false
-                } : undefined,
+                },
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
@@ -1446,6 +1478,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     editingEnabled: this._editEnabled && this.enableInlineEdit,
                     highlightEnabled: true,
                     multiSortEnabled: false,
+                    attachmentsEnabled: true,
                     visibleElements: {
                         columnDescriptions: false,
                         header: false,
@@ -1477,88 +1510,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             return;
         }
         const ids = [...this._getIds()];
-        if (!this._skipOnChange) {
-            if ((!this._ctrlIsPressed && !this._shiftIsPressed) || (this._selectionFromMap && this._shiftIsPressed)) {
-                if (this.selectedIds.length > 0) {
-                    this._skipOnChange = true;
-                    // only readd in specific case where we have multiple selected and then click one of the currently selected
-                    const reAdd = this.selectedIds.length > 1 && evt.removed.length === 1;
-                    const newIds = reAdd ? evt.removed : ids.filter(id => this.selectedIds.indexOf(id) < 0);
-                    this._tempSelectedIds = newIds.length ? [...newIds] : [...this.selectedIds];
-                    this._clearSelection();
-                    this.selectedIds = [...newIds];
-                    if (newIds.length > 0) {
-                        this._table.highlightIds.add(newIds[0]);
-                    }
-                    else {
-                        this._skipOnChange = false;
-                    }
-                }
-                else {
-                    // https://github.com/Esri/solutions-components/issues/365
-                    this.selectedIds = ids.reverse();
-                    this._tempSelectedIds = [...this.selectedIds];
-                }
-            }
-            else if (this._ctrlIsPressed) {
-                this.selectedIds = ids.reverse();
-                this._tempSelectedIds = [...this.selectedIds];
-            }
-            else if (this._shiftIsPressed && ids?.length > 0) {
-                this._skipOnChange = true;
-                this._previousCurrentId = this._currentId;
-                this._currentId = [...ids].reverse()[0];
-                if (ids.length === 1) {
-                    this._skipOnChange = false;
-                }
-                else if (this._previousCurrentId !== this._currentId) {
-                    // query the layer based on current sort and filters then grab between the current id and previous id
-                    const orderBy = this._table.activeSortOrders.reduce((prev, cur) => {
-                        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);
-                    const startIndex = _start < _end ? _start : _end;
-                    const endIndex = _end > _start ? _end : _start;
-                    this._skipOnChange = startIndex + 1 !== endIndex;
-                    const idsInRange = oids.reduce((prev, cur) => {
-                        const id = cur;
-                        if ((id === this._currentId || id === this._previousCurrentId)) {
-                            isBetween = !isBetween;
-                            if (prev.indexOf(id) < 0) {
-                                prev.push(id);
-                            }
-                        }
-                        else if (isBetween && prev.indexOf(id) < 0) {
-                            prev.push(id);
-                        }
-                        return prev;
-                    }, []);
-                    const selectedIds = _start < _end ? idsInRange.reverse() : idsInRange;
-                    this.selectedIds = [...new Set([...selectedIds, ...this.selectedIds])];
-                    this._tempSelectedIds = [...this.selectedIds];
-                    this._table.highlightIds.addMany(this.selectedIds.filter(i => ids.indexOf(i) < 0));
-                }
-            }
-            this._finishOnChange();
-        }
-        else {
-            this._skipOnChange = false;
-        }
-        this._currentId = [...this._getIds()].reverse()[0];
+        this.selectedIds = ids.reverse();
+        this._tempSelectedIds = [...this.selectedIds];
+        this._finishOnChange();
         this._selectionFromMap = false;
     }
     /**
@@ -1597,6 +1551,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             handleOnChange = !this._skipEditCheck;
             this._skipEditCheck = false;
         }
+        this._shouldUpdateTableOnExtentChange = handleOnChange;
         return handleOnChange;
     }
     /**
@@ -1613,7 +1568,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _finishOnChange() {
         if (this._showOnlySelected) {
             if (this._featuresSelected()) {
-                this._table.filterBySelection();
+                this._table.filterBySelectionEnabled = true;
             }
             else {
                 this._toggleShowSelected();
@@ -1626,9 +1581,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _resetColumnTemplates() {
         const columnTemplates = this._getColumnTemplates(this._layer?.id, this._layer?.fields);
-        const hasChange = columnTemplates?.some((ct, i) => {
-            return JSON.stringify(this._table?.tableTemplate.columnTemplates[i]) !== JSON.stringify(ct);
-        });
+        if (columnTemplates?.length === 0) {
+            this._tableNode?.classList.add("display-none");
+        }
+        else {
+            this._tableNode?.classList.remove("display-none");
+        }
+        const tableColumnTemplates = this._table?.tableTemplate?.columnTemplates;
+        const hasChange = (tableColumnTemplates && columnTemplates && tableColumnTemplates.length !== columnTemplates.length) ||
+            columnTemplates?.some((ct, i) => {
+                return JSON.stringify(tableColumnTemplates[i]) !== JSON.stringify(ct);
+            });
         if (this._table && columnTemplates && (hasChange || !this._columnsInfo)) {
             this._table.tableTemplate = new this.TableTemplate({
                 columnTemplates
@@ -1643,7 +1606,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async _resetTable() {
         this._loaded = false;
         this._clearSelection();
-        this._allIds = await queryAllIds(this._layer);
+        this._allIds = await this.queryAllIds();
         if (!this._table) {
             const columnTemplates = this._getColumnTemplates(this._layer.id, this._layer?.fields);
             await this._getTable(this._tableNode, columnTemplates);
@@ -1697,7 +1660,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         }
         this._refreshHandle = this._layer.on("refresh", (evt) => {
             if (evt.dataChanged) {
-                this._skipOnChange = true;
                 void this._updateAllIds();
             }
         });
@@ -1706,7 +1668,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Reset _allIds when the layers data has changed and refresh the selection ids and table
      */
     async _updateAllIds() {
-        this._allIds = await queryAllIds(this._layer);
+        this._allIds = await this.queryAllIds();
         this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
         await this._refresh();
     }
@@ -1846,20 +1808,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
     }
-    /**
-     * Keep track of key down for ctrl and shift
-     */
-    _handleKeyDown(e) {
-        this._ctrlIsPressed = e.ctrlKey;
-        this._shiftIsPressed = e.shiftKey;
-    }
-    /**
-     * Keep track of key up for ctrl and shift
-     */
-    _handleKeyUp(e) {
-        this._ctrlIsPressed = e.ctrlKey;
-        this._shiftIsPressed = e.shiftKey;
-    }
     /**
      * Show filter component in modal
      *
@@ -1868,7 +1816,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _filterModal() {
         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 })));
+        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: () => void 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
@@ -1895,6 +1843,40 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._updateShareUrl();
         await this._searchFullText();
     }
+    /**
+     * Update the table when extent is changed
+     */
+    _handleTableOnMapExtent() {
+        if (this._table) {
+            this._filterByExtentHandle = this.reactiveUtils.when(() => this.mapView.stationary, 
+            // eslint-disable-next-line @typescript-eslint/no-misused-promises
+            async () => {
+                if (this._shouldUpdateTableOnExtentChange) {
+                    //Added timeout while updating table records to avoid the issue in which we see empty table records when extent is changed
+                    await new Promise(resolve => setTimeout(resolve, 800));
+                    this._table.filterGeometry = this.mapView.extent;
+                    const query = {
+                        geometry: this.mapView.extent
+                    };
+                    const objectIdsInExtent = await this._layer.queryObjectIds(query);
+                    // remove the highlight of features which are not in the map extent
+                    const outOids = this.selectedIds.filter(id => !objectIdsInExtent.includes(id));
+                    const restoreOids = this._outOFExtentOids.filter(id => objectIdsInExtent.includes(id));
+                    if (outOids.length > 0) {
+                        this._table.highlightIds.removeMany(outOids);
+                        this._outOFExtentOids = [...this._outOFExtentOids, ...outOids];
+                    }
+                    if (restoreOids.length > 0) {
+                        this._table.highlightIds.addMany(restoreOids);
+                        this._outOFExtentOids = this._outOFExtentOids.filter(oid => !restoreOids.includes(oid));
+                    }
+                }
+                this._allIds = await this.queryAllIds();
+            }, {
+                initial: true
+            });
+        }
+    }
     /**
      * Close the filter modal
      * @protected
@@ -1902,10 +1884,20 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async _closeFilter() {
         if (this._filterOpen) {
             // reset allIds
-            this._allIds = await queryAllIds(this._layer);
+            this._allIds = await this.queryAllIds();
             this._filterOpen = false;
         }
     }
+    /**
+     * Query the layer for applied filter
+     * @returns Promise with the featureSet from the layer that match the provided ids
+     */
+    async queryAllIds() {
+        const query = this._layer.createQuery();
+        query.geometry = this._filterByExtentHandle ? this.mapView.extent : null;
+        query.where = this._layer.definitionExpression || "1=1";
+        return await this._layer.queryObjectIds(query);
+    }
     /**
      * Handle map click events to keep table and map click selection in sync
      *
@@ -1927,7 +1919,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 }
             });
             if (this._showOnlySelected) {
-                this._table.filterBySelection();
+                this._table.filterBySelectionEnabled = true;
             }
         }
         else {
@@ -1944,7 +1936,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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();
@@ -1961,12 +1952,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _toggleShowSelected() {
         this._showOnlySelected = !this._showOnlySelected;
-        if (this._showOnlySelected) {
-            this._table.filterBySelection();
-        }
-        else {
-            this._table.objectIds.removeAll();
-        }
+        this._table.filterBySelectionEnabled = this._showOnlySelected;
     }
     /**
      * Clears the selected indexes
@@ -1974,6 +1960,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _clearSelection() {
         this.selectedIds = [];
+        this._outOFExtentOids = [];
         this._table?.highlightIds.removeAll();
         this._table?.rowHighlightIds.removeAll();
         this._finishOnChange();
@@ -2013,7 +2000,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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();
@@ -2071,8 +2057,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async _refresh() {
         const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
         if (editsDiscarded) {
-            await this._table.refresh();
-            this._allIds = await queryAllIds(this._layer);
+            await this._table?.refresh();
+            this._allIds = await this.queryAllIds();
             this.featureSelectionChange.emit(this.selectedIds);
         }
     }
@@ -2102,6 +2088,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(() => {
+                this._shouldUpdateTableOnExtentChange = true;
                 this._layer = layer;
                 this._getFullTextSearchInfo();
             });
@@ -2267,9 +2254,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "closeFilter": [64],
         "filterReset": [64],
         "filterUpdate": [64],
+        "validateTableUpdate": [64],
         "validateActiveEdits": [64],
         "refresh": [64]
-    }, [[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"]], {
+    }, [[10, "beforeMapInfoChange", "beforeMapInfoChange"], [8, "editorInitialized", "editorInitialized"], [8, "closeEdit", "closeEdit"], [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"],

package/dist/components/map-select-tools2.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 import { b as goToSelection, h as highlightFeatures, c as getFeatureLayerView } from './mapViewUtils.js';
-import { e as queryObjectIds, g as getQueryGeoms, f as queryFeaturesByGeometry } from './queryUtils.js';
+import { c as queryObjectIds, g as getQueryGeoms, d as queryFeaturesByGeometry } from './queryUtils.js';
 import { E as EWorkflowType } from './interfaces.js';
 import { s as state } from './publicNotificationStore.js';
 import { a as getComponentClosestLanguage, g as getLocaleComponentStrings } from './locale.js';

package/dist/components/mapViewUtils.js

@@ -121,7 +121,7 @@ async function getFeatureLayerView(mapView, id) {
  */
 async function getLayerOrTable(mapView, id) {
     let layers = [];
-    await mapView.when(() => {
+    await mapView?.when(() => {
         layers = [
             ...mapView.map.allLayers.toArray(),
             ...mapView.map.allTables.toArray()

package/dist/components/queryUtils.js

@@ -18,48 +18,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/**
- * Query the layer for all OIDs valid for any definition expressions applied to the layer.
- *
- * This query allows OIDs to be returned in the same order as shown in the FeatureTable.
- * FeatureLayer.queryObjectIds can return OIDs in a different order.
- *
- * @param start zero-based index indicating where to begin retrieving features
- * @param layer the layer to retrieve features from
- * @param graphics stores the features
- * @param orderBy One or more field names used to order the query results.
- *                Specify ASC (ascending) or DESC (descending) after the field name to control the order.
- *                The default order is ASC.
- *
- * @returns Promise with the OIDs sorted based on any orderBy definitions
- */
-async function queryAllOidsWithQueryFeatures(start, layer, graphics, orderBy) {
-    const num = layer.capabilities.query.maxRecordCount;
-    const query = layer.createQuery();
-    query.start = start;
-    query.num = num;
-    query.returnGeometry = false;
-    query.orderByFields = orderBy;
-    query.outFields = [layer.objectIdField];
-    query.where = layer.definitionExpression || "1=1";
-    const result = await layer.queryFeatures(query);
-    graphics = graphics.concat(result.features);
-    return result.exceededTransferLimit ?
-        queryAllOidsWithQueryFeatures(start += num, layer, graphics, orderBy) :
-        Promise.resolve(graphics.map(g => g.attributes[layer.objectIdField]));
-}
-/**
- * Query the layer for all IDs
- *
- * @param layer the layer to retrieve features from
- *
- * @returns Promise with the featureSet from the layer that match the provided ids
- */
-async function queryAllIds(layer) {
-    const query = layer.createQuery();
-    query.where = layer.definitionExpression || "1=1";
-    return await layer.queryObjectIds(query);
-}
 /**
  * Query the layer for OIDs based on any user drawn geometries or buffers
  *
@@ -214,4 +172,4 @@ async function _intersectQuery(geometry, layer) {
     return layer.queryObjectIds(q);
 }
 
-export { queryExtent as a, queryAllIds as b, queryAllOidsWithQueryFeatures as c, queryFeaturesByGlobalID as d, queryObjectIds as e, queryFeaturesByGeometry as f, getQueryGeoms as g, queryFeaturesByID as q };
+export { queryExtent as a, queryFeaturesByGlobalID as b, queryObjectIds as c, queryFeaturesByGeometry as d, getQueryGeoms as g, queryFeaturesByID as q };

package/dist/components/refine-selection2.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { e as ESelectionMode, b as EDrawMode, E as EWorkflowType } from './interfaces.js';
 import { c as getFeatureLayerView, i as getIdSets, j as highlightAllFeatures } from './mapViewUtils.js';
-import { f as queryFeaturesByGeometry } from './queryUtils.js';
+import { d as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$2 } from './map-draw-tools2.js';

package/dist/components/solution-item-accordion.js

@@ -119,19 +119,22 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
     //
     //--------------------------------------------------------------------------
     /**
-     * Deselect all items in the accordion.
+     * Deselects all items in the accordion and closes the accordion item containing it.
      * Only applies when selectionMode is "single" or "single-persist".
      */
     async deselectAll() {
         if (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") {
             const items = this.el.shadowRoot.querySelectorAll("calcite-list-item");
             items.forEach(item => {
-                item.selected = false;
+                if (item.selected) {
+                    item.selected = false;
+                    item.parentElement.parentElement.expanded = false;
+                }
             });
         }
     }
     /**
-     * Selects an item in the accordion.
+     * Selects an item in the accordion and expands the accordion item containing it.
      * Only applies when selectionMode is "single" or "single-persist".
      *
      * @param id the id of the item to select
@@ -142,6 +145,7 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
             items.forEach(item => {
                 if (item.id === id) {
                     item.selected = true;
+                    item.parentElement.parentElement.expanded = true;
                 }
             });
         }
@@ -170,7 +174,7 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c9282fff8ba638f6a997850ba38b473f34221db3' }, this._getAccordion()));
+        return (h(Host, { key: '23845e68bd1920f17f27b1679df20915230f99c3' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/{asyncToGenerator-48cd21fe.js → asyncToGenerator-96b2368d.js}

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-089957fe.js';
-import { _ as _typeof } from './typeof-2511410e.js';
+import { _ as _typeof } from './typeof-ef2a007d.js';
 
 var defineProperty = {exports: {}};