@esri/solutions-components 0.7.23 → 0.7.24

package/dist/esm/{card-manager_3.entry.js → card-manager_2.entry.js}

@@ -4,13 +4,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 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 queryFeatureIds, c as queryAllIds, d as queryFeaturesByGlobalID } from './mapViewUtils-8fe70944.js';
+import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { q as queryFeaturesByID, g as getLayerOrTable, a as goToSelection, e as queryAllIds, f as queryFeatureIds, i as queryFeaturesByGlobalID } from './mapViewUtils-6daedef8.js';
 import { l as loadModules } from './loadModules-cea493da.js';
-import { d as downloadCSV } from './downloadUtils-13579d93.js';
+import { d as downloadCSV } from './downloadUtils-067dc2ff.js';
+import './interfaces-586e863c.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
-import './interfaces-341e3ab3.js';
 import './solution-resource-7b8d302d.js';
 import './index-a1e91462.js';
 import './restHelpersGet-af032ab2.js';
@@ -167,19 +167,17 @@ const LayerTable = class {
         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;
@@ -272,10 +270,10 @@ const LayerTable = class {
     /**
      * 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;
         }
     }
@@ -287,19 +285,6 @@ const LayerTable = class {
             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.
      *
@@ -328,7 +313,11 @@ const LayerTable = class {
     /**
      * 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();
     }
     /**
@@ -371,12 +360,12 @@ const LayerTable = class {
         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
@@ -554,11 +543,11 @@ const LayerTable = class {
                     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
@@ -640,7 +629,7 @@ const LayerTable = class {
      * @returns boolean
      */
     _featuresSelected() {
-        return this._selectedIndexes.length > 0;
+        return this.selectedIds.length > 0;
     }
     /**
      * Return true when we have no features
@@ -852,8 +841,8 @@ const LayerTable = class {
         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");
@@ -875,7 +864,6 @@ const LayerTable = class {
             urlObj.searchParams.delete("filter");
         }
         this._shareNode.shareUrl = urlObj.href;
-        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -912,7 +900,15 @@ const LayerTable = class {
      */
     _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
@@ -958,15 +954,15 @@ const LayerTable = class {
         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;
@@ -974,11 +970,11 @@ const LayerTable = class {
                 }
                 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;
@@ -997,7 +993,7 @@ const LayerTable = class {
                     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)) {
@@ -1014,13 +1010,13 @@ const LayerTable = class {
                         }
                         // 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();
@@ -1042,7 +1038,7 @@ const LayerTable = class {
                 this._toggleShowSelected();
             }
         }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Reset basic table props
@@ -1051,7 +1047,7 @@ const LayerTable = class {
         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) {
@@ -1221,30 +1217,6 @@ const LayerTable = class {
             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
      *
@@ -1272,12 +1244,6 @@ const LayerTable = class {
             }
         }
     }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
     /**
      * Select or deselect all rows
      */
@@ -1286,7 +1252,7 @@ const LayerTable = class {
         this._table.highlightIds.removeAll();
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
         this._selectAllActive = true;
     }
@@ -1308,7 +1274,7 @@ const LayerTable = class {
      */
     _clearSelection() {
         var _a;
-        this._selectedIndexes = [];
+        this.selectedIds = [];
         (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
         this._finishOnChange();
     }
@@ -1331,7 +1297,7 @@ const LayerTable = class {
      * 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) {
@@ -1341,7 +1307,7 @@ const LayerTable = class {
         }, []).sort((a, b) => a - b);
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
     }
     /**
@@ -1374,7 +1340,7 @@ const LayerTable = class {
      */
     async _refresh() {
         await this._table.refresh();
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Zoom to all selected features
@@ -1384,14 +1350,6 @@ const LayerTable = class {
     _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
      *
@@ -1497,187 +1455,10 @@ const LayerTable = class {
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "_selectedIndexes": ["_selectedIndexesWatchHandler"],
+        "_selectedIds": ["_selectedIdsWatchHandler"],
         "_sortActive": ["_sortActiveWatchHandler"]
     }; }
 };
 LayerTable.style = layerTableCss;
 
-const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 51px)}.height-full{height:100%}.box-shadow{box-shadow:none !important}.visibility-hidden{visibility:hidden}.display-none{display:none}";
-
-const MapCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mapChanged = createEvent(this, "mapChanged", 7);
-        this.beforeMapChanged = createEvent(this, "beforeMapChanged", 7);
-        /**
-         * boolean: When true the default map provided via url params has been loaded and should no longer override other maps
-         */
-        this._defaultWebmapHonored = false;
-        /**
-         * string: the id of map currently displayed
-         */
-        this._loadedId = "";
-        this.defaultWebmapId = "";
-        this.enableHome = undefined;
-        this.enableLegend = undefined;
-        this.enableFloorFilter = undefined;
-        this.enableFullscreen = undefined;
-        this.enableSingleExpand = true;
-        this.enableSearch = undefined;
-        this.enableBasemap = undefined;
-        this.basemapConfig = undefined;
-        this.hidden = undefined;
-        this.homeZoomIndex = 3;
-        this.homeZoomPosition = "top-left";
-        this.homeZoomToolsSize = "m";
-        this.mapInfos = [];
-        this.mapWidgetsIndex = 0;
-        this.mapWidgetsPosition = "top-right";
-        this.mapWidgetsSize = "m";
-        this.mapView = undefined;
-        this.stackTools = true;
-        this.theme = undefined;
-        this.toolOrder = undefined;
-        this._searchConfiguration = undefined;
-        this._webMapInfo = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Add/remove home widget
-     */
-    enableHomeWatchHandler() {
-        this._initHome();
-    }
-    /**
-     * Listen for changes to map info and load the appropriate map
-     */
-    async mapInfoChange(evt) {
-        await this._loadMap(evt.detail);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        await this._initModules();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        var _a, _b;
-        const mapClass = this.hidden ? "visibility-hidden" : "";
-        const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
-        const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
-        return (h(Host, null, h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [WebMap, MapView, Home] = await loadModules([
-            "esri/WebMap",
-            "esri/views/MapView",
-            "esri/widgets/Home"
-        ]);
-        this.WebMap = WebMap;
-        this.MapView = MapView;
-        this.Home = Home;
-    }
-    /**
-     * Load the webmap for the provided webMapInfo
-     *
-     * @param webMapInfo the webmap id and name to load
-     */
-    async _loadMap(webMapInfo) {
-        var _a;
-        // on the first render use the default webmap id if provided otherwise use the first child of the provided mapInfos
-        const loadDefaultMap = !this._defaultWebmapHonored && this.defaultWebmapId;
-        const defaultMap = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === this.defaultWebmapId);
-        const mapConfigChanged = JSON.stringify(webMapInfo) !== JSON.stringify(this._webMapInfo);
-        this._webMapInfo = loadDefaultMap && defaultMap ? defaultMap[0] :
-            !(webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
-        const id = this._webMapInfo.id;
-        const isDefaultMap = loadDefaultMap && (webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) === this.defaultWebmapId;
-        if ((this._loadedId !== id && !loadDefaultMap) || isDefaultMap) {
-            const webMap = new this.WebMap({
-                portalItem: { id }
-            });
-            this.mapView = new this.MapView({
-                container: this._mapDiv,
-                map: webMap,
-                resizeAlign: "center"
-            });
-            this._loadedId = id;
-            this._searchConfiguration = this._webMapInfo.searchConfiguration;
-            this.beforeMapChanged.emit();
-            await this.mapView.when(() => {
-                this._initHome();
-                this.mapView.ui.add(this._mapTools, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex });
-                this._defaultWebmapHonored = isDefaultMap ? true : this._defaultWebmapHonored;
-                this.mapChanged.emit({
-                    id: id,
-                    mapView: this.mapView
-                });
-            });
-        }
-        else if (loadDefaultMap) {
-            this._defaultWebmapHonored = true;
-            this._mapPicker.setMapByID(id);
-        }
-        else if (mapConfigChanged) {
-            // Map is the same so no need to reload but we need to update for any changes from the config
-            this._searchConfiguration = this._webMapInfo.searchConfiguration;
-            this.beforeMapChanged.emit();
-            this.mapChanged.emit({
-                id: id,
-                mapView: this.mapView
-            });
-        }
-    }
-    /**
-     * Add/remove the home widget base on enableHome prop
-     *
-     * @protected
-     */
-    _initHome() {
-        if (this.enableHome) {
-            this._homeWidget = new this.Home({
-                view: this.mapView
-            });
-            this.mapView.ui.add(this._homeWidget, { position: this.homeZoomPosition, index: this.homeZoomIndex });
-            const size = this.homeZoomToolsSize === "s" ? "32px" : this.homeZoomToolsSize === "m" ? "40px" : "48px";
-            this._homeWidget.domNode.style.height = size;
-            this._homeWidget.domNode.style.width = size;
-        }
-        else if (this._homeWidget) {
-            this.mapView.ui.remove(this._homeWidget);
-        }
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "enableHome": ["enableHomeWatchHandler"]
-    }; }
-};
-MapCard.style = mapCardCss;
-
-export { CardManager as card_manager, LayerTable as layer_table, MapCard as map_card };
+export { CardManager as card_manager, LayerTable as layer_table };

