@esri/solutions-components 0.7.47 → 0.7.49

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

@@ -74,22 +74,28 @@ export class FloorFilter {
      * Initialize the floor filter or reset the current view if it already exists
      */
     _initFloorFilter(view) {
-        var _a;
+        var _a, _b, _c, _d;
         if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
             if (!this.floorFilterWidget) {
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
                 });
-                if (this._levelHandle) {
-                    this._levelHandle.remove();
-                }
+                (_b = this._facilityHandle) === null || _b === void 0 ? void 0 : _b.remove();
+                this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
+                    this.facilityChanged.emit(facility);
+                });
+                (_c = this._levelHandle) === null || _c === void 0 ? void 0 : _c.remove();
                 this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
                     this.levelChanged.emit(level);
                 });
+                (_d = this._siteHandle) === null || _d === void 0 ? void 0 : _d.remove();
+                this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
+                    this.siteChanged.emit(site);
+                });
             }
             else {
-                this.floorFilterWidget.view = view;
+                this.floorFilterWidget.viewModel.view = view;
             }
         }
     }
@@ -168,6 +174,21 @@ export class FloorFilter {
     }
     static get events() {
         return [{
+                "method": "facilityChanged",
+                "name": "facilityChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when the Facility is changed"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
                 "method": "levelChanged",
                 "name": "levelChanged",
                 "bubbles": true,
@@ -182,6 +203,21 @@ export class FloorFilter {
                     "resolved": "string",
                     "references": {}
                 }
+            }, {
+                "method": "siteChanged",
+                "name": "siteChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on demand when the Site is changed"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "el"; }

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

@@ -156,6 +156,8 @@ export class LayerTable {
      * watch for changes in map info and update the toolbar
      */
     async mapInfoWatchHandler() {
+        this._resetColumnTemplates();
+        this._initLayerExpressions();
         this._initToolInfos();
         this._updateToolbar();
     }
@@ -167,6 +169,7 @@ export class LayerTable {
             this._mapClickHandle.remove();
         }
         if (this.mapView) {
+            this._floorExpression = undefined;
             this._updateShareUrl();
             this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
                 void this._mapClicked(event);
@@ -185,8 +188,8 @@ export class LayerTable {
             this._floorField = (_a = this._layer.floorInfo) === null || _a === void 0 ? void 0 : _a.floorField;
             this._updateFloorDefinitionExpression();
             await this._resetTable();
-            this._updateShareUrl();
             this._initLayerExpressions();
+            this._updateShareUrl();
             this._fetchingData = false;
         }));
     }
@@ -235,6 +238,13 @@ export class LayerTable {
         }
         await this._refresh();
     }
