@esri/solutions-components 0.8.8 → 0.8.9

package/dist/esm/map-select-tools_3.entry.js

@@ -5,10 +5,10 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
 import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-bcbea4ef.js';
-import { d as goToSelection, h as highlightFeatures, j as queryObjectIds, k as getQueryGeoms, b as getFeatureLayerView, l as queryFeaturesByGeometry, m as getIdSets, n as highlightAllFeatures } from './mapViewUtils-253178f1.js';
+import { d as goToSelection, h as highlightFeatures, j as queryObjectIds, k as getQueryGeoms, b as getFeatureLayerView, l as queryFeaturesByGeometry, m as getIdSets, n as highlightAllFeatures } from './mapViewUtils-2ec19fb0.js';
 import { a as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-586e863c.js';
 import { s as state } from './publicNotificationStore-223faed2.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-0c1e4d7b.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-df4f21f6.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';
 import './index-477ea182.js';
@@ -186,7 +186,7 @@ const MapSelectTools = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, this._getMapLayerPicker(), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { class: "padding-top-1" }, h("map-draw-tools", { active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, null, this._getMapLayerPicker(), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { class: "padding-top-1" }, h("map-draw-tools", { active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -195,7 +195,7 @@ const MapSelectTools = class {
         var _a, _b;
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
@@ -231,7 +231,7 @@ const MapSelectTools = class {
      * @protected
      */
     _getMapLayerPicker() {
-        return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
+        return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => void this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -303,7 +303,7 @@ const MapSelectTools = class {
             });
             this._selectionLabel = (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.label;
             if (!this._useLayerFeaturesEnabled) {
-                (_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics();
+                await ((_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics());
             }
             await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
         }
@@ -449,7 +449,7 @@ const MapSelectTools = class {
             }
             this._workflowType = this._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
             if (this._workflowType === EWorkflowType.SKETCH) {
-                this._drawTools.updateGraphics();
+                await this._drawTools.updateGraphics();
             }
             await this._updateLabel();
             this._clearSearchWidget();
@@ -1406,7 +1406,7 @@ const RefineSelection = class {
         });
         const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
         await this._updateIds(oids, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer);
-        this._drawTools.clear();
+        void this._drawTools.clear();
     }
     /**
      * Highlight any selected features in the map

package/dist/esm/{mapViewUtils-253178f1.js → mapViewUtils-2ec19fb0.js}

@@ -349,12 +349,13 @@ async function getAllLayers(mapView) {
  * @param layerView the layer view to highlight
  * @param mapView the map view used if updateExtent is true
  * @param updateExtent optional (default false) boolean to indicate if we should zoom to the extent
+ * @param zoomToScale optional (default 0) zoomScale that individual points will use when zoomed to
  *
  * @returns Promise resolving with the highlight handle
  */
-async function highlightFeatures(ids, layerView, mapView, updateExtent = false) {
+async function highlightFeatures(ids, layerView, mapView, updateExtent = false, zoomToScale = 0) {
     if (updateExtent) {
-        await goToSelection(ids, layerView, mapView, false);
+        await goToSelection(ids, layerView, mapView, false, undefined, zoomToScale);
         //wait for sometime to load the feature in layerView then only the highlight will work
         await new Promise(resolve => setTimeout(resolve, 1000));
     }
@@ -440,13 +441,18 @@ async function flashSelection(ids, layerView, featureEffect) {
  * @param layerView the layer view that contains the OIDs
  * @param mapView the map view to show the extent change
  * @param flashFeatures optional (default true) boolean to indicate if we should flash the features
- *
+ * @param featureEffect optional (default undefined) feature effect when flashing the features
+ * @param zoomToScale optional (default to 0) zoomScale that individual points will use when zoomed to
  * @returns Promise resolving when the operation is complete
  *
  */
-async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined) {
+async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined, zoomToScale = 0) {
     const result = await queryExtent(ids, layerView.layer);
-    await mapView.goTo(result.extent);
+    const goToParams = { target: result.extent };
+    if (result.count === 1 && layerView.layer.geometryType === 'point' && zoomToScale) {
+        goToParams.scale = zoomToScale;
+    }
+    await mapView.goTo(goToParams);
     if (flashFeatures) {
         await flashSelection(ids, layerView, featureEffect);
     }

package/dist/esm/public-notification.entry.js

@@ -6,9 +6,9 @@
 import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-164d485a.js';
 import { b as EExportType, c as EPageType, a as EWorkflowType } from './interfaces-586e863c.js';
 import { l as loadModules, g as getLocaleComponentStrings } from './locale-bcbea4ef.js';
-import { d as goToSelection, h as highlightFeatures } from './mapViewUtils-253178f1.js';
+import { d as goToSelection, h as highlightFeatures } from './mapViewUtils-2ec19fb0.js';
 import { s as state } from './publicNotificationStore-223faed2.js';
-import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-0c1e4d7b.js';
+import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-df4f21f6.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';
 import './index-477ea182.js';