@esri/solutions-components 0.7.9 → 0.7.10

package/dist/collection/utils/queryUtils.ts

@@ -212,6 +212,27 @@ export async function queryFeaturesByGeometry(
     Promise.resolve(featuresCollection);
 }
 
+/**
+ * Query the layer for feature ids that match the provided where clause.
+ * If no where clause is provided all features will be returned.
+ *
+ * @param layer the layer to retrieve features from
+ * @param where the where clause for the query
+ * @param orderBy any sort order to apply to the query
+ *
+ * @returns Promise with the ids from the layer that match the where and are sorted as defined by orderBy
+ */
+export async function queryFeatureIds(
+  layer: any,
+  where: any,
+  orderBy: any
+): Promise<number[]> {
+  const query = layer.createQuery();
+  query.where = where ? where : "1=1";
+  query.orderByFields = orderBy;
+  return await layer.queryObjectIds(query);
+}
+
 /**
  * Query the layer for the extent of features with the provided OIDs
  *

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, g as getLayerOrTable } from './mapViewUtils.js';
-import { b as queryAllIds, c as queryFeaturesByGlobalID } from './queryUtils.js';
+import { b as queryFeatureIds, c as queryAllIds, d as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
 import { d as defineCustomElement$C } from './action.js';
 import { d as defineCustomElement$B } from './action-bar.js';
@@ -59,6 +59,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
          * number[]: A list of all IDs for the current layer
          */
         this._allIds = [];
+        /**
+         * boolean: When true the ctrl key is currently pressed
+         */
+        this._ctrlIsPressed = false;
         /**
          * boolean: When true the default global id provided via url param has been honored and should now be ignored
          */
@@ -67,6 +71,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
          * boolean: When true the default OID provided via url param has been honored and should now be ignored
          */
         this._defaultOidHonored = false;
+        /**
+         * boolean: When true the shift key is currently pressed
+         */
+        this._shiftIsPressed = false;
+        /**
+         * boolean: When true any onChange handeling will be skipped
+         */
+        this._skipOnChange = false;
         /**
          * bool: When true the table is being sorted
          */
