@esri/solutions-components 0.6.10 → 0.6.12

package/dist/components/crowdsource-manager.js

@@ -6,42 +6,43 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { a as ELayoutMode } from './interfaces.js';
-import { d as defineCustomElement$G } from './basemap-gallery2.js';
-import { d as defineCustomElement$F } from './action.js';
-import { d as defineCustomElement$E } from './action-bar.js';
-import { d as defineCustomElement$D } from './action-group.js';
-import { d as defineCustomElement$C } from './action-menu.js';
-import { d as defineCustomElement$B } from './alert.js';
-import { d as defineCustomElement$A } from './button.js';
-import { d as defineCustomElement$z } from './chip.js';
-import { d as defineCustomElement$y } from './combobox.js';
-import { d as defineCustomElement$x } from './combobox-item.js';
-import { d as defineCustomElement$w } from './dropdown.js';
-import { d as defineCustomElement$v } from './dropdown-group.js';
-import { d as defineCustomElement$u } from './dropdown-item.js';
-import { d as defineCustomElement$t } from './filter2.js';
-import { d as defineCustomElement$s } from './handle.js';
-import { d as defineCustomElement$r } from './icon.js';
-import { d as defineCustomElement$q } from './input.js';
-import { d as defineCustomElement$p } from './link.js';
-import { d as defineCustomElement$o } from './list.js';
-import { d as defineCustomElement$n } from './list-item2.js';
-import { d as defineCustomElement$m } from './loader.js';
-import { d as defineCustomElement$l } from './notice.js';
-import { d as defineCustomElement$k } from './option.js';
-import { d as defineCustomElement$j } from './panel.js';
-import { d as defineCustomElement$i } from './popover.js';
-import { d as defineCustomElement$h } from './progress.js';
-import { d as defineCustomElement$g } from './scrim.js';
-import { d as defineCustomElement$f } from './select.js';
-import { d as defineCustomElement$e } from './shell.js';
-import { d as defineCustomElement$d } from './stack.js';
-import { d as defineCustomElement$c } from './tooltip.js';
-import { d as defineCustomElement$b } from './card-manager2.js';
-import { d as defineCustomElement$a } from './edit-card2.js';
-import { d as defineCustomElement$9 } from './info-card2.js';
-import { d as defineCustomElement$8 } from './layer-table2.js';
-import { d as defineCustomElement$7 } from './map-card2.js';
+import { d as defineCustomElement$H } from './basemap-gallery2.js';
+import { d as defineCustomElement$G } from './action.js';
+import { d as defineCustomElement$F } from './action-bar.js';
+import { d as defineCustomElement$E } from './action-group.js';
+import { d as defineCustomElement$D } from './action-menu.js';
+import { d as defineCustomElement$C } from './alert.js';
+import { d as defineCustomElement$B } from './button.js';
+import { d as defineCustomElement$A } from './chip.js';
+import { d as defineCustomElement$z } from './combobox.js';
+import { d as defineCustomElement$y } from './combobox-item.js';
+import { d as defineCustomElement$x } from './dropdown.js';
+import { d as defineCustomElement$w } from './dropdown-group.js';
+import { d as defineCustomElement$v } from './dropdown-item.js';
+import { d as defineCustomElement$u } from './filter2.js';
+import { d as defineCustomElement$t } from './handle.js';
+import { d as defineCustomElement$s } from './icon.js';
+import { d as defineCustomElement$r } from './input.js';
+import { d as defineCustomElement$q } from './link.js';
+import { d as defineCustomElement$p } from './list.js';
+import { d as defineCustomElement$o } from './list-item2.js';
+import { d as defineCustomElement$n } from './loader.js';
+import { d as defineCustomElement$m } from './notice.js';
+import { d as defineCustomElement$l } from './option.js';
+import { d as defineCustomElement$k } from './panel.js';
+import { d as defineCustomElement$j } from './popover.js';
+import { d as defineCustomElement$i } from './progress.js';
+import { d as defineCustomElement$h } from './scrim.js';
+import { d as defineCustomElement$g } from './select.js';
+import { d as defineCustomElement$f } from './shell.js';
+import { d as defineCustomElement$e } from './stack.js';
+import { d as defineCustomElement$d } from './tooltip.js';
+import { d as defineCustomElement$c } from './card-manager2.js';
+import { d as defineCustomElement$b } from './edit-card2.js';
+import { d as defineCustomElement$a } from './info-card2.js';
+import { d as defineCustomElement$9 } from './layer-table2.js';
+import { d as defineCustomElement$8 } from './map-card2.js';
+import { d as defineCustomElement$7 } from './map-fullscreen2.js';
 import { d as defineCustomElement$6 } from './map-layer-picker2.js';
 import { d as defineCustomElement$5 } from './map-legend2.js';
 import { d as defineCustomElement$4 } from './map-picker2.js';
