@esri/solutions-components 1.2.0-next.32 → 1.2.0-next.34

package/dist/components/map-basemap-gallery/customElement.js

@@ -0,0 +1,72 @@
+import { c as s } from "../../chunks/runtime.js";
+import { css as t, html as r } from "lit";
+import { createRef as p, ref as o } from "lit-html/directives/ref.js";
+import { LitElement as n } from "@arcgis/lumina";
+import m from "@arcgis/core/widgets/BasemapGallery";
+import l from "@arcgis/core/widgets/BasemapGallery/support/PortalBasemapsSource";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.34 */
+const c = t`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */.display-block{display:block}`;
+class h extends n {
+  constructor() {
+    super(...arguments), this._basemapElement = p();
+  }
+  static {
+    this.properties = { mapView: 0, basemapConfig: 0, basemapWidget: 0 };
+  }
+  static {
+    this.styles = c;
+  }
+  willUpdate(e) {
+    e.has("basemapConfig") && this.basemapConfigWatchHandler(), e.has("mapView") && this.mapViewWatchHandler();
+  }
+  async basemapConfigWatchHandler() {
+    if (this.basemapWidget?.source) {
+      const e = this.basemapWidget?.source;
+      e.query = this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null, await e.refresh();
+    }
+  }
+  async mapViewWatchHandler() {
+    this.mapView !== void 0 && await this.mapView.when(() => {
+      this._initBaseMapGallery(this.mapView);
+    });
+  }
+  render() {
+    return r`<div class="display-block" ${o(this._basemapElement)}></div>`;
+  }
+  loaded() {
+    this.mapView && this.mapViewWatchHandler();
+  }
+  async _initBaseMapGallery(e) {
+    if (e) {
+      const a = new l({
+        query: this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null,
+        filterFunction: this.basemapConfig ? (i) => i?.portalItem?.id && this.basemapConfig ? !this.basemapConfig.basemapIdsToFilter.includes(i?.portalItem?.id) : !0 : () => !0
+      });
+      await a.refresh(), this.basemapWidget ? (this.basemapWidget.view = e, this.basemapWidget.source = a) : this.basemapWidget = new m({
+        container: this._basemapElement.value,
+        view: e,
+        source: a
+      });
+    }
+  }
+}
+s("map-basemap-gallery", h);
+export {
+  h as MapBasemapGallery
+};

package/dist/components/map-card/customElement.d.ts