+    /**
+     * Refresh the table when floor filter facility is changed
+     */
+    async facilityChanged(evt) {
+        this._floorFacility = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
     /**
      * Refresh the table when floor filter level is changed
      */
@@ -242,6 +252,13 @@ export class LayerTable {
         this._floorLevel = evt.detail;
         this._updateFloorDefinitionExpression();
     }
+    /**
+     * Refresh the table when floor filter site is changed
+     */
+    async siteChanged(evt) {
+        this._floorSite = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
     /**
      * Refresh the table when
      */
@@ -538,7 +555,12 @@ export class LayerTable {
      */
     _updateFloorDefinitionExpression() {
         if (this._floorField && this._floorLevel) {
-            this._layer.definitionExpression = `${this._floorField} = '${this._floorLevel}'`;
+            const floorExp = `${this._floorField} = '${this._floorLevel}'`;
+            const defExp = this._layer.definitionExpression;
+            this._layer.definitionExpression = (defExp === null || defExp === void 0 ? void 0 : defExp.indexOf(this._floorExpression)) > -1 ?
+                defExp.replace(this._floorExpression, floorExp) :
+                defExp ? `${defExp} AND (${floorExp})` : floorExp;
+            this._floorExpression = floorExp;
         }
     }
     /**
@@ -854,8 +876,6 @@ export class LayerTable {
                     container: node
                 });
             });
-            this._initColumnsInfo();
-            this._checkEditEnabled();
             await this._table.when(() => {
                 this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
@@ -973,20 +993,20 @@ export class LayerTable {
     async _resetTable() {
         var _a;
         this._clearSelection();
-        this._allIds = [];
-        this.featureSelectionChange.emit(this.selectedIds);
-        const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await queryAllIds(this._layer);
         if (!this._table) {
+            const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
             await this._getTable(this._tableNode, columnTemplates);
         }
-        this._table.layer = this._layer;
-        this._table.view = this.mapView;
+        else {
+            this._table.view = this.mapView;
+            this._table.layer = this._layer;
+        }
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         await this.reactiveUtils.once(() => this._table.state === "loaded")
             .then(async () => {
-            var _a, _b;
+            var _a, _b, _c;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
             this._resetColumnTemplates();
@@ -1002,7 +1022,7 @@ export class LayerTable {
                 }
                 this._defaultGlobalIdHonored = true;
             }
-            if (!this._defaultFilterHonored && this.defaultFilter && this._filterList) {
+            if (!this._defaultFilterHonored && ((_c = this.defaultFilter) === null || _c === void 0 ? void 0 : _c.length) > 0 && this._filterList) {
                 this._layerExpressions = this.defaultFilter;
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
@@ -1141,7 +1161,15 @@ export class LayerTable {
      * Check if the layers definitionExpression has been modified
      */
     _handleFilterUpdate() {
-        this._filterActive = this._definitionExpression !== this._layer.definitionExpression;
+        const defExp = this._layer.definitionExpression;
+        if (this._floorExpression) {
+            const regEx = new RegExp(`${this._floorField} = ['].+[']`, "gm");
+            this._layer.definitionExpression = defExp && this._floorField && defExp.indexOf(`${this._floorField} = '`) > -1 ?
+                defExp.replace(regEx, this._floorExpression) : defExp ?
+                `${defExp} AND (${this._floorExpression})` : this._floorExpression;
+        }
+        this._filterActive = this._definitionExpression !== this._layer.definitionExpression &&
+            (this._floorExpression ? this._layer.definitionExpression !== this._floorExpression : true);
         this._updateShareUrl();
     }
     /**
@@ -1229,7 +1257,9 @@ export class LayerTable {
         const layerExpressions = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions;
         this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => { var _a; return exp.id === ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id); }) : [];
         this._filterList.layerExpressions = this._layerExpressions;
-        this._filterActive = false;
+        this._filterActive = this._layerExpressions.filter(lyrExp => {
+            return lyrExp.expressions.filter(exp => exp.active).length > 0;
+        }).length > 0;
     }
     /**
      * Select all rows that are not currently selectd
@@ -1817,12 +1847,24 @@ export class LayerTable {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "facilityChanged",
+                "method": "facilityChanged",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "levelChanged",
                 "method": "levelChanged",
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "siteChanged",
+                "method": "siteChanged",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "noLayersFound",
                 "method": "noLayersFound",

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

@@ -38,6 +38,12 @@
   <script type="module" src="../solutions-components.esm.js"></script>
 
   <script>
+    // require(["esri/config"], (
+    //   esriConfig
+    // ) => {
+    //   esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
+    // });
+
     function addValues() {
       const demo = document.getElementById("demo");
 

package/dist/components/floor-filter2.js

@@ -13,7 +13,9 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.facilityChanged = createEvent(this, "facilityChanged", 7);
         this.levelChanged = createEvent(this, "levelChanged", 7);
+        this.siteChanged = createEvent(this, "siteChanged", 7);
         this.enabled = undefined;
         this.floorFilterWidget = undefined;
         this.mapView = undefined;
@@ -66,22 +68,28 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
      * Initialize the floor filter or reset the current view if it already exists
      */
     _initFloorFilter(view) {
-        var _a;
+        var _a, _b, _c, _d;
         if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
             if (!this.floorFilterWidget) {
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
                 });
-                if (this._levelHandle) {
-                    this._levelHandle.remove();
-                }
+                (_b = this._facilityHandle) === null || _b === void 0 ? void 0 : _b.remove();
+                this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
+                    this.facilityChanged.emit(facility);
+                });
+                (_c = this._levelHandle) === null || _c === void 0 ? void 0 : _c.remove();
                 this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
                     this.levelChanged.emit(level);
                 });