package/dist/esm/{common-2cf42ac2.js → common-d04ccc0d.js}

@@ -5,7 +5,7 @@
  */
 import './solution-resource-7b8d302d.js';
 import './index-a1e91462.js';
-import './interfaces-341e3ab3.js';
+import './interfaces-586e863c.js';
 
 /** @license
  * Copyright 2022 Esri

package/dist/esm/crowdsource-manager.entry.js

@@ -4,8 +4,10 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-7183ce4a.js';
-import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
-import { E as ELayoutMode } from './interfaces-341e3ab3.js';
+import { g as getLocaleComponentStrings } from './locale-13e3c96c.js';
+import { E as ELayoutMode } from './interfaces-586e863c.js';
+import { g as getLayerOrTable } from './mapViewUtils-6daedef8.js';
+import './loadModules-cea493da.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 
@@ -52,6 +54,7 @@ const CrowdsourceManager = class {
         this._hideTable = false;
         this._isMobile = undefined;
         this._translations = undefined;
+        this._layer = undefined;
         this._layoutMode = ELayoutMode.GRID;
         this._mapInfo = undefined;
         this._mapView = undefined;
@@ -162,6 +165,16 @@ const CrowdsourceManager = class {
             this._expandPopup = false;
         }
     }
+    /**
+     * Get the layer for the provided layer id
+     */
+    async layerSelectionChange(evt) {
+        const id = evt.detail[0];
+        const layer = await getLayerOrTable(this._mapView, id);
+        await layer.when(() => {
+            this._layer = layer;
+        });
+    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -210,8 +223,10 @@ const CrowdsourceManager = class {
      * @protected
      */
     _getFooter() {
+        var _a, _b, _c, _d;
         const hasSelectedFeatures = this._numSelected > 0;
-        return this._isMobile && hasSelectedFeatures && !this._hideFooter ? (h("div", { class: `width-100`, slot: "footer" }, h("div", { class: "display-flex padding-1-2" }, h("calcite-button", { appearance: "solid", id: "solutions-show", onClick: () => this.showHideMapPopupAndTable(true), width: "full" }, this._translations.view.replace("{{n}}", this._numSelected.toString())), h("calcite-button", { appearance: "outline", class: "padding-inline-start-1", id: "solutions-delete", kind: "danger", onClick: () => this._layerTable.deleteFeatures(), width: "full" }, this._translations.delete.replace("{{n}}", this._numSelected.toString()))))) : undefined;
+        const deleteEnabled = ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.editingEnabled) && ((_d = (_c = (_b = this._layer) === null || _b === void 0 ? void 0 : _b.capabilities) === null || _c === void 0 ? void 0 : _c.operations) === null || _d === void 0 ? void 0 : _d.supportsDelete);
+        return this._isMobile && hasSelectedFeatures && !this._hideFooter ? (h("div", { class: `width-100`, slot: "footer" }, h("div", { class: "display-flex padding-1-2" }, h("calcite-button", { appearance: "solid", id: "solutions-show", onClick: () => this.showHideMapPopupAndTable(true), width: "full" }, this._translations.view.replace("{{n}}", this._numSelected.toString())), deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-full", id: "solutions-delete", ids: this._layerTable.selectedIds, layer: this._layer })) : undefined))) : undefined;
     }
     /**
      * Get the icon name to use for the divider icon based on the current layout
@@ -373,7 +388,7 @@ const CrowdsourceManager = class {
      * @protected
      */
     _getTable(layoutMode, panelOpen, hideTable) {
-        const tableClass = hideTable ? "visibility-hidden" : "";
+        const tableClass = hideTable && this._isMobile ? "visibility-hidden" : "";
         const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
         const icon = this._getDividerIcon(layoutMode, panelOpen);
         const tooltip = panelOpen ? this._translations.close : this._translations.open;