@esri/solutions-components 0.7.21 → 0.7.23

package/dist/esm/card-manager_3.entry.js

@@ -259,8 +259,11 @@ const LayerTable = class {
      * 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();
@@ -324,14 +327,19 @@ const LayerTable = class {
     }
     /**
      * 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;
@@ -526,93 +534,105 @@ const LayerTable = class {
         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
@@ -823,12 +843,21 @@ const LayerTable = class {
         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 => {
@@ -842,7 +871,11 @@ const LayerTable = class {
             });
             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
@@ -1162,7 +1195,7 @@ const LayerTable = class {
      */
     _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