@esri/solutions-components 0.8.35 → 0.8.37

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

@@ -32,6 +32,10 @@ const CrowdsourceManager = class {
          * MapView.when is not fired when mapView is not currently visible
          */
         this._defaultLevelHonored = false;
+        /**
+         * boolean: When true hideMapOnLoad was honored for the current map
+         */
+        this._hideMapOnLoadHonored = false;
         /**
          * boolean: When true the map view will be set after render due to popup obstructing the view
          * MapView.when is not fired when mapView is not currently visible
@@ -73,10 +77,10 @@ const CrowdsourceManager = class {
         this.theme = "light";
         this.zoomAndScrollToSelected = false;
         this.zoomToScale = undefined;
-        this._expandPopup = this.hideMapOnLoad;
+        this._expandPopup = false;
         this._hideFooter = false;
         this._hideTable = false;
-        this._isMobile = undefined;
+        this._isMobile = false;
         this._translations = undefined;
         this._layer = undefined;
         this._layoutMode = ELayoutMode.GRID;
@@ -101,8 +105,8 @@ const CrowdsourceManager = class {
      * When true the map will be hidden on load
      */
     hideMapOnLoadWatchHandler() {
-        this.showHideMapPopupAndTable(this.hideMapOnLoad);
-        this._expandPopup = this.hideMapOnLoad;
+        this.showHideMapPopupAndTable(this.hideMapOnLoad && !this._isMobile);
+        this._expandPopup = this.hideMapOnLoad && !this._isMobile;
     }
     /**
      * When true the map will be hidden on load
@@ -173,7 +177,8 @@ const CrowdsourceManager = class {
      * Update the state expandPopup when mapInfoChange event occurs
      */
     async mapInfoChange() {
-        this._expandPopup = this.hideMapOnLoad;
+        this._expandPopup = this.hideMapOnLoad && !this._isMobile;
+        this._hideMapOnLoadHonored = false;
     }
     //--------------------------------------------------------------------------
     //
@@ -195,7 +200,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 (h(Host, { key: '9624c9a65dfde0984d1abdc8ed78f709d58874f3' }, h("calcite-shell", { key: '0b54737e19b7ab1b17a1841b7b83267515a5de51', class: "position-relative" }, h("calcite-panel", { key: 'aea71b81bd854548f921920cb6dc259d8441a2b2', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        return (h(Host, { key: '09154a91e9c1ca9ee6fffcc9d15f6488d1572429' }, h("calcite-shell", { key: '78268044775861d16a557d7e95678614c3be90c8', class: "position-relative" }, h("calcite-panel", { key: '2efe00d79d9c939400bc13558e8ad89a06ae68ab', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render
@@ -391,6 +396,7 @@ const CrowdsourceManager = class {
      */
     _togglePopup() {
         this._expandPopup = !this._expandPopup;
+        this._hideMapOnLoadHonored = true;
     }
     /**
      * Get the card node
@@ -439,6 +445,9 @@ const CrowdsourceManager = class {
         if (forceOpen) {
             this._panelOpen = true;
         }
+        if ((this.hideMapOnLoad && !this._hideMapOnLoadHonored) || this._isMobile) {
+            this.hideMapOnLoadWatchHandler();
+        }
     }
     /**
      * Open/Close the appropriate panel.