@esri/solutions-components 0.10.20 → 0.10.21

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

@@ -24,7 +24,7 @@ import { ELayoutMode } from "../../utils/interfaces";
 import { getLayerOrTable } from "../../utils/mapViewUtils";
 export class CrowdsourceManager {
     constructor() {
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -47,6 +47,7 @@ export class CrowdsourceManager {
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -135,6 +136,12 @@ export class CrowdsourceManager {
     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)
@@ -213,7 +220,7 @@ export class CrowdsourceManager {
     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: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, 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
@@ -232,6 +239,12 @@ export class CrowdsourceManager {
      */
     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);
     }
@@ -706,8 +719,7 @@ export class CrowdsourceManager {
                     "text": "AppLayout: The type of layout the application should use.\r\nValid values: \"mapView\" or \"tableView\" or \"splitView\""
                 },
                 "attribute": "app-layout",
-                "reflect": false,
-                "defaultValue": "'splitView'"
+                "reflect": false
             },
             "appProxies": {
                 "type": "any",
@@ -1105,6 +1117,24 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "hideMapOnLoad": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true the map will be hidden on load"
+                },
+                "attribute": "hide-map-on-load",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "mapInfos": {
                 "type": "unknown",
                 "mutable": false,
@@ -1402,6 +1432,9 @@ export class CrowdsourceManager {
         return [{
                 "propName": "enableZoom",
                 "methodName": "enableZoomWatchHandler"
+            }, {
+                "propName": "hideMapOnLoad",
+                "methodName": "hideMapOnLoadWatchHandler"
             }];
     }
     static get listeners() {

package/dist/collection/components/public-notification/public-notification.js

@@ -37,9 +37,9 @@ export class PublicNotification {
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
         this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = true;
+        this.enableLayerFeaturesOnLoad = false;
         this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = true;
+        this.enableSearchDistanceOnLoad = false;
         this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
@@ -265,7 +265,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '5473fef09cfb2a8870f8e03f263f4d003c6768e4' }, h("calcite-shell", { key: '4ecd592093267c886138b79b2ebb1b4b2e913463' }, h("calcite-action-bar", { key: 'e427d8982bc5e68d9b5430875b9079a0ce43e02b', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -1254,7 +1254,7 @@ export class PublicNotification {
                 },
                 "attribute": "enable-layer-features-on-load",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "enableSearchDistance": {
                 "type": "boolean",
@@ -1290,7 +1290,7 @@ export class PublicNotification {
                 },
                 "attribute": "enable-search-distance-on-load",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "enableSketchTools": {
                 "type": "boolean",

package/dist/components/crowdsource-manager.js

@@ -76,7 +76,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.__registerHost();
         this.showIntroductionWindow = createEvent(this, "showIntroductionWindow", 7);
         this.showCoverPage = createEvent(this, "showCoverPage", 7);
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -99,6 +99,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -182,6 +183,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     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)
@@ -260,7 +267,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     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: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, 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
@@ -279,6 +286,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     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);
     }
@@ -720,7 +733,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this._translations = messages[0];
     }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }; }
     static get style() { return CrowdsourceManagerStyle0; }
 }, [0, "crowdsource-manager", {
@@ -747,6 +761,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "enableSearch": [4, "enable-search"],
         "enableShare": [4, "enable-share"],
         "enableZoom": [4, "enable-zoom"],
+        "hideMapOnLoad": [4, "hide-map-on-load"],
         "mapInfos": [16],
         "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
         "popupHeaderColor": [1, "popup-header-color"],
@@ -774,7 +789,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "_filterOpen": [32],
         "_showInformationHeader": [32]
     }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "layerSelectionChange", "layerSelectionChange"]], {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/public-notification.js

@@ -71,9 +71,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
         this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = true;
+        this.enableLayerFeaturesOnLoad = false;
         this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = true;
+        this.enableSearchDistanceOnLoad = false;
         this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
@@ -294,7 +294,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '5473fef09cfb2a8870f8e03f263f4d003c6768e4' }, h("calcite-shell", { key: '4ecd592093267c886138b79b2ebb1b4b2e913463' }, h("calcite-action-bar", { key: 'e427d8982bc5e68d9b5430875b9079a0ce43e02b', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

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

@@ -18,7 +18,7 @@ const CrowdsourceManager = class {
         registerInstance(this, hostRef);
         this.showIntroductionWindow = createEvent(this, "showIntroductionWindow", 7);
         this.showCoverPage = createEvent(this, "showCoverPage", 7);
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -41,6 +41,7 @@ const CrowdsourceManager = class {
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -124,6 +125,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)
@@ -202,7 +209,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: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, 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
@@ -221,6 +228,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);
     }
@@ -662,7 +675,8 @@ const CrowdsourceManager = class {
         this._translations = messages[0];
     }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }; }
 };
 CrowdsourceManager.style = CrowdsourceManagerStyle0;