@esri/solutions-components 0.6.32 → 0.6.33

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

@@ -331,26 +331,26 @@ export class LayerTable {
         func: () => this._selectAll(),
         label: this._translations.selectAll,
         disabled: false,
-        isOverflow: true
+        isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
         disabled: false,
-        isOverflow: true
+        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
+        isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
   }
@@ -394,14 +394,20 @@ export class LayerTable {
             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);
@@ -480,9 +486,9 @@ export class LayerTable {
    */
   _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

package/dist/collection/components/map-card/map-card.css

@@ -21,9 +21,13 @@
 }
 
 .map-height {
-  height: calc(100% - 58px);
+  height: calc(100% - 51px);
 }
 
 .box-shadow {
   box-shadow: none !important;
 }
+
+.visibility-hidden {
+  visibility: hidden;
+}

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

@@ -38,6 +38,7 @@ export class MapCard {
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
     this.basemapConfig = undefined;
+    this.hidden = undefined;
     this.mapInfos = [];
     this.mapView = undefined;
     this._searchConfiguration = undefined;
@@ -64,7 +65,8 @@ export class MapCard {
    * 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 })));
   }
   //--------------------------------------------------------------------------
   //
@@ -247,6 +249,23 @@ export class MapCard {
           "text": "IBasemapConfig: List of any basemaps to filter out from the basemap widget"
         }
       },
+      "hidden": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: When true the map display will be hidden"
+        },
+        "attribute": "hidden",
+        "reflect": false
+      },
       "mapInfos": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/map-tools/map-tools.js

@@ -31,6 +31,7 @@ export class MapTools {
     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 @@ export class MapTools {
   //  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 @@ export class MapTools {
       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; } })));
   }
