@esri/solutions-components 0.8.20 → 0.8.21

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

@@ -104,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
      */
@@ -188,7 +202,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: '175124a05c83f6f02bef1378a20e5a3ed083ce00' }, h("calcite-shell", { key: '10677408a11bbe6196a95622a7a5f69fd3766c20', class: "position-relative" }, h("calcite-panel", { key: 'd3f044385482089d2dd5a457c2de4b3cc748e7c6', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        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
@@ -1217,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

@@ -153,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
      */
@@ -237,7 +251,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: '175124a05c83f6f02bef1378a20e5a3ed083ce00' }, h("calcite-shell", { key: '10677408a11bbe6196a95622a7a5f69fd3766c20', class: "position-relative" }, h("calcite-panel", { key: 'd3f044385482089d2dd5a457c2de4b3cc748e7c6', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        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
@@ -559,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", {
@@ -612,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

@@ -96,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
      */
@@ -180,7 +194,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: '175124a05c83f6f02bef1378a20e5a3ed083ce00' }, h("calcite-shell", { key: '10677408a11bbe6196a95622a7a5f69fd3766c20', class: "position-relative" }, h("calcite-panel", { key: 'd3f044385482089d2dd5a457c2de4b3cc748e7c6', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        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
@@ -502,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;