@esri/solutions-components 1.0.0-next.20250415 → 1.0.0-next.20250422

package/dist/components/map-picker/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as d, createEvent as o, safeClassMap as h } from "@arcgis/lu
 import { css as p } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250415 */
+v1.0.0-next.20250422 */
 const m = p`/** @license
  * Copyright 2025 Esri
  *
@@ -24,7 +24,7 @@ const m = p`/** @license
  */:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.border-right{border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:fit-content}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 52px);overflow-y:auto}`;
 class f extends d {
   constructor() {
-    super(...arguments), this.mapInfos = [], this._mapListExpanded = !1, this._translations = l({ name: "map-picker" }), this._list = r(), this._loadedId = "", this._skipEditCheck = !1, this.beforeMapInfoChange = o(), this.mapInfoChange = o();
+    super(...arguments), this.locale = "", this.mapInfos = [], this.isMapLayout = !1, this._mapListExpanded = !1, this._translations = l({ name: "map-picker" }), this._list = r(), this._loadedId = "", this._skipEditCheck = !1, this.beforeMapInfoChange = o(), this.mapInfoChange = o();
   }
   static {
     this.properties = { locale: 1, mapInfos: 0, isMapLayout: 5, _mapListExpanded: 16, _translations: 16 };
@@ -76,7 +76,6 @@ class f extends d {
   }
   /** Called once after the component has loaded */
   loaded() {
-    console.log("MP loaded");
     const e = this.mapInfos && this.mapInfos.length > 0 ? this.mapInfos[0] : void 0;
     e && this._webMapSelected(e);
   }

package/dist/components/map-search/customElement.d.ts

@@ -6,18 +6,18 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
 
 export declare class MapSearch extends LitElement {
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /** boolean: When true the selected feature popup will be shown when serach result is found */
     popupEnabled: boolean;
     /** boolean: When true a graphic will be added for the search result */
     resultGraphicEnabled: boolean;
     /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration;
+    searchConfiguration: ISearchConfiguration | undefined;
     /**
      * string: Text entered by the end user.
      * Used to search against the locator.
      */
     searchTerm: string;
     /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */
-    searchWidget: __esri.widgetsSearch;
+    searchWidget: __esri.widgetsSearch | undefined;
 }

package/dist/components/map-search/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as f } from "@arcgis/lumina";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250415 */
+v1.0.0-next.20250422 */
 const S = y`/** @license
  * Copyright 2025 Esri
  *
@@ -24,11 +24,18 @@ const S = y`/** @license
  */:host{display:block}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}`;
 class g extends f {
   constructor() {
-    super(...arguments), this.popupEnabled = !1, this.resultGraphicEnabled = !1, this._searchElement = u();
+    super(...arguments), this.popupEnabled = !1, this.resultGraphicEnabled = !1, this.searchTerm = "", this._searchElement = u();
   }
   static {
     this.properties = { mapView: 0, popupEnabled: 5, resultGraphicEnabled: 5, searchConfiguration: 0, searchTerm: 1, searchWidget: 0 };
   }
+  static {
+    this.styles = S;
+  }
+  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
+  willUpdate(e) {
+    e.has("searchConfiguration") && this.watchSearchConfigurationHandler(), e.has("mapView") && this.mapViewWatchHandler();
+  }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
@@ -48,7 +55,7 @@ class g extends f {
    * @returns Promise when complete
    */
   async mapViewWatchHandler() {
-    await this.mapView.when(() => {
+    await this.mapView?.when(() => {
       this._initSearchWidget();
     });
   }
@@ -96,7 +103,7 @@ class g extends f {
       };
       this.searchConfiguration && (e = {
         ...this._getSearchConfig(this.searchConfiguration, this.mapView)
-      }), this.searchWidget = new this.Search(e), this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled;
+      }), this.searchWidget = this.Search && new this.Search(e), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
     } else
       this.searchWidget && (this.searchWidget.view = this.mapView);
   }
@@ -108,11 +115,11 @@ class g extends f {
    * @protected
    */
   _getSearchConfig(e, r) {
-    const o = "includeDefaultSources", a = e.sources;
-    return a && a?.length > 0 ? (e[o] = !1, a.forEach((t) => {
+    const n = "includeDefaultSources", a = e.sources;
+    return a && a?.length > 0 ? (e[n] = !1, a.forEach((t) => {
       if (t.hasOwnProperty("layer")) {
-        const i = t, s = i.layer?.id, c = s ? r.map.findLayerById(s) : null, n = i?.layer?.url;
-        c ? i.layer = c : n && (i.layer = new this.FeatureLayer(n));
+        const i = t, s = i.layer?.id, c = s ? r.map.findLayerById(s) : null, h = i?.layer?.url;
+        c ? i.layer = c : h && this.FeatureLayer && (i.layer = new this.FeatureLayer(h));
       }
     }), a?.forEach((t) => {
       if (t.hasOwnProperty("locator")) {
@@ -128,13 +135,6 @@ class g extends f {
       includeDefaultSources: !0
     }, e;
   }
-  static {
-    this.styles = S;
-  }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
-  willUpdate(e) {
-    e.has("searchConfiguration") && this.watchSearchConfigurationHandler(), e.has("mapView") && this.mapViewWatchHandler();
-  }
 }
 l("map-search", g);
 export {

package/dist/components/map-select-tools/customElement.d.ts

@@ -29,9 +29,9 @@ export declare class MapSelectTools extends LitElement {
     /** boolean: When true sketch tools will be provided to allow users to draw a selection geometry */
     enableSketchTools: boolean;
     /** number: The default value to show for the buffer distance */
-    defaultBufferDistance: number;
+    defaultBufferDistance: number | undefined;
     /** number: The default value to show for the buffer unit */
-    defaultBufferUnit: DistanceUnit;
+    defaultBufferUnit: DistanceUnit | undefined;
     /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
     geometries: __esri.Geometry[];
     /** boolean: When true a new label is not generated for the stored selection set */
@@ -41,16 +41,16 @@ export declare class MapSelectTools extends LitElement {
     /** string: The current user locale. */
     locale: string;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /**
      * string: The value to show for no results
      * when left empty the default text "0 selected features from {layerTitle}" will be shown
      */
     noResultText: string;
     /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration;
+    searchConfiguration: ISearchConfiguration | undefined;
     /** utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made. */
-    selectionSet: ISelectionSet;
+    selectionSet: ISelectionSet | undefined;
     /**
      * string[]: List of layer ids that should be shown as potential selection layers
      * when skectching with "Use layer features" option
@@ -59,11 +59,11 @@ export declare class MapSelectTools extends LitElement {
     /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
     selectLayerView: __esri.FeatureLayerView | undefined;
     /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
-    sketchLineSymbol: __esri.SimpleLineSymbol;
+    sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
     /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
-    sketchPointSymbol: __esri.SimpleMarkerSymbol;
+    sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
     /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
-    sketchPolygonSymbol: __esri.SimpleFillSymbol;
+    sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
     /** boolean: when true buffer tools controls are enabled */
     searchDistanceEnabled: boolean;
     /** boolean: when true drawn graphics will be used to select features */

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

@@ -1,18 +1,18 @@
 import { c as v } from "../../chunks/runtime.js";
 import { l as C } from "../../chunks/loadModules.js";
-import { b as I, c as G, g as L } from "../../chunks/mapViewUtils.js";
-import { d as V, g as E, a as k } from "../../chunks/queryUtils.js";
+import { b as G, c as V, g as L } from "../../chunks/mapViewUtils.js";
+import { d as I, g as E, a as T } from "../../chunks/queryUtils.js";
 import { a as d } from "../../chunks/interfaces.js";
 import { s as p } from "../../chunks/publicNotificationStore.js";
 import { l as y } from "../../chunks/languageUtil.js";
-import { u as O } from "../../chunks/useT9n.js";
+import { u as k } from "../../chunks/useT9n.js";
 import { html as c } from "lit";
 import { createRef as f, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as T, createEvent as $, noShadowRoot as F, safeClassMap as u, safeStyleMap as D } from "@arcgis/lumina";
-import { css as N } from "@lit/reactive-element/css-tag.js";
+import { LitElement as O, createEvent as $, noShadowRoot as F, safeClassMap as u, safeStyleMap as D } from "@arcgis/lumina";
+import { css as R } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250415 */
+v1.0.0-next.20250422 */
 /**
  * @license
  * Copyright 2025 Esri
@@ -29,11 +29,11 @@ v1.0.0-next.20250415 */
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function R(g) {
+function N(g) {
   const t = ((g.closest("[lang]") ?? g.shadowRoot?.ownerDocument?.documentElement)?.lang || navigator?.language || "en").toLowerCase();
   return y.has(t) ? y.get(t) : y.has(t.slice(0, 2)) ? y.get(t.slice(0, 2)) : "en";
 }
-const W = N`@layer{/** @license
+const W = R`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -48,9 +48,9 @@ const W = N`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:"1rem"!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:.5rem}.padding-end-1-2{padding-inline-end:.5rem}.icon{--calcite-color-icon-color: var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class x extends T {
+class x extends O {
   constructor() {
-    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._selectionLoading = !1, this._translations = O({ name: "map-select-tools" }), this._bufferTools = f(), this._drawTools = f(), this._labelName = f(), this._searchElement = f(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = $(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.locale = "", this.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = k({ name: "map-select-tools" }), this._bufferTools = f(), this._drawTools = f(), this._labelName = f(), this._selectLayers = [], this._searchElement = f(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = $(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
   static {
     this.properties = { bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, enabledLayerIds: 0, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, geometries: 0, isUpdate: 5, layerViews: 0, locale: 1, mapView: 0, noResultText: 1, searchConfiguration: 0, selectionSet: 0, selectionLayerIds: 0, selectLayerView: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, searchDistanceEnabled: 5, useLayerFeaturesEnabled: 5, _numSelected: 16, _searchTerm: 16, _selectionLoading: 16, _translations: 16 };
@@ -63,7 +63,7 @@ class x extends T {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.watchGeometriesHandler(this.geometries, e.get("geometries")), e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(this.mapView, e.get("mapView")), e.has("searchConfiguration") && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration"));
+    e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.watchGeometriesHandler(this.geometries, e.get("geometries")), e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView")), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration"));
   }
   //--------------------------------------------------------------------------
   //
@@ -115,7 +115,7 @@ class x extends T {
    */
   async getSelection() {
     return /\S+/gm.test(this._selectionLabel) || await this._updateLabel(), {
-      id: this.isUpdate ? this.selectionSet.id : Date.now(),
+      id: this.isUpdate && this.selectionSet ? this.selectionSet.id : Date.now(),
       searchResult: this._searchResult,
       buffer: this._bufferGeometry,
       distance: this._bufferTools.value?.distance,
@@ -178,7 +178,7 @@ class x extends T {
   }
   /** Renders the number of selected features */
   _getNumSelected() {
-    const e = R(this.el), t = e && e === "en" ? `${this._translations.selectionLoading}...` : this._translations.selectionLoading;
+    const e = N(this.el), t = e && e === "en" ? `${this._translations.selectionLoading}...` : this._translations.selectionLoading;
     return c`<div class="padding-top-1 padding-bottom-1" style=${D({ "align-items": "end", display: "flex" })}>${this._selectionLoading ? c`<div><calcite-loader class="info-blue padding-end-1-2" inline .label=${t || ""} scale=m type=indeterminate></calcite-loader></div>` : c`<calcite-icon class="info-blue padding-end-1-2" icon=feature-layer scale=s></calcite-icon>`}<calcite-input-message class="info-blue" scale=m>${this._selectionLoading ? t : this.noResultText && this._numSelected === 0 ? this.noResultText : (this._translations.selectedFeatures || "").replace("{{n}}", this._numSelected.toString())}</calcite-input-message></div>`;
   }
   /** Renders the custom label input */
@@ -210,7 +210,7 @@ class x extends T {
    * @protected
    */
   async _initModules() {
-    const [e, t, s, i, l, a] = await C([
+    const [e, t, s, i, a, l] = await C([
       "esri/request",
       "esri/layers/GraphicsLayer",
       "esri/Graphic",
@@ -218,7 +218,7 @@ class x extends T {
       "esri/geometry/geometryEngine",
       "esri/layers/FeatureLayer"
     ]);
-    this._esriRequest = e, this.GraphicsLayer = t, this.Graphic = s, this.Search = i, this._geometryEngine = l, this.FeatureLayer = a;
+    this._esriRequest = e, this.GraphicsLayer = t, this.Graphic = s, this.Search = i, this._geometryEngine = a, this.FeatureLayer = l;
   }
   /**
    * Initialize the graphics layer, selection set, and search widget
@@ -234,13 +234,13 @@ class x extends T {
    * @protected
    */
   async _initSelectionSet() {
-    this.selectionSet && (this._searchTerm = this.selectionSet.searchResult?.name, this._searchResult = this.selectionSet.searchResult, this._selectLayers = this.selectionSet.selectLayers, this._selectedIds = this.selectionSet.selectedIds, this._skipGeomOIDs = this.selectionSet.skipGeomOIDs || [], this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled, this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled, this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0, this._unit = this.selectionSet.unit, this._workflowType = this.selectionSet.workflowType, this.selectLayerView = this.selectionSet.layerView, this._sketchGraphic = this.selectionSet.sketchGraphic, this.geometries = [...this.selectionSet?.geometries || []], this._graphics = this.geometries.map((e) => {
-      const t = e.type === "point" ? this.sketchPointSymbol : e.type === "polyline" ? this.sketchLineSymbol : this.sketchPolygonSymbol;
-      return new this.Graphic({
-        geometry: e,
-        symbol: t
-      });
-    }), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && await I(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
+    this.selectionSet && (this._searchTerm = this.selectionSet.searchResult?.name, this._searchResult = this.selectionSet.searchResult, this._selectLayers = this.selectionSet.selectLayers, this._selectedIds = this.selectionSet.selectedIds, this._skipGeomOIDs = this.selectionSet.skipGeomOIDs || [], this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled, this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled, this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0, this._unit = this.selectionSet.unit, this._workflowType = this.selectionSet.workflowType, this.selectLayerView = this.selectionSet.layerView, this._sketchGraphic = this.selectionSet.sketchGraphic, this.geometries = [...this.selectionSet?.geometries || []], this._graphics = this.geometries.reduce((e, t) => {
+      const s = t.type === "point" ? this.sketchPointSymbol : t.type === "polyline" ? this.sketchLineSymbol : this.sketchPolygonSymbol;
+      return this.Graphic && e.push(new this.Graphic({
+        geometry: t,
+        symbol: s
+      })), e;
+    }, []), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && this.mapView && await G(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
   }
   /**
    * Initialize the search widget
@@ -249,20 +249,20 @@ class x extends T {
    */
   async _initSearchWidget() {
     if (this.mapView && this._searchElement.value) {
-      const e = this._getSearchConfig(this.searchConfiguration, this.mapView), t = {
+      const e = this.searchConfiguration && this._getSearchConfig(this.searchConfiguration, this.mapView), t = {
         view: this.mapView,
         container: this._searchElement.value,
         searchTerm: this._searchTerm,
         ...e
       };
-      this._searchWidget ? (this._searchWidget.view = this.mapView, this._searchWidget.searchTerm = this._searchTerm) : this._searchWidget = new this.Search(t), this._searchWidget.popupEnabled = !1, this._searchWidget.resultGraphicEnabled = !1, this._searchWidget.viewModel.addHandles(this._searchWidget.on("search-clear", () => {
+      this._searchWidget ? (this._searchWidget.view = this.mapView, this._searchWidget.searchTerm = this._searchTerm) : this._searchWidget = this.Search && new this.Search(t), this._searchWidget && (this._searchWidget.popupEnabled = !1, this._searchWidget.resultGraphicEnabled = !1, this._searchWidget.viewModel.addHandles(this._searchWidget.on("search-clear", () => {
         const s = this._searchClearLabel();
         this._searchResult?.name && this._clearResults(!1, s);
       })), this._searchWidget.viewModel.addHandles(this._searchWidget.on("select-result", (s) => {
         this._selectResult(s.result);
       })), await this._searchWidget.when(() => {
         this._searchWidget && (this._searchWidget.allPlaceholder = this.searchConfiguration?.allPlaceholder && this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ? this.searchConfiguration.allPlaceholder : this._translations.placeholder);
-      });
+      }));
     }
   }
   /**
@@ -275,12 +275,12 @@ class x extends T {
   async _selectResult(e) {
     if (e) {
       this._searchResult = e;
-      const t = e.feature, s = t?.layer, i = this.selectLayerView?.layer, l = Number(t?.getObjectId());
-      let a;
-      s?.sourceJSON?.isView && s.url && (a = await this._getViewSourceUrl(s.url));
+      const t = e.feature, s = t?.layer, i = this.selectLayerView?.layer, a = Number(t?.getObjectId());
+      let l;
+      s?.sourceJSON?.isView && s.url && (l = await this._getViewSourceUrl(s.url));
       let r;
       i?.sourceJSON?.isView && i.url && (r = await this._getViewSourceUrl(i.url));
-      const h = s?.url?.toLowerCase(), o = a?.toLowerCase(), n = i?.url?.toLowerCase(), m = r?.toLowerCase(), b = h && n && (h === n || h === m || o === n || o === m) && !isNaN(l), S = b ? [l] : void 0;
+      const n = s?.url?.toLowerCase(), h = l?.toLowerCase(), o = i?.url?.toLowerCase(), m = r?.toLowerCase(), b = n && o && (n === o || n === m || h === o || h === m) && !isNaN(a), S = b ? [a] : void 0;
       this._workflowType = d.SEARCH, this._updateLabel();
       const w = [e.feature];
       this._updateSelection(w, b, S), this._drawTools.value && (this._drawTools.value.graphics = w), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
@@ -300,7 +300,7 @@ class x extends T {
     let t = "";
     const s = `${e}/sources?f=json`;
     try {
-      const i = await this._esriRequest(s, {
+      const i = this._esriRequest && await this._esriRequest(s, {
         query: {
           f: "json"
         }
@@ -334,17 +334,17 @@ class x extends T {
       includeDefaultSources: !1
     }, s.forEach((i) => {
       if (i.hasOwnProperty("layer")) {
-        const a = i, r = a.layer?.id, h = r ? t.map.findLayerById(r) : null, o = a?.layer?.url;
-        h && a ? a.layer = h : o && (a.layer = new this.FeatureLayer(o));
+        const l = i, r = l.layer?.id, n = r ? t.map.findLayerById(r) : null, h = l?.layer?.url;
+        n && l ? l.layer = n : h && this.FeatureLayer && (l.layer = new this.FeatureLayer(h));
       }
     }), s?.forEach((i) => {
       if (i.hasOwnProperty("locator")) {
-        const a = i;
-        if (a?.name === "ArcGIS World Geocoding Service") {
-          const r = a.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          a.outFields = r, a.singleLineFieldName = "SingleLine";
+        const l = i;
+        if (l?.name === "ArcGIS World Geocoding Service") {
+          const r = l.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          l.outFields = r, l.singleLineFieldName = "SingleLine";
         }
-        a.url = a.url, delete a.url;
+        l.url = l.url, delete l.url;
       }
     })) : e = {
       ...e,
@@ -362,8 +362,8 @@ class x extends T {
       const t = this.mapView.map.layers.findIndex((s) => s.title === e);
       if (t > -1)
         this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(t);
-      else {
-        this._bufferGraphicsLayer = new this.GraphicsLayer({ title: e, listMode: "hide" }), p.managedLayers[e] = "buffer";
+      else if (this._bufferGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: e, listMode: "hide" }), this._bufferGraphicsLayer) {
+        p.managedLayers[e] = "buffer";
         const s = this.mapView.map.layers.findIndex((i) => i.title === this._translations.sketchLayer);
         s > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, s) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
       }
@@ -380,11 +380,11 @@ class x extends T {
     const s = e.detail.graphics;
     if (s.length > 0 && s[0])
       if (t || (this._sketchGraphic = s[0]), this._workflowType = this.useLayerFeaturesEnabled ? d.SELECT : d.SKETCH, this._workflowType === d.SKETCH && this._drawTools.value && await this._drawTools.value.updateGraphics(), await this._updateLabel(), this._clearSearchWidget(), this.useLayerFeaturesEnabled && !t) {
-        const i = Array.isArray(s) ? s.map((l) => l.geometry) : this.geometries;
+        const i = Array.isArray(s) ? s.map((a) => a.geometry) : this.geometries;
         await this._selectLayerFeatures(i[0]);
       } else {
-        const i = s.reduce((a, r) => (r?.layer?.objectIdField ? a.push(Number(r.attributes[r.layer.objectIdField])) : r.getObjectId && a.push(Number(r.getObjectId())), a), []), l = e.detail.useOIDs && i.length > 0;
-        this._updateSelection(s, l, i), l && await this._highlightFeatures(i);
+        const i = s.reduce((l, r) => (r?.layer?.objectIdField ? l.push(Number(r.attributes[r.layer.objectIdField])) : r.getObjectId && l.push(Number(r.getObjectId())), l), []), a = e.detail.useOIDs && i.length > 0;
+        this._updateSelection(s, a, i), a && await this._highlightFeatures(i);
       }
     else
       await this._clearResults(!0, !0);
@@ -404,7 +404,7 @@ class x extends T {
    * @protected
    */
   async _highlightFeatures(e) {
-    p.removeHandles(), e.length > 0 && this.selectLayerView && p.highlightHandles.push(await G(e, this.selectLayerView, this.mapView)), this._numSelected = e.length, this.selectionSetChange.emit(e.length);
+    p.removeHandles(), e.length > 0 && this.selectLayerView && this.mapView && p.highlightHandles.push(await V(e, this.selectLayerView, this.mapView)), this._numSelected = e.length, this.selectionSetChange.emit(e.length);
   }
   /**
    * Query the selectLayerView based on any user drawn geometries or buffers
@@ -413,7 +413,7 @@ class x extends T {
    * @returns Promise when the selection is complete and the graphics have been highlighted
    */
   async _selectFeatures(e) {
-    this._selectionLoading = !0, this._selectedIds = this.selectLayerView && await V(e, this.selectLayerView.layer) || [], this._selectionLoading = !1, this._drawTools.value && (this._drawTools.value.graphics = this._graphics), await this._highlightFeatures(this._selectedIds);
+    this._selectionLoading = !0, this._selectedIds = this.selectLayerView && await I(e, this.selectLayerView.layer) || [], this._selectionLoading = !1, this._drawTools.value && (this._drawTools.value.graphics = this._graphics), await this._highlightFeatures(this._selectedIds);
   }
   /**
    * Query the selectLayerView based on any user drawn geometries or buffers
@@ -432,11 +432,11 @@ class x extends T {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, l = new this.Graphic({
+      }, a = this.Graphic && new this.Graphic({
         geometry: this._bufferGeometry,
         symbol: i
       });
-      this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(l), await this._selectFeatures([this._bufferGeometry]), await this.mapView.goTo(l.geometry?.extent), s = t, t = 0;
+      this._bufferGraphicsLayer && a && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(a), await this._selectFeatures([this._bufferGeometry]), await this.mapView.goTo(a.geometry?.extent)), s = t, t = 0;
     } else
       this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll(), await this._highlightWithOIDsOrGeoms();
     await this._distanceChanged({
@@ -451,8 +451,8 @@ class x extends T {
    * @protected
    */
   _geomQuery(e) {
-    const t = E(e, this._geometryEngine);
-    return this._selectFeatures(t);
+    const t = this._geometryEngine && E(e, this._geometryEngine);
+    return t ? this._selectFeatures(t) : Promise.resolve();
   }
   /**
    * Clear all stored values and general state for the component
@@ -483,7 +483,7 @@ class x extends T {
    * @protected
    */
   _updateSelection(e, t, s) {
-    this._selectedIds = t && s ? s : this._selectedIds, this._skipGeomOIDs = t ? s : void 0, this.geometries = Array.isArray(e) ? e.reduce((i, l) => (l.geometry && i.push(l.geometry), i), []) : this.geometries, this._graphics = e;
+    this._selectedIds = t && s ? s : this._selectedIds, this._skipGeomOIDs = t ? s : void 0, this.geometries = Array.isArray(e) ? e.reduce((i, a) => (a.geometry && i.push(a.geometry), i), []) : this.geometries, this._graphics = e;
   }
   /**
    * Updates the label for the selection set
@@ -492,8 +492,8 @@ class x extends T {
    */
   async _updateLabel() {
     if (this.enableSearchDistance) {
-      const e = this._translations.sketch && this._selectionLabel.indexOf(this._translations.sketch) > -1, t = this._translations.select && this._selectionLabel.indexOf(this._translations.select) > -1, s = this._selectionLabel.indexOf(this._searchResult?.name) > -1, i = this._workflowType === d.SEARCH ? this._searchResult?.name : this._workflowType === d.SELECT ? this._translations.select : this._translations.sketch, l = !this._unit && this._bufferTools.value ? this._bufferTools.value.unit : this._unit, a = this._bufferTools.value && l && await this._bufferTools.value.getTranslatedUnit(l), r = isNaN(Number(this._distance)) && this._bufferTools.value ? this._bufferTools.value.distance : this._distance;
-      this._selectionLabel = e || t || s || !this._selectionLabel ? `${i} ${r} ${a}` : this._selectionLabel, this._labelName.value && (this._labelName.value.value = this._selectionLabel);
+      const e = this._translations.sketch && this._selectionLabel.indexOf(this._translations.sketch) > -1, t = this._translations.select && this._selectionLabel.indexOf(this._translations.select) > -1, s = this._selectionLabel.indexOf(this._searchResult?.name) > -1, i = this._workflowType === d.SEARCH ? this._searchResult?.name : this._workflowType === d.SELECT ? this._translations.select : this._translations.sketch, a = !this._unit && this._bufferTools.value ? this._bufferTools.value.unit : this._unit, l = this._bufferTools.value && a && await this._bufferTools.value.getTranslatedUnit(a), r = isNaN(Number(this._distance)) && this._bufferTools.value ? this._bufferTools.value.distance : this._distance;
+      this._selectionLabel = e || t || s || !this._selectionLabel ? `${i} ${r} ${l}` : this._selectionLabel, this._labelName.value && (this._labelName.value.value = this._selectionLabel);
     }
   }
   /**
@@ -504,9 +504,9 @@ class x extends T {
    */
   async _layerSelectionChange(e) {
     if (Array.isArray(e.detail) && e.detail.length > 0) {
-      const t = e.detail.map((s) => L(this.mapView, s));
+      const t = e.detail.reduce((s, i) => (this.mapView && s.push(L(this.mapView, i)), s), []);
       return Promise.all(t).then((s) => {
-        this.layerViews = s.reduce((i, l) => (l && i.push(l), i), []), this._featuresCollection = {}, this._sketchGraphic && this._sketchGraphicsChanged({
+        this.layerViews = s.reduce((i, a) => (a && i.push(a), i), []), this._featuresCollection = {}, this._sketchGraphic && this._sketchGraphicsChanged({
           detail: {
             graphics: [this._sketchGraphic],
             useOIDs: !1
@@ -524,7 +524,7 @@ class x extends T {
    */
   async _inputLayerSelectionChange(e) {
     const t = e?.detail?.length > 0 ? e.detail[0] : "";
-    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = await L(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
+    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await L(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
   }
   /** Handle changes to the buffer distance value */
   async _distanceChanged(e) {
@@ -539,25 +539,25 @@ class x extends T {
    */
   async _selectLayerFeatures(e) {
     this._selectionLoading = !0;
-    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], k(0, s.layer, e, this._featuresCollection)));
+    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], T(0, s.layer, e, this._featuresCollection)));
     return Promise.all(t).then(async (s) => {
       this._selectionLoading = !1;
       let i = [];
-      s.forEach((o) => {
-        Object.keys(o).forEach((n) => {
-          i = i.concat(o[n]);
+      s.forEach((h) => {
+        Object.keys(h).forEach((o) => {
+          i = i.concat(h[o]);
         });
       });
-      let l = !1;
-      i.forEach((o) => {
-        const n = o.geometry;
-        o.symbol = n && n.type === "point" ? this.sketchPointSymbol : n && n.type === "polyline" ? this.sketchLineSymbol : n && n.type === "polygon" ? this.sketchPolygonSymbol : void 0, l = o?.layer?.hasOwnProperty("objectIdField") || o.hasOwnProperty("getObjectId");
+      let a = !1;
+      i.forEach((h) => {
+        const o = h.geometry;
+        h.symbol = o && o.type === "point" ? this.sketchPointSymbol : o && o.type === "polyline" ? this.sketchLineSymbol : o && o.type === "polygon" ? this.sketchPolygonSymbol : void 0, a = h?.layer?.hasOwnProperty("objectIdField") || h.hasOwnProperty("getObjectId");
       });
-      const a = this.layerViews[0].layer, r = this.selectLayerView?.layer, h = l && a.url === r?.url && r?.layerId === a.layerId;
+      const l = this.layerViews[0].layer, r = this.selectLayerView?.layer, n = a && l.url === r?.url && r?.layerId === l.layerId;
       await this._sketchGraphicsChanged({
         detail: {
           graphics: i,
-          useOIDs: h
+          useOIDs: n
         }
       }, !0);
     });

package/dist/components/map-tools/customElement.d.ts

@@ -11,7 +11,7 @@ import { BasemapGallery } from '../basemap-gallery/customElement.js';
 
 export declare class MapTools extends LitElement {
     /** IBasemapConfig: List of any basemaps to filter out from the basemap widget */
-    basemapConfig: IBasemapConfig;
+    basemapConfig: IBasemapConfig | undefined;
     /** boolean: when true the legend widget will be available */
     enableLegend: boolean;
     /** boolean: when true the floor filter widget will be available */
@@ -36,7 +36,7 @@ export declare class MapTools extends LitElement {
     /** string: Locale to use for translation of stings in the UI */
     locale: string;
     /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /** "s" | "m" | "l": Used for optional map tool widget */
     mapWidgetsSize: 's' | 'm' | 'l';
     /**
@@ -45,7 +45,7 @@ export declare class MapTools extends LitElement {
      */
     position: __esri.UIPosition;
     /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration;
+    searchConfiguration: ISearchConfiguration | undefined;
     /**
      * boolean: When true the map widget tools will have no margin between them.
      * When false the map widget tools will have a margin between them.