@esri/solutions-components 0.6.5 → 0.6.6

package/dist/cjs/{time-79a31eaf.js → time-5e450ec8.js}

@@ -5,12 +5,12 @@
  */
 'use strict';
 
-const locale = require('./locale-37b9924d.js');
+const locale = require('./locale-c63a1b57.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds = true) {
@@ -18,7 +18,7 @@ function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds
     hour: "2-digit",
     minute: "2-digit",
     timeZone: "UTC",
-    numberingSystem: locale.getSupportedNumberingSystem(numberingSystem)
+    numberingSystem: locale.getSupportedNumberingSystem(numberingSystem),
   };
   if (includeSeconds) {
     options.second = "2-digit";
@@ -124,7 +124,7 @@ function localizeTimePart({ value, part, locale, numberingSystem }) {
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts);
 }
-function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
+function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -133,7 +133,7 @@ function localizeTimeString({ value, locale, numberingSystem, includeSeconds = t
   const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
   return formatter?.format(dateFromTimeString) || null;
 }
-function localizeTimeStringToParts({ value, locale, numberingSystem }) {
+function localizeTimeStringToParts({ value, locale, numberingSystem, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -149,7 +149,7 @@ function localizeTimeStringToParts({ value, locale, numberingSystem }) {
       localizedMinuteSuffix: getLocalizedTimePart("minuteSuffix", parts),
       localizedSecond: getLocalizedTimePart("second", parts),
       localizedSecondSuffix: getLocalizedTimePart("secondSuffix", parts),
-      localizedMeridiem: getLocalizedTimePart("meridiem", parts)
+      localizedMeridiem: getLocalizedTimePart("meridiem", parts),
     };
   }
   return null;
@@ -173,13 +173,13 @@ function parseTimeString(value) {
     return {
       hour,
       minute,
-      second
+      second,
     };
   }
   return {
     hour: null,
     minute: null,
-    second: null
+    second: null,
   };
 }
 function toISOTimeString(value, includeSeconds = true) {

package/dist/cjs/{tr-4cafb287.js → tr-0bd886d6.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Turkish [tr]
 var locale = {

package/dist/cjs/{uk-f90e0c89.js → uk-4fade133.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Ukrainian [uk]
 var monthFormat = 'січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня'.split('_');

package/dist/cjs/{utils-1446979d.js → utils-acfeed9d.js}

@@ -6,13 +6,13 @@
 'use strict';
 
 const index = require('./index-0e50040c.js');
-const date = require('./date-085999cf.js');
-const locale = require('./locale-37b9924d.js');
+const date = require('./date-cec32b0e.js');
+const locale = require('./locale-c63a1b57.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 /**
  * CLDR cache.

package/dist/cjs/{utils-2687b8cf.js → utils-ae9bdd59.js}

@@ -5,24 +5,24 @@
  */
 'use strict';
 
-const dom = require('./dom-1eb1ded2.js');
+const dom = require('./dom-c1807fc1.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 const CSS = {
-  listContainer: "list-container"
+  listContainer: "list-container",
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 function getAncestors(element) {
   const parent = element.parentElement?.closest(ComboboxChildSelector);

package/dist/cjs/{utils-91ed0e33.js → utils-bae432a9.js}

@@ -7,8 +7,8 @@
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;
@@ -105,7 +105,7 @@ const CSSColorMode = enumify({
   RGB_CSS: "rgb-css",
   RGBA_CSS: "rgba-css",
   HSL_CSS: "hsl-css",
-  HSLA_CSS: "hsla-css"
+  HSLA_CSS: "hsla-css",
 });
 const ObjectColorMode = enumify({
   RGB: "rgb",
@@ -113,7 +113,7 @@ const ObjectColorMode = enumify({
   HSL: "hsl",
   HSLA: "hsla",
   HSV: "hsv",
-  HSVA: "hsva"
+  HSVA: "hsva",
 });
 function parseMode(colorValue) {
   if (typeof colorValue === "string") {

package/dist/cjs/{utils-34b85889.js → utils-cd14113f.js}

@@ -7,8 +7,8 @@
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const CSS = {
   container: "container",
@@ -28,16 +28,18 @@ const CSS = {
   contentEnd: "content-end",
   actionsEnd: "actions-end",
   selectionContainer: "selection-container",
-  openContainer: "open-container"
+  openContainer: "open-container",
+  dragContainer: "drag-container",
 };
 const SLOTS = {
   actionsStart: "actions-start",
   contentStart: "content-start",
   content: "content",
   contentEnd: "content-end",
-  actionsEnd: "actions-end"
+  actionsEnd: "actions-end",
 };
-const MAX_COLUMNS = 5;
+// Set to zero to extend until the end of the table section.
+const MAX_COLUMNS = 0;
 const ICONS = {
   selectedMultiple: "check-circle-f",
   selectedSingle: "circle-f",
@@ -46,23 +48,27 @@ const ICONS = {
   closedRTL: "caret-left",
   open: "caret-down",
   blank: "blank",
-  close: "x"
+  close: "x",
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
+const listSelector = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";
 const listItemSelector = "calcite-list-item";
-function getListItemChildren(event) {
-  const assignedElements = event.target.assignedElements({ flatten: true });
+function getListItemChildren(slotEl) {
+  const assignedElements = slotEl.assignedElements({ flatten: true });
   const listItemGroupChildren = assignedElements.filter((el) => el?.matches(listItemGroupSelector))
     .map((group) => Array.from(group.querySelectorAll(listItemSelector)))
     .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
   const listItemChildren = assignedElements.filter((el) => el?.matches(listItemSelector));
-  return [...listItemGroupChildren, ...listItemChildren];
+  const listItemListChildren = assignedElements.filter((el) => el?.matches(listSelector))
+    .map((list) => Array.from(list.querySelectorAll(listItemSelector)))
+    .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
+  return [...listItemListChildren, ...listItemGroupChildren, ...listItemChildren];
 }
 function updateListItemChildren(listItemChildren) {
   listItemChildren.forEach((listItem) => {

package/dist/cjs/{vi-c2c75cb1.js → vi-1c9fe343.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Vietnamese [vi]
 var locale = {

package/dist/cjs/{zh-cn-e5bf194b.js → zh-cn-28fa1fe1.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/cjs/{zh-hk-2134304c.js → zh-hk-5abf8eb5.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/cjs/{zh-tw-7d8e30be.js → zh-tw-07500357.js}

@@ -5,22 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-396d0903.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
 require('./index-0e50040c.js');
-require('./form-cbb9efad.js');
-require('./dom-1eb1ded2.js');
-require('./guid-1b1fbdbc.js');
-require('./resources-f60f44b0.js');
-require('./interactive-871d70ce.js');
-require('./browser-ecb3aabc.js');
-require('./key-7fbdf405.js');
-require('./label-e5c998a9.js');
-require('./loadable-da060faa.js');
-require('./locale-37b9924d.js');
-require('./observers-62c5955c.js');
-require('./focusTrapComponent-fcce36fb.js');
-require('./time-79a31eaf.js');
-require('./t9n-a85989ef.js');
+require('./form-9d8ebf06.js');
+require('./dom-c1807fc1.js');
+require('./guid-3abe3cc6.js');
+require('./resources-77713c2e.js');
+require('./interactive-2fe0f43a.js');
+require('./key-b8b55ea3.js');
+require('./label-6e33e971.js');
+require('./loadable-bac9cdd6.js');
+require('./locale-c63a1b57.js');
+require('./observers-f5fa975b.js');
+require('./focusTrapComponent-a22fc6a8.js');
+require('./time-5e450ec8.js');
+require('./t9n-1d032c30.js');
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/collection/collection-manifest.json

@@ -86,6 +86,7 @@
         "calcite-input-number",
         "calcite-input-text",
         "calcite-input-time-picker",
+        "calcite-input-time-zone",
         "calcite-label",
         "calcite-link",
         "calcite-list",

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -80,6 +80,10 @@
   border: 1px solid var(--calcite-ui-border-3);
 }
 
+.border-bottom {
+  border-bottom: 1px solid var(--calcite-ui-border-3);
+}
+
 .position-relative {
   position: relative;
 }

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -24,6 +24,7 @@ import { ELayoutMode } from "../../utils/interfaces";
 export class CrowdsourceManager {
   constructor() {
     this.classicGrid = false;
+    this.hideHeader = true;
     this.hideMap = false;
     this.mapInfos = [];
     this.zoomAndScrollToSelected = false;
@@ -82,7 +83,7 @@ export class CrowdsourceManager {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("calcite-shell", null, h("calcite-panel", { class: "width-full height-full", heading: this._translations.header }, h("layout-manager", { slot: "header-actions-end" }), this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
+    return (h(Host, null, h("calcite-shell", null, h("calcite-panel", { class: "width-full height-full", heading: this.hideHeader ? undefined : this._translations.header }, this.hideHeader ? undefined : (h("layout-manager", { slot: "header-actions-end" })), this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
   }
   //--------------------------------------------------------------------------
   //
@@ -183,10 +184,10 @@ export class CrowdsourceManager {
   _getBody(layoutMode, panelOpen, hideMap) {
     const contentClass = this.classicGrid && layoutMode === ELayoutMode.GRID && panelOpen ? "display-grid" :
       layoutMode === ELayoutMode.HORIZONTAL ? "" : "display-flex";
-    return this.classicGrid ? (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getTable(layoutMode, panelOpen), this._getMap(layoutMode, panelOpen, hideMap)))) : (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getMap(layoutMode, panelOpen, hideMap), this._getTable(layoutMode, panelOpen))));
+    return this.classicGrid ? (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getTable(layoutMode, panelOpen), this._getMapAndCard(layoutMode, panelOpen, hideMap)))) : (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideMap), this._getTable(layoutMode, panelOpen))));
   }
   /**
-   * Get the map node based for the current layout
+   * Get the map and card nodes based for the current layout options
    *
    * @param layoutMode ELayoutMode the current layout mode
    * @param panelOpen boolean indicates if all panels are open
@@ -195,17 +196,40 @@ export class CrowdsourceManager {
    * @returns the map node
    * @protected
    */
-  _getMap(layoutMode, panelOpen, hideMap) {
+  _getMapAndCard(layoutMode, panelOpen, hideMap) {
+    const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
+    return this.classicGrid ? (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getCardNode(layoutMode, hideMap), this._getMapNode(layoutMode, hideMap))) : (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getMapNode(layoutMode, hideMap), this._getCardNode(layoutMode, hideMap)));
+  }
+  /**
+   * Get the map node based for the current layout options
+   *
+   * @param layoutMode ELayoutMode the current layout mode
+   * @param hideMap when true no map is displayed
+   *
+   * @returns the map node
+   * @protected
+   */
+  _getMapNode(layoutMode, hideMap) {
     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" : "adjusted-height-50";
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { class: "width-full", mapInfos: this.mapInfos })));
+  }
+  /**
+   * Get the card node based for the current layout options
+   *
+   * @param layoutMode ELayoutMode the current layout mode
+   * @param hideMap when true no map is displayed
+   *
+   * @returns the map node
+   * @protected
+   */
+  _getCardNode(layoutMode, hideMap) {
     const cardManagerHeight = this.classicGrid && layoutMode === ELayoutMode.GRID ? "" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "adjusted-height-50" : "adjusted-height-100";
-    //
-    const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
-    const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
     const cardManagerContainer = this.classicGrid && layoutMode === ELayoutMode.GRID ?
       "width-full adjusted-height-100" : "width-50 height-full";
-    return (h("div", { class: `${mapSizeClass} overflow-hidden` }, h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { class: "width-full", mapInfos: this.mapInfos })), h("div", { class: `padding-1-2 ${cardManagerContainer}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("div", { class: `padding-1-2 ${cardManagerContainer}` }, 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
@@ -225,7 +249,7 @@ export class CrowdsourceManager {
     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 }, h("calcite-action-bar", { class: "border", 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", { mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border", 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", { mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -278,6 +302,24 @@ export class CrowdsourceManager {
         "reflect": false,
         "defaultValue": "false"
       },
+      "hideHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true no header is displayed for the app"
+        },
+        "attribute": "hide-header",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "hideMap": {
         "type": "boolean",
         "mutable": false,

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

@@ -21,11 +21,6 @@
 import { Host, h } from "@stencil/core";
 export class MapPicker {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
     /**
      * string: the id of map currently displayed
      */
@@ -67,6 +62,14 @@ export class MapPicker {
   render() {
     return (h(Host, null, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
   }
+  /**
+   * Called after each render
+   */
+  async componentDidRender() {
+    if (this._mapListExpanded) {
+      await this._list.setFocus();
+    }
+  }
   /**
    * Called once after the component has loaded
    */
@@ -115,7 +118,7 @@ export class MapPicker {
    */
   _getMapNameList(show) {
     const listClass = show ? "map-list" : "display-none";
-    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList" }, this.mapInfos.map(mapInfo => {
+    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border" }, this.mapInfos.map(mapInfo => {
       return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
     }))));
   }

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

@@ -42,6 +42,7 @@
       function addValues() {
         const demo = document.getElementById("demo");
 
+        let headerSet = false;
         let custom = [];
         var vars = window.location.search.substring(1).split('&');
         vars.forEach((param) => {
@@ -64,11 +65,21 @@
             case "zoomAndScrollToSelected":
               demo.zoomAndScrollToSelected = v.toLocaleLowerCase() === "true";
               break;
+            case "hideHeader":
+              demo.hideHeader = v.toLocaleLowerCase() === "true";
+              headerSet = true;
+              break;
             default:
               break;
           }
         });
 
+        if (!headerSet) {
+          // Want the header to be disabled by default for IA
+          // Want the header to be enabled by default for the demo app
+          demo.hideHeader = false;
+        }
+
         demo.mapInfos = [
           ...custom,
           ...[{