@esri/solutions-components 0.8.19 → 0.8.21

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

@@ -53,6 +53,7 @@ export class CrowdsourceManager {
         this.defaultLevel = "";
         this.defaultOid = "";
         this.defaultWebmap = "";
+        this.introductionPageEnabled = false;
         this.enableAutoRefresh = false;
         this.enableBasemap = true;
         this.enableColumnReorder = true;
@@ -103,6 +104,20 @@ export class CrowdsourceManager {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        this.showHideMapPopupAndTable(true);
+        this._expandPopup = this.hideMapOnLoad;
+    }
+    /**
+     * When true the map will be hidden on load
+     */
+    mapInfosWatchHandler() {
+        console.log("mapInfosWatchHandler");
+        console.log(this.mapInfos);
+    }
     /**
      * Listen for changes in feature selection and show or hide the map, popup, and table
      */
@@ -185,7 +200,9 @@ export class CrowdsourceManager {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5cd7d2ea4be1216270e15afc3d090bfc672f5335' }, h("calcite-shell", { key: 'cb5b4104b698a0bc146c2f5f47bd03b7944025c1', class: "position-relative" }, h("calcite-panel", { key: 'cbf1848d59c485dd143d6051506fcd92215fa2ec', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        // 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: '8deef9c7dc113fa8aa03bb0841f5ec10a39de007' }, h("calcite-shell", { key: '652ec17baa763639ee7828383be371339c034670', class: "position-relative" }, h("calcite-panel", { key: '8ec3c3bd12c2fbed9b5166b683ee9cf79c7f3a88', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render
@@ -681,6 +698,24 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "introductionPageEnabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true a introduction page has been enabled in the consuming application.\r\nAlso when true a floating button will be shown in the lower right of the window that\r\nwill emit an event when clicked that the consuming application can respond to that will open the introduction page."
+                },
+                "attribute": "introduction-page-enabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "enableAutoRefresh": {
                 "type": "boolean",
                 "mutable": false,
@@ -1196,6 +1231,12 @@ export class CrowdsourceManager {
         return [{
                 "propName": "enableZoom",
                 "methodName": "enableZoomWatchHandler"
+            }, {
+                "propName": "hideMapOnLoad",
+                "methodName": "hideMapOnLoadWatchHandler"
+            }, {
+                "propName": "mapInfos",
+                "methodName": "mapInfosWatchHandler"
             }];
     }
     static get listeners() {

package/dist/collection/components/layer-table/layer-table.js

@@ -172,6 +172,7 @@ export class LayerTable {
         this._initLayerExpressions();
         this._initToolInfos();
         this._updateToolbar();
+        await this._sortTable();
     }
     /**
      * watch for changes in map view and get the first layer
@@ -307,7 +308,7 @@ export class LayerTable {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '1077bca0d3f59ed86999449c2c5428e4aa65b30f' }, h("calcite-shell", { key: '02b7a7512cfdc8958251ae00709b971f9bfff6df' }, this._getTableControlRow("header"), h("div", { key: '83d03238c368cd332714f4434297a9a4f9d47ec4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '18927c7c65687c9df28f69b1e66f542be05e8c52', class: "height-full width-full" }, h("calcite-loader", { key: '51ed528d5676b983c27b50b098dd8785a3c7b591', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4e51683f468b29b6dcdf1a588cdfedb37a02166f', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'a8110680363000bcec4eb6f0b4a94ee2f677dcca' }, h("calcite-shell", { key: '3c4471daca709db284ede134712933ada2213bdd' }, this._getTableControlRow("header"), h("div", { key: 'fce44e957e4490d6fd9cbcff02beec8cf1a780f4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'e75572b0f313f99489268f6d63b27b78c8722331', class: "height-full width-full" }, h("calcite-loader", { key: '2a34bd84408d1aff552f2818976e03c487443215', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '0823308992c61fa803cf5a526d903b629327c251', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
@@ -1120,7 +1121,7 @@ export class LayerTable {
             configuredLayer = this.mapInfo.layerOptions.layers.filter((layer) => layer.id === this._layer.id);
             if (configuredLayer && configuredLayer.length > 0) {
                 configuredLayer = configuredLayer[0];
-                //if sort field is defined and sortField is available in the fields then use it 
+                //if sort field is defined and sortField is available in the fields then use it
                 if (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }

package/dist/components/crowdsource-manager.js

@@ -102,6 +102,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.defaultLevel = "";
         this.defaultOid = "";
         this.defaultWebmap = "";
+        this.introductionPageEnabled = false;
         this.enableAutoRefresh = false;
         this.enableBasemap = true;
         this.enableColumnReorder = true;
@@ -152,6 +153,20 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        this.showHideMapPopupAndTable(true);
+        this._expandPopup = this.hideMapOnLoad;
+    }
+    /**
+     * When true the map will be hidden on load
+     */
+    mapInfosWatchHandler() {
+        console.log("mapInfosWatchHandler");
+        console.log(this.mapInfos);
+    }
     /**
      * Listen for changes in feature selection and show or hide the map, popup, and table
      */
@@ -234,7 +249,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5cd7d2ea4be1216270e15afc3d090bfc672f5335' }, h("calcite-shell", { key: 'cb5b4104b698a0bc146c2f5f47bd03b7944025c1', class: "position-relative" }, h("calcite-panel", { key: 'cbf1848d59c485dd143d6051506fcd92215fa2ec', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        // 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: '8deef9c7dc113fa8aa03bb0841f5ec10a39de007' }, h("calcite-shell", { key: '652ec17baa763639ee7828383be371339c034670', class: "position-relative" }, h("calcite-panel", { key: '8ec3c3bd12c2fbed9b5166b683ee9cf79c7f3a88', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render
@@ -556,7 +573,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     }
     get el() { return this; }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"],
+        "mapInfos": ["mapInfosWatchHandler"]
     }; }
     static get style() { return CrowdsourceManagerStyle0; }
 }, [0, "crowdsource-manager", {
@@ -569,6 +588,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "defaultLevel": [1, "default-level"],
         "defaultOid": [1, "default-oid"],
         "defaultWebmap": [1, "default-webmap"],
+        "introductionPageEnabled": [4, "introduction-page-enabled"],
         "enableAutoRefresh": [4, "enable-auto-refresh"],
         "enableBasemap": [4, "enable-basemap"],
         "enableColumnReorder": [4, "enable-column-reorder"],
@@ -608,7 +628,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "_numSelected": [32],
         "_tableOnly": [32]
     }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "idsFound", "idsFound"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"], [8, "layerSelectionChange", "layerSelectionChange"], [8, "mapInfoChange", "mapInfoChange"]], {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"],
