@esri/solutions-components 0.6.32 → 0.6.34

package/dist/components/crowdsource-manager.js

@@ -50,7 +50,7 @@ import { d as defineCustomElement$4 } from './map-picker2.js';
 import { d as defineCustomElement$3 } from './map-search2.js';
 import { d as defineCustomElement$2 } from './map-tools2.js';
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-ui-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-3)}.border-sides{border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-ui-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-3)}.border-sides{border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}";
 
 const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceManager extends HTMLElement {
   constructor() {
@@ -62,7 +62,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     this._shouldSetMapView = false;
     this.classicGrid = false;
-    this.enableAutoRefresh = true;
+    this.enableAutoRefresh = false;
     this.enableCSV = true;
     this.enableFloorFilter = true;
     this.enableFullscreen = true;
@@ -279,11 +279,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * @protected
    */
   _getMapNode(layoutMode, hideMap) {
-    var _a, _b, _c;
+    var _a;
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
-    const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : this._expandPopup ? "height-50-px" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter && ((_b = (_a = this._mapView) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.floorInfo), enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapInfos: (_c = this.mapInfos) === null || _c === void 0 ? void 0 : _c.filter(mapInfo => mapInfo.visible !== false) })));
+    const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false) })));
   }
   /**
    * Get the expand node for the popup information
@@ -296,7 +296,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const id = "expand-popup";
     const tooltip = this._expandPopup ? this._translations.collapsePopup : this._translations.expandPopup;
     const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return (h("div", { class: "calcite-mode-dark height-full" }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { icon: "information", scale: "s" }), h("div", { class: "padding-inline-start-75" }, this._translations.information)), h("calcite-action", { icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end" }), h("calcite-tooltip", { class: themeClass, label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)), this._getCardNode())));
+    const popupNodeClass = !this._expandPopup ? "height-full" : "position-absolute-50";
+    return (h("div", { class: "calcite-mode-dark " + popupNodeClass }, h("calcite-panel", null, h("div", { class: "display-flex align-items-center", slot: "header-content" }, h("calcite-icon", { icon: "information", scale: "s" }), h("div", { class: "padding-inline-start-75" }, this._translations.information)), h("calcite-action", { icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end" }), h("calcite-tooltip", { class: themeClass, label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)), this._getCardNode())));
   }
   /**
    * Toggle the popup information
@@ -317,9 +318,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    */
   _getCardNode() {
     const cardManagerHeight = !this._expandPopup ? "height-50" : "height-full";
-    const cardManagerContainer = this._expandPopup ? "width-50 adjusted-height-100-50" : "width-50 height-full";
     const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return (h("div", { class: `${cardManagerContainer} ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
+    return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
   }
   /**
    * Get the table node based for the current layout
@@ -339,7 +339,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -373,8 +373,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * @protected
    */
   _setMapView() {
+    var _a, _b;
     this._mapInfo = this._getMapInfo(this._mapChange.id);
     this._mapView = this._mapChange.mapView;
+    if (!this.enableZoom && ((_b = (_a = this._mapView) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.components.indexOf("zoom")) > -1) {
+      this._mapView.ui.components = this._mapView.ui.components.filter(c => c !== "zoom");
+    }
     this._mapView.popupEnabled = false;
   }
   /**

package/dist/components/downloadUtils.js

@@ -2829,6 +2829,26 @@ function _prepareAttributeValue(attributeValue, attributeType, attributeDomain,
         // e.g., "12/31/1969, 4:00 PM"
         value = value.replace(/\xe2\x80\xaf/g, "");
         break;
+      case "date-only":
+        // Value is a string, e.g., "2020-12-08"
+        if (attributeFormat === null || attributeFormat === void 0 ? void 0 : attributeFormat.dateFormat) {
+          const dateFormatIntlOptions = intl.convertDateFormatToIntlOptions(attributeFormat.dateFormat);
+          value = intl.formatDateOnly(value, dateFormatIntlOptions);
+        }
+        else {
+          value = intl.formatDateOnly(value);
+        }
+        break;
+      case "time-only":
+        // Value is a string, e.g., "14:51:44.2533333"
+        if (attributeFormat === null || attributeFormat === void 0 ? void 0 : attributeFormat.dateFormat) {
+          const dateFormatIntlOptions = intl.convertDateFormatToIntlOptions(attributeFormat.dateFormat);
+          value = intl.formatTimeOnly(value, dateFormatIntlOptions);
+        }
+        else {
+          value = intl.formatTimeOnly(value);
+        }
+        break;
       case "double":
       case "integer":
       case "long":

package/dist/components/floor-filter2.js

@@ -77,7 +77,8 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
    * @protected
    */
   _initFloorFilter(view) {
-    if (view && this.enabled && this.FloorFilter) {
+    var _a;
+    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,

package/dist/components/layer-table2.js

@@ -63,6 +63,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     this.enableAutoRefresh = undefined;
     this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
+    this.enableZoom = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
@@ -309,13 +310,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   _initToolInfos() {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
-    this._toolInfos = [{
+    const featuresEmpty = this._allIds.length === 0;
+    this._toolInfos = [this.enableZoom ? {
         icon: "zoom-to-object",
         label: this._translations.zoom,
         func: () => this._zoom(),
         disabled: !featuresSelected,
         isOverflow: false
-      }, ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+      } : undefined,
+      ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
         icon: "filter",
         label: this._translations.filters,
         func: () => this._filter(),
@@ -345,27 +348,27 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         icon: "list-check-all",
         func: () => this._selectAll(),
         label: this._translations.selectAll,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       }, {
         icon: "refresh",
         func: () => this._refresh(),
         label: this._translations.refresh,
         disabled: false,
-        isOverflow: true
+        isOverflow: false
       },
       this.enableCSV ? {
         icon: "export",
         func: () => void this._exportToCSV(),
         label: this._translations.exportCSV,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
   }
@@ -409,14 +412,20 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             prev.push(cur.id);
             return prev;
           }, []);
+          let forceFinish = false;
           const controlsThatFit = [...this._defaultVisibleToolSizeInfos].reduce((prev, cur) => {
-            if (skipControls.indexOf(cur.id) < 0 &&
+            if (!forceFinish && skipControls.indexOf(cur.id) < 0 &&
               (currentTools.indexOf(cur.id) > -1 || (controlsWidth + cur.width) <= toolbarWidth)) {
               if (currentTools.indexOf(cur.id) < 0) {
                 controlsWidth += cur.width;
               }
               prev.push(cur);
             }
+            else if (skipControls.indexOf(cur.id) < 0 && (controlsWidth + cur.width) > toolbarWidth) {
+              // exit the first time we evalute this as true...otherwise it will add the next control that will fit
+              // and not preserve the overall order of controls
+              forceFinish = true;
+            }
             return prev;
           }, []);
           this._setControlsThatFit(controlsThatFit, skipControls);
@@ -495,9 +504,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
    */
   _getDropdown(id) {
     const dropdownItems = this._getDropdownItems();
-    return (h("calcite-dropdown", { disabled: this._layer === undefined, id: "solutions-more" }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
+    return dropdownItems.length > 0 ? (h("calcite-dropdown", { disabled: this._layer === undefined, id: "solutions-more" }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
       return (h("calcite-dropdown-item", { iconStart: item.icon, onClick: item.func }, item.label));
-    }))));
+    })))) : undefined;
   }
   /**
    * Get a list of toolInfos that should display in the dropdown
@@ -909,6 +918,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     "enableAutoRefresh": [4, "enable-auto-refresh"],
     "enableCSV": [4, "enable-c-s-v"],
     "enableInlineEdit": [4, "enable-inline-edit"],
+    "enableZoom": [4, "enable-zoom"],
     "mapInfo": [16],
     "mapView": [16],
     "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],

package/dist/components/map-card2.js

@@ -30,7 +30,7 @@ import { d as defineCustomElement$3 } from './map-picker2.js';
 import { d as defineCustomElement$2 } from './map-search2.js';
 import { d as defineCustomElement$1 } from './map-tools2.js';
 
-const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.box-shadow{box-shadow:none !important}";
+const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 51px)}.box-shadow{box-shadow:none !important}.visibility-hidden{visibility:hidden}";
 
 const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLElement {
   constructor() {
@@ -42,12 +42,14 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
     this.basemapConfig = undefined;
+    this.hidden = undefined;
     this.mapInfos = [];
     this.mapView = undefined;
     this._searchConfiguration = undefined;
@@ -74,7 +76,8 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    const mapClass = this.hidden ? "visibility-hidden" : "";
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -126,10 +129,12 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
       this._searchConfiguration = this._webMapInfo.searchConfiguration;
       this.beforeMapChanged.emit();
       await this.mapView.when(() => {
-        const home = new this.Home({
-          view: this.mapView
-        });
-        this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        if (this.enableHome) {
+          const home = new this.Home({
+            view: this.mapView
+          });
+          this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        }
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
         this.mapChanged.emit({
           id: id,
@@ -141,12 +146,14 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
   get el() { return this; }
   static get style() { return mapCardCss; }
 }, [0, "map-card", {
+    "enableHome": [4, "enable-home"],
     "enableLegend": [4, "enable-legend"],
     "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],
     "enableSearch": [4, "enable-search"],
     "enableBasemap": [4, "enable-basemap"],
     "basemapConfig": [16],
+    "hidden": [4],
     "mapInfos": [16],
     "mapView": [16],
     "_searchConfiguration": [32],

package/dist/components/map-tools2.js

@@ -31,6 +31,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     this.layout = "vertical";
     this.mapView = undefined;
     this.searchConfiguration = undefined;
+    this._hasFloorInfo = false;
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
@@ -44,6 +45,15 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
+  /**
+   * When the mapView loads check if it supports floor awareness
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      var _a, _b;
+      this._hasFloorInfo = (_b = (_a = this.mapView) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.floorInfo;
+    });
+  }
   /**
    * When the _showBasemapWidget property is true display the basemap gallery
    */
@@ -157,7 +167,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
       undefined, this.enableBasemap ?
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
-      undefined, this.enableFloorFilter ?
+      undefined, this.enableFloorFilter && this._hasFloorInfo ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
       undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
@@ -251,6 +261,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
+    "mapView": ["mapViewWatchHandler"],
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
     "_showFloorFilter": ["_showFloorFilterWatchHandler"],
     "_showFullscreen": ["_showFullscreenWatchHandler"],
@@ -268,6 +279,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     "layout": [1],
     "mapView": [16],
     "searchConfiguration": [16],
+    "_hasFloorInfo": [32],
     "_translations": [32],
     "_showTools": [32],
     "_showBasemapWidget": [32],
@@ -276,6 +288,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     "_showLegendWidget": [32],
     "_showSearchWidget": [32]
   }, undefined, {
+    "mapView": ["mapViewWatchHandler"],
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
     "_showFloorFilter": ["_showFloorFilterWatchHandler"],
     "_showFullscreen": ["_showFullscreenWatchHandler"],

package/dist/components/queryUtils.js

@@ -27,7 +27,7 @@
  */
 async function queryAllIds(layer) {
   const query = layer.createQuery();
-  query.where = "1=1";
+  query.where = layer.definitionExpression || "1=1";
   return await layer.queryObjectIds(query);
 }
 /**

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

@@ -177,7 +177,8 @@ const FloorFilter = class {
    * @protected
    */
   _initFloorFilter(view) {
-    if (view && this.enabled && this.FloorFilter) {
+    var _a;
+    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,
@@ -729,6 +730,7 @@ const MapTools = class {
     this.layout = "vertical";
     this.mapView = undefined;
     this.searchConfiguration = undefined;
+    this._hasFloorInfo = false;
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
@@ -742,6 +744,15 @@ const MapTools = class {
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
+  /**
+   * When the mapView loads check if it supports floor awareness
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      var _a, _b;
+      this._hasFloorInfo = (_b = (_a = this.mapView) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.floorInfo;
+    });
+  }
   /**
    * When the _showBasemapWidget property is true display the basemap gallery
    */
@@ -855,7 +866,7 @@ const MapTools = class {
       this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
       undefined, this.enableBasemap ?
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
-      undefined, this.enableFloorFilter ?
+      undefined, this.enableFloorFilter && this._hasFloorInfo ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
       undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
@@ -949,6 +960,7 @@ const MapTools = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "mapView": ["mapViewWatchHandler"],
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
     "_showFloorFilter": ["_showFloorFilterWatchHandler"],
     "_showFullscreen": ["_showFullscreenWatchHandler"],

package/dist/esm/calcite-combobox_6.entry.js

@@ -21,7 +21,7 @@ import { d as debounce } from './debounce-229b1a22.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-94095778.js';
 import { i as isActivationKey } from './key-5ab69c42.js';
 import { g as getLocaleComponentStrings } from './locale-6be4e8f0.js';
-import { k as getMapLayerHash, l as getMapTableHash } from './mapViewUtils-8bfabd80.js';
+import { k as getMapLayerHash, l as getMapTableHash } from './mapViewUtils-43c930f1.js';
 import { s as state } from './publicNotificationStore-f25d1e95.js';
 import './resources-bb8600a6.js';
 import './browser-b8a2c2d7.js';

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

@@ -5,9 +5,9 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-0740c914.js';
 import { g as getLocaleComponentStrings } from './locale-6be4e8f0.js';
-import { q as queryFeaturesByID, a as getLayerOrTable, g as goToSelection, b as queryAllIds } from './mapViewUtils-8bfabd80.js';
+import { q as queryFeaturesByID, a as getLayerOrTable, g as goToSelection, b as queryAllIds } from './mapViewUtils-43c930f1.js';
 import { l as loadModules } from './loadModules-687a30c5.js';
-import { d as downloadCSV } from './downloadUtils-fa2b3718.js';
+import { d as downloadCSV } from './downloadUtils-ddd7eeb7.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-7470d906.js';
 import './clean-url-bce022e6.js';
@@ -128,6 +128,7 @@ const LayerTable = class {
     this.enableAutoRefresh = undefined;
     this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
+    this.enableZoom = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
@@ -374,13 +375,15 @@ const LayerTable = class {
   _initToolInfos() {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
-    this._toolInfos = [{
+    const featuresEmpty = this._allIds.length === 0;
+    this._toolInfos = [this.enableZoom ? {
         icon: "zoom-to-object",
         label: this._translations.zoom,
         func: () => this._zoom(),
         disabled: !featuresSelected,
         isOverflow: false
-      }, ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+      } : undefined,
+      ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
         icon: "filter",
         label: this._translations.filters,
         func: () => this._filter(),
@@ -410,27 +413,27 @@ const LayerTable = class {
         icon: "list-check-all",
         func: () => this._selectAll(),
         label: this._translations.selectAll,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       }, {
         icon: "refresh",
         func: () => this._refresh(),
         label: this._translations.refresh,
         disabled: false,
-        isOverflow: true
+        isOverflow: false
       },
       this.enableCSV ? {
         icon: "export",
         func: () => void this._exportToCSV(),
         label: this._translations.exportCSV,
-        disabled: false,
-        isOverflow: true
+        disabled: featuresEmpty,
+        isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
   }
@@ -474,14 +477,20 @@ const LayerTable = class {
             prev.push(cur.id);
             return prev;
           }, []);
+          let forceFinish = false;
           const controlsThatFit = [...this._defaultVisibleToolSizeInfos].reduce((prev, cur) => {
-            if (skipControls.indexOf(cur.id) < 0 &&
+            if (!forceFinish && skipControls.indexOf(cur.id) < 0 &&
               (currentTools.indexOf(cur.id) > -1 || (controlsWidth + cur.width) <= toolbarWidth)) {
               if (currentTools.indexOf(cur.id) < 0) {
                 controlsWidth += cur.width;
               }
               prev.push(cur);
             }
+            else if (skipControls.indexOf(cur.id) < 0 && (controlsWidth + cur.width) > toolbarWidth) {
+              // exit the first time we evalute this as true...otherwise it will add the next control that will fit
+              // and not preserve the overall order of controls
+              forceFinish = true;
+            }
             return prev;
           }, []);
           this._setControlsThatFit(controlsThatFit, skipControls);
@@ -560,9 +569,9 @@ const LayerTable = class {
    */
   _getDropdown(id) {
     const dropdownItems = this._getDropdownItems();
-    return (h("calcite-dropdown", { disabled: this._layer === undefined, id: "solutions-more" }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
+    return dropdownItems.length > 0 ? (h("calcite-dropdown", { disabled: this._layer === undefined, id: "solutions-more" }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
       return (h("calcite-dropdown-item", { iconStart: item.icon, onClick: item.func }, item.label));
-    }))));
+    })))) : undefined;
   }
   /**
    * Get a list of toolInfos that should display in the dropdown
@@ -972,7 +981,7 @@ const LayerTable = class {
 };
 LayerTable.style = layerTableCss;
 
-const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.box-shadow{box-shadow:none !important}";
+const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 51px)}.box-shadow{box-shadow:none !important}.visibility-hidden{visibility:hidden}";
 
 const MapCard = class {
   constructor(hostRef) {
@@ -983,12 +992,14 @@ const MapCard = class {
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
     this.basemapConfig = undefined;
+    this.hidden = undefined;
     this.mapInfos = [];
     this.mapView = undefined;
     this._searchConfiguration = undefined;
@@ -1015,7 +1026,8 @@ const MapCard = class {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    const mapClass = this.hidden ? "visibility-hidden" : "";
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -1067,10 +1079,12 @@ const MapCard = class {
       this._searchConfiguration = this._webMapInfo.searchConfiguration;
       this.beforeMapChanged.emit();
       await this.mapView.when(() => {
-        const home = new this.Home({
-          view: this.mapView
-        });
-        this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        if (this.enableHome) {
+          const home = new this.Home({
+            view: this.mapView
+          });
+          this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        }
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
         this.mapChanged.emit({
           id: id,