+                (_d = this._siteHandle) === null || _d === void 0 ? void 0 : _d.remove();
+                this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
+                    this.siteChanged.emit(site);
+                });
             }
             else {
-                this.floorFilterWidget.view = view;
+                this.floorFilterWidget.viewModel.view = view;
             }
         }
     }

package/dist/components/instant-apps-export.js

@@ -664,13 +664,13 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
         });
     }
     updateScaleBar() {
-        var _a, _b, _c;
-        if (this.scaleBarContainerEl) {
+        if (this.scaleBarContainerEl && this.view != null) {
             this.scaleBarContainerEl.innerHTML = '';
             if (this.showScaleBar) {
-                const scaleBar = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.container) === null || _b === void 0 ? void 0 : _b.querySelector('.esri-scale-bar.esri-widget')) === null || _c === void 0 ? void 0 : _c.cloneNode(true);
-                if (scaleBar != null) {
-                    this.scaleBarContainerEl.append(scaleBar);
+                const widgets = this.view.ui.getComponents();
+                const scaleBar = widgets === null || widgets === void 0 ? void 0 : widgets.find(({ container }) => { var _a; return (_a = container === null || container === void 0 ? void 0 : container.className) === null || _a === void 0 ? void 0 : _a.includes('esri-scale-bar'); });
+                if ((scaleBar === null || scaleBar === void 0 ? void 0 : scaleBar.container) != null && typeof scaleBar.container !== 'string') {
+                    this.scaleBarContainerEl.append(scaleBar.container.cloneNode(true));
                 }
             }
         }

package/dist/components/instant-apps-filter-list2.js

@@ -65,7 +65,7 @@ function resetDatePicker(datePicker) {
   }
 }
 