@@ -271,6 +283,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async componentDidLoad() {
         this._resizeObserver.observe(this._toolbar);
         document.onclick = (e) => this._handleDocumentClick(e);
+        document.onkeydown = (e) => this._handleKeyDown(e);
+        document.onkeyup = (e) => this._handleKeyUp(e);
     }
     /**
      * Called after the component is rendered
@@ -750,18 +764,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._initColumnsInfo();
             this._checkEditEnabled();
             await this._table.when(() => {
-                this._table.highlightIds.on("change", () => {
-                    // https://github.com/Esri/solutions-components/issues/365
-                    this._selectedIndexes = this._table.highlightIds.toArray().reverse();
-                    if (this._showOnlySelected) {
-                        if (this._featuresSelected()) {
-                            this._table.filterBySelection();
-                        }
-                        else {
-                            this._toggleShowSelected();
-                        }
-                    }
-                    this.featureSelectionChange.emit(this._selectedIndexes);
+                this._table.highlightIds.on("change", (evt) => {
+                    void this._handleOnChange(evt);
                 });
                 this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
                     var _a, _b, _c, _d;
@@ -771,6 +775,93 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             });
         }
     }
+    async _handleOnChange(evt) {
+        const ids = [...this._table.highlightIds.toArray()];
+        if (!this._skipOnChange) {
+            if (!this._ctrlIsPressed && !this._shiftIsPressed) {
+                if (this._selectedIndexes.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._selectedIndexes.length > 1 && evt.removed.length === 1;
+                    const newIndexes = reAdd ? evt.removed : ids.filter(id => this._selectedIndexes.indexOf(id) < 0);
+                    this._clearSelection();
+                    this._selectedIndexes = [...newIndexes];
+                    if (newIndexes.length > 0) {
+                        this._table.highlightIds.add(newIndexes[0]);
+                    }
+                }
+                else {
+                    // https://github.com/Esri/solutions-components/issues/365
+                    this._selectedIndexes = ids.reverse();
+                }
+            }
+            else if (this._ctrlIsPressed) {
+                this._selectedIndexes = ids.reverse();
+            }
+            else if (this._shiftIsPressed) {
+                this._skipOnChange = true;
+                this._previousCurrentId = this._currentId;
+                this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
+                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;
+                    }, []);
+                    const oids = await queryFeatureIds(this._layer, this._layer.definitionExpression, orderBy);
+                    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._selectedIndexes = oids.reduce((prev, cur) => {
+                        const id = cur;
+                        const index = this._table.viewModel.getObjectIdIndex(id);
+                        if ((id === this._currentId || id === this._previousCurrentId)) {
+                            isBetween = !isBetween;
+                            if (prev.indexOf(id) < 0) {
+                                prev.push(id);
+                            }
+                        }
+                        // The oids are sorted so after we have reached the start or end oid add all ids even if the index is -1.
+                        // Index of -1 will occur for features between the start and and oid if
+                        // you select a row then scroll faster than the FeatureTable loads the data to select the next id
+                        if (isBetween && prev.indexOf(id) < 0) {
+                            prev.push(id);
+                        }
+                        // Also add index based check.
+                        // In some cases the FeatureTable and Layer query will have differences in how null/undefined field values are sorted
+                        if ((this._selectedIndexes.indexOf(id) > -1 || (index >= startIndex && index <= endIndex)) && prev.indexOf(id) < 0 && index > -1) {
+                            prev.push(id);
+                        }
+                        return prev;
+                    }, []);
+                    this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
+                }
+            }
+            this._finishOnChange();
+        }
+        else {
+            this._skipOnChange = false;
+        }
+        this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
+    }
+    /**
+     * Handle any updates after a selection change has occured and emit the results
+     *
+     * @returns void
+     */
+    _finishOnChange() {
+        if (this._showOnlySelected) {
+            if (this._featuresSelected()) {
+                this._table.filterBySelection();
+            }
+            else {
+                this._toggleShowSelected();
+            }
+        }
+        this.featureSelectionChange.emit(this._selectedIndexes);
+    }
     /**
      * Reset basic table props
      *
@@ -906,6 +997,24 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
     }
+    /**
+     * Keep track of key down for ctrl and shift
+     *
+     * @returns void
+     */
+    _handleKeyDown(e) {
+        this._ctrlIsPressed = e.ctrlKey;
+        this._shiftIsPressed = e.shiftKey;
+    }
+    /**
+     * Keep track of key up for ctrl and shift
+     *
+     * @returns void
+     */
+    _handleKeyUp(e) {
+        this._ctrlIsPressed = e.ctrlKey;
+        this._shiftIsPressed = e.shiftKey;
+    }
     /**
      * Show filter component in modal
      *
@@ -913,15 +1022,19 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
     }
     /**
      * Close the filter modal
      *
      * @returns void
      */
-    _closeFilter() {
-        this._filterOpen = false;
+    async _closeFilter() {
+        if (this._filterOpen) {
+            // reset allIds
+            this._allIds = await queryAllIds(this._layer);
+            this._filterOpen = false;
+        }
     }
     /**
      * Show delete confirmation message
@@ -994,8 +1107,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _selectAll() {
         const ids = this._allIds;
         this._table.highlightIds.removeAll();
+        this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
         this._selectedIndexes = ids;
+        this._finishOnChange();
     }
     /**
      * Toggle the show only selected flag
@@ -1055,8 +1170,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
             return prev;
         }, []).sort((a, b) => a - b);
+        this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
         this._selectedIndexes = ids;
+        this._finishOnChange();
     }
     /**
      * Export all selected rows as CSV

package/dist/components/map-picker2.js

@@ -141,7 +141,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * @protected
      */
     _getMapNameList(show) {
-        const listClass = show ? "map-list" : "display-none";
+        const listClass = show ? "map-list border-bottom-1" : "display-none";
         return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
             return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
         }))));

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, e as getFeatureLayerView } from './mapViewUtils.js';
-import { d as queryObjectIds, g as getQueryGeoms, e as queryFeaturesByGeometry } from './queryUtils.js';
+import { e as queryObjectIds, g as getQueryGeoms, f 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/queryUtils.js

@@ -122,6 +122,22 @@ async function queryFeaturesByGeometry(start, layer, geometry, featuresCollectio
         queryFeaturesByGeometry(start += num, layer, geometry, featuresCollection) :
         Promise.resolve(featuresCollection);
 }
+/**
+ * Query the layer for feature ids that match the provided where clause.
+ * If no where clause is provided all features will be returned.
+ *
+ * @param layer the layer to retrieve features from
+ * @param where the where clause for the query
+ * @param orderBy any sort order to apply to the query
+ *
+ * @returns Promise with the ids from the layer that match the where and are sorted as defined by orderBy
+ */
+async function queryFeatureIds(layer, where, orderBy) {
+    const query = layer.createQuery();
+    query.where = where ? where : "1=1";
+    query.orderByFields = orderBy;
+    return await layer.queryObjectIds(query);
+}
 /**
  * Query the layer for the extent of features with the provided OIDs
  *
@@ -179,4 +195,4 @@ async function _intersectQuery(geometry, layer) {
     return layer.queryObjectIds(q);
 }
 
-export { queryExtent as a, queryAllIds as b, queryFeaturesByGlobalID as c, queryObjectIds as d, queryFeaturesByGeometry as e, getQueryGeoms as g, queryFeaturesByID as q };
+export { queryExtent as a, queryFeatureIds as b, queryAllIds as c, queryFeaturesByGlobalID as d, queryObjectIds as e, queryFeaturesByGeometry as f, 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 { e as getFeatureLayerView, f as getIdSets, i as highlightAllFeatures } from './mapViewUtils.js';
-import { e as queryFeaturesByGeometry } from './queryUtils.js';
+import { f as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$s } from './action.js';

package/dist/esm/basemap-gallery_7.entry.js

@@ -521,7 +521,7 @@ const MapPicker = class {
      * @protected
      */
     _getMapNameList(show) {
-        const listClass = show ? "map-list" : "display-none";
+        const listClass = show ? "map-list border-bottom-1" : "display-none";
         return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
             return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
         }))));

