@esri/solutions-components 0.6.33 → 0.6.34

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

@@ -48,6 +48,7 @@ export class LayerTable {
     this.enableAutoRefresh = undefined;
     this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
+    this.enableZoom = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
@@ -294,13 +295,15 @@ export class LayerTable {
   _initToolInfos() {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
-    this._toolInfos = [{
+    const featuresEmpty = this._allIds.length === 0;
+    this._toolInfos = [this.enableZoom ? {
         icon: "zoom-to-object",
         label: this._translations.zoom,
         func: () => this._zoom(),
         disabled: !featuresSelected,
         isOverflow: false
-      }, ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+      } : undefined,
+      ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
         icon: "filter",
         label: this._translations.filters,
         func: () => this._filter(),
@@ -330,13 +333,13 @@ export class LayerTable {
         icon: "list-check-all",
         func: () => this._selectAll(),
         label: this._translations.selectAll,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "refresh",
@@ -349,7 +352,7 @@ export class LayerTable {
         icon: "export",
         func: () => void this._exportToCSV(),
         label: this._translations.exportCSV,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
@@ -951,6 +954,23 @@ export class LayerTable {
         "attribute": "enable-inline-edit",
         "reflect": false
       },
+      "enableZoom": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true the zoom button will be enabled"
+        },
+        "attribute": "enable-zoom",
+        "reflect": false
+      },
       "mapInfo": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/map-card/map-card.js

@@ -32,6 +32,7 @@ export class MapCard {
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
@@ -118,10 +119,12 @@ export class MapCard {
       this._searchConfiguration = this._webMapInfo.searchConfiguration;
       this.beforeMapChanged.emit();
       await this.mapView.when(() => {
-        const home = new this.Home({
-          view: this.mapView
-        });
-        this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        if (this.enableHome) {
+          const home = new this.Home({
+            view: this.mapView
+          });
+          this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        }
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
         this.mapChanged.emit({
           id: id,
@@ -143,6 +146,23 @@ export class MapCard {
   }
   static get properties() {
     return {
+      "enableHome": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true the home widget will be available"
+        },
+        "attribute": "enable-home",
+        "reflect": false
+      },
       "enableLegend": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/demos/crowdsource-manager.html

@@ -28,10 +28,9 @@
       }
     </style>
 
-    <link
-      rel="stylesheet"
-      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
-    />
+    <link rel="stylesheet" href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css" />
+    <!-- <link rel="stylesheet" href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css" /> -->
+
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
@@ -132,7 +131,9 @@
     </script>
   </head>
 
+  <!-- <body class="calcite-mode-dark" onload="addValues()"> -->
   <body onload="addValues()">
     <crowdsource-manager id="demo" class="crowdsource"/>
+    <!-- <crowdsource-manager id="demo" class="crowdsource" theme="dark"/> -->
   </body>
 </html>

package/dist/components/crowdsource-manager.js

@@ -62,7 +62,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     this._shouldSetMapView = false;
     this.classicGrid = false;
-    this.enableAutoRefresh = true;
+    this.enableAutoRefresh = false;
     this.enableCSV = true;
     this.enableFloorFilter = true;
     this.enableFullscreen = true;
@@ -283,7 +283,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
     const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false) })));
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false) })));
   }
   /**
    * Get the expand node for the popup information
@@ -339,7 +339,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -373,8 +373,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * @protected
    */
   _setMapView() {
+    var _a, _b;
     this._mapInfo = this._getMapInfo(this._mapChange.id);
     this._mapView = this._mapChange.mapView;
+    if (!this.enableZoom && ((_b = (_a = this._mapView) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.components.indexOf("zoom")) > -1) {
+      this._mapView.ui.components = this._mapView.ui.components.filter(c => c !== "zoom");
+    }
     this._mapView.popupEnabled = false;
   }
   /**

package/dist/components/layer-table2.js

@@ -63,6 +63,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     this.enableAutoRefresh = undefined;
     this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
+    this.enableZoom = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
@@ -309,13 +310,15 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   _initToolInfos() {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
-    this._toolInfos = [{
+    const featuresEmpty = this._allIds.length === 0;
+    this._toolInfos = [this.enableZoom ? {
         icon: "zoom-to-object",
         label: this._translations.zoom,
         func: () => this._zoom(),
         disabled: !featuresSelected,
         isOverflow: false
-      }, ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+      } : undefined,
+      ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
         icon: "filter",
         label: this._translations.filters,
         func: () => this._filter(),
@@ -345,13 +348,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         icon: "list-check-all",
         func: () => this._selectAll(),
         label: this._translations.selectAll,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "refresh",
@@ -364,7 +367,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         icon: "export",
         func: () => void this._exportToCSV(),
         label: this._translations.exportCSV,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
@@ -915,6 +918,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     "enableAutoRefresh": [4, "enable-auto-refresh"],
     "enableCSV": [4, "enable-c-s-v"],
     "enableInlineEdit": [4, "enable-inline-edit"],
+    "enableZoom": [4, "enable-zoom"],
     "mapInfo": [16],
     "mapView": [16],
     "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],

package/dist/components/map-card2.js

@@ -42,6 +42,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
@@ -128,10 +129,12 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
       this._searchConfiguration = this._webMapInfo.searchConfiguration;
       this.beforeMapChanged.emit();
       await this.mapView.when(() => {
-        const home = new this.Home({
-          view: this.mapView
-        });
-        this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        if (this.enableHome) {
+          const home = new this.Home({
+            view: this.mapView
+          });
+          this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        }
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
         this.mapChanged.emit({
           id: id,
@@ -143,6 +146,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
   get el() { return this; }
   static get style() { return mapCardCss; }
 }, [0, "map-card", {
+    "enableHome": [4, "enable-home"],
     "enableLegend": [4, "enable-legend"],
     "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],

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

@@ -128,6 +128,7 @@ const LayerTable = class {
     this.enableAutoRefresh = undefined;
     this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
+    this.enableZoom = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
@@ -374,13 +375,15 @@ const LayerTable = class {
   _initToolInfos() {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
-    this._toolInfos = [{
+    const featuresEmpty = this._allIds.length === 0;
+    this._toolInfos = [this.enableZoom ? {
         icon: "zoom-to-object",
         label: this._translations.zoom,
         func: () => this._zoom(),
         disabled: !featuresSelected,
         isOverflow: false
-      }, ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+      } : undefined,
+      ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
         icon: "filter",
         label: this._translations.filters,
         func: () => this._filter(),
@@ -410,13 +413,13 @@ const LayerTable = class {
         icon: "list-check-all",
         func: () => this._selectAll(),
         label: this._translations.selectAll,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "compare",
         func: () => this._switchSelected(),
         label: this._translations.switchSelected,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       }, {
         icon: "refresh",
@@ -429,7 +432,7 @@ const LayerTable = class {
         icon: "export",
         func: () => void this._exportToCSV(),
         label: this._translations.exportCSV,
-        disabled: false,
+        disabled: featuresEmpty,
         isOverflow: false
       } : undefined];
     this._defaultVisibleToolSizeInfos = undefined;
@@ -989,6 +992,7 @@ const MapCard = class {
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
@@ -1075,10 +1079,12 @@ const MapCard = class {
       this._searchConfiguration = this._webMapInfo.searchConfiguration;
       this.beforeMapChanged.emit();
       await this.mapView.when(() => {
-        const home = new this.Home({
-          view: this.mapView
-        });
-        this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        if (this.enableHome) {
+          const home = new this.Home({
+            view: this.mapView
+          });
+          this.mapView.ui.add(home, { position: "top-left", index: 3 });
+        }
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
         this.mapChanged.emit({
           id: id,

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

@@ -19,7 +19,7 @@ const CrowdsourceManager = class {
      */
     this._shouldSetMapView = false;
     this.classicGrid = false;
-    this.enableAutoRefresh = true;
+    this.enableAutoRefresh = false;
     this.enableCSV = true;
     this.enableFloorFilter = true;
     this.enableFullscreen = true;
@@ -240,7 +240,7 @@ const CrowdsourceManager = class {
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
     const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false) })));
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false) })));
   }
   /**
    * Get the expand node for the popup information
@@ -296,7 +296,7 @@ const CrowdsourceManager = class {
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -330,8 +330,12 @@ const CrowdsourceManager = class {
    * @protected
    */
   _setMapView() {
+    var _a, _b;
     this._mapInfo = this._getMapInfo(this._mapChange.id);
     this._mapView = this._mapChange.mapView;
+    if (!this.enableZoom && ((_b = (_a = this._mapView) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.components.indexOf("zoom")) > -1) {
+      this._mapView.ui.components = this._mapView.ui.components.filter(c => c !== "zoom");
+    }
     this._mapView.popupEnabled = false;
   }
   /**