@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

package/dist/components/map-layer-picker/customElement.d.ts

@@ -1,16 +1,22 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { IBeforeLayerSelectionChange, ILayerAndTableIds, ILayerHashInfo, IMapItemHash } from '../../utils/interfaces';
+import { IBeforeLayerSelectionChange, ILayerAndTableIds } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class MapLayerPicker extends LitElement {
     /**
-     * "transparent" | "solid": controls the button appearance when using the "dropdown" type
+     * 'transparent' | 'solid': controls the button appearance when using the 'dropdown' type
      *
      * @default 'transparent'
      */
     appearance: 'solid' | 'transparent';
+    /**
+     * boolean: when true the layer order should be defined in the enabledLayerIds, when false we will use the older logic of layers first then tables
+     *
+     * @default false
+     */
+    configLayerOrderDefined: boolean;
     /**
      * string: when provided this layer ID will be used when the app loads
      *
@@ -18,7 +24,7 @@ export declare class MapLayerPicker extends LitElement {
      */
     defaultLayerId: string;
     /**
-     * "inline-flex" | "inline-block": controls the display style of the dropdown
+     * 'inline-flex' | 'inline-block': controls the display style of the dropdown
      *
      * @default 'inline-block'
      */
@@ -47,16 +53,12 @@ export declare class MapLayerPicker extends LitElement {
      * @default false
      */
     showOnlyUpdatableLayers: boolean;
-    /**
-     * string: optional placeholder icon used with "combobox" type
-     *
-     * @default ''
-     */
-    placeholderIcon: string;
+    /** string: optional placeholder icon used with 'combobox' type */
+    placeholderIcon: HTMLCalciteIconElement['icon'] | undefined;
     /** string[]: list of layer ids that have been selected by the end user */
     selectedIds: string[];
     /**
-     * "s" | "m" | "l": scale to render the component
+     * 's' | 'm' | 'l': scale to render the component
      *
      * @default 'm'
      */
@@ -81,7 +83,7 @@ export declare class MapLayerPicker extends LitElement {
      */
     showSingleLayerAsLabel: boolean;
     /**
-     * "select" | "combobox" | "dropdown": type of component to leverage
+     * 'select' | 'combobox' | 'dropdown': type of component to leverage
      *
      * @default 'select'
      */
@@ -99,9 +101,19 @@ export declare class MapLayerPicker extends LitElement {
      * @default ''
      */
     referenceElement: string;
-    /** Set the layer by id */
+    /**
+     * Set the layer by id
+     *
+     * @param id
+     * @param skipEditCheck
+     */
     setLayerById(id: string, skipEditCheck?: boolean): Promise<void>;
-    /** Set the layers by ids */
+    /**
+     * Set the layers by ids
+     *
+     * @param ids
+     * @param skipEditCheck
+     */
     setLayerByIds(ids: string[], skipEditCheck?: boolean): Promise<void>;
     /** updates the layers */
     updateLayer(): Promise<void>;

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

@@ -1,15 +1,15 @@
 import { c as m } from "../../chunks/runtime.js";
 import { d as p, e as b, f as _ } from "../../chunks/mapViewUtils.js";
-import { u } from "../../chunks/useT9n.js";
-import { css as g, html as i, nothing as l } from "lit";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as u, html as i, nothing as l } from "lit";
 import { createRef as o, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as r, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
+import { LitElement as g, createEvent as h, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
 import { useContextConsumer as w } from "@arcgis/lumina/context";
 import { p as v } from "../../chunks/publicNotificationContext.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const I = g`@layer{/** @license
+v1.2.0-next.40 */
+const I = u`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,15 +24,15 @@ const I = g`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}.popover-list{overflow:auto;width:250px}}`;
-class $ extends f {
+class O extends g {
   constructor() {
-    super(), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = u({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
+    super(), this.appearance = "transparent", this.configLayerOrderDefined = !1, this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = f({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
       context: v,
       subscribe: !0
-    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = r(), this.idsFound = r(), this.noLayersFound = r(), this.layerSelectionChange = r(), this.listenOn(window, "mapChanged", this.mapChanged);
+    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = h(), this.idsFound = h(), this.noLayersFound = h(), this.layerSelectionChange = h(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
-    this.properties = { appearance: 1, defaultLayerId: 1, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
+    this.properties = { appearance: 1, configLayerOrderDefined: 5, defaultLayerId: 1, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
   }
   static {
     this.styles = I;
@@ -112,19 +112,15 @@ class $ extends f {
     return i`<calcite-button alignment=icon-end-space-between .appearance=${this.appearance} class=${y(t)} .iconEnd=${a} .iconStart=${e} kind=neutral slot=${s ?? l} width=full><div>${this.selectedName}</div></calcite-button>`;
   }
   _getItemTypeIcon() {
-    let e = "layers";
-    if (this.selectedIds.length > 0 && this._layerNameHash) {
-      const t = this.selectedIds[0];
-      e = Object.keys(this._layerNameHash).indexOf(t) > -1 ? "layers" : "table";
-    }
-    return e;
+    const e = this.selectedIds.length > 0 && this._layerNameHash, t = e ? this.selectedIds[0] : void 0;
+    return e ? Object.keys(this._layerNameHash).indexOf(t) > -1 ? "layers" : "table" : "layers";
   }
   _getMapLayerOptions() {
     return this.ids.reduce((e, t) => (this._validLayer(t) ? e.push(this._getItem(t, "layer")) : this._validTable(t) && e.push(this._getItem(t, "table")), e), []);
   }
   _getItem(e, t) {
-    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, n = s?.name, h = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .selected=${h} .textLabel=${n} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${n} .selected=${h} .value=${e}></calcite-option>` : this.force && h || !this.force ? i`<calcite-dropdown-group class=${y(a ? "disabled" : "")} id=${n ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => void this._setSelectedLayer(e)} .selected=${h}>${n}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name, n = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .selected=${n} .textLabel=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${r} .selected=${n} .value=${e}></calcite-option>` : this.force && n || !this.force ? i`<calcite-dropdown-group class=${y(a ? "disabled" : "")} id=${r ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => void this._setSelectedLayer(e)} .selected=${n}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {
@@ -150,9 +146,15 @@ class $ extends f {
       let e = [];
       this._layerNameHash && (e = this.showOnlyUpdatableLayers ? this._getEditableIds(this._layerNameHash) : Object.keys(this._layerNameHash));
       let t = [];
-      this._tableNameHash && (t = this.showTables ? this.showOnlyUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []);
-      const s = [...e.reverse(), ...t.reverse()];
-      this.ids = this.enabledLayerIds.length > 0 ? this.enabledLayerIds.filter((a) => s.includes(a)) : s, this.idsFound.emit({
+      if (this._tableNameHash && (t = this.showTables ? this.showOnlyUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []), this.configLayerOrderDefined) {
+        const s = [...e.reverse(), ...t.reverse()];
+        this.ids = this.enabledLayerIds.length > 0 ? this.enabledLayerIds.filter((a) => s.includes(a)) : s;
+      } else
+        this.ids = [
+          ...e.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0),
+          ...t.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0)
+        ];
+      this.idsFound.emit({
         layerIds: e,
         tableIds: t
       });
@@ -187,7 +189,7 @@ class $ extends f {
     }
   }
 }
-m("map-layer-picker", $);
+m("map-layer-picker", O);
 export {
-  $ as MapLayerPicker
+  O as MapLayerPicker
 };

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

@@ -1,12 +1,12 @@
 import { c as i } from "../../chunks/runtime.js";
-import { l as t } from "../../chunks/loadModules.js";
-import { css as s, html as n } from "lit";
-import { createRef as a, ref as r } from "lit-html/directives/ref.js";
-import { LitElement as d } from "@arcgis/lumina";
+import { css as t, html as s } from "lit";
+import { createRef as n, ref as a } from "lit-html/directives/ref.js";
+import { LitElement as r } from "@arcgis/lumina";
+import o from "@arcgis/core/widgets/Legend";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const o = s`/**
+v1.2.0-next.40 */
+const d = t`/**
  * @license
  * Copyright 2025 Esri
  *
@@ -22,15 +22,15 @@ const o = s`/**
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}`;
-class l extends d {
+class l extends r {
   constructor() {
-    super(...arguments), this._legendElement = a();
+    super(...arguments), this._legendElement = n();
   }
   static {
     this.properties = { mapView: 0, legendWidget: 0 };
   }
   static {
-    this.styles = o;
+    this.styles = d;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapViewWatchHandler();
@@ -40,21 +40,14 @@ class l extends d {
       this.mapView && this._initLegend(this.mapView);
     });
   }
-  async load() {
-    return this._initModules();
-  }
   render() {
-    return n`<div ${r(this._legendElement)}></div>`;
+    return s`<div ${a(this._legendElement)}></div>`;
   }
   async loaded() {
     this.mapView && await this.mapViewWatchHandler();
   }
-  async _initModules() {
-    const [e] = await t(["esri/widgets/Legend"]);
-    this.Legend = e;
-  }
   _initLegend(e) {
-    e && this.Legend && (this.legendWidget ? this.legendWidget.view = e : this.legendWidget = new this.Legend({
+    e && (this.legendWidget ? this.legendWidget.view = e : this.legendWidget = new o({
       container: this._legendElement.value,
       respectLayerDefinitionExpression: !0,
       view: e

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

@@ -36,10 +36,18 @@ export declare class MapPicker extends LitElement {
      * @default ''
      */
     selectedWebMapId: string;
+    /**
+     * @param id
+     * @param skipEditCheck
+     */
     setMapByID(id: string, skipEditCheck?: boolean): Promise<void>;
     /** Closes the list */
     close(): Promise<void>;
-    /** Expands the list */
+    /**
+     * Expands the list
+     *
+     * @param mapListExpanded
+     */
     toggle(mapListExpanded: boolean): Promise<void>;
     /** Emitted before a new map is loaded */
     readonly beforeMapInfoChange: TargetedEvent<this, IBeforeMapChange>;

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

@@ -5,7 +5,7 @@ import { createRef as l, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as p, safeClassMap as d, safeStyleMap as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const u = m`/** @license
  * Copyright 2025 Esri
  *
@@ -20,8 +20,8 @@ const u = m`/** @license
  * 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;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{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}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}.popover-map-list{overflow:auto;width:250px}.max-width-200{max-width:200px}.min-width-150{min-width:150px}`;
-class g extends f {
+ */:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{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}.display-none{display:none}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}.popover-map-list{overflow:auto;width:250px}.max-width-200{max-width:200px}.min-width-150{min-width:150px}`;
+class _ extends f {
   constructor() {
     super(), this.mapInfos = [], this.isMapLayout = !1, this.showMapListInPopover = !1, this.referenceElement = "", this.selectedWebMapId = "", this._mapListExpanded = !1, this._isValidWebMap = !0, this._translations = h({ name: "map-picker", blocking: !0 }), this._list = l(), this._loadedId = "", this._skipEditCheck = !1, this._popover = l(), this._mapPickerButton = l(), this.beforeMapInfoChange = p(), this.mapInfoChange = p(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
@@ -115,7 +115,7 @@ class g extends f {
     this._mapListExpanded = !this._mapListExpanded;
   }
 }
-c("map-picker", g);
+c("map-picker", _);
 export {
-  g as MapPicker
+  _ as MapPicker
 };

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

@@ -1,12 +1,13 @@
 import { c as l } from "../../chunks/runtime.js";
-import { l as d } from "../../chunks/loadModules.js";
-import { css as u, html as p } from "lit";
-import { createRef as m, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as y } from "@arcgis/lumina";
+import { css as d, html as p } from "lit";
+import { createRef as u, ref as m } from "lit-html/directives/ref.js";
+import { LitElement as f } from "@arcgis/lumina";
+import g from "@arcgis/core/widgets/Search";
+import S from "@arcgis/core/layers/FeatureLayer";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const S = u`/** @license
+v1.2.0-next.40 */
+const w = d`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,18 +22,18 @@ const S = u`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}`;
-class g extends y {
+class y extends f {
   constructor() {
-    super(...arguments), this.popupEnabled = !1, this.resultGraphicEnabled = !1, this.searchTerm = "", this._searchElement = m();
+    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;
+    this.styles = w;
   }
-  willUpdate(e) {
-    e.has("searchConfiguration") && this.watchSearchConfigurationHandler(), e.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(i) {
+    i.has("searchConfiguration") && this.watchSearchConfigurationHandler(), i.has("mapView") && this.mapViewWatchHandler();
   }
   async watchSearchConfigurationHandler() {
     this._initSearchWidget();
@@ -42,58 +43,48 @@ class g extends y {
       this._initSearchWidget();
     });
   }
-  async load() {
-    await this._initModules();
-  }
   loaded() {
     return this._initSearchWidget();
   }
   render() {
-    return p`<div class="search-widget" ${f(this._searchElement)}></div>`;
-  }
-  async _initModules() {
-    const [e, r] = await d([
-      "esri/widgets/Search",
-      "esri/layers/FeatureLayer"
-    ]);
-    this.Search = e, this.FeatureLayer = r;
+    return p`<div class="search-widget" ${m(this._searchElement)}></div>`;
   }
   _initSearchWidget() {
     if (this.mapView && this._searchElement.value && !this.searchWidget) {
-      let e = {
+      let i = {
         view: this.mapView,
         container: this._searchElement.value,
         searchTerm: this.searchTerm
       };
-      this.searchConfiguration && (e = {
+      this.searchConfiguration && (i = {
         ...this._getSearchConfig(this.searchConfiguration, this.mapView)
-      }), this.searchWidget = this.Search && new this.Search(e), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
+      }), this.searchWidget = new g(i), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
     } else
       this.searchWidget && (this.searchWidget.view = this.mapView);
   }
-  _getSearchConfig(e, r) {
-    const n = "includeDefaultSources", a = e.sources;
-    return a && a?.length > 0 ? (e[n] = !1, a.forEach((t) => {
+  _getSearchConfig(i, a) {
+    const o = "includeDefaultSources", r = i.sources;
+    return r && r?.length > 0 ? (i[o] = !1, r.forEach((t) => {
       if (t.hasOwnProperty("layer")) {
-        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));
+        const e = t, s = e.layer?.id, c = s ? a.map?.findLayerById(s) : null, n = e?.layer?.url;
+        c ? e.layer = c : n && (e.layer = new S(n));
       }
-    }), a?.forEach((t) => {
+    }), r?.forEach((t) => {
       if (t.hasOwnProperty("locator")) {
-        const i = t;
-        if (i?.name === "ArcGIS World Geocoding Service") {
-          const s = i.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          i.outFields = s, i.singleLineFieldName = "SingleLine";
+        const e = t;
+        if (e?.name === "ArcGIS World Geocoding Service") {
+          const s = e.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          e.outFields = s, e.singleLineFieldName = "SingleLine";
         }
-        i.url = i.url, delete i.url;
+        e.url = e.url, delete e.url;
       }
-    })) : e = {
-      ...e,
+    })) : i = {
+      ...i,
       includeDefaultSources: !0
-    }, e;
+    }, i;
   }
 }
-l("map-search", g);
+l("map-search", y);
 export {
-  g as MapSearch
+  y as MapSearch
 };

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

@@ -1,10 +1,8 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { DistanceUnit, ISearchConfiguration, ISelectionSet, EWorkflowType } from '../../utils/interfaces';
+import { DistanceUnit, ISearchConfiguration, ISelectionSet } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { MapDrawTools } from '../map-draw-tools/customElement.js';
-import { BufferTools } from '../buffer-tools/customElement.js';
 
 export declare class MapSelectTools extends LitElement {
     /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
@@ -70,7 +68,7 @@ export declare class MapSelectTools extends LitElement {
     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
+     * when left empty the default text '0 selected features from {layerTitle}' will be shown
      *
      * @default ''
      */
@@ -81,7 +79,7 @@ export declare class MapSelectTools extends LitElement {
     selectionSet: ISelectionSet | undefined;
     /**
      * string[]: List of layer ids that should be shown as potential selection layers
-     * when skectching with "Use layer features" option
+     * when skectching with 'Use layer features' option
      */
     selectionLayerIds: string[];
     /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */