@esri/solutions-components 0.7.21 → 0.7.23

package/dist/collection/components/edit-card/edit-card.js

@@ -26,6 +26,7 @@ export class EditCard {
     constructor() {
         /**
          * boolean: When true the Editor widget should be closed
+         * Without this logic we are taken to the Editors "Select" workflow step
          */
         this._shouldClose = false;
         this.graphics = undefined;
@@ -44,8 +45,8 @@ export class EditCard {
      * Watch for changes to the graphics and update the feature widget
      */
     async graphicsWatchHandler() {
-        if (this.graphics.length === 0) {
-            await this._closeEdit();
+        if (this.graphics.length === 0 && this.open) {
+            await this._closeEdit(true);
         }
     }
     async openWatchHandler(v) {
@@ -59,11 +60,13 @@ export class EditCard {
             this._editorLoading = false;
         }
         if (!v) {
-            await this._closeEdit();
+            await this._closeEdit(true);
         }
     }
     async featureSelectionChange() {
-        await this._closeEdit();
+        if (this.open) {
+            await this._closeEdit(false);
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -94,7 +97,6 @@ export class EditCard {
             }
             this._layerEditHandle = this._layer.on("edits", () => {
                 this.editsComplete.emit();
-                this.open = false;
             });
         }
     }
@@ -109,7 +111,7 @@ export class EditCard {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, null, h("div", { class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { class: "position-absolute", slot: "content" }, h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, null, h("div", { class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { class: "position-absolute" }, h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -164,10 +166,13 @@ export class EditCard {
                 this._shouldClose = false;
             });
             this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
+                var _a, _b;
                 if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
                     this._shouldClose = false;
                 }
-                if (!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits)) {
+                // Handle back click and when feature is de-selected from the table
+                // this ensures that we are not shown the Editors "Select" workflow step
+                if ((!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits) && !this._editor.activeWorkflow) || !((_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) === null || _b === void 0 ? void 0 : _b.started)) {
                     this.open = false;
                 }
             });
@@ -178,16 +183,21 @@ export class EditCard {
     /**
      * Close the edit widget
      */
-    async _closeEdit() {
+    async _closeEdit(destroyOnClose) {
         var _a, _b, _c, _d;
         this._shouldClose = true;
-        if ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) {
-            await ((_b = this._editor) === null || _b === void 0 ? void 0 : _b.cancelWorkflow());
+        if (destroyOnClose && ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow)) {
+            if ((_c = (_b = this._editor.activeWorkflow) === null || _b === void 0 ? void 0 : _b.activeWorkflow) === null || _c === void 0 ? void 0 : _c.hasPendingEdits) {
+                await this._editor.activeWorkflow.reset();
+                await this._editor.cancelWorkflow();
+            }
+            this._editor.destroy();
         }
-        if (this.graphicIndex > -1 && ((_c = this.graphics) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-            this.refreshGraphics.emit(this.graphics);
+        else {
+            if (this.graphicIndex > -1 && ((_d = this.graphics) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+                this.refreshGraphics.emit(this.graphics);
+            }
         }
-        (_d = this._editor) === null || _d === void 0 ? void 0 : _d.destroy();
         this._shouldClose = false;
         this.closeEdit.emit();
     }

package/dist/collection/components/floor-filter/floor-filter.js

@@ -38,16 +38,6 @@ export class FloorFilter {
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Functions (lifecycle)
     //
     //--------------------------------------------------------------------------
@@ -73,10 +63,12 @@ export class FloorFilter {
      * @protected
      */
     async _initModules() {
-        const [FloorFilter] = await loadModules([
-            "esri/widgets/FloorFilter"
+        const [FloorFilter, reactiveUtils] = await loadModules([
+            "esri/widgets/FloorFilter",
+            "esri/core/reactiveUtils"
         ]);
         this.FloorFilter = FloorFilter;
+        this.reactiveUtils = reactiveUtils;
     }
     /**
      * Initialize the floor filter or reset the current view if it already exists
@@ -89,6 +81,12 @@ export class FloorFilter {
                     container: this._floorFilterElement,
                     view
                 });
+                if (this._levelHandle) {
+                    this._levelHandle.remove();
+                }
+                this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
+                    this.levelChanged.emit(level);
+                });
             }
             else {
                 this.floorFilterWidget.view = view;
@@ -168,6 +166,24 @@ export class FloorFilter {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "levelChanged",
+                "name": "levelChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when the Level is changed"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{

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

@@ -177,8 +177,11 @@ export class LayerTable {
      * 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();
@@ -242,14 +245,19 @@ export class LayerTable {
     }
     /**
      * Refresh the table when edits are completed
-     *
      */
     async editsComplete() {
         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;
@@ -444,93 +452,105 @@ export class LayerTable {
         const featuresSelected = this._featuresSelected();
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
-        this._toolInfos = [{
-                active: false,
-                icon: "zoom-to-object",
-                indicator: false,
-                label: this._translations.zoom,
-                func: () => this._zoom(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            },
-            hasFilterExpressions ? {
-                active: false,
-                icon: "filter",
-                indicator: false,
-                label: this._translations.filters,
-                func: () => this._toggleFilter(),
-                disabled: false,
-                isOverflow: false
-            } : undefined,
-            this._deleteEnabled ? {
-                active: false,
-                icon: "trash",
-                indicator: false,
-                label: this._translations.delete,
-                func: () => this._delete(),
-                disabled: !featuresSelected,
-                isDanger: true,
-                isOverflow: false
-            } : undefined, {
-                active: false,
-                icon: "erase",
-                indicator: false,
-                label: this._translations.clearSelection,
-                func: () => this._clearSelection(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "selected-items-filter",
-                indicator: false,
-                label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
-                func: () => this._toggleShowSelected(),
-                disabled: !featuresSelected,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "list-check-all",
-                indicator: false,
-                func: () => this._selectAll(),
-                label: this._translations.selectAll,
-                disabled: featuresEmpty,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "compare",
-                indicator: false,
-                func: () => this._switchSelected(),
-                label: this._translations.switchSelected,
-                disabled: featuresEmpty,
-                isOverflow: false
-            }, {
-                active: false,
-                icon: "refresh",
-                indicator: false,
-                func: () => this._refresh(),
-                label: this._translations.refresh,
-                disabled: false,
-                isOverflow: false
-            },
-            this.enableCSV ? {
-                active: false,
-                icon: "export",
-                indicator: false,
-                func: () => void this._exportToCSV(),
-                label: this._translations.exportCSV,
-                disabled: featuresEmpty,
-                isOverflow: false
-            } : undefined, {
-                active: false,
-                icon: this._showHideOpen ? "chevron-down" : "chevron-right",
-                indicator: false,
-                func: () => this._toggleShowHide(),
-                label: this._translations.showHideColumns,
-                disabled: false,
-                isOverflow: false,
-                isSublist: true
-            }];
-        this._defaultVisibleToolSizeInfos = undefined;
+        if (this._translations) {
+            this._toolInfos = [{
+                    active: false,
+                    icon: "zoom-to-object",
+                    indicator: false,
+                    label: this._translations.zoom,
+                    func: () => this._zoom(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                },
+                hasFilterExpressions ? {
+                    active: false,
+                    icon: "filter",
+                    indicator: false,
+                    label: this._translations.filters,
+                    func: () => this._toggleFilter(),
+                    disabled: false,
+                    isOverflow: false
+                } : undefined,
+                this._deleteEnabled ? {
+                    active: false,
+                    icon: "trash",
+                    indicator: false,
+                    label: this._translations.delete,
+                    func: () => this._delete(),
+                    disabled: !featuresSelected,
+                    isDanger: true,
+                    isOverflow: false
+                } : undefined, {
+                    active: false,
+                    icon: "erase",
+                    indicator: false,
+                    label: this._translations.clearSelection,
+                    func: () => this._clearSelection(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "selected-items-filter",
+                    indicator: false,
+                    label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
+                    func: () => this._toggleShowSelected(),
+                    disabled: !featuresSelected,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "list-check-all",
+                    indicator: false,
+                    func: () => this._selectAll(),
+                    label: this._translations.selectAll,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "compare",
+                    indicator: false,
+                    func: () => this._switchSelected(),
+                    label: this._translations.switchSelected,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                }, {
+                    active: false,
+                    icon: "refresh",
+                    indicator: false,
+                    func: () => this._refresh(),
+                    label: this._translations.refresh,
+                    disabled: false,
+                    isOverflow: false
+                },
+                this.enableCSV ? {
+                    active: false,
+                    icon: "export",
+                    indicator: false,
+                    func: () => void this._exportToCSV(),
+                    label: this._translations.exportCSV,
+                    disabled: featuresEmpty,
+                    isOverflow: false
+                } : undefined, {
+                    active: false,
+                    icon: this._showHideOpen ? "chevron-down" : "chevron-right",
+                    indicator: false,
+                    func: () => this._toggleShowHide(),
+                    label: this._translations.showHideColumns,
+                    disabled: false,
+                    isOverflow: false,
+                    isSublist: true
+                }];
+            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
@@ -741,12 +761,21 @@ export class LayerTable {
         if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
             urlObj.searchParams.set("webmap", this.mapInfo.id);
         }
+        else {
+            urlObj.searchParams.delete("webmap");
+        }
         if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
             urlObj.searchParams.set("layer", this._layer.id);
         }
+        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(","));
         }
+        else {
+            urlObj.searchParams.delete("oid");
+        }
         if (this._filterActive) {
             const filter = JSON.parse(this._filterList.urlParams.get("filter"));
             const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
@@ -760,7 +789,11 @@ export class LayerTable {
             });
             urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
         }
+        else {
+            urlObj.searchParams.delete("filter");
+        }
         this._shareNode.shareUrl = urlObj.href;
+        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -1080,7 +1113,7 @@ export class LayerTable {
      */
     _filterModal() {
         var _a, _b, _c;
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: true, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1788,6 +1821,12 @@ export class LayerTable {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "levelChanged",
+                "method": "levelChanged",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "noLayersFound",
                 "method": "noLayersFound",

package/dist/collection/components/public-notification/public-notification.js

@@ -519,7 +519,7 @@ export class PublicNotification {
         const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
         const formatOptionsClass = this._addResults ? "" : "display-none";
-        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
     }
     /**
      * Render the refine page

package/dist/collection/demos/crowdsource-manager.html

@@ -95,6 +95,19 @@
                       active: false
                     }
                   ]
+                }, {
+                  id: "Requets_6608",
+                  title: "Comments",
+                  operator: " AND ",
+                  expressions: [
+                    {
+                      definitionExpression: "OBJECTID > 1",
+                      id: 1701793260226,
+                      index: 0,
+                      name: "greater than 1",
+                      active: false
+                    }
+                  ]
                 }
               ]
             }

package/dist/components/edit-card2.js

@@ -22,6 +22,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
         this.refreshGraphics = createEvent(this, "refreshGraphics", 7);
         /**
          * boolean: When true the Editor widget should be closed
+         * Without this logic we are taken to the Editors "Select" workflow step
          */
         this._shouldClose = false;
         this.graphics = undefined;
@@ -40,8 +41,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
      * Watch for changes to the graphics and update the feature widget
      */
     async graphicsWatchHandler() {
-        if (this.graphics.length === 0) {
-            await this._closeEdit();
+        if (this.graphics.length === 0 && this.open) {
+            await this._closeEdit(true);
         }
     }
     async openWatchHandler(v) {
@@ -55,11 +56,13 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             this._editorLoading = false;
         }
         if (!v) {
-            await this._closeEdit();
+            await this._closeEdit(true);
         }
     }
     async featureSelectionChange() {
-        await this._closeEdit();
+        if (this.open) {
+            await this._closeEdit(false);
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -90,7 +93,6 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             }
             this._layerEditHandle = this._layer.on("edits", () => {
                 this.editsComplete.emit();
-                this.open = false;
             });
         }
     }
@@ -105,7 +107,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, null, h("div", { class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { class: "position-absolute", slot: "content" }, h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, null, h("div", { class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { class: "position-absolute" }, h("div", { class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -160,10 +162,13 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
                 this._shouldClose = false;
             });
             this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
+                var _a, _b;
                 if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
                     this._shouldClose = false;
                 }
-                if (!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits)) {
+                // Handle back click and when feature is de-selected from the table
+                // this ensures that we are not shown the Editors "Select" workflow step
+                if ((!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits) && !this._editor.activeWorkflow) || !((_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) === null || _b === void 0 ? void 0 : _b.started)) {
                     this.open = false;
                 }
             });
@@ -174,16 +179,21 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     /**
      * Close the edit widget
      */
-    async _closeEdit() {
+    async _closeEdit(destroyOnClose) {
         var _a, _b, _c, _d;
         this._shouldClose = true;
-        if ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) {
-            await ((_b = this._editor) === null || _b === void 0 ? void 0 : _b.cancelWorkflow());
+        if (destroyOnClose && ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow)) {
+            if ((_c = (_b = this._editor.activeWorkflow) === null || _b === void 0 ? void 0 : _b.activeWorkflow) === null || _c === void 0 ? void 0 : _c.hasPendingEdits) {
+                await this._editor.activeWorkflow.reset();
+                await this._editor.cancelWorkflow();
+            }
+            this._editor.destroy();
         }
-        if (this.graphicIndex > -1 && ((_c = this.graphics) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-            this.refreshGraphics.emit(this.graphics);
+        else {
+            if (this.graphicIndex > -1 && ((_d = this.graphics) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+                this.refreshGraphics.emit(this.graphics);
+            }
         }
-        (_d = this._editor) === null || _d === void 0 ? void 0 : _d.destroy();
         this._shouldClose = false;
         this.closeEdit.emit();
     }

package/dist/components/floor-filter2.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 
 const floorFilterCss = ":host{display:block}";
@@ -13,6 +13,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.levelChanged = createEvent(this, "levelChanged", 7);
         this.enabled = undefined;
         this.floorFilterWidget = undefined;
         this.mapView = undefined;
@@ -29,16 +30,6 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Functions (lifecycle)
     //
     //--------------------------------------------------------------------------
@@ -64,10 +55,12 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * @protected
      */
     async _initModules() {
-        const [FloorFilter] = await loadModules([
-            "esri/widgets/FloorFilter"
+        const [FloorFilter, reactiveUtils] = await loadModules([
+            "esri/widgets/FloorFilter",
+            "esri/core/reactiveUtils"
         ]);
         this.FloorFilter = FloorFilter;
+        this.reactiveUtils = reactiveUtils;
     }
     /**
      * Initialize the floor filter or reset the current view if it already exists
@@ -80,6 +73,12 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
                     container: this._floorFilterElement,
                     view
                 });
+                if (this._levelHandle) {
+                    this._levelHandle.remove();
+                }
+                this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
+                    this.levelChanged.emit(level);
+                });
             }
             else {
                 this.floorFilterWidget.view = view;