@esri/solutions-components 0.7.21 → 0.7.23

package/dist/components/layer-table2.js

@@ -205,8 +205,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();
@@ -270,14 +273,19 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     }
     /**
      * 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;
@@ -472,93 +480,105 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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
@@ -769,12 +789,21 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         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 => {
@@ -788,7 +817,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             });
             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
@@ -1108,7 +1141,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _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
@@ -1446,7 +1479,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_sortActive": [32],
         "_translations": [32],
         "deleteFeatures": [64]
-    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "noLayersFound", "noLayersFound"]], {
+    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "levelChanged", "levelChanged"], [8, "noLayersFound", "noLayersFound"]], {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],

package/dist/components/public-notification.js

@@ -552,7 +552,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         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/esm/basemap-gallery_7.entry.js

@@ -120,6 +120,7 @@ const floorFilterCss = ":host{display:block}";
 const FloorFilter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.levelChanged = createEvent(this, "levelChanged", 7);
         this.enabled = undefined;
         this.floorFilterWidget = undefined;
         this.mapView = undefined;
@@ -136,16 +137,6 @@ const FloorFilter = class {
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Functions (lifecycle)
     //
     //--------------------------------------------------------------------------
@@ -171,10 +162,12 @@ const FloorFilter = class {
      * @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
@@ -187,6 +180,12 @@ const FloorFilter = class {
                     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;

package/dist/esm/calcite-alert_3.entry.js

@@ -317,6 +317,7 @@ const EditCard = class {
         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;
@@ -335,8 +336,8 @@ const EditCard = class {
      * 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) {
@@ -350,11 +351,13 @@ const EditCard = class {
             this._editorLoading = false;
         }
         if (!v) {
-            await this._closeEdit();
+            await this._closeEdit(true);
         }
     }
     async featureSelectionChange() {
-        await this._closeEdit();
+        if (this.open) {
+            await this._closeEdit(false);
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -385,7 +388,6 @@ const EditCard = class {
             }
             this._layerEditHandle = this._layer.on("edits", () => {
                 this.editsComplete.emit();
-                this.open = false;
             });
         }
     }
@@ -400,7 +402,7 @@ const EditCard = class {
             !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" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -455,10 +457,13 @@ const EditCard = class {
                 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;
                 }
             });
@@ -469,16 +474,21 @@ const EditCard = class {
     /**
      * 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();
     }