@esri/solutions-components 0.8.31 → 0.8.33

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -211,7 +211,9 @@ export class CrowdsourceManager {
     async componentDidRender() {
         if (this._shouldSetMapView) {
             this._shouldSetMapView = false;
-            await this._setMapView();
+            if (this._mapChange) {
+                await this._setMapView();
+            }
         }
     }
     /**
@@ -431,7 +433,7 @@ export class CrowdsourceManager {
             ((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
         const defaultOid = !this.defaultOid ? undefined :
             ((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: this._expandPopup, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
     }
     /**
      * Update the component layout when its size changes

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

@@ -35,12 +35,17 @@ export class FloorFilter {
      * Watch for changes to the mapView and re-init the floor filter
      */
     async mapViewWatchHandler() {
+        console.log("mapViewWatchHandler");
+        console.log(`this.mapView: ${this.mapView}`);
         await this._initFloorFilter(this.mapView);
     }
     /**
      * Watch for changes to the enabled property and re-init or destroy the floor filter
      */
     async enabledWatchHandler() {
+        console.log("enabledWatchHandler");
+        console.log(`this.enabled: ${this.enabled}`);
+        console.log(`this.mapView: ${this.mapView}`);
         if (this.enabled) {
             await this._initFloorFilter(this.mapView);
         }
@@ -63,7 +68,9 @@ export class FloorFilter {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
+        console.log("render");
+        console.log(`this._floorFilterElement: ${this._floorFilterElement}`);
+        return (h(Host, { key: '01b71c71af2a183b85c8620c338512fd338f19ef' }, h("div", { key: '752d397c6e3b6a2257d0a8a05051ed821eca4b94', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -91,6 +98,7 @@ export class FloorFilter {
      * @protected
      */
     _destroyWidget() {
+        console.log("_destroyWidget");
         if (this.floorFilterWidget) {
             this.floorFilterWidget.destroy();
             this.floorFilterWidget = undefined;
@@ -105,6 +113,7 @@ export class FloorFilter {
      * @protected
      */
     _initContainer() {
+        console.log("_initContainer");
         this._destroyWidget();
         this._floorFilterElement = document.createElement("div");
     }
@@ -112,11 +121,18 @@ export class FloorFilter {
      * Initialize the floor filter or reset the current view if it already exists
      */
     async _initFloorFilter(view) {
+        console.log("_initFloorFilter");
         const webMap = view === null || view === void 0 ? void 0 : view.map;
-        if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
-            this._initContainer();
-            await webMap.when(() => {
-                var _a, _b, _c;
+        await webMap.when(() => {
+            var _a, _b, _c;
+            console.log("webMap.when");
+            console.log("_initFloorFilter");
+            console.log(`view: ${view}`);
+            console.log(`this.enabled: ${this.enabled}`);
+            console.log(`this.FloorFilter: ${this.FloorFilter}`);
+            console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
+            if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
+                this._initContainer();
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
@@ -133,8 +149,8 @@ export class FloorFilter {
                 this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
                     this.siteChanged.emit(site);
                 });
-            });
-        }
+            }
+        });
     }
     static get is() { return "floor-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,6 +73,7 @@ export class LayerTable {
         this.enableInlineEdit = undefined;
         this.enableShare = undefined;
         this.isMobile = undefined;
+        this.mapHidden = undefined;
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
@@ -156,6 +157,15 @@ export class LayerTable {
             }
         });
     }
+    /**
+     * Reset the toolInfos when mapHidden prop changes so we can show/hide any map dependant tool(s)
+     */
+    mapHiddenWatchHandler() {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this._initToolInfos();
+        }
+    }
     /**
      * When isMobile is false we need to init the tool infos for the dynamic toolbar
      */
@@ -319,7 +329,7 @@ export class LayerTable {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '928286a8e4d1159b56b2aa4384f0d6eed38c9e76' }, h("calcite-shell", { key: '7c9b98056ee867df54ebfd31fee6f046f5152f64' }, this._getTableControlRow("header"), h("div", { key: 'b1a9a9cca100c7bef335afd5b6c7d7384ca7536c', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'ceeead9900f43c94f46c8c94698ae17f3ae558b7', class: "height-full width-full" }, h("calcite-loader", { key: '7bf3c9ba21daa27dd387ba5413b6f6e982e1f10d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '7d0440047453a45fe1688ad373ab2463fe7479ba', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '9692c6f764d078c22e1d6271deb3844ef65b1fca' }, h("calcite-shell", { key: 'a37b9fcfdd8450fea4a994738bf833c331bb168a' }, this._getTableControlRow("header"), h("div", { key: 'e0e82e0bb5441286d5cd3bdda3c55d77515fbcb0', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '4890c168eba3db34a291121f633c0d69ab8a1517', class: "height-full width-full" }, h("calcite-loader", { key: '19f85ec47a03731fe4c9ebb13d91cad66a8637fa', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '53d1c8bce2e2d464a141fabfcf13ee41aaf02168', 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._filterModal()));
     }
@@ -482,7 +492,8 @@ export class LayerTable {
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
         if (this._translations) {
-            this._toolInfos = [{
+            this._toolInfos = [
+                !this.mapHidden ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -490,7 +501,7 @@ export class LayerTable {
                     func: () => this._zoom(),
                     disabled: !featuresSelected,
                     isOverflow: false
-                },
+                } : undefined,
                 hasFilterExpressions ? {
                     active: false,
                     icon: "filter",
@@ -568,7 +579,8 @@ export class LayerTable {
                     disabled: false,
                     isOverflow: false,
                     isSublist: true
-                }];
+                }
+            ];
             this._defaultVisibleToolSizeInfos = undefined;
         }
     }
@@ -1664,6 +1676,23 @@ export class LayerTable {
                 "attribute": "is-mobile",
                 "reflect": false
             },
+            "mapHidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true the map is hidden and map specific controls should be hidden"
+                },
+                "attribute": "map-hidden",
+                "reflect": false
+            },
             "mapInfo": {
                 "type": "unknown",
                 "mutable": false,
@@ -1879,6 +1908,9 @@ export class LayerTable {
             }, {
                 "propName": "_controlsThatFit",
                 "methodName": "_controlsThatFitWatchHandler"
+            }, {
+                "propName": "mapHidden",
+                "methodName": "mapHiddenWatchHandler"
             }, {
                 "propName": "isMobile",
                 "methodName": "isMobileWatchHandler"

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

@@ -209,7 +209,7 @@
           }
         }]
       ];
-      demo.hideMapOnLoad = false;
+      demo.hideMapOnLoad = true;
       //demo.coverPageEnabled = true;
       demo.introductionWindowEnabled = true;
     }

package/dist/components/crowdsource-manager.js

@@ -261,7 +261,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     async componentDidRender() {
         if (this._shouldSetMapView) {
             this._shouldSetMapView = false;
-            await this._setMapView();
+            if (this._mapChange) {
+                await this._setMapView();
+            }
         }
     }
     /**
@@ -481,7 +483,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
             ((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
         const defaultOid = !this.defaultOid ? undefined :
             ((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: this._expandPopup, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
     }
     /**
      * Update the component layout when its size changes

package/dist/components/floor-filter2.js

@@ -30,12 +30,17 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Watch for changes to the mapView and re-init the floor filter
      */
     async mapViewWatchHandler() {
+        console.log("mapViewWatchHandler");
+        console.log(`this.mapView: ${this.mapView}`);
         await this._initFloorFilter(this.mapView);
     }
     /**
      * Watch for changes to the enabled property and re-init or destroy the floor filter
      */
     async enabledWatchHandler() {
+        console.log("enabledWatchHandler");
+        console.log(`this.enabled: ${this.enabled}`);
+        console.log(`this.mapView: ${this.mapView}`);
         if (this.enabled) {
             await this._initFloorFilter(this.mapView);
         }
@@ -58,7 +63,9 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
+        console.log("render");
+        console.log(`this._floorFilterElement: ${this._floorFilterElement}`);
+        return (h(Host, { key: '01b71c71af2a183b85c8620c338512fd338f19ef' }, h("div", { key: '752d397c6e3b6a2257d0a8a05051ed821eca4b94', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -86,6 +93,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * @protected
      */
     _destroyWidget() {
+        console.log("_destroyWidget");
         if (this.floorFilterWidget) {
             this.floorFilterWidget.destroy();
             this.floorFilterWidget = undefined;
@@ -100,6 +108,7 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * @protected
      */
     _initContainer() {
+        console.log("_initContainer");
         this._destroyWidget();
         this._floorFilterElement = document.createElement("div");
     }
@@ -107,11 +116,18 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Initialize the floor filter or reset the current view if it already exists
      */
     async _initFloorFilter(view) {
+        console.log("_initFloorFilter");
         const webMap = view === null || view === void 0 ? void 0 : view.map;
-        if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
-            this._initContainer();
-            await webMap.when(() => {
-                var _a, _b, _c;
+        await webMap.when(() => {
+            var _a, _b, _c;
+            console.log("webMap.when");
+            console.log("_initFloorFilter");
+            console.log(`view: ${view}`);
+            console.log(`this.enabled: ${this.enabled}`);
+            console.log(`this.FloorFilter: ${this.FloorFilter}`);
+            console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
+            if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
+                this._initContainer();
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
@@ -128,8 +144,8 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
                 this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
                     this.siteChanged.emit(site);
                 });
-            });
-        }
+            }
+        });
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/layer-table2.js

@@ -103,6 +103,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this.enableInlineEdit = undefined;
         this.enableShare = undefined;
         this.isMobile = undefined;
+        this.mapHidden = undefined;
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
@@ -186,6 +187,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         });
     }
+    /**
+     * Reset the toolInfos when mapHidden prop changes so we can show/hide any map dependant tool(s)
+     */
+    mapHiddenWatchHandler() {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this._initToolInfos();
+        }
+    }
     /**
      * When isMobile is false we need to init the tool infos for the dynamic toolbar
      */
@@ -349,7 +359,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '928286a8e4d1159b56b2aa4384f0d6eed38c9e76' }, h("calcite-shell", { key: '7c9b98056ee867df54ebfd31fee6f046f5152f64' }, this._getTableControlRow("header"), h("div", { key: 'b1a9a9cca100c7bef335afd5b6c7d7384ca7536c', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'ceeead9900f43c94f46c8c94698ae17f3ae558b7', class: "height-full width-full" }, h("calcite-loader", { key: '7bf3c9ba21daa27dd387ba5413b6f6e982e1f10d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '7d0440047453a45fe1688ad373ab2463fe7479ba', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '9692c6f764d078c22e1d6271deb3844ef65b1fca' }, h("calcite-shell", { key: 'a37b9fcfdd8450fea4a994738bf833c331bb168a' }, this._getTableControlRow("header"), h("div", { key: 'e0e82e0bb5441286d5cd3bdda3c55d77515fbcb0', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '4890c168eba3db34a291121f633c0d69ab8a1517', class: "height-full width-full" }, h("calcite-loader", { key: '19f85ec47a03731fe4c9ebb13d91cad66a8637fa', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '53d1c8bce2e2d464a141fabfcf13ee41aaf02168', 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._filterModal()));
     }
@@ -512,7 +522,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
         if (this._translations) {
-            this._toolInfos = [{
+            this._toolInfos = [
+                !this.mapHidden ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -520,7 +531,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     func: () => this._zoom(),
                     disabled: !featuresSelected,
                     isOverflow: false
-                },
+                } : undefined,
                 hasFilterExpressions ? {
                     active: false,
                     icon: "filter",
@@ -598,7 +609,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     disabled: false,
                     isOverflow: false,
                     isSublist: true
-                }];
+                }
+            ];
             this._defaultVisibleToolSizeInfos = undefined;
         }
     }
@@ -1539,6 +1551,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
+        "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
@@ -1556,6 +1569,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "enableInlineEdit": [4, "enable-inline-edit"],
         "enableShare": [4, "enable-share"],
         "isMobile": [4, "is-mobile"],
+        "mapHidden": [4, "map-hidden"],
         "mapInfo": [16],
         "mapView": [16],
         "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
@@ -1584,6 +1598,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
+        "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],

package/dist/esm/basemap-gallery_7.entry.js

@@ -136,12 +136,17 @@ const FloorFilter = class {
      * Watch for changes to the mapView and re-init the floor filter
      */
     async mapViewWatchHandler() {
+        console.log("mapViewWatchHandler");
+        console.log(`this.mapView: ${this.mapView}`);
         await this._initFloorFilter(this.mapView);
     }
     /**
      * Watch for changes to the enabled property and re-init or destroy the floor filter
      */
     async enabledWatchHandler() {
+        console.log("enabledWatchHandler");
+        console.log(`this.enabled: ${this.enabled}`);
+        console.log(`this.mapView: ${this.mapView}`);
         if (this.enabled) {
             await this._initFloorFilter(this.mapView);
         }
@@ -164,7 +169,9 @@ const FloorFilter = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
+        console.log("render");
+        console.log(`this._floorFilterElement: ${this._floorFilterElement}`);
+        return (h(Host, { key: '01b71c71af2a183b85c8620c338512fd338f19ef' }, h("div", { key: '752d397c6e3b6a2257d0a8a05051ed821eca4b94', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -192,6 +199,7 @@ const FloorFilter = class {
      * @protected
      */
     _destroyWidget() {
+        console.log("_destroyWidget");
         if (this.floorFilterWidget) {
             this.floorFilterWidget.destroy();
             this.floorFilterWidget = undefined;
@@ -206,6 +214,7 @@ const FloorFilter = class {
      * @protected
      */
     _initContainer() {
+        console.log("_initContainer");
         this._destroyWidget();
         this._floorFilterElement = document.createElement("div");
     }
@@ -213,11 +222,18 @@ const FloorFilter = class {
      * Initialize the floor filter or reset the current view if it already exists
      */
     async _initFloorFilter(view) {
+        console.log("_initFloorFilter");
         const webMap = view === null || view === void 0 ? void 0 : view.map;
-        if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
-            this._initContainer();
-            await webMap.when(() => {
-                var _a, _b, _c;
+        await webMap.when(() => {
+            var _a, _b, _c;
+            console.log("webMap.when");
+            console.log("_initFloorFilter");
+            console.log(`view: ${view}`);
+            console.log(`this.enabled: ${this.enabled}`);
+            console.log(`this.FloorFilter: ${this.FloorFilter}`);
+            console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
+            if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
+                this._initContainer();
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
@@ -234,8 +250,8 @@ const FloorFilter = class {
                 this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
                     this.siteChanged.emit(site);
                 });
-            });
-        }
+            }
+        });
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -155,6 +155,7 @@ const LayerTable = class {
         this.enableInlineEdit = undefined;
         this.enableShare = undefined;
         this.isMobile = undefined;
+        this.mapHidden = undefined;
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
@@ -238,6 +239,15 @@ const LayerTable = class {
             }
         });
     }
+    /**
+     * Reset the toolInfos when mapHidden prop changes so we can show/hide any map dependant tool(s)
+     */
+    mapHiddenWatchHandler() {
+        var _a;
+        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this._initToolInfos();
+        }
+    }
     /**
      * When isMobile is false we need to init the tool infos for the dynamic toolbar
      */
@@ -401,7 +411,7 @@ const LayerTable = class {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '928286a8e4d1159b56b2aa4384f0d6eed38c9e76' }, h("calcite-shell", { key: '7c9b98056ee867df54ebfd31fee6f046f5152f64' }, this._getTableControlRow("header"), h("div", { key: 'b1a9a9cca100c7bef335afd5b6c7d7384ca7536c', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'ceeead9900f43c94f46c8c94698ae17f3ae558b7', class: "height-full width-full" }, h("calcite-loader", { key: '7bf3c9ba21daa27dd387ba5413b6f6e982e1f10d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '7d0440047453a45fe1688ad373ab2463fe7479ba', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: '9692c6f764d078c22e1d6271deb3844ef65b1fca' }, h("calcite-shell", { key: 'a37b9fcfdd8450fea4a994738bf833c331bb168a' }, this._getTableControlRow("header"), h("div", { key: 'e0e82e0bb5441286d5cd3bdda3c55d77515fbcb0', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '4890c168eba3db34a291121f633c0d69ab8a1517', class: "height-full width-full" }, h("calcite-loader", { key: '19f85ec47a03731fe4c9ebb13d91cad66a8637fa', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '53d1c8bce2e2d464a141fabfcf13ee41aaf02168', 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._filterModal()));
     }
@@ -564,7 +574,8 @@ const LayerTable = class {
         const featuresEmpty = this._featuresEmpty();
         const hasFilterExpressions = this._hasFilterExpressions();
         if (this._translations) {
-            this._toolInfos = [{
+            this._toolInfos = [
+                !this.mapHidden ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -572,7 +583,7 @@ const LayerTable = class {
                     func: () => this._zoom(),
                     disabled: !featuresSelected,
                     isOverflow: false
-                },
+                } : undefined,
                 hasFilterExpressions ? {
                     active: false,
                     icon: "filter",
@@ -650,7 +661,8 @@ const LayerTable = class {
                     disabled: false,
                     isOverflow: false,
                     isSublist: true
-                }];
+                }
+            ];
             this._defaultVisibleToolSizeInfos = undefined;
         }
     }
@@ -1591,6 +1603,7 @@ const LayerTable = class {
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
+        "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
         "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],

package/dist/esm/crowdsource-manager.entry.js

@@ -204,7 +204,9 @@ const CrowdsourceManager = class {
     async componentDidRender() {
         if (this._shouldSetMapView) {
             this._shouldSetMapView = false;
-            await this._setMapView();
+            if (this._mapChange) {
+                await this._setMapView();
+            }
         }
     }
     /**
@@ -424,7 +426,7 @@ const CrowdsourceManager = class {
             ((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
         const defaultOid = !this.defaultOid ? undefined :
             ((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: this._expandPopup, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
     }
     /**
      * Update the component layout when its size changes