-const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;--calcite-font-size--1:16px}.instant-apps-filter-list__item-container--user-input calcite-combobox-item{--calcite-font-size--1:12px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
+const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height:24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
 
 const CSS = {
     base: 'instant-apps-filter-list',
@@ -91,7 +91,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.autoUpdateUrl = false;
         this.closeBtn = false;
         this.closeBtnOnClick = undefined;
-        this.comboboxOverlayPositioning = "absolute";
+        this.comboboxOverlayPositioning = 'absolute';
         this.closeBtnText = undefined;
         this.openFilters = false;
         this.extentSelector = false;
@@ -188,7 +188,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     renderCombobox(layerExpression, expression) {
         var _a;
-        return (h("label", { key: "combo-select", class: CSS.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
+        return (h("label", { key: "combo-select", class: CSS.filterUIItemContainer }, h("span", null, expression.name), h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", scale: "s", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
     }
     renderComboboxItem(expression, value, index) {
         var _a;

package/dist/components/instant-apps-interactive-legend-classic2.js

@@ -1200,11 +1200,26 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
                 var _a, _b, _c, _d;
                 try {
                     // Initial data setup
+                    // Loads map/basemap
                     const map = await ((_c = (_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.load());
                     await ((_d = map === null || map === void 0 ? void 0 : map.basemap) === null || _d === void 0 ? void 0 : _d.load());
+                    // Loads all layers in webmap and waits until all settled promises
                     const allLayers = map === null || map === void 0 ? void 0 : map.allLayers;
                     const promises = allLayers === null || allLayers === void 0 ? void 0 : allLayers.map(layer => layer.load());
-                    await Promise.allSettled(promises);
+                    const settled = await Promise.allSettled(promises);
+                    const settledLayerPromises = settled
+                        .map(settledLayer => ((settledLayer === null || settledLayer === void 0 ? void 0 : settledLayer.status) === 'fulfilled' && (settledLayer === null || settledLayer === void 0 ? void 0 : settledLayer.value) ? settledLayer.value : null))
+                        .filter(layer => !!layer);
+                    // Wait until all layer views are settled/available
+                    const lvPromises = [];
+                    settledLayerPromises.forEach(layer => {
+                        var _a;
+                        if ((_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) {
+                            lvPromises.push(this.legendvm.view.whenLayerView(layer));
+                        }
+                    });
+                    await Promise.allSettled(lvPromises);
+                    // Generate data once all layers/layer views are complete
                     const data = await generateData(this.legendvm, this.reactiveUtils);
                     store.set('data', Object.assign(Object.assign({}, interactiveLegendState.data), data));
                     this.isLoading = false;

package/dist/components/instant-apps-social-share2.js

@@ -12,7 +12,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './popover.js';
 
-const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
+const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
 
 const base = 'instant-apps-social-share';
 const CSS = {
@@ -219,7 +219,7 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
     renderButton() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
-        return this.shareButtonType === 'button' ? (h("calcite-button", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, kind: this.shareButtonColor, appearance: "transparent", label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, title: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, scale: scale }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale })))) : (h("calcite-action", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, appearance: "transparent", label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, title: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.share) === null || _h === void 0 ? void 0 : _h.label, scale: scale, text: "" }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale }))));
+        return this.shareButtonType === 'button' ? (h("calcite-button", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, kind: this.shareButtonColor, appearance: "transparent", label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, title: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, scale: scale }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale })))) : (h("calcite-action", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, appearance: "transparent", label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, title: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.share) === null || _h === void 0 ? void 0 : _h.label, scale: scale, text: "", alignment: "center" }, h("div", { class: CSS.iconContainer }, h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale }))));
     }
     renderSuccess() {
         var _a;

package/dist/components/layer-table2.js

@@ -185,6 +185,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * watch for changes in map info and update the toolbar
      */
     async mapInfoWatchHandler() {
+        this._resetColumnTemplates();
+        this._initLayerExpressions();
         this._initToolInfos();
         this._updateToolbar();
     }
@@ -196,6 +198,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._mapClickHandle.remove();
         }
         if (this.mapView) {
+            this._floorExpression = undefined;
             this._updateShareUrl();
             this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
                 void this._mapClicked(event);
@@ -214,8 +217,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._floorField = (_a = this._layer.floorInfo) === null || _a === void 0 ? void 0 : _a.floorField;
             this._updateFloorDefinitionExpression();
             await this._resetTable();
-            this._updateShareUrl();
             this._initLayerExpressions();
+            this._updateShareUrl();
             this._fetchingData = false;
         }));
     }
@@ -264,6 +267,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         }
         await this._refresh();
     }
+    /**
+     * Refresh the table when floor filter facility is changed
+     */
+    async facilityChanged(evt) {
+        this._floorFacility = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
     /**
      * Refresh the table when floor filter level is changed
      */
@@ -271,6 +281,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._floorLevel = evt.detail;
         this._updateFloorDefinitionExpression();
     }