@@ -54,6 +55,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
   constructor() {
     super();
     this.__registerHost();
+    /**
+     * boolean: When true the map view will be set after render due to popup obstructing the view
+     * MapView.when is not fired when mapView is not currently visible
+     */
+    this._shouldSetMapView = false;
     this.classicGrid = false;
     this.showNewestFirst = true;
     this.hideMap = false;
@@ -91,13 +97,14 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    * Listen for mapChanged event to be fired then store the new mapView so components will be updated
    */
   async mapChanged(evt) {
-    const mapChange = evt.detail;
-    // close popup by default when the map changes otherwise other components that rely on the view don't work since it
-    // doesn't seem to fully load when it's not visible
-    this._expandPopup = false;
-    this._mapInfo = this._getMapInfo(mapChange.id);
-    this._mapView = mapChange.mapView;
-    this._mapView.popupEnabled = false;
+    this._mapChange = evt.detail;
+    if (this._expandPopup) {
+      this._shouldSetMapView = true;
+      this._expandPopup = false;
+    }
+    else {
+      this._setMapView();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -118,6 +125,16 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
   render() {
     return (h(Host, null, h("calcite-shell", { class: "position-relative" }, h("calcite-panel", { class: "width-full height-full" }, this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
   }
+  /**
+   * Called after each render
+   * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view
+   */
+  componentDidRender() {
+    if (this._shouldSetMapView) {
+      this._shouldSetMapView = false;
+      this._setMapView();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Functions (protected)
@@ -328,6 +345,16 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     });
     return mapInfo;
   }
+  /**
+   * Set the current map info when maps change
+   *
+   * @protected
+   */
+  _setMapView() {
+    this._mapInfo = this._getMapInfo(this._mapChange.id);
+    this._mapView = this._mapChange.mapView;
+    this._mapView.popupEnabled = false;
+  }
   /**
    * Fetches the component's translations
    *
@@ -357,7 +384,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-link", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-stack", "calcite-tooltip", "card-manager", "edit-card", "info-card", "layer-table", "map-card", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
+  const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-link", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-stack", "calcite-tooltip", "card-manager", "edit-card", "info-card", "layer-table", "map-card", "map-fullscreen", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
   components.forEach(tagName => { switch (tagName) {
     case "crowdsource-manager":
       if (!customElements.get(tagName)) {
@@ -366,180 +393,185 @@ function defineCustomElement$1() {
       break;
     case "basemap-gallery":
       if (!customElements.get(tagName)) {
-        defineCustomElement$G();
+        defineCustomElement$H();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$F();
+        defineCustomElement$G();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$E();
+        defineCustomElement$F();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$D();
+        defineCustomElement$E();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$C();
+        defineCustomElement$D();
       }
       break;
     case "calcite-alert":
       if (!customElements.get(tagName)) {
-        defineCustomElement$B();
+        defineCustomElement$C();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$A();
+        defineCustomElement$B();
       }
       break;
     case "calcite-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$z();
+        defineCustomElement$A();
       }
       break;
     case "calcite-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$z();
       }
       break;
     case "calcite-combobox-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$y();
       }
       break;
     case "calcite-dropdown":
       if (!customElements.get(tagName)) {
-        defineCustomElement$w();
+        defineCustomElement$x();
       }
       break;
     case "calcite-dropdown-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$w();
       }
       break;
     case "calcite-dropdown-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$u();
+        defineCustomElement$v();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$u();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$t();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$s();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$r();
       }
       break;
     case "calcite-link":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$q();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$p();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "calcite-notice":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "calcite-option":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "calcite-panel":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "calcite-select":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "calcite-shell":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "calcite-stack":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "calcite-tooltip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "card-manager":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "edit-card":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "info-card":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "layer-table":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "map-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "map-fullscreen":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }

package/dist/components/info-card2.js

@@ -42,6 +42,9 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
    */
   async graphicsWatchHandler() {
     var _a;
+    if (!this._features) {
+      await this._initFeaturesWidget();
+    }
     if (this.graphics.length > 0) {
       const featureLayer = (_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer;
       this._editEnabled = featureLayer.editingEnabled && featureLayer.capabilities.operations.supportsUpdate;
@@ -58,9 +61,7 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
    * Watch for changes to the mapView and re-init the Feature widget
    */
   async mapViewWatchHandler() {
-    await this.mapView.when(async () => {
-      await this._initFeaturesWidget();
-    });
+    return await this._initFeaturesWidget();
   }
   //--------------------------------------------------------------------------
   //
@@ -136,27 +137,29 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLEle
    * @protected
    */
   async _initFeaturesWidget() {
-    if (!this._features) {
-      this._features = new this.Features({
-        view: this.mapView,
-        container: "features-node",
-        visibleElements: {
-          actionBar: false,
-          closeButton: false,
-          heading: true
-        }
-      });
-      if (this.zoomAndScrollToSelected) {
-        this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
-          if (i > -1) {
-            this.selectionChanged.emit(this._features.selectedFeature);
+    return await this.mapView.when(() => {
+      if (!this._features) {
+        this._features = new this.Features({
+          view: this.mapView,
+          container: "features-node",
+          visibleElements: {
+            actionBar: false,
+            closeButton: false,
+            heading: true
           }
         });
+        if (this.zoomAndScrollToSelected) {
+          this.reactiveUtils.watch(() => this._features.selectedFeatureIndex, (i) => {
+            if (i > -1) {
+              this.selectionChanged.emit(this._features.selectedFeature);
+            }
+          });
+        }
       }
-    }
-    else {
-      this._features.view = this.mapView;
-    }
+      else {
+        this._features.view = this.mapView;
+      }
+    });
   }
   /**
    * Set the alertOpen member to false when the alert is closed

package/dist/components/interfaces.js

@@ -59,11 +59,6 @@ var ESelectionType;
   ESelectionType["POLY"] = "POLY";
   ESelectionType["RECT"] = "RECT";
 })(ESelectionType || (ESelectionType = {}));
-var EExpandType;
-(function (EExpandType) {
-  EExpandType["EXPAND"] = "EXPAND";
-  EExpandType["COLLAPSE"] = "COLLAPSE";
-})(EExpandType || (EExpandType = {}));
 var EWorkflowType;
 (function (EWorkflowType) {
   EWorkflowType["SEARCH"] = "SEARCH";
@@ -82,4 +77,4 @@ var EDrawMode;
   EDrawMode["REFINE"] = "REFINE";
 })(EDrawMode || (EDrawMode = {}));
 
-export { EWorkflowType as E, ELayoutMode as a, EExpandType as b, EDrawMode as c, EExportType as d, EPageType as e, ESelectionMode as f, EUpdateType as g };
+export { EWorkflowType as E, ELayoutMode as a, EDrawMode as b, EExportType as c, EPageType as d, ESelectionMode as e, EUpdateType as f };

package/dist/components/layer-table2.js

@@ -203,7 +203,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   _getTableControlRow(slot) {
     const featuresSelected = this._selectedIndexes.length > 0;
     return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), placeholderIcon: "layers", scale: "l", type: "dropdown" })), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "magnifying-glass", id: "magnifying-glass", label: this._translations.zoom, onClick: () => this._zoom(), text: this._translations.zoom, textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "magnifying-glass" }, h("span", null, this._translations.zoom)), h("calcite-action", { appearance: "solid", icon: "filter", id: "filter", onClick: () => this._filter(), text: this._translations.filters, "text-enabled": "true", textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "filter" }, h("span", null, this._translations.filters)), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, id: "trash", onClick: () => this._delete(), text: "" }, h("calcite-button", { appearance: "transparent", iconStart: "trash", kind: "danger" }, this._translations.delete)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "trash" }, h("span", null, this._translations.delete)), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "erase", id: "erase", onClick: () => this._clearSelection(), text: this._translations.clearSelection, "text-enabled": "true", textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "erase" }, h("span", null, this._translations.clearSelection))), h("calcite-dropdown", null, h("calcite-action", { appearance: "solid", label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
-      this._translations.showSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
+      this._translations.showSelected), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
   }
   /**
    * Initialize the FeatureTable
@@ -396,11 +396,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const exportInfos = {};
     const ids = this._table.highlightIds.toArray();
     exportInfos[this._layer.id] = {
-      selectionSetNames: [],
+      selectionSetNames: [this._layer.title],
       ids,
       layer: this._layer
     };
     void downloadCSV(exportInfos, false, // formatUsingLayerPopup
+    false, // removeDuplicates
     true);
   }
   /**