+        "mapInfos": ["mapInfosWatchHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/layer-table2.js

@@ -202,6 +202,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._initLayerExpressions();
         this._initToolInfos();
         this._updateToolbar();
+        await this._sortTable();
     }
     /**
      * watch for changes in map view and get the first layer
@@ -337,7 +338,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '1077bca0d3f59ed86999449c2c5428e4aa65b30f' }, h("calcite-shell", { key: '02b7a7512cfdc8958251ae00709b971f9bfff6df' }, this._getTableControlRow("header"), h("div", { key: '83d03238c368cd332714f4434297a9a4f9d47ec4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '18927c7c65687c9df28f69b1e66f542be05e8c52', class: "height-full width-full" }, h("calcite-loader", { key: '51ed528d5676b983c27b50b098dd8785a3c7b591', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4e51683f468b29b6dcdf1a588cdfedb37a02166f', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'a8110680363000bcec4eb6f0b4a94ee2f677dcca' }, h("calcite-shell", { key: '3c4471daca709db284ede134712933ada2213bdd' }, this._getTableControlRow("header"), h("div", { key: 'fce44e957e4490d6fd9cbcff02beec8cf1a780f4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'e75572b0f313f99489268f6d63b27b78c8722331', class: "height-full width-full" }, h("calcite-loader", { key: '2a34bd84408d1aff552f2818976e03c487443215', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '0823308992c61fa803cf5a526d903b629327c251', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
@@ -1150,7 +1151,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             configuredLayer = this.mapInfo.layerOptions.layers.filter((layer) => layer.id === this._layer.id);
             if (configuredLayer && configuredLayer.length > 0) {
                 configuredLayer = configuredLayer[0];
-                //if sort field is defined and sortField is available in the fields then use it 
+                //if sort field is defined and sortField is available in the fields then use it
                 if (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }

package/dist/esm/card-manager_3.entry.js

@@ -254,6 +254,7 @@ const LayerTable = class {
         this._initLayerExpressions();
         this._initToolInfos();
         this._updateToolbar();
+        await this._sortTable();
     }
     /**
      * watch for changes in map view and get the first layer
@@ -389,7 +390,7 @@ const LayerTable = class {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (h(Host, { key: '1077bca0d3f59ed86999449c2c5428e4aa65b30f' }, h("calcite-shell", { key: '02b7a7512cfdc8958251ae00709b971f9bfff6df' }, this._getTableControlRow("header"), h("div", { key: '83d03238c368cd332714f4434297a9a4f9d47ec4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '18927c7c65687c9df28f69b1e66f542be05e8c52', class: "height-full width-full" }, h("calcite-loader", { key: '51ed528d5676b983c27b50b098dd8785a3c7b591', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4e51683f468b29b6dcdf1a588cdfedb37a02166f', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'a8110680363000bcec4eb6f0b4a94ee2f677dcca' }, h("calcite-shell", { key: '3c4471daca709db284ede134712933ada2213bdd' }, this._getTableControlRow("header"), h("div", { key: 'fce44e957e4490d6fd9cbcff02beec8cf1a780f4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'e75572b0f313f99489268f6d63b27b78c8722331', class: "height-full width-full" }, h("calcite-loader", { key: '2a34bd84408d1aff552f2818976e03c487443215', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '0823308992c61fa803cf5a526d903b629327c251', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
@@ -1202,7 +1203,7 @@ const LayerTable = class {
             configuredLayer = this.mapInfo.layerOptions.layers.filter((layer) => layer.id === this._layer.id);
             if (configuredLayer && configuredLayer.length > 0) {
                 configuredLayer = configuredLayer[0];
-                //if sort field is defined and sortField is available in the fields then use it 
+                //if sort field is defined and sortField is available in the fields then use it
                 if (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }

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

@@ -45,6 +45,7 @@ const CrowdsourceManager = class {
         this.defaultLevel = "";
         this.defaultOid = "";
         this.defaultWebmap = "";
+        this.introductionPageEnabled = false;
         this.enableAutoRefresh = false;
         this.enableBasemap = true;
         this.enableColumnReorder = true;
@@ -95,6 +96,20 @@ const CrowdsourceManager = class {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        this.showHideMapPopupAndTable(true);
+        this._expandPopup = this.hideMapOnLoad;
+    }
+    /**
+     * When true the map will be hidden on load
+     */
+    mapInfosWatchHandler() {
+        console.log("mapInfosWatchHandler");
+        console.log(this.mapInfos);
+    }
     /**
      * Listen for changes in feature selection and show or hide the map, popup, and table
      */
@@ -177,7 +192,9 @@ const CrowdsourceManager = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5cd7d2ea4be1216270e15afc3d090bfc672f5335' }, h("calcite-shell", { key: 'cb5b4104b698a0bc146c2f5f47bd03b7944025c1', class: "position-relative" }, h("calcite-panel", { key: 'cbf1848d59c485dd143d6051506fcd92215fa2ec', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        // 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: '8deef9c7dc113fa8aa03bb0841f5ec10a39de007' }, h("calcite-shell", { key: '652ec17baa763639ee7828383be371339c034670', class: "position-relative" }, h("calcite-panel", { key: '8ec3c3bd12c2fbed9b5166b683ee9cf79c7f3a88', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render
@@ -499,7 +516,9 @@ const CrowdsourceManager = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"],
+        "mapInfos": ["mapInfosWatchHandler"]
     }; }
 };
 CrowdsourceManager.style = CrowdsourceManagerStyle0;