+    /**
+     * Refresh the table when floor filter site is changed
+     */
+    async siteChanged(evt) {
+        this._floorSite = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
     /**
      * Refresh the table when
      */
@@ -567,7 +584,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _updateFloorDefinitionExpression() {
         if (this._floorField && this._floorLevel) {
-            this._layer.definitionExpression = `${this._floorField} = '${this._floorLevel}'`;
+            const floorExp = `${this._floorField} = '${this._floorLevel}'`;
+            const defExp = this._layer.definitionExpression;
+            this._layer.definitionExpression = (defExp === null || defExp === void 0 ? void 0 : defExp.indexOf(this._floorExpression)) > -1 ?
+                defExp.replace(this._floorExpression, floorExp) :
+                defExp ? `${defExp} AND (${floorExp})` : floorExp;
+            this._floorExpression = floorExp;
         }
     }
     /**
@@ -883,8 +905,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     container: node
                 });
             });
-            this._initColumnsInfo();
-            this._checkEditEnabled();
             await this._table.when(() => {
                 this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
@@ -1002,20 +1022,20 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async _resetTable() {
         var _a;
         this._clearSelection();
-        this._allIds = [];
-        this.featureSelectionChange.emit(this.selectedIds);
-        const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await queryAllIds(this._layer);
         if (!this._table) {
+            const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
             await this._getTable(this._tableNode, columnTemplates);
         }
-        this._table.layer = this._layer;
-        this._table.view = this.mapView;
+        else {
+            this._table.view = this.mapView;
+            this._table.layer = this._layer;
+        }
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         await this.reactiveUtils.once(() => this._table.state === "loaded")
             .then(async () => {
-            var _a, _b;
+            var _a, _b, _c;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
             this._resetColumnTemplates();
@@ -1031,7 +1051,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 }
                 this._defaultGlobalIdHonored = true;
             }
-            if (!this._defaultFilterHonored && this.defaultFilter && this._filterList) {
+            if (!this._defaultFilterHonored && ((_c = this.defaultFilter) === null || _c === void 0 ? void 0 : _c.length) > 0 && this._filterList) {
                 this._layerExpressions = this.defaultFilter;
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
@@ -1170,7 +1190,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Check if the layers definitionExpression has been modified
      */
     _handleFilterUpdate() {
-        this._filterActive = this._definitionExpression !== this._layer.definitionExpression;
+        const defExp = this._layer.definitionExpression;
+        if (this._floorExpression) {
+            const regEx = new RegExp(`${this._floorField} = ['].+[']`, "gm");
+            this._layer.definitionExpression = defExp && this._floorField && defExp.indexOf(`${this._floorField} = '`) > -1 ?
+                defExp.replace(regEx, this._floorExpression) : defExp ?
+                `${defExp} AND (${this._floorExpression})` : this._floorExpression;
+        }
+        this._filterActive = this._definitionExpression !== this._layer.definitionExpression &&
+            (this._floorExpression ? this._layer.definitionExpression !== this._floorExpression : true);
         this._updateShareUrl();
     }
     /**
@@ -1258,7 +1286,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const layerExpressions = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions;
         this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => { var _a; return exp.id === ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id); }) : [];
         this._filterList.layerExpressions = this._layerExpressions;
-        this._filterActive = false;
+        this._filterActive = this._layerExpressions.filter(lyrExp => {
+            return lyrExp.expressions.filter(exp => exp.active).length > 0;
+        }).length > 0;
     }
     /**
      * Select all rows that are not currently selectd
@@ -1484,7 +1514,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_showOnlySelected": [32],
         "_toolInfos": [32],
         "_translations": [32]
-    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "levelChanged", "levelChanged"], [8, "noLayersFound", "noLayersFound"]], {
+    }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "facilityChanged", "facilityChanged"], [8, "levelChanged", "levelChanged"], [8, "siteChanged", "siteChanged"], [8, "noLayersFound", "noLayersFound"]], {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
         "enableShare": ["enableShareWatchHandler"],

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

@@ -119,7 +119,9 @@ const floorFilterCss = ":host{display:block}";
 const FloorFilter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.facilityChanged = createEvent(this, "facilityChanged", 7);
         this.levelChanged = createEvent(this, "levelChanged", 7);
+        this.siteChanged = createEvent(this, "siteChanged", 7);
         this.enabled = undefined;
         this.floorFilterWidget = undefined;
         this.mapView = undefined;
@@ -172,22 +174,28 @@ const FloorFilter = class {
      * Initialize the floor filter or reset the current view if it already exists
      */
     _initFloorFilter(view) {
-        var _a;
+        var _a, _b, _c, _d;
         if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
             if (!this.floorFilterWidget) {
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
                     view
                 });
-                if (this._levelHandle) {
-                    this._levelHandle.remove();
-                }
+                (_b = this._facilityHandle) === null || _b === void 0 ? void 0 : _b.remove();
+                this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
+                    this.facilityChanged.emit(facility);
+                });
+                (_c = this._levelHandle) === null || _c === void 0 ? void 0 : _c.remove();
                 this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
                     this.levelChanged.emit(level);
                 });
+                (_d = this._siteHandle) === null || _d === void 0 ? void 0 : _d.remove();
+                this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
+                    this.siteChanged.emit(site);
+                });
             }
             else {
-                this.floorFilterWidget.view = view;
+                this.floorFilterWidget.viewModel.view = view;
             }
         }
     }