package/dist/esm/calcite-alert_3.entry.js

@@ -13,7 +13,7 @@ import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as
 import { K as KindIcons } from './resources-6e00e0d1.js';
 import { l as loadModules } from './loadModules-cea493da.js';
 import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { l as getAllLayers } from './mapViewUtils-3ff1c264.js';
+import { m as getAllLayers } from './mapViewUtils-066602d5.js';
 import './guid-36c6c6a5.js';
 import './resources-cdc36705.js';
 import './key-af303047.js';

package/dist/esm/calcite-combobox_6.entry.js

@@ -22,7 +22,7 @@ import { d as debounce } from './debounce-229b1a22.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1149b5cb.js';
 import { i as isActivationKey } from './key-af303047.js';
 import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { m as getMapLayerHash, n as getMapTableHash } from './mapViewUtils-3ff1c264.js';
+import { n as getMapLayerHash, o as getMapTableHash } from './mapViewUtils-066602d5.js';
 import { s as state } from './publicNotificationStore-9362d7ae.js';
 import './resources-cdc36705.js';
 import './browser-b4c16201.js';

package/dist/esm/card-manager_3.entry.js

@@ -5,9 +5,9 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-7183ce4a.js';
 import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { q as queryFeaturesByID, a as getLayerOrTable, g as goToSelection, b as queryAllIds, c as queryFeaturesByGlobalID } from './mapViewUtils-3ff1c264.js';
+import { q as queryFeaturesByID, a as getLayerOrTable, g as goToSelection, b as queryFeatureIds, c as queryAllIds, d as queryFeaturesByGlobalID } from './mapViewUtils-066602d5.js';
 import { l as loadModules } from './loadModules-cea493da.js';
