@esri/solutions-components 0.6.11 → 0.6.12

package/dist/cjs/{zh-hk-e14e2fc0.js → zh-hk-d1a89b9e.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/cjs/{zh-tw-7ea0d7e4.js → zh-tw-5691adb2.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/collection/collection-manifest.json

@@ -14,6 +14,7 @@
     "components/list-item/list-item.js",
     "components/map-card/map-card.js",
     "components/map-draw-tools/map-draw-tools.js",
+    "components/map-fullscreen/map-fullscreen.js",
     "components/map-layer-picker/map-layer-picker.js",
     "components/map-legend/map-legend.js",
     "components/map-picker/map-picker.js",

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

@@ -23,6 +23,11 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { ELayoutMode } from "../../utils/interfaces";
 export class CrowdsourceManager {
   constructor() {
+    /**
+     * 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;
@@ -60,13 +65,14 @@ export class CrowdsourceManager {
    * 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();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -87,6 +93,16 @@ export class CrowdsourceManager {
   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)
@@ -297,6 +313,16 @@ export class CrowdsourceManager {
     });
     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
    *

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

@@ -42,6 +42,9 @@ export class InfoCard {
    */
   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 @@ export class InfoCard {
    * 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 @@ export class InfoCard {
    * @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/collection/components/layer-table/layer-table.js

@@ -189,7 +189,7 @@ export class LayerTable {
   _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
@@ -382,11 +382,12 @@ export class LayerTable {
     const exportInfos = {};
     const ids = this._table.highlightIds.toArray();
     exportInfos[this._layer.id] = {
-      selectionSetNames: [],
+      selectionSetNames: [this._layer.title],
       ids,
       layer: this._layer
     };
     void downloadUtils.downloadCSV(exportInfos, false, // formatUsingLayerPopup
+    false, // removeDuplicates
     true);
   }
   /**

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

@@ -23,3 +23,7 @@
 .map-height {
   height: calc(100% - 58px);
 }
+
+.box-shadow {
+  box-shadow: none !important;
+}

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

@@ -58,7 +58,7 @@ export class MapCard {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { class: "box-shadow", mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/map-fullscreen/map-fullscreen.css

@@ -0,0 +1,19 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}

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

@@ -0,0 +1,178 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Host, h } from "@stencil/core";
+import { loadModules } from "../../utils/loadModules";
+export class MapFullscreen {
+  constructor() {
+    this.mapView = undefined;
+    this.fullscreenWidget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Called each time the mapView prop is changed.
+   *
+   * @returns Promise when complete
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      this._initFullscreenWidget();
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   */
+  async componentWillLoad() {
+    await this._initModules();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    return (h(Host, null, h("div", { class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+  }
+  /**
+   * StencilJS: Called just after the component updates.
+   * It's never called during the first render().
+   */
+  async componentDidUpdate() {
+    this._initFullscreenWidget();
+  }
+  /**
+   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+   */
+  async componentDidLoad() {
+    this._initFullscreenWidget();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [Fullscreen] = await loadModules([
+      "esri/widgets/Fullscreen"
+    ]);
+    this.Fullscreen = Fullscreen;
+  }
+  /**
+   * Initialize the search widget
+   *
+   * @protected
+   */
+  _initFullscreenWidget() {
+    if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
+      this.fullscreenWidget = new this.Fullscreen({
+        view: this.mapView
+      });
+    }
+    else if (this.fullscreenWidget) {
+      this.fullscreenWidget.view = this.mapView;
+    }
+  }
+  static get is() { return "map-fullscreen"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["map-fullscreen.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["map-fullscreen.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mapView": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "__esri.MapView",
+          "resolved": "MapView",
+          "references": {
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
+        }
+      },
+      "fullscreenWidget": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "__esri.Fullscreen",
+          "resolved": "Fullscreen",
+          "references": {
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html"
+        }
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "mapView",
+        "methodName": "mapViewWatchHandler"
+      }];
+  }
+}

package/dist/collection/components/map-fullscreen/test/map-fullscreen.e2e.js

@@ -0,0 +1,29 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from "@stencil/core/testing";
+xdescribe('map-fullscreen', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<map-fullscreen></map-fullscreen>');
+    const element = await page.find('map-fullscreen');
+    expect(element).toHaveClass('hydrated');
+  });
+});

package/dist/collection/components/map-fullscreen/test/map-fullscreen.spec.js

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newSpecPage } from "@stencil/core/testing";
+import { MapFullscreen } from "../map-fullscreen";
+xdescribe('map-fullscreen', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [MapFullscreen],
+      html: `<map-fullscreen></map-fullscreen>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <map-fullscreen>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </map-fullscreen>
+    `);
+  });
+});

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -177,7 +177,13 @@ export class MapSelectTools {
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
    */
   async componentDidLoad() {
-    return this._init();
+    await this._init();
+    await this._searchWidget.when(() => {
+      this._searchWidget.allPlaceholder = this._translations.placeholder;
+      this._searchWidget.defaultSources.forEach(s => {
+        s.placeholder = this._translations.placeholder;
+      });
+    });
   }
   /**
    * Renders the component.

package/dist/collection/components/map-tools/map-tools.css

@@ -22,10 +22,6 @@
   display: none;
 }
 
-.border {
-  border: 1px solid var(--calcite-ui-border-3);
-}
-
 .margin-top-1-2 {
   margin-top: 0.5rem;
 }
@@ -43,3 +39,11 @@
   width: 40px;
   height: 41px;
 }
+
+.border-bottom {
+  border-bottom: 1px solid var(--calcite-ui-border-3);
+}
+
+.box-shadow {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}