@esri/solutions-components 0.7.22 → 0.7.24

package/dist/components/layer-table2.js

@@ -7,43 +7,44 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { l as loadModules } from './loadModules.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, g as getLayerOrTable } from './mapViewUtils.js';
-import { b as queryFeatureIds, c as queryAllIds, d as queryFeaturesByGlobalID } from './queryUtils.js';
+import { b as queryAllIds, c as queryFeatureIds, d as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$C } from './action.js';
-import { d as defineCustomElement$B } from './action-bar.js';
-import { d as defineCustomElement$A } from './action-group.js';
-import { d as defineCustomElement$z } from './action-menu.js';
-import { d as defineCustomElement$y } from './block.js';
-import { d as defineCustomElement$x } from './button.js';
-import { d as defineCustomElement$w } from './checkbox.js';
-import { d as defineCustomElement$v } from './chip.js';
-import { d as defineCustomElement$u } from './combobox.js';
-import { d as defineCustomElement$t } from './combobox-item.js';
-import { d as defineCustomElement$s } from './date-picker.js';
-import { d as defineCustomElement$r } from './date-picker-day.js';
-import { d as defineCustomElement$q } from './date-picker-month.js';
-import { d as defineCustomElement$p } from './date-picker-month-header.js';
-import { d as defineCustomElement$o } from './dropdown.js';
-import { d as defineCustomElement$n } from './dropdown-group.js';
-import { d as defineCustomElement$m } from './dropdown-item.js';
-import { d as defineCustomElement$l } from './graph.js';
-import { d as defineCustomElement$k } from './handle.js';
-import { d as defineCustomElement$j } from './icon.js';
-import { d as defineCustomElement$i } from './input-date-picker.js';
-import { d as defineCustomElement$h } from './input-text.js';
-import { d as defineCustomElement$g } from './label2.js';
-import { d as defineCustomElement$f } from './loader.js';
-import { d as defineCustomElement$e } from './modal.js';
-import { d as defineCustomElement$d } from './notice.js';
-import { d as defineCustomElement$c } from './option.js';
-import { d as defineCustomElement$b } from './panel.js';
-import { d as defineCustomElement$a } from './popover.js';
-import { d as defineCustomElement$9 } from './progress.js';
-import { d as defineCustomElement$8 } from './scrim.js';
-import { d as defineCustomElement$7 } from './select.js';
-import { d as defineCustomElement$6 } from './shell.js';
-import { d as defineCustomElement$5 } from './slider.js';
-import { d as defineCustomElement$4 } from './tooltip.js';
+import { d as defineCustomElement$D } from './action.js';
+import { d as defineCustomElement$C } from './action-bar.js';
+import { d as defineCustomElement$B } from './action-group.js';
+import { d as defineCustomElement$A } from './action-menu.js';
+import { d as defineCustomElement$z } from './block.js';
+import { d as defineCustomElement$y } from './button.js';
+import { d as defineCustomElement$x } from './checkbox.js';
+import { d as defineCustomElement$w } from './chip.js';
+import { d as defineCustomElement$v } from './combobox.js';
+import { d as defineCustomElement$u } from './combobox-item.js';
+import { d as defineCustomElement$t } from './date-picker.js';
+import { d as defineCustomElement$s } from './date-picker-day.js';
+import { d as defineCustomElement$r } from './date-picker-month.js';
+import { d as defineCustomElement$q } from './date-picker-month-header.js';
+import { d as defineCustomElement$p } from './dropdown.js';
+import { d as defineCustomElement$o } from './dropdown-group.js';
+import { d as defineCustomElement$n } from './dropdown-item.js';
+import { d as defineCustomElement$m } from './graph.js';
+import { d as defineCustomElement$l } from './handle.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './input-date-picker.js';
+import { d as defineCustomElement$i } from './input-text.js';
+import { d as defineCustomElement$h } from './label2.js';
+import { d as defineCustomElement$g } from './loader.js';
+import { d as defineCustomElement$f } from './modal.js';
+import { d as defineCustomElement$e } from './notice.js';
+import { d as defineCustomElement$d } from './option.js';
+import { d as defineCustomElement$c } from './panel.js';
+import { d as defineCustomElement$b } from './popover.js';
+import { d as defineCustomElement$a } from './progress.js';
+import { d as defineCustomElement$9 } from './scrim.js';
+import { d as defineCustomElement$8 } from './select.js';
+import { d as defineCustomElement$7 } from './shell.js';
+import { d as defineCustomElement$6 } from './slider.js';
+import { d as defineCustomElement$5 } from './tooltip.js';
+import { d as defineCustomElement$4 } from './delete-button2.js';
 import { d as defineCustomElement$3 } from './instant-apps-filter-list2.js';
 import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