-import { d as downloadCSV } from './downloadUtils-83dd2143.js';
+import { d as downloadCSV } from './downloadUtils-9dee8bc0.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-341e3ab3.js';
@@ -112,6 +112,10 @@ const LayerTable = class {
          * number[]: A list of all IDs for the current layer
          */
         this._allIds = [];
+        /**
+         * boolean: When true the ctrl key is currently pressed
+         */
+        this._ctrlIsPressed = false;
         /**
          * boolean: When true the default global id provided via url param has been honored and should now be ignored
          */
@@ -120,6 +124,14 @@ const LayerTable = class {
          * boolean: When true the default OID provided via url param has been honored and should now be ignored
          */
         this._defaultOidHonored = false;
+        /**
+         * boolean: When true the shift key is currently pressed
+         */
+        this._shiftIsPressed = false;
+        /**
+         * boolean: When true any onChange handeling will be skipped
+         */
+        this._skipOnChange = false;
         /**
          * bool: When true the table is being sorted
          */
@@ -324,6 +336,8 @@ const LayerTable = class {
     async componentDidLoad() {
         this._resizeObserver.observe(this._toolbar);
         document.onclick = (e) => this._handleDocumentClick(e);
+        document.onkeydown = (e) => this._handleKeyDown(e);
+        document.onkeyup = (e) => this._handleKeyUp(e);
     }
     /**
      * Called after the component is rendered
@@ -803,18 +817,8 @@ const LayerTable = class {
             this._initColumnsInfo();
             this._checkEditEnabled();
             await this._table.when(() => {
-                this._table.highlightIds.on("change", () => {
-                    // https://github.com/Esri/solutions-components/issues/365
-                    this._selectedIndexes = this._table.highlightIds.toArray().reverse();
-                    if (this._showOnlySelected) {
-                        if (this._featuresSelected()) {
-                            this._table.filterBySelection();
-                        }
-                        else {
-                            this._toggleShowSelected();
-                        }
-                    }
-                    this.featureSelectionChange.emit(this._selectedIndexes);
+                this._table.highlightIds.on("change", (evt) => {
+                    void this._handleOnChange(evt);
                 });
                 this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
                     var _a, _b, _c, _d;
@@ -824,6 +828,93 @@ const LayerTable = class {
             });
         }
     }
+    async _handleOnChange(evt) {
+        const ids = [...this._table.highlightIds.toArray()];
+        if (!this._skipOnChange) {
+            if (!this._ctrlIsPressed && !this._shiftIsPressed) {
+                if (this._selectedIndexes.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._selectedIndexes.length > 1 && evt.removed.length === 1;
+                    const newIndexes = reAdd ? evt.removed : ids.filter(id => this._selectedIndexes.indexOf(id) < 0);
+                    this._clearSelection();
+                    this._selectedIndexes = [...newIndexes];
+                    if (newIndexes.length > 0) {
+                        this._table.highlightIds.add(newIndexes[0]);
+                    }
+                }
+                else {
+                    // https://github.com/Esri/solutions-components/issues/365
+                    this._selectedIndexes = ids.reverse();
+                }
+            }
+            else if (this._ctrlIsPressed) {
+                this._selectedIndexes = ids.reverse();
+            }
+            else if (this._shiftIsPressed) {
+                this._skipOnChange = true;
+                this._previousCurrentId = this._currentId;
+                this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
+                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;
+                    }, []);
+                    const oids = await queryFeatureIds(this._layer, this._layer.definitionExpression, orderBy);
+                    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._selectedIndexes = oids.reduce((prev, cur) => {
+                        const id = cur;
+                        const index = this._table.viewModel.getObjectIdIndex(id);
+                        if ((id === this._currentId || id === this._previousCurrentId)) {
+                            isBetween = !isBetween;
+                            if (prev.indexOf(id) < 0) {
+                                prev.push(id);
+                            }
+                        }
+                        // The oids are sorted so after we have reached the start or end oid add all ids even if the index is -1.
+                        // Index of -1 will occur for features between the start and and oid if
+                        // you select a row then scroll faster than the FeatureTable loads the data to select the next id
+                        if (isBetween && prev.indexOf(id) < 0) {
+                            prev.push(id);
+                        }
+                        // Also add index based check.
+                        // In some cases the FeatureTable and Layer query will have differences in how null/undefined field values are sorted
+                        if ((this._selectedIndexes.indexOf(id) > -1 || (index >= startIndex && index <= endIndex)) && prev.indexOf(id) < 0 && index > -1) {
+                            prev.push(id);
+                        }
+                        return prev;
+                    }, []);
+                    this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
+                }
+            }
+            this._finishOnChange();
+        }
+        else {
+            this._skipOnChange = false;
+        }
+        this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
+    }
+    /**
+     * Handle any updates after a selection change has occured and emit the results
+     *
+     * @returns void
+     */
+    _finishOnChange() {
+        if (this._showOnlySelected) {
+            if (this._featuresSelected()) {
+                this._table.filterBySelection();
+            }
+            else {
+                this._toggleShowSelected();
+            }
+        }
+        this.featureSelectionChange.emit(this._selectedIndexes);
+    }
     /**
      * Reset basic table props
      *
@@ -959,6 +1050,24 @@ const LayerTable = class {
             }
         }
     }
+    /**
+     * Keep track of key down for ctrl and shift
+     *
+     * @returns void
+     */
+    _handleKeyDown(e) {
+        this._ctrlIsPressed = e.ctrlKey;
+        this._shiftIsPressed = e.shiftKey;
+    }
+    /**
+     * Keep track of key up for ctrl and shift
+     *
+     * @returns void
+     */
+    _handleKeyUp(e) {
+        this._ctrlIsPressed = e.ctrlKey;
+        this._shiftIsPressed = e.shiftKey;
+    }
     /**
      * Show filter component in modal
      *
@@ -966,15 +1075,19 @@ const LayerTable = class {
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
     }
     /**
      * Close the filter modal
      *
      * @returns void
      */
-    _closeFilter() {
-        this._filterOpen = false;
+    async _closeFilter() {
+        if (this._filterOpen) {
+            // reset allIds
+            this._allIds = await queryAllIds(this._layer);
+            this._filterOpen = false;
+        }
     }
     /**
      * Show delete confirmation message
@@ -1047,8 +1160,10 @@ const LayerTable = class {
     _selectAll() {
         const ids = this._allIds;
         this._table.highlightIds.removeAll();
+        this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
         this._selectedIndexes = ids;
+        this._finishOnChange();
     }
     /**
      * Toggle the show only selected flag
@@ -1108,8 +1223,10 @@ const LayerTable = class {
             }
             return prev;
         }, []).sort((a, b) => a - b);
+        this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
         this._selectedIndexes = ids;
+        this._finishOnChange();
     }
     /**
      * Export all selected rows as CSV

package/dist/esm/{downloadUtils-83dd2143.js → downloadUtils-9dee8bc0.js}

@@ -6,7 +6,7 @@
 import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-d5f9d613.js';
 import { a as getAssetPath } from './index-7183ce4a.js';
 import { l as loadModules } from './loadModules-cea493da.js';
-import { q as queryFeaturesByID } from './mapViewUtils-3ff1c264.js';
+import { q as queryFeaturesByID } from './mapViewUtils-066602d5.js';
 import './solution-resource-7b8d302d.js';
 import './index-a1e91462.js';
 import { _ as __assign$1, r as request, c as cleanUrl, g as getJson } from './restHelpersGet-af032ab2.js';
@@ -1508,7 +1508,7 @@ function(t){var e=function(t){for(var e=t.length,r=new Uint8Array(e),n=0;n<e;n++
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  * ====================================================================
  */
-function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):import('./index.es-0c98e2f3.js')).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
+function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):import('./index.es-54e86c8e.js')).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
 /** ====================================================================
  * @license
  * jsPDF XMP metadata plugin

package/dist/esm/{index.es-0c98e2f3.js → index.es-54e86c8e.js}

@@ -4,11 +4,11 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { a as commonjsGlobal, c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-d5f9d613.js';
-import { _ as _typeof_1 } from './downloadUtils-83dd2143.js';
+import { _ as _typeof_1 } from './downloadUtils-9dee8bc0.js';
 import './index-7183ce4a.js';
 import './loadModules-cea493da.js';
 import './esri-loader-eda07632.js';
-import './mapViewUtils-3ff1c264.js';
+import './mapViewUtils-066602d5.js';
 import './interfaces-341e3ab3.js';
 import './solution-resource-7b8d302d.js';
 import './index-a1e91462.js';

package/dist/esm/map-select-tools_3.entry.js

@@ -5,11 +5,11 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7183ce4a.js';
 import { l as loadModules } from './loadModules-cea493da.js';
-import { g as goToSelection, h as highlightFeatures, d as queryObjectIds, e as getQueryGeoms, f as getFeatureLayerView, i as queryFeaturesByGeometry, j as getIdSets, k as highlightAllFeatures } from './mapViewUtils-3ff1c264.js';
+import { g as goToSelection, h as highlightFeatures, e as queryObjectIds, f as getQueryGeoms, i as getFeatureLayerView, j as queryFeaturesByGeometry, k as getIdSets, l as highlightAllFeatures } from './mapViewUtils-066602d5.js';
 import { c as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-341e3ab3.js';
 import { s as state } from './publicNotificationStore-9362d7ae.js';
 import { a as getComponentClosestLanguage, g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-83dd2143.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-9dee8bc0.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './index-857df22e.js';