@esri/solutions-components 0.6.8 → 0.6.9

package/dist/cjs/calcite-text-area.cjs.entry.js

@@ -8,24 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const form = require('./form-9d8ebf06.js');
-const label = require('./label-6e33e971.js');
-const dom = require('./dom-c1807fc1.js');
-const locale = require('./locale-c63a1b57.js');
-const observers = require('./observers-f5fa975b.js');
-const loadable = require('./loadable-bac9cdd6.js');
-const t9n = require('./t9n-1d032c30.js');
-const interactive = require('./interactive-2fe0f43a.js');
-const guid = require('./guid-3abe3cc6.js');
+const form = require('./form-7c6054c3.js');
+const label = require('./label-166e2d81.js');
+const dom = require('./dom-456f9f13.js');
+const locale = require('./locale-79c3d30e.js');
+const observers = require('./observers-9912f013.js');
+const loadable = require('./loadable-6925d840.js');
+const t9n = require('./t9n-62d807df.js');
+const interactive = require('./interactive-48299817.js');
+const guid = require('./guid-d1123d5e.js');
 const throttle = require('./throttle-aeeb1b4d.js');
-require('./resources-77713c2e.js');
-require('./key-b8b55ea3.js');
+require('./resources-993f6faf.js');
+require('./key-8de93212.js');
 require('./debounce-30afab47.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   assistiveText: "assistive-text",
@@ -85,7 +85,7 @@ const TextArea = class {
     };
     this.resizeObserver = observers.createObserver("resize", async () => {
       await loadable.componentLoaded(this);
-      const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } = this.getHeightandWidthOfElements();
+      const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } = this.getHeightAndWidthOfElements();
       if (footerWidth > 0 && footerWidth !== textAreaWidth) {
         this.footerEl.style.width = `${textAreaWidth}px`;
       }
@@ -239,12 +239,12 @@ const TextArea = class {
     }
   }
   setTextAreaHeight() {
-    const { textAreaHeight, elHeight, footerHeight } = this.getHeightandWidthOfElements();
+    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();
     if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {
       this.textAreaEl.style.height = `${elHeight - footerHeight}px`;
     }
   }
