@esri/solutions-components 0.7.23 → 0.7.24

package/dist/cjs/calcite-input-date-picker_3.cjs.entry.js

@@ -753,7 +753,7 @@ function resetDatePicker(datePicker) {
   }
 }
 
-const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:48px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
+const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:48px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
 
 const CSS$1 = {
     base: 'instant-apps-filter-list',
@@ -954,12 +954,15 @@ const InstantAppsFilterList = class {
             return this.renderCombobox(layerExpression, expression);
         }
         else if (type === 'number' || type == 'range') {
-            if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down') {
+            if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
                 return this.renderCombobox(layerExpression, expression);
             }
             return this.renderNumberSlider(layerExpression, expression);
         }
         else if (type === 'date') {
+            if ((expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
+                return this.renderCombobox(layerExpression, expression);
+            }
             return this.renderDatePicker(layerExpression, expression);
         }
         return;
@@ -994,7 +997,7 @@ const InstantAppsFilterList = class {
                     this.resetDatePicker(expression);
                 }
                 else if (type === 'number' || type === 'range') {
-                    if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down') {
+                    if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
                         this.resetCombobox(expression);
                     }
                     else {
@@ -1045,8 +1048,9 @@ const InstantAppsFilterList = class {
         }
     }
     resetAllFilters() {
-        var _a, _b, _c;
-        (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.allLayers) === null || _c === void 0 ? void 0 : _c.forEach(layer => {
+        var _a, _b, _c, _d, _e;
+        const allLayersAndTables = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.allLayers) === null || _c === void 0 ? void 0 : _c.concat((_e = (_d = this.view) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.allTables);
+        allLayersAndTables === null || allLayersAndTables === void 0 ? void 0 : allLayersAndTables.forEach(layer => {
             var _a, _b;
             if (supportedTypes.includes(layer.type)) {
                 const fl = layer;
@@ -1083,7 +1087,7 @@ const InstantAppsFilterList = class {
             const { field } = expression;
             if (field != null) {
                 this.setExpressionFormat(layer, expression, field);
-                if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down') {
+                if ((expression === null || expression === void 0 ? void 0 : expression.numDisplayOption) === 'drop-down' || (expression === null || expression === void 0 ? void 0 : expression.displayOption) === 'drop-down') {
                     const fields = (await this.getFeatureAttributes(layer, field));
                     fields.sort((a, b) => a - b);
                     expression.fields = fields;
@@ -1282,7 +1286,12 @@ const InstantAppsFilterList = class {
             update = await this.updateNumberExpression(layerExpression, expression);
         }
         else if (type === 'date') {
-            update = await this.updateDateExpression(layerExpression, expression);
+            if (expression.displayOption === 'drop-down') {
+                update = await this.updateStringExpression(layerExpression, expression);
+            }
+            else {
+                update = await this.updateDateExpression(layerExpression, expression);
+            }
         }
         else if (type === 'coded-value') {
             update = this.updateCodedValueExpression(expression, layerField);
@@ -1445,7 +1454,7 @@ const InstantAppsFilterList = class {
     }
     updateFilter(layerExpression, defExpressions, filters) {
         const { id } = layerExpression;
-        const fl = this.view.map.findLayerById(id);
+        const fl = (this.view.map.findLayerById(id) || this.view.map.findTableById(id));
         if (fl != null) {
             if (fl.type === 'point-cloud') {
                 this.updateFilterLayerPCLFilter(fl, filters);
@@ -1488,8 +1497,9 @@ const InstantAppsFilterList = class {
         this.initDefExpressions = {};
         this.initPointCloudFilters = {};
         this.initMapImageExpressions = {};
-        for (let i = 0; i < map.allLayers.length; i++) {
-            const layer = map.allLayers.getItemAt(i);
+        const layersAndTables = map.allLayers.concat(map.allTables);
+        for (let i = 0; i < layersAndTables.length; i++) {
+            const layer = layersAndTables.getItemAt(i);
             if (supportedTypes.includes(layer.type)) {
                 const fl = layer;
                 if (fl.type === 'point-cloud') {
@@ -1685,7 +1695,8 @@ const InstantAppsFilterList = class {
         return (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) != null ? (_b = (_a = this.initMapImageExpressions) === null || _a === void 0 ? void 0 : _a[layerExpression.id]) === null || _b === void 0 ? void 0 : _b[layerExpression.sublayerId] : (_c = this.initDefExpressions) === null || _c === void 0 ? void 0 : _c[layerExpression.id];
     }
     findFilterLayer(layerExpression) {
-        const layer = this.view.map.allLayers.find(({ id }) => id === layerExpression.id);
+        const allLayersAndTables = this.view.map.allLayers.concat(this.view.map.allTables);
+        const layer = allLayersAndTables.find(({ id }) => id === layerExpression.id);
         if (layer.type === 'map-image') {
             return layer === null || layer === void 0 ? void 0 : layer.findSublayerById(layerExpression.sublayerId);
         }

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -23,7 +23,7 @@ const sharedListRender = require('./shared-list-render-25bedff5.js');
 const sortableComponent = require('./sortableComponent-188f3290.js');
 const resources$2 = require('./resources-228f9286.js');
 const resources$1 = require('./resources-d2d7b7c7.js');
-const locale$1 = require('./locale-9db09b63.js');
+const locale$1 = require('./locale-1ff119f5.js');
 const solutionStore = require('./solution-store-ab6c980f.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
 const solutionResource = require('./solution-resource-abec7452.js');
@@ -33,6 +33,7 @@ require('./browser-9a43b900.js');
 require('./array-1d19377b.js');
 require('./resources-9400a252.js');
 require('./debounce-30afab47.js');
+require('./loadModules-46d14e81.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 require('./index-22bb61da.js');

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

@@ -8,13 +8,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b8a649fc.js');
-const locale = require('./locale-9db09b63.js');
+const locale = require('./locale-1ff119f5.js');
 const mapViewUtils = require('./mapViewUtils-8aa325de.js');
 const loadModules = require('./loadModules-46d14e81.js');
 const downloadUtils = require('./downloadUtils-401356b5.js');
+require('./interfaces-7cd0a48a.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
-require('./interfaces-7cd0a48a.js');
 require('./solution-resource-abec7452.js');
 require('./index-f64944ad.js');
 require('./restHelpersGet-e0737480.js');
@@ -171,19 +171,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;
@@ -276,10 +274,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;
         }
     }
@@ -291,19 +289,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.
      *
@@ -332,7 +317,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 mapViewUtils.queryAllIds(this._layer);
+        }
         await this._refresh();
     }
     /**
@@ -375,12 +364,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 (index.h(index.Host, null, index.h("calcite-shell", null, this._getTableControlRow("header"), index.h("div", { class: `width-full ${tableHeightClass}` }, index.h("calcite-panel", { class: "height-full width-full" }, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (index.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
@@ -558,11 +547,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
@@ -644,7 +633,7 @@ const LayerTable = class {
      * @returns boolean
      */
     _featuresSelected() {
-        return this._selectedIndexes.length > 0;
+        return this.selectedIds.length > 0;
     }
     /**
      * Return true when we have no features
@@ -856,8 +845,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");
@@ -879,7 +868,6 @@ const LayerTable = class {
             urlObj.searchParams.delete("filter");
         }
         this._shareNode.shareUrl = urlObj.href;
-        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -916,7 +904,15 @@ const LayerTable = class {
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (index.h("div", { class: "display-flex", id: this._getId(icon) }, index.h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, index.h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label)), this._getToolTip("bottom", icon, label)));
+        return (index.h("div", { class: "display-flex", id: this._getId(icon) }, icon === "trash" ? (index.h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, ids: this._getIds(), layer: this._layer })) : (index.h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, index.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
@@ -962,15 +958,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;
@@ -978,11 +974,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;
@@ -1001,7 +997,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)) {
@@ -1018,13 +1014,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();
@@ -1046,7 +1042,7 @@ const LayerTable = class {
                 this._toggleShowSelected();
             }
         }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Reset basic table props
@@ -1055,7 +1051,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 mapViewUtils.queryAllIds(this._layer);
         if (!this._table) {
@@ -1225,30 +1221,6 @@ const LayerTable = class {
             this._filterOpen = false;
         }
     }
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    _deleteMessage() {
-        return (index.h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), index.h("div", { slot: "content" }, this._translations.confirm), index.h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), index.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 mapViewUtils.queryAllIds(this._layer);
-        this._isDeleting = false;
-        this._deleteClosed();
-    }
     /**
      * Handle map click events to keep table and map click selection in sync
      *
@@ -1276,12 +1248,6 @@ const LayerTable = class {
             }
         }
     }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
     /**
      * Select or deselect all rows
      */
@@ -1290,7 +1256,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;
     }
@@ -1312,7 +1278,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();
     }
@@ -1335,7 +1301,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) {
@@ -1345,7 +1311,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();
     }
     /**
@@ -1378,7 +1344,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
@@ -1388,14 +1354,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
      *
@@ -1501,189 +1459,11 @@ 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) {
-        index.registerInstance(this, hostRef);
-        this.mapChanged = index.createEvent(this, "mapChanged", 7);
-        this.beforeMapChanged = index.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 (index.h(index.Host, null, index.h("map-picker", { class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), index.h("div", { class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), index.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.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 index.getElement(this); }
-    static get watchers() { return {
-        "enableHome": ["enableHomeWatchHandler"]
-    }; }
-};
-MapCard.style = mapCardCss;
-
 exports.card_manager = CardManager;
 exports.layer_table = LayerTable;
-exports.map_card = MapCard;