@esri/solutions-components 0.8.20 → 0.8.22

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(this.hideMapOnLoad);
+        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: 'aa063ae3fc59a7f3969aaa5b569fbd0ef09a1766' }, h("calcite-shell", { key: 'd5d5cdb201c24f2123089c5cd5f70f973aa24e78', class: "position-relative" }, h("calcite-panel", { key: 'c95bb56946b85574825160acf1411fdf7308cc8c', 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()));
     }
@@ -1110,18 +1111,18 @@ export class LayerTable {
      * Sort the table with the configured field and the sort order
      */
     async _sortTable() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         //By default sort the table using objectIdField and in descending order
-        let sortField = this._layer.objectIdField;
+        let sortField = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.objectIdField;
         let sortOrder = 'desc';
         let configuredLayer;
         //get the sortField and sortOrder from the configuration
-        if (((_c = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.layerOptions) === null || _b === void 0 ? void 0 : _b.layers) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+        if (((_d = (_c = (_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.layerOptions) === null || _c === void 0 ? void 0 : _c.layers) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             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 (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
+                //if sort field is defined and sortField is available in the fields then use it
+                if (configuredLayer.sortField && ((_e = configuredLayer.fields) === null || _e === void 0 ? void 0 : _e.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }
                 //use sort order if configured

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(this.hideMapOnLoad);
+        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: 'aa063ae3fc59a7f3969aaa5b569fbd0ef09a1766' }, h("calcite-shell", { key: 'd5d5cdb201c24f2123089c5cd5f70f973aa24e78', class: "position-relative" }, h("calcite-panel", { key: 'c95bb56946b85574825160acf1411fdf7308cc8c', 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()));
     }
@@ -1140,18 +1141,18 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Sort the table with the configured field and the sort order
      */
     async _sortTable() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         //By default sort the table using objectIdField and in descending order
-        let sortField = this._layer.objectIdField;
+        let sortField = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.objectIdField;
         let sortOrder = 'desc';
         let configuredLayer;
         //get the sortField and sortOrder from the configuration
-        if (((_c = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.layerOptions) === null || _b === void 0 ? void 0 : _b.layers) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+        if (((_d = (_c = (_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.layerOptions) === null || _c === void 0 ? void 0 : _c.layers) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             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 (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
+                //if sort field is defined and sortField is available in the fields then use it
+                if (configuredLayer.sortField && ((_e = configuredLayer.fields) === null || _e === void 0 ? void 0 : _e.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }
                 //use sort order if configured

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()));
     }
@@ -1192,18 +1193,18 @@ const LayerTable = class {
      * Sort the table with the configured field and the sort order
      */
     async _sortTable() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         //By default sort the table using objectIdField and in descending order
-        let sortField = this._layer.objectIdField;
+        let sortField = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.objectIdField;
         let sortOrder = 'desc';
         let configuredLayer;
         //get the sortField and sortOrder from the configuration
-        if (((_c = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.layerOptions) === null || _b === void 0 ? void 0 : _b.layers) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+        if (((_d = (_c = (_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.layerOptions) === null || _c === void 0 ? void 0 : _c.layers) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             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 (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
+                //if sort field is defined and sortField is available in the fields then use it
+                if (configuredLayer.sortField && ((_e = configuredLayer.fields) === null || _e === void 0 ? void 0 : _e.includes(configuredLayer.sortField))) {
                     sortField = configuredLayer.sortField;
                 }
                 //use sort order if configured

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(this.hideMapOnLoad);
+        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: 'aa063ae3fc59a7f3969aaa5b569fbd0ef09a1766' }, h("calcite-shell", { key: 'd5d5cdb201c24f2123089c5cd5f70f973aa24e78', class: "position-relative" }, h("calcite-panel", { key: 'c95bb56946b85574825160acf1411fdf7308cc8c', 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;