-  getHeightandWidthOfElements() {
+  getHeightAndWidthOfElements() {
     var _a;
     const { height: textAreaHeight, width: textAreaWidth } = this.textAreaEl.getBoundingClientRect();
     const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();

package/dist/cjs/calcite-tile-select-group.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const interactive = require('./interactive-2fe0f43a.js');
+const interactive = require('./interactive-48299817.js');
 
 const tileSelectGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-tile-select.cjs.entry.js

@@ -8,14 +8,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const guid = require('./guid-3abe3cc6.js');
-const interactive = require('./interactive-2fe0f43a.js');
-const loadable = require('./loadable-bac9cdd6.js');
+const guid = require('./guid-d1123d5e.js');
+const interactive = require('./interactive-48299817.js');
+const loadable = require('./loadable-6925d840.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   checked: "checked",

package/dist/cjs/calcite-tile.cjs.entry.js

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const conditionalSlot = require('./conditionalSlot-85b3a6b3.js');
-const dom = require('./dom-c1807fc1.js');
-const interactive = require('./interactive-2fe0f43a.js');
-require('./observers-f5fa975b.js');
-require('./guid-3abe3cc6.js');
-require('./resources-77713c2e.js');
+const conditionalSlot = require('./conditionalSlot-126d557f.js');
+const dom = require('./dom-456f9f13.js');
+const interactive = require('./interactive-48299817.js');
+require('./observers-9912f013.js');
+require('./guid-d1123d5e.js');
+require('./resources-993f6faf.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const SLOTS = {
   contentStart: "content-start",

package/dist/cjs/calcite-time-picker.cjs.entry.js

@@ -8,20 +8,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const key = require('./key-b8b55ea3.js');
-const locale = require('./locale-c63a1b57.js');
-const t9n = require('./t9n-1d032c30.js');
-const time = require('./time-5e450ec8.js');
-const loadable = require('./loadable-bac9cdd6.js');
-require('./dom-c1807fc1.js');
-require('./guid-3abe3cc6.js');
-require('./resources-77713c2e.js');
-require('./observers-f5fa975b.js');
+const key = require('./key-8de93212.js');
+const locale = require('./locale-79c3d30e.js');
+const t9n = require('./t9n-62d807df.js');
+const time = require('./time-24d40c60.js');
+const loadable = require('./loadable-6925d840.js');
+require('./dom-456f9f13.js');
+require('./guid-d1123d5e.js');
+require('./resources-993f6faf.js');
+require('./observers-9912f013.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   button: "button",

package/dist/cjs/calcite-tip-manager.cjs.entry.js

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const dom = require('./dom-c1807fc1.js');
-const locale = require('./locale-c63a1b57.js');
-const observers = require('./observers-f5fa975b.js');
-const t9n = require('./t9n-1d032c30.js');
-const Heading = require('./Heading-521f39ac.js');
-require('./guid-3abe3cc6.js');
-require('./resources-77713c2e.js');
-require('./key-b8b55ea3.js');
+const dom = require('./dom-456f9f13.js');
+const locale = require('./locale-79c3d30e.js');
+const observers = require('./observers-9912f013.js');
+const t9n = require('./t9n-62d807df.js');
+const Heading = require('./Heading-3712677d.js');
+require('./guid-d1123d5e.js');
+require('./resources-993f6faf.js');
+require('./key-8de93212.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   header: "header",

package/dist/cjs/calcite-tip.cjs.entry.js

@@ -8,20 +8,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const conditionalSlot = require('./conditionalSlot-85b3a6b3.js');
-const dom = require('./dom-c1807fc1.js');
-const locale = require('./locale-c63a1b57.js');
-const t9n = require('./t9n-1d032c30.js');
-const Heading = require('./Heading-521f39ac.js');
-require('./observers-f5fa975b.js');
-require('./guid-3abe3cc6.js');
-require('./resources-77713c2e.js');
-require('./key-b8b55ea3.js');
+const conditionalSlot = require('./conditionalSlot-126d557f.js');
+const dom = require('./dom-456f9f13.js');
+const locale = require('./locale-79c3d30e.js');
+const t9n = require('./t9n-62d807df.js');
+const Heading = require('./Heading-3712677d.js');
+require('./observers-9912f013.js');
+require('./guid-d1123d5e.js');
+require('./resources-993f6faf.js');
+require('./key-8de93212.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   container: "container",

package/dist/cjs/calcite-tooltip.cjs.entry.js

@@ -8,18 +8,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const dom = require('./dom-c1807fc1.js');
-const floatingUi = require('./floating-ui-8d10af88.js');
-const guid = require('./guid-3abe3cc6.js');
-const openCloseComponent = require('./openCloseComponent-5d70fcd8.js');
-const FloatingArrow = require('./FloatingArrow-0119ec6e.js');
-require('./resources-77713c2e.js');
+const dom = require('./dom-456f9f13.js');
+const floatingUi = require('./floating-ui-2b0fbba0.js');
+const guid = require('./guid-d1123d5e.js');
+const openCloseComponent = require('./openCloseComponent-05cb01ff.js');
+const FloatingArrow = require('./FloatingArrow-675171a6.js');
+require('./resources-993f6faf.js');
 require('./debounce-30afab47.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   container: "container",
@@ -31,7 +31,7 @@ const ARIA_DESCRIBED_BY = "aria-describedby";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function getEffectiveReferenceElement(tooltip) {
   const { referenceElement } = tooltip;
@@ -42,7 +42,7 @@ function getEffectiveReferenceElement(tooltip) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 class TooltipManager {
   constructor() {

package/dist/cjs/calcite-tree_3.cjs.entry.js

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const dom = require('./dom-c1807fc1.js');
-const conditionalSlot = require('./conditionalSlot-85b3a6b3.js');
-const interactive = require('./interactive-2fe0f43a.js');
-const resources = require('./resources-77713c2e.js');
-require('./guid-3abe3cc6.js');
-require('./observers-f5fa975b.js');
+const dom = require('./dom-456f9f13.js');
+const conditionalSlot = require('./conditionalSlot-126d557f.js');
+const interactive = require('./interactive-48299817.js');
+const resources = require('./resources-993f6faf.js');
+require('./guid-d1123d5e.js');
+require('./observers-9912f013.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");
@@ -302,7 +302,7 @@ Tree.style = treeCss;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   actionsEnd: "actions-end",

package/dist/cjs/{card-manager_4.cjs.entry.js → card-manager_3.cjs.entry.js}

@@ -8,12 +8,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const locale = require('./locale-d15cd743.js');
+const locale = require('./locale-88c21da2.js');
 const mapViewUtils = require('./mapViewUtils-9da2dddd.js');
-const loadModules = require('./loadModules-31cab7ac.js');
-const downloadUtils = require('./downloadUtils-a8c530f7.js');
-const interfaces = require('./interfaces-d539e30c.js');
+const loadModules = require('./loadModules-c5490589.js');
+const downloadUtils = require('./downloadUtils-1f057ec0.js');
 require('./_commonjsHelpers-384729db.js');
+require('./interfaces-d539e30c.js');
 
 const cardManagerCss = ":host{display:block !important}.display-flex{display:flex}.display-none{display:none}.w-100{width:100%}.padding-bottom-1{padding-bottom:1rem}.padding-1{padding:1rem}.position-relative{position:relative}.focus-margin{margin:1px 1px 0px 1px}.overflow-auto{overflow:auto}.border-rounded{border:1px solid var(--calcite-ui-border-2);border-radius:5px}.height-full{height:100%}card-manager{display:block}";
 
@@ -126,6 +126,7 @@ const LayerTable = class {
     this.onTableNodeCreate = (node) => {
       this._tableNode = node;
     };
+    this.mapInfo = undefined;
     this.mapView = undefined;
     this.showNewestFirst = undefined;
     this.zoomAndScrollToSelected = undefined;
@@ -274,7 +275,7 @@ const LayerTable = class {
    *
    * @returns void
    */
-  async _getTable(node) {
+  async _getTable(node, columnTemplates) {
     if (this._layer) {
       await this._layer.when(async () => {
         this._table = new this.FeatureTable({
@@ -287,6 +288,9 @@ const LayerTable = class {
             header: false,
             menu: false
           },
+          tableTemplate: {
+            columnTemplates
+          },
           container: node
         });
         await this._table.when(async () => {
@@ -303,8 +307,9 @@ const LayerTable = class {
             this.featureSelectionChange.emit(this._selectedIndexes);
           });
           this.reactiveUtils.watch(() => this._table.activeSortOrders, (sortOrders) => {
-            var _a, _b;
-            this._sortActive = sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc";
+            var _a, _b, _c, _d;
+            this._sortActive = (sortOrders.length > 0 && ((_a = sortOrders[0]) === null || _a === void 0 ? void 0 : _a.direction) === "asc" || ((_b = sortOrders[0]) === null || _b === void 0 ? void 0 : _b.direction) === "desc") ||
+              ((_c = sortOrders[0]) === null || _c === void 0 ? void 0 : _c.direction) === null && ((_d = sortOrders[0]) === null || _d === void 0 ? void 0 : _d.fieldName) === this._layer.objectIdField;
           });
         });
       });
@@ -320,7 +325,9 @@ const LayerTable = class {
       this._clearSelection();
       this._allIds = [];
       this.featureSelectionChange.emit(this._selectedIndexes);
+      const columnTemplates = this._getColumnTemplates(this._layer.id);
       this._table.layer = this._layer;
+      this._table.tableTemplate.columnTemplates = columnTemplates;
       this._editEnabled = this._layer.editingEnabled;
       this._table.view = this.mapView;
       this._table.editingEnabled = this._editEnabled;
@@ -433,14 +440,15 @@ const LayerTable = class {
    */
   _switchSelected() {
     const currentIndexes = [...this._selectedIndexes];
-    this._selectedIndexes = this._allIds.reduce((prev, _cur, i) => {
-      if (currentIndexes.indexOf(i) < 0) {
-        prev.push(i);
+    this._table.highlightIds.removeAll();
+    const ids = this._allIds.reduce((prev, _cur) => {
+      if (currentIndexes.indexOf(_cur) < 0) {
+        prev.push(_cur);
       }
       return prev;
     }, []);
-    this._table.highlightIds.removeAll();
-    this._table.highlightIds.addMany(this._selectedIndexes);
+    this._table.highlightIds.addMany(ids);
+    this._selectedIndexes = ids;
   }
   /**
    * Export all selected rows as CSV
@@ -524,10 +532,14 @@ const LayerTable = class {
     const id = evt.detail[0];
     if (id !== this._layer.id || this._allIds.length === 0) {
       this._fetchingData = true;
+      const columnTemplates = this._getColumnTemplates(id);
       this._layer = await mapViewUtils.getLayer(this.mapView, id);
       this._allIds = await mapViewUtils.queryAllIds(this._layer);
       if (!this._table) {
-        await this._getTable(this._tableNode);
+        await this._getTable(this._tableNode, columnTemplates);
+      }
+      else if (columnTemplates) {
+        this._table.tableTemplate.columnTemplates = columnTemplates;
       }
       await this._table.when(() => {
         this._table.highlightIds.removeAll();
@@ -540,6 +552,24 @@ const LayerTable = class {
     await this._sortTable();
     this._fetchingData = false;
   }
+  /**
+   * Get any columnt templates for the current map
+   *
+   * @param id item ID of the current map
+   *
+   * @returns a list of column templates if they exist
+   */
+  _getColumnTemplates(id) {
+    var _a;
+    let layerInfo;
+    (_a = this.mapInfo.layerInfos) === null || _a === void 0 ? void 0 : _a.some(li => {
+      if (li.id === id) {
+        layerInfo = li;
+        return true;
+      }
+    });
+    return layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.columnTemplates;
+  }
   /**
    * Fetches the component's translations
    *
@@ -559,84 +589,6 @@ const LayerTable = class {
 };
 LayerTable.style = layerTableCss;
 
-const layoutManagerCss = ":host{display:block}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.display-flex{display:flex}.icon-color{--calcite-ui-icon-color:var(--calcite-ui-brand)}.icon{cursor:pointer}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.header-text{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);padding-inline:0.75rem;padding-block:0.875rem;line-height:1.25rem}.img-background{background-repeat:no-repeat;background-size:100% 100%;width:38px;height:26px}.grid-background{background-image:url('../../assets/data/images/grid.png')}.horizontal-background{background-image:url('../../assets/data/images/horizontal.png')}.vertical-background{background-image:url('../../assets/data/images/vertical.png')}";
-
-const LayoutManager = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.layoutChanged = index.createEvent(this, "layoutChanged", 7);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Controls the layout of the application
-     */
-    this._layoutMode = interfaces.ELayoutMode.GRID;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "display-flex" }, index.h("div", { class: "display-flex action-center" }, index.h("calcite-icon", { class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Store and emit the current layout mode
-   *
-   * @param imgClass string the css class to use
-   * @param layoutMode ELayoutMode the associated layout mode for the current action
-   * @param tip string the value to display as the tooltip for the action
-   *
-   * @protected
-   */
-  _getAction(imgClass, layoutMode, tip) {
-    return (index.h("div", null, index.h("calcite-action", { alignment: "center", appearance: "transparent", compact: false, id: imgClass, indicator: layoutMode === this._layoutMode, onClick: () => { this._setLayoutMode(layoutMode); }, text: "" }, index.h("div", { class: imgClass + " img-background" })), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": imgClass }, index.h("span", null, tip))));
-  }
-  /**
-   * Store and emit the current layout mode
-   *
-   * @param layoutMode ELayoutMode the current layout mode
-   *
-   * @protected
-   */
-  _setLayoutMode(layoutMode) {
-    this._layoutMode = layoutMode;
-    this.layoutChanged.emit(this._layoutMode);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-};
-LayoutManager.style = layoutManagerCss;
-
 const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.esri-zoom{display:none !important}";
 
 const MapCard = class {
@@ -722,7 +674,10 @@ const MapCard = class {
       await this.mapView.when(() => {
         this._loadedId = id;
         this._searchConfiguration = this._webMapInfo.searchConfiguration;
-        this.mapChanged.emit(this.mapView);
+        this.mapChanged.emit({
+          id: id,
+          mapView: this.mapView
+        });
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
       });
     }
@@ -733,5 +688,4 @@ MapCard.style = mapCardCss;
 
 exports.card_manager = CardManager;
 exports.layer_table = LayerTable;
-exports.layout_manager = LayoutManager;
 exports.map_card = MapCard;

package/dist/cjs/{conditionalSlot-85b3a6b3.js → conditionalSlot-126d557f.js}

@@ -6,12 +6,12 @@
 'use strict';
 
 const index = require('./index-0e50040c.js');
-const observers = require('./observers-f5fa975b.js');
+const observers = require('./observers-9912f013.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const observed = new Set();
 let mutationObserver;

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0e50040c.js');
-const locale = require('./locale-d15cd743.js');
+const locale = require('./locale-88c21da2.js');
 const interfaces = require('./interfaces-d539e30c.js');
 require('./_commonjsHelpers-384729db.js');
 
@@ -18,8 +18,7 @@ const CrowdsourceManager = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.classicGrid = false;
-    this.showNewestFirst = false;
-    this.hideHeader = true;
+    this.showNewestFirst = true;
     this.hideMap = false;
     this.mapInfos = [];
     this.searchConfiguration = undefined;
@@ -31,11 +30,6 @@ const CrowdsourceManager = class {
   }
   //--------------------------------------------------------------------------
   //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
@@ -59,7 +53,9 @@ const CrowdsourceManager = class {
    * Listen for mapChanged event to be fired then store the new mapView so components will be updated
    */
   async mapChanged(evt) {
-    this._mapView = evt.detail;
+    const mapChange = evt.detail;
+    this._mapInfo = this._getMapInfo(mapChange.id);
+    this._mapView = mapChange.mapView;
     this._mapView.popupEnabled = false;
   }
   //--------------------------------------------------------------------------
@@ -79,7 +75,7 @@ const CrowdsourceManager = class {
    * Renders the component.
    */
   render() {
-    return (index.h(index.Host, null, index.h("calcite-shell", { class: "position-relative" }, index.h("calcite-panel", { class: "width-full height-full", heading: this.hideHeader ? undefined : this._translations.header }, this.hideHeader ? undefined : (index.h("layout-manager", { slot: "header-actions-end" })), this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
+    return (index.h(index.Host, null, index.h("calcite-shell", { class: "position-relative" }, index.h("calcite-panel", { class: "width-full height-full" }, this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
   }
   //--------------------------------------------------------------------------
   //
@@ -245,7 +241,7 @@ const CrowdsourceManager = class {
     const toggleSlot = this.classicGrid && layoutMode !== interfaces.ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === interfaces.ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (index.h("calcite-shell", { class: tableSizeClass + " border-bottom" }, index.h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, index.h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), index.h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, index.h("span", null, tooltip))), index.h("div", { class: "width-full height-full position-relative" }, index.h("layer-table", { mapView: this === null || this === void 0 ? void 0 : this._mapView, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (index.h("calcite-shell", { class: tableSizeClass + " border-bottom" }, index.h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, index.h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), index.h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, index.h("span", null, tooltip))), index.h("div", { class: "width-full height-full position-relative" }, index.h("layer-table", { mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -257,6 +253,22 @@ const CrowdsourceManager = class {
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;
   }
+  /**
+   * Get the current map info (configuration details) when maps change
+   *
+   * @returns IMapInfo for the provided id
+   * @protected
+   */
+  _getMapInfo(id) {
+    let mapInfo;
+    this.mapInfos.some(mi => {
+      if (mi.id === id) {
+        mapInfo = mi;
+        return true;
+      }
+    });
+    return mapInfo;
+  }
   /**
    * Fetches the component's translations
    *

package/dist/cjs/{cs-fe27e732.js → cs-b24cd994.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-b99baf7b.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
 require('./index-0e50040c.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');
+require('./form-7c6054c3.js');
+require('./dom-456f9f13.js');
+require('./guid-d1123d5e.js');
+require('./resources-993f6faf.js');
+require('./interactive-48299817.js');
+require('./key-8de93212.js');
+require('./label-166e2d81.js');
+require('./loadable-6925d840.js');
+require('./locale-79c3d30e.js');
+require('./observers-9912f013.js');
+require('./focusTrapComponent-d8412ddc.js');
+require('./time-24d40c60.js');
+require('./t9n-62d807df.js');
 
 // Czech [cs]