@esri/solutions-components 0.10.20 → 0.10.21

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

@@ -22,7 +22,7 @@ const CrowdsourceManager = class {
         index.registerInstance(this, hostRef);
         this.showIntroductionWindow = index.createEvent(this, "showIntroductionWindow", 7);
         this.showCoverPage = index.createEvent(this, "showCoverPage", 7);
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -45,6 +45,7 @@ const CrowdsourceManager = class {
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -128,6 +129,12 @@ const CrowdsourceManager = class {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true and no appLayout is defined the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        console.warn("hideMapOnLoad will be removed. Please use appLayout to control layout options.");
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -206,7 +213,7 @@ const CrowdsourceManager = class {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (index.h(index.Host, { key: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, index.h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, index.h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (index.h(index.Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, index.h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, index.h("calcite-panel", { key: '3c156df89f396425c2711a39968017cc23910a55', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
     }
     /**
      * Called after each render
@@ -225,6 +232,12 @@ const CrowdsourceManager = class {
      */
     async componentDidLoad() {
         this._resizeObserver.observe(this.el);
+        if (this.hideMapOnLoad && !this.appLayout) {
+            this.appLayout = 'tableView';
+        }
+        else if (!this.appLayout) {
+            this.appLayout = 'splitView';
+        }
         this._isMapViewOnLoad = this.appLayout === 'mapView';
         this._setActiveLayout(this.appLayout);
     }
@@ -666,7 +679,8 @@ const CrowdsourceManager = class {
         this._translations = messages[0];
     }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }; }
 };
 CrowdsourceManager.style = CrowdsourceManagerStyle0;