@esri/solutions-components 0.8.29 → 0.8.30

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

@@ -136,23 +136,22 @@ const FloorFilter = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Watch for changes to the mapView and re-init the floor filter
+     */
     async mapViewWatchHandler() {
-        console.log("mapViewWatchHandler FF");
-        const webMap = this.mapView.map;
-        await webMap.when(() => {
-            console.log("webMap.when FF");
-            if (this.floorFilterWidget) {
-                this.floorFilterWidget.destroy();
-                this.floorFilterWidget = undefined;
-                console.log("floorFilterWidget destroyed");
-            }
-            if (this._floorFilterElement) {
-                this._floorFilterElement.remove();
-                this._floorFilterElement = document.createElement("div");
-                console.log("this._floorFilterElement created");
-            }
-            this._initFloorFilter(this.mapView, webMap);
-        });
+        await this._initFloorFilter(this.mapView);
+    }
+    /**
+     * Watch for changes to the enabled property and re-init or destroy the floor filter
+     */
+    async enabledWatchHandler() {
+        if (this.enabled) {
+            await this._initFloorFilter(this.mapView);
+        }
+        else if (!this.enabled) {
+            this._destroyWidget();
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -165,8 +164,11 @@ const FloorFilter = class {
     async componentWillLoad() {
         return this._initModules();
     }
+    /**
+     * Renders the component.
+     */
     render() {
-        return (index.h(index.Host, { key: 'df3c419f3eaf30590c44c4919f0eeddfc333b81d' }, index.h("div", { key: '8496099f3bc35f34db6e47f73870ead9144df0a4', ref: (el) => { this._floorFilterElement = el; } })));
+        return (index.h(index.Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, index.h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -188,38 +190,61 @@ const FloorFilter = class {
         this.FloorFilter = FloorFilter;
         this.reactiveUtils = reactiveUtils;
     }
+    /**
+     * Destroy the widget and remove the containing element if it exists
+     *
+     * @protected
+     */
+    _destroyWidget() {
+        if (this.floorFilterWidget) {
+            this.floorFilterWidget.destroy();
+            this.floorFilterWidget = undefined;
+        }
+        if (this._floorFilterElement) {
+            this._floorFilterElement.remove();
+        }
+    }
+    /**
+     * Destroy the widget and remove the containing element then re-create the container element
+     *
+     * @protected
+     */
+    _initContainer() {
+        this._destroyWidget();
+        this._floorFilterElement = document.createElement("div");
+    }
     /**
      * Initialize the floor filter or reset the current view if it already exists
      */
-    _initFloorFilter(view, webMap) {
-        var _a, _b, _c;
-        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}`);
+    async _initFloorFilter(view) {
+        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.floorFilterWidget = new this.FloorFilter({
-                container: this._floorFilterElement,
-                view
-            });
-            (_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
-            this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
-                this.facilityChanged.emit(facility);
-            });
-            (_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
-            this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
-                this.levelChanged.emit(level);
-            });
-            (_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
-            this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
-                this.siteChanged.emit(site);
+            this._initContainer();
+            await webMap.when(() => {
+                var _a, _b, _c;
+                this.floorFilterWidget = new this.FloorFilter({
+                    container: this._floorFilterElement,
+                    view
+                });
+                (_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
+                this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
+                    this.facilityChanged.emit(facility);
+                });
+                (_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
+                this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
+                    this.levelChanged.emit(level);
+                });
+                (_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
+                this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
+                    this.siteChanged.emit(site);
+                });
             });
         }
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
+        "mapView": ["mapViewWatchHandler"],
+        "enabled": ["enabledWatchHandler"]
     }; }
 };
 FloorFilter.style = FloorFilterStyle0;