@@ -192,7 +192,11 @@ export declare class MapCard extends LitElement {
     enableSelectionTool: boolean;
     /** Reset the filter */
     resetFilter(): Promise<void>;
-    /** updates the filter */
+    /**
+     * updates the filter
+     *
+     * @param active
+     */
     updateFilterState(active: boolean): Promise<void>;
     /** updates the layer in map layer picker */
     updateLayer(): Promise<void>;

package/dist/components/map-card/customElement.js

@@ -1,18 +1,20 @@
 import { c as b } from "../../chunks/runtime.js";
-import { l as y } from "../../chunks/loadModules.js";
 import { B as c } from "../../chunks/interfaces.js";
-import { joinAppProxies as _ } from "templates-common-library/functionality/proxy.js";
-import { g, b as v } from "../../chunks/mapViewUtils.js";
-import { u as I } from "../../chunks/useT9n.js";
-import { css as $, html as l, nothing as m } from "lit";
-import { createRef as d, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as p, noShadowRoot as w, safeClassMap as f } from "@arcgis/lumina";
-import { defineCustomElements as M } from "@arcgis/instant-apps-components/loader";
-import { f as S } from "../../chunks/helpers.js";
+import { joinAppProxies as y } from "templates-common-library/functionality/proxy.js";
+import { g as _, b as g } from "../../chunks/mapViewUtils.js";
+import { u as v } from "../../chunks/useT9n.js";
+import { css as I, html as l, nothing as m } from "lit";
+import { createRef as d, ref as r } from "lit-html/directives/ref.js";
+import { LitElement as $, createEvent as p, noShadowRoot as L, safeClassMap as f } from "@arcgis/lumina";
+import { defineCustomElements as w } from "@arcgis/instant-apps-components/loader";
+import { f as M } from "../../chunks/helpers.js";
+import S from "@arcgis/core/config";
+import T from "@arcgis/core/views/MapView";
+import W from "@arcgis/core/WebMap";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const T = $`@layer{/** @license
+v1.2.0-next.34 */
+const C = I`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,18 +29,18 @@ const T = $`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-label-margin-bottom: 0;--calcite-block-padding: 0}.map-height{height:calc(100% - 53px)}.height-full{height:100%}.height-49-px{height:49px}.box-shadow{box-shadow:none!important}.visibility-hidden-1{visibility:hidden;height:1px}.hidden{visibility:hidden!important}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.absolute-right{position:absolute;right:0;left:unset}.esri-ui-inner-container.esri-ui-corner-container{direction:ltr}html[dir=rtl] .absolute-right{left:0;right:unset}.panel-header-override{--calcite-panel-header-content-space: 0px}@media only screen and (max-width:1024px){.esri-zoom{display:none!important}}}`;
-class W extends L {
+class V extends $ {
   constructor() {
-    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableMapLayerPicker = !1, this.enableMapPicker = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.featureSelectionMode = "multiple", this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-leading", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._configLayerOrderDefined = !1, this._translations = I({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = d(), this._mapPicker = d(), this._mapTools = d(), this._mobMapTools = d(), this._mapLayerPicker = d(), this._selectedWebMapId = "", this._isValidWebMap = !0, this.mapChanged = p(), this.beforeMapChanged = p(), this.toggleFilter = p(), this.clearSelection = p(), this.editMultipleFeatures = p(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, M(window);
+    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableMapLayerPicker = !1, this.enableMapPicker = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.featureSelectionMode = "multiple", this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-leading", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._configLayerOrderDefined = !1, this._translations = v({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = d(), this._mapPicker = d(), this._mapTools = d(), this._mobMapTools = d(), this._mapLayerPicker = d(), this._selectedWebMapId = "", this._isValidWebMap = !0, this.mapChanged = p(), this.beforeMapChanged = p(), this.toggleFilter = p(), this.clearSelection = p(), this.editMultipleFeatures = p(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, w(window);
   }
   static {
     this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableMapLayerPicker: 5, enableMapPicker: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, featureSelectionMode: 1, basemapConfig: 0, hide: 5, zoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mobileMapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, mapToolsOrder: 0, mobileToolsOrder: 0, isMapLayout: 5, shareIncludeEmbed: 5, shareIncludeSocial: 5, selectedFeaturesIds: 0, selectedLayer: 0, zoomToScale: 9, showOnlyUpdatableLayers: 5, isMobile: 5, mapInfo: 0, enableSelectionTool: 5, _configLayerOrderDefined: 16, _translations: 16, _searchConfiguration: 16, _webMapInfo: 16, _toolInfos: 16, _filterActive: 16, _mapDivHeight: 16, _mapDivWidth: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = C;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = L;
   }
   willUpdate(e) {
     e.has("appLayout") && this.appLayoutWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("selectedFeaturesIds") && this.selectedFeaturesIdsWatchHandler();
@@ -47,7 +49,7 @@ class W extends L {
     this._updateShareUrl();
   }
   async mapInfoWatchHandler() {
-    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = S(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder);
+    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = M(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder);
   }
   async mapViewWatchHandler() {
     this.mapView && this._updateShareUrl();
@@ -76,7 +78,7 @@ class W extends L {
     }, 50);
   }
   async load() {
-    await this._initModules(), this._initToolInfos(), this._mapSizeObserver || (this._mapSizeObserver = new ResizeObserver(() => {
+    this._initToolInfos(), this._mapSizeObserver || (this._mapSizeObserver = new ResizeObserver(() => {
       if (this._mapDivWidth && this._mapDiv.value) {
         const e = this.isMobile ? 160 : 110;
         this._mapDivWidth = this._mapDiv.value.offsetWidth - e;
@@ -84,8 +86,8 @@ class W extends L {
     }));
   }
   render() {
-    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", s = "height-full", t = this.isMapLayout ? "" : "display-none", a = this._isValidWebMap ? "" : "hidden", n = this.isMobile ? "" : "hidden";
-    return this._handleMapVisibility(), this._validateActiveActions(), l`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${f(t)} value=0></calcite-progress><div class=${`${e} ${s}`}><div class="height-full" ${h(this._mapDiv)}></div></div>${l`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i} ${a}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${h(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${n}`} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this._enabledLayerIds} .enableMapLayerPicker=${this.enableMapLayerPicker} .enableMapPicker=${this.enableMapPicker} .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${h(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
+    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", a = "height-full", t = this.isMapLayout ? "" : "display-none", s = this._isValidWebMap ? "" : "hidden", n = this.isMobile ? "" : "hidden";
+    return this._handleMapVisibility(), this._validateActiveActions(), l`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${f(t)} value=0></calcite-progress><div class=${`${e} ${a}`}><div class="height-full" ${r(this._mapDiv)}></div></div>${l`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i} ${s}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${r(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${n}`} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this._enabledLayerIds} .enableMapLayerPicker=${this.enableMapLayerPicker} .enableMapPicker=${this.enableMapPicker} .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${r(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
   }
   updated() {
     this._mapDivHeight = this._mapDiv.value?.offsetHeight ?? 0, document.onclick = (e) => this._handleDocumentClick(e);
@@ -93,61 +95,53 @@ class W extends L {
   loaded() {
     this._mapDiv.value && this._mapSizeObserver?.observe(this._mapDiv.value), this._updateShareUrl();
   }
-  async _initModules() {
-    const [e, i, s] = await y([
-      "esri/WebMap",
-      "esri/views/MapView",
-      "esri/config"
-    ]);
-    this.WebMap = e, this.MapView = i, this.esriConfig = s;
-  }
   async _loadMap(e) {
-    const i = !this._defaultWebmapHonored && this.defaultWebmapId, s = this.mapInfos?.filter((o) => o.id === this.defaultWebmapId), t = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
-    this._webMapInfo = i && s ? s[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
-    const a = this._webMapInfo.id, n = i && e?.id === this.defaultWebmapId;
-    if (this._loadedId !== a && !i || n) {
-      const o = this.WebMap && new this.WebMap({
-        portalItem: { id: a }
+    const i = !this._defaultWebmapHonored && this.defaultWebmapId, a = this.mapInfos?.filter((o) => o.id === this.defaultWebmapId), t = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
+    this._webMapInfo = i && a ? a[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
+    const s = this._webMapInfo.id, n = i && e?.id === this.defaultWebmapId;
+    if (this._loadedId !== s && !i || n) {
+      const o = new W({
+        portalItem: { id: s }
       });
       try {
-        o && await o.load(), this.appProxies && o && this.esriConfig && await _(o, this.esriConfig, this.appProxies), this.mapView = this.MapView && new this.MapView({
+        o && await o.load(), this.appProxies && o && await y(o, S, this.appProxies), this.mapView = new T({
           container: this._mapDiv.value,
           map: o,
           resizeAlign: "center"
-        }), this._loadedId = a, this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapView && await this.mapView.when(() => {
+        }), this._loadedId = s, this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapView && await this.mapView.when(() => {
           if (this.mapView) {
-            const r = this.isMobile ? 160 : 110;
-            this._mapDivWidth = this._mapDiv.value && this._mapDiv.value.offsetWidth - r, this._mapTools.value && this.mapView.ui.add(this._mapTools.value, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex }), this._mobMapTools.value && this.mapView.ui.add(this._mobMapTools.value, { position: this.mobileMapWidgetsPosition, index: this.mapWidgetsIndex }), this._defaultWebmapHonored = n ? !0 : this._defaultWebmapHonored, this._isValidWebMap = !0, this.mapChanged.emit({
-              id: a,
+            const h = this.isMobile ? 160 : 110;
+            this._mapDivWidth = this._mapDiv.value && this._mapDiv.value.offsetWidth - h, this._mapTools.value && this.mapView.ui.add(this._mapTools.value, { position: this.mapWidgetsPosition, index: this.mapWidgetsIndex }), this._mobMapTools.value && this.mapView.ui.add(this._mobMapTools.value, { position: this.mobileMapWidgetsPosition, index: this.mapWidgetsIndex }), this._defaultWebmapHonored = n ? !0 : this._defaultWebmapHonored, this._isValidWebMap = !0, this.mapChanged.emit({
+              id: s,
               mapView: this.mapView,
               isValid: !0
             }), this.isMobile || document.getElementsByClassName("esri-zoom")[0]?.classList.remove("display-none");
           }
         });
-      } catch (r) {
-        console.error(r), this._loadedId = a, this._isValidWebMap = !1, this.mapChanged.emit({
-          id: a,
+      } catch (h) {
+        console.error(h), this._loadedId = s, this._isValidWebMap = !1, this.mapChanged.emit({
+          id: s,
           mapView: void 0,
           isValid: !1
         }), document.getElementsByClassName("esri-zoom")[0]?.classList.add("display-none");
         return;
       }
-    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(a)) : t && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
-      id: a,
+    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(s)) : t && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
+      id: s,
       mapView: this.mapView,
       isValid: !0
     }));
     this._updateShareUrl();
   }
   _getMapLayerPicker() {
-    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", s = this.isMapLayout ? "height-0" : "width-full", t = "display-flex", a = this.isMapLayout ? "" : "display-none";
-    return l`${!this.isMobile && l`<div slot=${e ?? m}><map-picker class=${`${i} ${s}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${h(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${a}`} id=solutions-map-layer-picker-container><div class=${`border-end ${t}`}>${this.mapView && l`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
+    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", a = this.isMapLayout ? "height-0" : "width-full", t = "display-flex", s = this.isMapLayout ? "" : "display-none";
+    return l`${!this.isMobile && l`<div slot=${e ?? m}><map-picker class=${`${i} ${a}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${r(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${s}`} id=solutions-map-layer-picker-container><div class=${`border-end ${t}`}>${this.mapView && l`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${r(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
   }
   _getHeaderActions() {
     return l`<div slot=header-content><calcite-action-bar class=${f("display-flex")} expand-disabled expanded id=${this._getId("bar") ?? m} layout=horizontal><calcite-action-group>${this.isMapLayout ? this._getActions() : void 0}</calcite-action-group></calcite-action-bar></div>`;
   }
   _getShare(e) {
-    return l`<div class="share-action" id=${this._getId(e) ?? m}>${this.mapView && l`<instant-apps-social-share class="instant-app-share" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${h((i) => {
+    return l`<div class="share-action" id=${this._getId(e) ?? m}>${this.mapView && l`<instant-apps-social-share class="instant-app-share" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${r((i) => {
       i && (this._shareNode = i, this._updateShareUrl());
     })}></instant-apps-social-share>` || ""}${this._getToolTip("bottom", `map-${e}`, this._translations?.share)}</div>`;
   }
@@ -159,7 +153,7 @@ class W extends L {
     this._loadedId ? i.searchParams.set("webmap", this._loadedId) : i.searchParams.delete("webmap"), this.selectedLayer?.id ? i.searchParams.set("layer", this.selectedLayer.id) : i.searchParams.delete("layer"), this.selectedFeaturesIds?.length > 0 ? i.searchParams.set("oid", this.selectedFeaturesIds.join(",")) : i.searchParams.delete("oid"), this.appLayout && i.searchParams.set("applayout", this.appLayout), this._shareNode && (this._shareNode.autoUpdateShareUrl = !1, this._shareNode.shareUrl = i.href);
   }
   _initToolInfos() {
-    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, s = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, a = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
     t.push({
       active: !1,
       icon: "filter",
@@ -176,7 +170,7 @@ class W extends L {
       func: () => void this._zoom(),
       disabled: !e,
       toolTip: this._translations.zoom
-    }), s && t.push({
+    }), a && t.push({
       active: !1,
       icon: "pencil",
       indicator: !1,
@@ -215,9 +209,9 @@ class W extends L {
     }
   }
   _validateEnabledActions() {
-    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, s = ["zoom-to-object", "pencil", "erase"];
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, a = ["zoom-to-object", "pencil", "erase"];
     this._toolInfos?.forEach((t) => {
-      t && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > c ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
+      t && a.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > c ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
     });
   }
   _handleDocumentClick(e) {
@@ -225,8 +219,8 @@ class W extends L {
   }
   async _zoom() {
     if (this.selectedLayer && this.mapView) {
-      const e = await g(this.mapView, this.selectedLayer.id);
-      e && await v(this.selectedFeaturesIds, e, this.mapView, !0, void 0, this.zoomToScale);
+      const e = await _(this.mapView, this.selectedLayer.id);
+      e && await g(this.selectedFeaturesIds, e, this.mapView, !0, void 0, this.zoomToScale);
     }
   }
   async _toggleFilter() {
@@ -235,18 +229,18 @@ class W extends L {
   _getActions() {
     return this._toolInfos?.reduce((e, i) => (i && e.push(this._getAction(i.active, i.icon, i.indicator, i.label, i.func, i.disabled, i.loading, i.toolTip)), e), []);
   }
-  _getToolTip(e, i, s) {
-    return l`<calcite-tooltip .placement=${e} .referenceElement=${i}><span>${s}</span></calcite-tooltip>`;
+  _getToolTip(e, i, a) {
+    return l`<calcite-tooltip .placement=${e} .referenceElement=${i}><span>${a}</span></calcite-tooltip>`;
   }
-  _getAction(e, i, s, t, a, n, o, r) {
+  _getAction(e, i, a, t, s, n, o, h) {
     const u = this.selectedLayer === void 0 ? !0 : n;
-    return l`<calcite-action .active=${e} appearance=solid .disabled=${u} .icon=${i} .id=${`map-${i}`} .indicator=${s} .label=${t} .loading=${o} @click=${a} .text=${t} text-enabled></calcite-action>${this._getToolTip("auto", `map-${i}`, r)}`;
+    return l`<calcite-action .active=${e} appearance=solid .disabled=${u} .icon=${i} .id=${`map-${i}`} .indicator=${a} .label=${t} .loading=${o} @click=${s} .text=${t} text-enabled></calcite-action>${this._getToolTip("auto", `map-${i}`, h)}`;
   }
   _getId(e) {
     return `solutions-action-${e}`;
   }
 }
-b("map-card", W);
+b("map-card", V);
 export {
-  W as MapCard
+  V as MapCard
 };

package/dist/components/map-draw-tools/customElement.js

@@ -1,16 +1,18 @@
 import { c } from "../../chunks/runtime.js";
 import { h as o } from "../../chunks/interfaces.js";
-import { l } from "../../chunks/loadModules.js";
-import { u as n } from "../../chunks/useT9n.js";
-import { css as d, html as p } from "lit";
-import { createRef as g, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as y, createEvent as h, noShadowRoot as f, safeClassMap as r } from "@arcgis/lumina";
-import { useContextConsumer as w } from "@arcgis/lumina/context";
-import { p as k } from "../../chunks/publicNotificationContext.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { css as n, html as d } from "lit";
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as m, createEvent as h, noShadowRoot as f, safeClassMap as r } from "@arcgis/lumina";
+import { useContextConsumer as y } from "@arcgis/lumina/context";
+import { p as w } from "../../chunks/publicNotificationContext.js";
+import _ from "@arcgis/core/layers/GraphicsLayer";
+import k from "@arcgis/core/widgets/Sketch/SketchViewModel";
+import u from "@arcgis/core/widgets/Sketch";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const _ = d`@layer{/** @license
+v1.2.0-next.34 */
+const b = n`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,18 +27,18 @@ const _ = d`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`;
-class u extends y {
+class v extends m {
   constructor() {
-    super(...arguments), this.active = !1, this.drawMode = o.SKETCH, this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = n({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = w({
-      context: k,
+    super(...arguments), this.active = !1, this.drawMode = o.SKETCH, this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = l({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = y({
+      context: w,
       subscribe: !0
-    }), this._sketchElement = g(), this.selectionLoadingChange = h(), this.sketchGraphicsChange = h(), this.drawUndo = h(), this.drawRedo = h();
+    }), this._sketchElement = p(), this.selectionLoadingChange = h(), this.sketchGraphicsChange = h(), this.drawUndo = h(), this.drawRedo = h();
   }
   static {
     this.properties = { active: 5, drawMode: 0, editGraphicsEnabled: 5, graphics: 0, mapView: 0, pointSymbol: 0, polylineSymbol: 0, polygonSymbol: 0, redoEnabled: 5, undoEnabled: 5, _translations: 16, _selectionMode: 16 };
   }
   static {
-    this.styles = _;
+    this.styles = b;
   }
   static {
     this.shadowRootOptions = f;
@@ -44,11 +46,11 @@ class u extends y {
   willUpdate(e) {
     e.has("graphics") && this.graphicsWatchHandler(this.graphics, e.get("graphics")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView"));
   }
-  graphicsWatchHandler(e, t) {
-    e && e.length > 0 && JSON.stringify(e) !== JSON.stringify(t) && this._sketchGraphicsLayer && (this._updateGraphicsSymbols(e), this._sketchGraphicsLayer.removeAll(), this._sketchGraphicsLayer.addMany(e));
+  graphicsWatchHandler(e, i) {
+    e && e.length > 0 && JSON.stringify(e) !== JSON.stringify(i) && this._sketchGraphicsLayer && (this._updateGraphicsSymbols(e), this._sketchGraphicsLayer.removeAll(), this._sketchGraphicsLayer.addMany(e));
   }
-  mapViewWatchHandler(e, t) {
-    e && e !== t && this._init();
+  mapViewWatchHandler(e, i) {
+    e && e !== i && this._init();
   }
   async clear() {
     this._clearSketch();
@@ -56,9 +58,6 @@ class u extends y {
   async updateGraphics() {
     this._updateGraphics();
   }
-  async load() {
-    await this._initModules();
-  }
   loaded() {
     this._init();
   }
@@ -66,25 +65,17 @@ class u extends y {
     super.disconnectedCallback(), this._sketchWidget?.cancel(), this._clearSketch();
   }
   render() {
-    const e = this.drawMode === o.SKETCH ? "border" : "border esri-widget esri-sketch__panel", t = this.drawMode === o.SKETCH ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-    return p`<div class=${r(e)}><div ${m(this._sketchElement)}></div><div class=${r(t)}><calcite-action .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
-  }
-  async _initModules() {
-    const [e, t, s] = await l([
-      "esri/layers/GraphicsLayer",
-      "esri/widgets/Sketch",
-      "esri/widgets/Sketch/SketchViewModel"
-    ]);
-    this.GraphicsLayer = e, this.Sketch = t, this.SketchViewModel = s;
+    const e = this.drawMode === o.SKETCH ? "border" : "border esri-widget esri-sketch__panel", i = this.drawMode === o.SKETCH ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
+    return d`<div class=${r(e)}><div ${g(this._sketchElement)}></div><div class=${r(i)}><calcite-action .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
   }
   _init() {
     this.mapView && this._sketchElement.value && (this._initGraphicsLayer(), this._initSketch());
   }
   _initGraphicsLayer() {
-    const e = this._pnContextConsumer.value, t = this._translations.sketchLayer;
+    const e = this._pnContextConsumer.value, i = this._translations.sketchLayer;
     if (this.mapView) {
-      const s = this.mapView.map.layers.findIndex((i) => i.title === t);
-      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: t, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[t] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
+      const s = this.mapView.map.layers.findIndex((t) => t.title === i);
+      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = new _({ title: i, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[i] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
     }
   }
   _initSketch() {
@@ -102,7 +93,7 @@ class u extends y {
         toggleToolOnClick: !1
       }
     };
-    if (this._sketchWidget = this.Sketch && new this.Sketch({
+    if (this._sketchWidget = new u({
       ...e,
       container: this._sketchElement.value,
       creationMode: "single",
@@ -120,26 +111,26 @@ class u extends y {
         settingsMenu: this.drawMode === o.SKETCH
       }
     }), this._sketchWidget && this._sketchWidget.viewModel) {
-      this._sketchViewModel = this.SketchViewModel && new this.SketchViewModel({
+      this._sketchViewModel = new k({
         ...e
       }), this.polylineSymbol && (this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol), this.pointSymbol && (this._sketchWidget.viewModel.pointSymbol = this.pointSymbol), this.polygonSymbol && (this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol), this._sketchWidget?.when(async () => {
         await new Promise((a) => setTimeout(a, 50)), this._sketchElement.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement", "auto");
       });
-      let t = !1;
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("create", (i) => {
-        i.state === "complete" && (this.graphics = [i.graphic], this.sketchGraphicsChange.emit({
+      let i = !1;
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("create", (t) => {
+        t.state === "complete" && (this.graphics = t.graphic ? [t.graphic] : [], this.sketchGraphicsChange.emit({
           graphics: this.graphics,
           useOIDs: !1
-        }), this.drawMode === o.REFINE && (t = !0, this._sketchWidget?.viewModel.create(i.tool))), i.state === "cancel" && this.drawMode === o.REFINE && t && (t = !t, this._sketchWidget?.viewModel.create(i.tool));
+        }), this.drawMode === o.REFINE && (i = !0, this._sketchWidget?.viewModel.create(t.tool))), t.state === "cancel" && this.drawMode === o.REFINE && i && (i = !i, this._sketchWidget?.viewModel.create(t.tool));
       }));
       let s;
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (i) => {
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (t) => {
         if (!this.editGraphicsEnabled)
           this._sketchWidget?.viewModel.cancel(), this._sketchViewModel?.cancel();
         else {
-          const a = i?.toolEventInfo?.type;
+          const a = t?.toolEventInfo?.type;
           (a === "move" || a === "reshape-stop" || a === "move-stop") && (clearTimeout(s), s = window.setTimeout(async () => {
-            this.graphics = i.graphics, this.sketchGraphicsChange.emit({
+            this.graphics = t.graphics, this.sketchGraphicsChange.emit({
               graphics: this.graphics,
               useOIDs: !1
             });
@@ -150,13 +141,13 @@ class u extends y {
           graphics: this.graphics,
           useOIDs: !1
         });
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (i) => {
-        this.graphics = i.graphics, this.sketchGraphicsChange.emit({
+      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (t) => {
+        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
           graphics: this.graphics,
           useOIDs: !1
         });
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (i) => {
-        this.graphics = i.graphics, this.sketchGraphicsChange.emit({
+      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (t) => {
+        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
           graphics: this.graphics,
           useOIDs: !1
         });
@@ -184,11 +175,11 @@ class u extends y {
     }, 100);
   }
   _updateGraphicsSymbols(e) {
-    const s = e[0]?.geometry?.type, i = s === "point" ? this.pointSymbol : s === "polyline" ? this.polylineSymbol : s === "polygon" ? this.polygonSymbol : void 0;
-    i && e.forEach((a) => a.symbol = i);
+    const s = e[0]?.geometry?.type, t = s === "point" ? this.pointSymbol : s === "polyline" ? this.polylineSymbol : s === "polygon" ? this.polygonSymbol : void 0;
+    t && e.forEach((a) => a.symbol = t);
   }
 }
-c("map-draw-tools", u);
+c("map-draw-tools", v);
 export {
-  u as MapDrawTools
+  v as MapDrawTools
 };

package/dist/components/map-floor-filter/customElement.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { PropertyValues } from 'lit';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class MapFloorFilter extends LitElement {
+    /**
+     * boolean: when true the Floor Filter widget will be available
+     *
+     * @default false
+     */
+    enabled: boolean;
+    /**
+     * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
+     *
+     * FloorFilter instance
+     */
+    floorFilterWidget: __esri.FloorFilter | undefined;
+    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    mapView: __esri.MapView | undefined;
+    /** Emitted on demand when the Facility is changed */
+    readonly facilityChanged: TargetedEvent<this, string>;
+    /** Emitted on demand when the Level is changed */
+    readonly levelChanged: TargetedEvent<this, string>;
+    /** Emitted on demand when the Site is changed */
+    readonly siteChanged: TargetedEvent<this, string>;
+}

package/dist/components/map-floor-filter/customElement.js

@@ -0,0 +1,75 @@
+import { c as r } from "../../chunks/runtime.js";
+import { css as o, html as a } from "lit";
+import { createRef as n, ref as h } from "lit-html/directives/ref.js";
+import { LitElement as d, createEvent as l } from "@arcgis/lumina";
+import m from "@arcgis/core/widgets/FloorFilter";
+import * as s from "@arcgis/core/core/reactiveUtils";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.34 */
+const c = o`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */:host{display:block}`;
+class f extends d {
+  constructor() {
+    super(...arguments), this.enabled = !1, this._floorFilterElement = n(), this.facilityChanged = l(), this.levelChanged = l(), this.siteChanged = l();
+  }
+  static {
+    this.properties = { enabled: 5, floorFilterWidget: 0, mapView: 0 };
+  }
+  static {
+    this.styles = c;
+  }
+  willUpdate(i) {
+    i.has("mapView") && this.mapViewWatchHandler(), i.has("enabled") && this.enabledWatchHandler();
+  }
+  async mapViewWatchHandler() {
+    this.mapView && await this._initFloorFilter(this.mapView);
+  }
+  async enabledWatchHandler() {
+    this.enabled ? this.mapView && await this._initFloorFilter(this.mapView) : this.enabled || this._destroyWidget();
+  }
+  render() {
+    return a`<div ${h(this._floorFilterElement)}></div>`;
+  }
+  async loaded() {
+    this.mapView && !this.floorFilterWidget && await this._initFloorFilter(this.mapView);
+  }
+  _destroyWidget() {
+    this.floorFilterWidget && (this.floorFilterWidget.destroy(), this.floorFilterWidget = void 0), this._floorFilterElement.value && this._floorFilterElement.value.remove();
+  }
+  _initContainer() {
+    this._destroyWidget(), this._floorFilterElement && (this._floorFilterElement.value = document.createElement("div"));
+  }
+  async _initFloorFilter(i) {
+    const t = i?.map;
+    t && await t.when(() => {
+      i && this.enabled && t?.floorInfo && (this._initContainer(), this.floorFilterWidget = new m({
+        container: this._floorFilterElement.value,
+        view: i
+      }), this._facilityHandle?.remove(), this._facilityHandle = s?.watch(() => this.floorFilterWidget?.facility, (e) => {
+        e && this.facilityChanged.emit(e);
+      }), this._levelHandle?.remove(), this._levelHandle = s.watch(() => this.floorFilterWidget?.level, (e) => {
+        e && this.levelChanged.emit(e);
+      }), this._siteHandle?.remove(), this._siteHandle = s.watch(() => this.floorFilterWidget?.site, (e) => {
+        e && this.siteChanged.emit(e);
+      }));
+    });
+  }
+}
+r("map-floor-filter", f);
+export {
+  f as MapFloorFilter
+};