@@ -113,19 +114,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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;
@@ -205,8 +204,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * watch for changes in layer view and verify if it has editing enabled
      */
     async _layerWatchHandler() {
+        var _a, _b;
         this._fetchingData = true;
         this._definitionExpression = this._layer.definitionExpression;
+        this._floorField = (_b = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.floorInfo) === null || _b === void 0 ? void 0 : _b.floorField;
+        this._updateFloorDefinitionExpression();
         await this._resetTable();
         this._updateShareUrl();
         this._initLayerExpressions();
@@ -215,10 +217,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     /**
      * 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;
         }
     }
@@ -230,19 +232,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             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.
      *
@@ -270,14 +259,23 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     }
     /**
      * 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();
     }
     /**
-     * Refresh the table when edits are completed
-     *
+     * Refresh the table when floor filter level is changed
+     */
+    async levelChanged(evt) {
+        this._floorLevel = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
+    /**
+     * Refresh the table when
      */
     noLayersFound() {
         this._layer = undefined;
@@ -309,12 +307,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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
@@ -492,11 +490,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     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
@@ -562,13 +560,23 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._defaultVisibleToolSizeInfos = undefined;
         }
     }
+    /**
+     * Applies a definition expression when floor field and level are available
+     *
+     * @returns boolean
+     */
+    _updateFloorDefinitionExpression() {
+        if (this._floorField && this._floorLevel) {
+            this._layer.definitionExpression = `${this._floorField} = '${this._floorLevel}'`;
+        }
+    }
     /**
      * Returns true when one ore more features are selected
      *
      * @returns boolean
      */
     _featuresSelected() {
-        return this._selectedIndexes.length > 0;
+        return this.selectedIds.length > 0;
     }
     /**
      * Return true when we have no features
@@ -780,8 +788,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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");
@@ -803,7 +811,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             urlObj.searchParams.delete("filter");
         }
         this._shareNode.shareUrl = urlObj.href;
-        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -840,7 +847,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _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
@@ -886,15 +901,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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;
@@ -902,11 +917,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 }
                 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;
@@ -925,7 +940,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     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)) {
@@ -942,13 +957,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         }
                         // 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();
@@ -970,7 +985,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 this._toggleShowSelected();
             }
         }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Reset basic table props
@@ -979,7 +994,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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) {
@@ -1149,30 +1164,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             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
      *
@@ -1200,12 +1191,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
     }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
     /**
      * Select or deselect all rows
      */
@@ -1214,7 +1199,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._table.highlightIds.removeAll();
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
         this._selectAllActive = true;
     }
@@ -1236,7 +1221,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _clearSelection() {
         var _a;
-        this._selectedIndexes = [];
+        this.selectedIds = [];
         (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
         this._finishOnChange();
     }
@@ -1259,7 +1244,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * 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) {
@@ -1269,7 +1254,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         }, []).sort((a, b) => a - b);
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
     }
     /**
@@ -1302,7 +1287,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     async _refresh() {
         await this._table.refresh();
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Zoom to all selected features
@@ -1312,14 +1297,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _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
      *
@@ -1425,7 +1402,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "_selectedIndexes": ["_selectedIndexesWatchHandler"],
+        "_selectedIds": ["_selectedIdsWatchHandler"],
         "_sortActive": ["_sortActiveWatchHandler"]
     }; }
     static get style() { return layerTableCss; }
@@ -1443,25 +1420,22 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "mapInfo": [16],
         "mapView": [16],
         "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
+        "selectedIds": [16],
         "shareIncludeEmbed": [4, "share-include-embed"],
         "shareIncludeSocial": [4, "share-include-social"],
         "showNewestFirst": [4, "show-newest-first"],
         "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
-        "_confirmDelete": [32],
         "_controlsThatFit": [32],
         "_fetchingData": [32],
         "_filterActive": [32],
         "_filterOpen": [32],
-        "_isDeleting": [32],
         "_layer": [32],
         "_selectAllActive": [32],
-        "_selectedIndexes": [32],
         "_showHideOpen": [32],
         "_showOnlySelected": [32],
         "_sortActive": [32],
-        "_translations": [32],
-        "deleteFeatures": [64]
-    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "noLayersFound", "noLayersFound"]], {
+        "_translations": [32]
+    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "levelChanged", "levelChanged"], [8, "noLayersFound", "noLayersFound"]], {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
@@ -1469,14 +1443,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
-        "_selectedIndexes": ["_selectedIndexesWatchHandler"],
+        "_selectedIds": ["_selectedIdsWatchHandler"],
         "_sortActive": ["_sortActiveWatchHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "delete-button", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -1485,175 +1459,180 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$D();
             }
             break;
         case "calcite-action-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$C();
             }
             break;
         case "calcite-action-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$B();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$A();
             }
             break;
         case "calcite-block":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$z();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$y();
             }
             break;
         case "calcite-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "calcite-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "calcite-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "calcite-date-picker-day":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "calcite-date-picker-month":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "calcite-date-picker-month-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "calcite-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "calcite-graph":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "calcite-handle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "calcite-input-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "calcite-input-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "calcite-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "calcite-option":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "calcite-progress":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "calcite-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "calcite-slider":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "calcite-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "delete-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }