@esri/solutions-components 0.7.23 → 0.7.24

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

@@ -0,0 +1,288 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { h, Fragment } from "@stencil/core";
+import { getAllLayers, getMapLayerHash } from "../../utils/mapViewUtils";
+import { getLocaleComponentStrings } from "../../utils/locale";
+import { formatNumber } from "../../utils/languageUtil";
+export class LayerList {
+    constructor() {
+        this.mapView = undefined;
+        this.layers = undefined;
+        this.noLayerErrorMsg = undefined;
+        this._noLayersToDisplay = false;
+        this._mapLayerIds = [];
+        this._isLoading = false;
+        this._translations = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     * @returns Promise when complete
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+        this._isLoading = true;
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        await this.setLayers();
+        this._isLoading = false;
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Fragment, null, this._isLoading && h("calcite-loader", { scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay && h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-list", null, this.renderLayerList())));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Fetch the ids of the layers from the map
+     * @returns Promise when the operation has completed
+     * @protected
+     */
+    async setLayers() {
+        if (this.mapView) {
+            await this.initLayerHash();
+        }
+    }
+    /**
+     * Create a layer hash for layer name display
+     * @returns Promise when the operation has completed
+     * @protected
+     */
+    async initLayerHash() {
+        const def = [];
+        this._layerItemsHash = await getMapLayerHash(this.mapView, true);
+        const allMapLayers = await getAllLayers(this.mapView);
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        allMapLayers.forEach(async (eachLayer) => {
+            var _a, _b;
+            //TODO: checking editable condition could be configurable
+            if ((eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature" && (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.editingEnabled) && ((_b = (_a = eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.capabilities) === null || _a === void 0 ? void 0 : _a.operations) === null || _b === void 0 ? void 0 : _b.supportsUpdate)) {
+                const q = eachLayer.createQuery();
+                const result = eachLayer.queryFeatureCount(q);
+                def.push(result);
+                void result.then(async (resCount) => {
+                    const formattedCount = !isNaN(resCount) ? await formatNumber(resCount, {
+                        places: 0,
+                        api: 4,
+                        type: "decimal"
+                    }) : "";
+                    this._layerItemsHash[eachLayer.id].formattedFeatureCount = formattedCount;
+                });
+            }
+        });
+        await Promise.all(def).then(() => {
+            const editableLayerIds = this.getEditableIds(this._layerItemsHash);
+            this._mapLayerIds = editableLayerIds.reverse();
+            this.handleNoLayersToDisplay();
+        }, () => {
+            this._mapLayerIds = [];
+            this.handleNoLayersToDisplay();
+        });
+    }
+    /**
+     * Set no layers to display state and emit event
+     */
+    handleNoLayersToDisplay() {
+        this._noLayersToDisplay = !(this._mapLayerIds.length > 0);
+        this.layersListLoaded.emit(this._mapLayerIds);
+    }
+    /**
+     * Returns the ids of all OR configured layers that support edits with the update capability
+     * @param hash each layer item details
+     * @returns array of layer ids
+     */
+    getEditableIds(hash) {
+        var _a;
+        const configuredLayers = ((_a = this.layers) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.layers : [];
+        return Object.keys(hash).reduce((prev, cur) => {
+            let showLayer = hash[cur].supportsUpdate;
+            if ((configuredLayers === null || configuredLayers === void 0 ? void 0 : configuredLayers.length) > 0) {
+                showLayer = configuredLayers.indexOf(cur) > -1 ? hash[cur].supportsUpdate : false;
+            }
+            if (showLayer) {
+                prev.push(cur);
+            }
+            return prev;
+        }, []);
+    }
+    /**
+     * Render feature layer list
+     * @returns layer list
+     * @protected
+     */
+    renderLayerList() {
+        return this._mapLayerIds.length > 0 && this._mapLayerIds.reduce((prev, layerId) => {
+            if (this._layerItemsHash[layerId]) {
+                prev.push(this.getLayerListItem(layerId));
+            }
+            return prev;
+        }, []);
+    }
+    /**
+     * Get each item
+     * @param layerId Layer id
+     * @returns individual item
+     * @protected
+     */
+    getLayerListItem(layerId) {
+        const layerName = this._layerItemsHash[layerId].name;
+        const featureCount = this._layerItemsHash[layerId].formattedFeatureCount;
+        return (h("calcite-list-item", { onCalciteListItemSelect: () => { this.showFeaturesList(layerId); } }, h("div", { class: "layer-name", slot: "content-start" }, layerName), featureCount !== "" && h("div", { slot: "content-end" }, "(" + featureCount + ")"), h("calcite-icon", { icon: "chevron-right", scale: "s", slot: "content-end" })));
+    }
+    /**On click of layer list item show feature list
+     * @param layerId Layer id
+     * @protected
+     */
+    showFeaturesList(layerId) {
+        this.layerSelect.emit({ layerId, layerName: this._layerItemsHash[layerId].name });
+    }
+    /**
+     * Fetches the component's translations
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get is() { return "layer-list"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["layer-list.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["layer-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mapView": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "__esri.MapView",
+                    "resolved": "MapView",
+                    "references": {
+                        "___esri": {
+                            "location": "global",
+                            "id": "global::___esri"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
+                }
+            },
+            "layers": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string[]: If passed will show only these layers in the list if they are present in map and are editable"
+                }
+            },
+            "noLayerErrorMsg": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "string: Error message to be displayed when no layers found"
+                },
+                "attribute": "no-layer-error-msg",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_noLayersToDisplay": {},
+            "_mapLayerIds": {},
+            "_isLoading": {},
+            "_translations": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "layerSelect",
+                "name": "layerSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when feature layer clicked with details layerId and layerName"
+                },
+                "complexType": {
+                    "original": "{ layerId: string, layerName: string }",
+                    "resolved": "{ layerId: string; layerName: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "layersListLoaded",
+                "name": "layersListLoaded",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when list of layers to be listed are created.\r\nWhen empty array received in this event means no valid layers are found to be listed"
+                },
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -85,19 +85,17 @@ export class LayerTable {
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
+        this.selectedIds = [];
         this.shareIncludeEmbed = undefined;
         this.shareIncludeSocial = undefined;
         this.showNewestFirst = undefined;
         this.zoomAndScrollToSelected = undefined;
-        this._confirmDelete = false;
         this._controlsThatFit = undefined;
         this._fetchingData = false;
         this._filterActive = false;
         this._filterOpen = false;
-        this._isDeleting = false;
         this._layer = undefined;
         this._selectAllActive = false;
-        this._selectedIndexes = [];
         this._showHideOpen = false;
         this._showOnlySelected = false;
         this._sortActive = false;
@@ -190,10 +188,10 @@ export class LayerTable {
     /**
      * watch for selection changes
      */
-    async _selectedIndexesWatchHandler() {
+    async _selectedIdsWatchHandler() {
         this._updateShareUrl();
         this._validateEnabledActions();
-        if (this._selectAllActive && this._selectedIndexes.length !== this._allIds.length) {
+        if (this._selectAllActive && this.selectedIds.length !== this._allIds.length) {
             this._selectAllActive = false;
         }
     }
@@ -205,19 +203,6 @@ export class LayerTable {
             await this._sortTable();
         }
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Delete currently selected features
-     *
-     * @returns Promise resolving when the process is complete
-     */
-    async deleteFeatures() {
-        return this._delete();
-    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -246,7 +231,11 @@ export class LayerTable {
     /**
      * Refresh the table when edits are completed
      */
-    async editsComplete() {
+    async editsComplete(evt) {
+        const editType = evt.detail;
+        if (editType === "delete" || editType === "add") {
+            this._allIds = await queryAllIds(this._layer);
+        }
         await this._refresh();
     }
     /**
@@ -289,12 +278,12 @@ export class LayerTable {
         const tableNodeClass = this._fetchingData ? "display-none" : "";
         const loadingClass = this._fetchingData ? "" : "display-none";
         const total = this._allIds.length.toString();
-        const selected = this._selectedIndexes.length.toString();
+        const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
         return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: `width-full ${tableHeightClass}` }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { 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._deleteMessage(), this._filterModal()));
+            .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
     /**
      * Called once after the component is loaded
@@ -472,11 +461,11 @@ export class LayerTable {
                     isOverflow: false
                 } : undefined,
                 this._deleteEnabled ? {
-                    active: false,
+                    active: undefined,
                     icon: "trash",
-                    indicator: false,
-                    label: this._translations.delete,
-                    func: () => this._delete(),
+                    indicator: undefined,
+                    label: undefined,
+                    func: undefined,
                     disabled: !featuresSelected,
                     isDanger: true,
                     isOverflow: false
@@ -558,7 +547,7 @@ export class LayerTable {
      * @returns boolean
      */
     _featuresSelected() {
-        return this._selectedIndexes.length > 0;
+        return this.selectedIds.length > 0;
     }
     /**
      * Return true when we have no features
@@ -770,8 +759,8 @@ export class LayerTable {
         else {
             urlObj.searchParams.delete("layer");
         }
-        if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
-            urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
+        if (((_d = this.selectedIds) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+            urlObj.searchParams.set("oid", this.selectedIds.join(","));
         }
         else {
             urlObj.searchParams.delete("oid");
@@ -793,7 +782,6 @@ export class LayerTable {
             urlObj.searchParams.delete("filter");
         }
         this._shareNode.shareUrl = urlObj.href;
-        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -830,7 +818,15 @@ export class LayerTable {
      */
     _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", 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) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, ids: this._getIds(), layer: this._layer })) : (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
+     *
+     * @param number[] the selected ids
+     */
+    _getIds() {
+        return this._table.highlightIds.toArray();
     }
     /**
      * Initialize the FeatureTable
@@ -876,15 +872,15 @@ export class LayerTable {
         const ids = [...this._table.highlightIds.toArray()];
         if (!this._skipOnChange) {
             if (!this._ctrlIsPressed && !this._shiftIsPressed) {
-                if (this._selectedIndexes.length > 0) {
+                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._selectedIndexes.length > 1 && evt.removed.length === 1;
-                    const newIndexes = reAdd ? evt.removed : ids.filter(id => this._selectedIndexes.indexOf(id) < 0);
+                    const reAdd = this.selectedIds.length > 1 && evt.removed.length === 1;
+                    const newIds = reAdd ? evt.removed : ids.filter(id => this.selectedIds.indexOf(id) < 0);
                     this._clearSelection();
-                    this._selectedIndexes = [...newIndexes];
-                    if (newIndexes.length > 0) {
-                        this._table.highlightIds.add(newIndexes[0]);
+                    this.selectedIds = [...newIds];
+                    if (newIds.length > 0) {
+                        this._table.highlightIds.add(newIds[0]);
                     }
                     else {
                         this._skipOnChange = false;
@@ -892,11 +888,11 @@ export class LayerTable {
                 }
                 else {
                     // https://github.com/Esri/solutions-components/issues/365
-                    this._selectedIndexes = ids.reverse();
+                    this.selectedIds = ids.reverse();
                 }
             }
             else if (this._ctrlIsPressed) {
-                this._selectedIndexes = ids.reverse();
+                this.selectedIds = ids.reverse();
             }
             else if (this._shiftIsPressed) {
                 this._skipOnChange = true;
@@ -915,7 +911,7 @@ export class LayerTable {
                     const startIndex = _start < _end ? _start : _end;
                     const endIndex = _end > _start ? _end : _start;
                     this._skipOnChange = startIndex + 1 !== endIndex;
-                    const selectedIndexes = oids.reduce((prev, cur) => {
+                    const selectedIds = oids.reduce((prev, cur) => {
                         const id = cur;
                         const index = this._table.viewModel.getObjectIdIndex(id);
                         if ((id === this._currentId || id === this._previousCurrentId)) {
@@ -932,13 +928,13 @@ export class LayerTable {
                         }
                         // 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) {
+                        if ((this.selectedIds.indexOf(id) > -1 || (index >= startIndex && index <= endIndex)) && prev.indexOf(id) < 0 && index > -1) {
                             prev.push(id);
                         }
                         return prev;
                     }, []);
-                    this._selectedIndexes = _start < _end ? selectedIndexes.reverse() : selectedIndexes;
-                    this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
+                    this.selectedIds = _start < _end ? selectedIds.reverse() : selectedIds;
+                    this._table.highlightIds.addMany(this.selectedIds.filter(i => ids.indexOf(i) < 0));
                 }
             }
             this._finishOnChange();
@@ -960,7 +956,7 @@ export class LayerTable {
                 this._toggleShowSelected();
             }
         }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Reset basic table props
@@ -969,7 +965,7 @@ export class LayerTable {
         var _a;
         this._clearSelection();
         this._allIds = [];
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
         const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await queryAllIds(this._layer);
         if (!this._table) {
@@ -1139,30 +1135,6 @@ export class LayerTable {
             this._filterOpen = false;
         }
     }
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    _deleteMessage() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
-    }
-    /**
-     * Delete the currently selected features
-     */
-    async _deleteFeatures() {
-        this._isDeleting = true;
-        const deleteFeatures = this._table.highlightIds.toArray().map((objectId) => {
-            return { objectId };
-        });
-        await this._layer.applyEdits({
-            deleteFeatures
-        });
-        await this._table.refresh();
-        this._allIds = await queryAllIds(this._layer);
-        this._isDeleting = false;
-        this._deleteClosed();
-    }
     /**
      * Handle map click events to keep table and map click selection in sync
      *
@@ -1190,12 +1162,6 @@ export class LayerTable {
             }
         }
     }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
     /**
      * Select or deselect all rows
      */
@@ -1204,7 +1170,7 @@ export class LayerTable {
         this._table.highlightIds.removeAll();
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
         this._selectAllActive = true;
     }
@@ -1226,7 +1192,7 @@ export class LayerTable {
      */
     _clearSelection() {
         var _a;
-        this._selectedIndexes = [];
+        this.selectedIds = [];
         (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
         this._finishOnChange();
     }
@@ -1249,7 +1215,7 @@ export class LayerTable {
      * Select all rows that are not currently selectd
      */
     _switchSelected() {
-        const currentIndexes = [...this._selectedIndexes];
+        const currentIndexes = [...this.selectedIds];
         this._table.highlightIds.removeAll();
         const ids = this._allIds.reduce((prev, _cur) => {
             if (currentIndexes.indexOf(_cur) < 0) {
@@ -1259,7 +1225,7 @@ export class LayerTable {
         }, []).sort((a, b) => a - b);
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
     }
     /**
@@ -1292,7 +1258,7 @@ export class LayerTable {
      */
     async _refresh() {
         await this._table.refresh();
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Zoom to all selected features
@@ -1302,14 +1268,6 @@ export class LayerTable {
     _zoom() {
         this._table.zoomToSelection();
     }
-    /**
-     * Delete all selected records or shows an alert if the layer does not have editing enabled
-     *
-     * @returns a promise that will resolve when the operation is complete
-     */
-    _delete() {
-        this._confirmDelete = true;
-    }
     /**
      * Handles layer selection change to show new table
      *
@@ -1648,6 +1606,22 @@ export class LayerTable {
                 "attribute": "only-show-updatable-layers",
                 "reflect": false
             },
+            "selectedIds": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "number[]: A list of ids that are currently selected"
+                },
+                "defaultValue": "[]"
+            },
             "shareIncludeEmbed": {
                 "type": "boolean",
                 "mutable": false,
@@ -1720,15 +1694,12 @@ export class LayerTable {
     }
     static get states() {
         return {
-            "_confirmDelete": {},
             "_controlsThatFit": {},
             "_fetchingData": {},
             "_filterActive": {},
             "_filterOpen": {},
-            "_isDeleting": {},
             "_layer": {},
             "_selectAllActive": {},
-            "_selectedIndexes": {},
             "_showHideOpen": {},
             "_showOnlySelected": {},
             "_sortActive": {},
@@ -1753,30 +1724,6 @@ export class LayerTable {
                 }
             }];
     }
-    static get methods() {
-        return {
-            "deleteFeatures": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Delete currently selected features",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "Promise resolving when the process is complete"
-                        }]
-                }
-            }
-        };
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
@@ -1801,8 +1748,8 @@ export class LayerTable {
                 "propName": "_layer",
                 "methodName": "_layerWatchHandler"
             }, {
-                "propName": "_selectedIndexes",
-                "methodName": "_selectedIndexesWatchHandler"
+                "propName": "_selectedIds",
+                "methodName": "_selectedIdsWatchHandler"
             }, {
                 "propName": "_sortActive",
                 "methodName": "_sortActiveWatchHandler"