@@ -432,6 +442,7 @@ export class MapTools {
   }
   static get states() {
     return {
+      "_hasFloorInfo": {},
       "_translations": {},
       "_showTools": {},
       "_showBasemapWidget": {},
@@ -444,6 +455,9 @@ export class MapTools {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
+        "propName": "mapView",
+        "methodName": "mapViewWatchHandler"
+      }, {
         "propName": "_showBasemapWidget",
         "methodName": "_showBasemapWidgetWatchHandler"
       }, {

package/dist/collection/utils/downloadUtils.js

@@ -514,6 +514,26 @@ export function _prepareAttributeValue(attributeValue, attributeType, attributeD
         // 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/collection/utils/downloadUtils.ts

@@ -688,6 +688,26 @@ export function _prepareAttributeValue(
         value = value.replace(/\xe2\x80\xaf/g, "");
         break;
 
+      case "date-only":
+        // Value is a string, e.g., "2020-12-08"
+        if (attributeFormat?.dateFormat) {
+          const dateFormatIntlOptions = intl.convertDateFormatToIntlOptions(attributeFormat.dateFormat as any);
+          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?.dateFormat) {
+          const dateFormatIntlOptions = intl.convertDateFormatToIntlOptions(attributeFormat.dateFormat as any);
+          value = intl.formatTimeOnly(value, dateFormatIntlOptions);
+        } else {
+          value = intl.formatTimeOnly(value);
+        }
+        break;
+
       case "double":
       case "integer":
       case "long":

package/dist/collection/utils/queryUtils.js

@@ -49,7 +49,7 @@ export async function queryAllFeatures(start, layer, graphics) {
  */
 export 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/collection/utils/queryUtils.ts

@@ -59,7 +59,7 @@ export async function queryAllIds(
   layer: __esri.FeatureLayer
 ): Promise<number[]> {
   const query = layer.createQuery();
-  query.where = "1=1";
+  query.where = layer.definitionExpression || "1=1";
   return await layer.queryObjectIds(query);
 }
 

package/dist/collection/utils/test/downloadUtils.spec.js

@@ -803,21 +803,95 @@ describe("downloadUtils", () => {
     });
   });
   describe('_prepareAttributeValue', () => {
+    it('should format date attributes', () => {
+      const attributeValue = new Date('2022-02-01T00:00:00.000Z');
+      const attributeType = 'date';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatDate: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDate).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
+    it('should format date-only attributes', () => {
+      const attributeValue = '2020-02-01';
+      const attributeType = 'date-only';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatDateOnly: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDateOnly).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
+    it('should format time-only attributes', () => {
+      const attributeValue = '14:51:44.2533333';
+      const attributeType = 'time-only';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatTimeOnly: jest.fn().mockReturnValue('14:41'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
+      expect(result).toEqual('14:41');
+      expect(intl.formatTimeOnly).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
     it('should format date attributes using the specified date format', () => {
-      const attributeValue = new Date('2022-01-01T00:00:00.000Z');
+      const attributeValue = new Date('2022-02-01T00:00:00.000Z');
       const attributeType = 'date';
       const attributeDomain = null;
       const attributeFormat = {
-        dateFormat: 'short-date'
+        dateFormat: 'shortdate'
       };
       const intl = {
-        formatDate: jest.fn().mockReturnValue('01/01/2022'),
+        formatDate: jest.fn().mockReturnValue('02/01/2022'),
         convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
       };
       const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
-      expect(result).toEqual('01/01/2022');
+      expect(result).toEqual('02/01/2022');
       expect(intl.formatDate).toHaveBeenCalledWith(attributeValue, {});
-      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('short-date');
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
+    });
+    it('should format date-only attributes using the specified date format', () => {
+      const attributeValue = '2020-02-01';
+      const attributeType = 'date-only';
+      const attributeDomain = null;
+      const attributeFormat = {
+        dateFormat: 'shortdate'
+      };
+      const intl = {
+        formatDateOnly: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDateOnly).toHaveBeenCalledWith(attributeValue, {});
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
+    });
+    it('should format time-only attributes using the specified date format', () => {
+      const attributeValue = '14:51:44.2533333';
+      const attributeType = 'time-only';
+      const attributeDomain = null;
+      const attributeFormat = {
+        dateFormat: 'shortdate'
+      };
+      const intl = {
+        formatTimeOnly: jest.fn().mockReturnValue('14:41'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat, intl);
+      expect(result).toEqual('14:41');
+      expect(intl.formatTimeOnly).toHaveBeenCalledWith(attributeValue, {});
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
     });
     it('should format number attributes using the specified number format', () => {
       const attributeValue = 1234.5678;

package/dist/collection/utils/test/downloadUtils.spec.tsx

@@ -924,21 +924,100 @@ describe("downloadUtils", () => {
 
   describe('_prepareAttributeValue', () => {
 
+    it('should format date attributes', () => {
+      const attributeValue = new Date('2022-02-01T00:00:00.000Z');
+      const attributeType = 'date';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatDate: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDate).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
+
+    it('should format date-only attributes', () => {
+      const attributeValue = '2020-02-01';
+      const attributeType = 'date-only';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatDateOnly: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDateOnly).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
+
+    it('should format time-only attributes', () => {
+      const attributeValue = '14:51:44.2533333';
+      const attributeType = 'time-only';
+      const attributeDomain = null;
+      const attributeFormat = null;
+      const intl = {
+        formatTimeOnly: jest.fn().mockReturnValue('14:41'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
+      expect(result).toEqual('14:41');
+      expect(intl.formatTimeOnly).toHaveBeenCalledWith(attributeValue);
+      expect(intl.convertDateFormatToIntlOptions).not.toHaveBeenCalled();
+    });
+
     it('should format date attributes using the specified date format', () => {
-      const attributeValue = new Date('2022-01-01T00:00:00.000Z');
+      const attributeValue = new Date('2022-02-01T00:00:00.000Z');
       const attributeType = 'date';
       const attributeDomain = null;
       const attributeFormat = {
-        dateFormat: 'short-date'
+        dateFormat: 'shortdate'
       };
       const intl = {
-        formatDate: jest.fn().mockReturnValue('01/01/2022'),
+        formatDate: jest.fn().mockReturnValue('02/01/2022'),
         convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
       };
       const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
-      expect(result).toEqual('01/01/2022');
+      expect(result).toEqual('02/01/2022');
       expect(intl.formatDate).toHaveBeenCalledWith(attributeValue, {});
-      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('short-date');
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
+    });
+
+    it('should format date-only attributes using the specified date format', () => {
+      const attributeValue = '2020-02-01';
+      const attributeType = 'date-only';
+      const attributeDomain = null;
+      const attributeFormat = {
+        dateFormat: 'shortdate'
+      };
+      const intl = {
+        formatDateOnly: jest.fn().mockReturnValue('02/01/2022'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
+      expect(result).toEqual('02/01/2022');
+      expect(intl.formatDateOnly).toHaveBeenCalledWith(attributeValue, {});
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
+    });
+
+    it('should format time-only attributes using the specified date format', () => {
+      const attributeValue = '14:51:44.2533333';
+      const attributeType = 'time-only';
+      const attributeDomain = null;
+      const attributeFormat = {
+        dateFormat: 'shortdate'
+      };
+      const intl = {
+        formatTimeOnly: jest.fn().mockReturnValue('14:41'),
+        convertDateFormatToIntlOptions: jest.fn().mockReturnValue({})
+      };
+      const result = downloadUtils._prepareAttributeValue(attributeValue, attributeType, attributeDomain, attributeFormat as any, intl);
+      expect(result).toEqual('14:41');
+      expect(intl.formatTimeOnly).toHaveBeenCalledWith(attributeValue, {});
+      expect(intl.convertDateFormatToIntlOptions).toHaveBeenCalledWith('shortdate');
     });
 
     it('should format number attributes using the specified number format', () => {

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() {
@@ -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, 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

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

@@ -346,26 +346,26 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         func: () => this._selectAll(),
         label: this._translations.selectAll,
         disabled: false,
-        isOverflow: true
+        isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
         disabled: false,
-        isOverflow: true
+        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
+        isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
   }
@@ -409,14 +409,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 +501,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