@esri/solutions-components 1.2.0-next.98 → 5.0.0

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

@@ -1,122 +1,165 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { DistanceUnit, ISearchConfiguration, ISelectionSet } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { DistanceUnit, ISearchConfiguration, ISelectionSet } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-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 */
-    bufferColor: any;
-    /** string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
-    bufferOutlineColor: any;
-    /**
-     * boolean: When true the user can define a name for each notification list
-     *
-     * @default false
-     */
-    customLabelEnabled: boolean;
-    /**
-     * string[]: Optional list of enabled layer ids
-     *  If empty all layers will be available
-     */
-    enabledLayerIds: string[];
-    /**
-     * boolean: When true users will be allowed to optionally use features from a layer as the selection geometry
-     *
-     * @default true
-     */
-    enableLayerFeatures: boolean;
-    /**
-     * boolean: When true the use features from a layer options will be enabled when the component loads
-     *
-     * @default false
-     */
-    enableLayerFeaturesOnLoad: boolean;
-    /**
-     * boolean: When true users will be allowed to optionally create a buffer around the selection geometry
-     *
-     * @default true
-     */
-    enableSearchDistance: boolean;
-    /**
-     * boolean: When true the serach distance options will be enabled when the component loads
-     *
-     * @default false
-     */
-    enableSearchDistanceOnLoad: boolean;
-    /**
-     * boolean: When true sketch tools will be provided to allow users to draw a selection geometry
-     *
-     * @default true
-     */
-    enableSketchTools: boolean;
-    /** number: The default value to show for the buffer distance */
-    defaultBufferDistance: number | undefined;
-    /** number: The default value to show for the buffer unit */
-    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
-     *
-     * @default false
-     */
-    isUpdate: boolean;
-    /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
-    layerViews: __esri.FeatureLayerView[];
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    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
-     *
-     * @default ''
-     */
-    noResultText: string;
-    /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration | undefined;
-    /** utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made. */
-    selectionSet: ISelectionSet | undefined;
-    /**
-     * string[]: List of layer ids that should be shown as potential selection layers
-     * 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 */
-    selectLayerView: __esri.FeatureLayerView | undefined;
-    /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
-    sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
-    /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
-    sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
-    /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
-    sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
-    /**
-     * boolean: when true buffer tools controls are enabled
-     *
-     * @default false
-     */
-    searchDistanceEnabled: boolean;
-    /**
-     * boolean: when true drawn graphics will be used to select features
-     *
-     * @default false
-     */
-    useLayerFeaturesEnabled: boolean;
-    /**
-     * Clear any selection results
-     *
-     * @returns Promise when the results have been cleared
-     */
-    clearSelection(): Promise<void>;
-    /**
-     * Get the new selection set
-     *
-     * @returns Promise with the new selection set
-     */
-    getSelection(): Promise<ISelectionSet>;
-    /** Emitted on demand when the selection set changes. */
-    readonly selectionSetChange: TargetedEvent<this, number>;
-    "@eventTypes": {
-        "selectionSetChange": MapSelectTools["selectionSetChange"]["detail"];
-    };
-}
+export abstract class MapSelectTools extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      listName: string;
+      listNamePlaceholder: string;
+      searchDistance: string;
+      select: string;
+      selectedFeatures: string;
+      selectionLoading: string;
+      sketch: string;
+      bufferLayer: string;
+      sketchLayer: string;
+      useLayerFeatures: string;
+      inputLayer: string;
+      useLayerFeaturesTooltip: string;
+      useSearchDistanceTootip: string;
+      placeholder: string;
+  } & T9nMeta<{
+      listName: string;
+      listNamePlaceholder: string;
+      searchDistance: string;
+      select: string;
+      selectedFeatures: string;
+      selectionLoading: string;
+      sketch: string;
+      bufferLayer: string;
+      sketchLayer: string;
+      useLayerFeatures: string;
+      inputLayer: string;
+      useLayerFeaturesTooltip: string;
+      useSearchDistanceTootip: string;
+      placeholder: string;
+  }>;
+  /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
+  accessor bufferColor: any;
+  /** string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
+  accessor bufferOutlineColor: any;
+  /**
+   * boolean: When true the user can define a name for each notification list
+   *
+   * @default false
+   */
+  accessor customLabelEnabled: boolean;
+  /** number: The default value to show for the buffer distance */
+  accessor defaultBufferDistance: number | undefined;
+  /** number: The default value to show for the buffer unit */
+  accessor defaultBufferUnit: DistanceUnit | undefined;
+  /**
+   * string[]: Optional list of enabled layer ids
+   *  If empty all layers will be available
+   */
+  accessor enabledLayerIds: string[];
+  /**
+   * boolean: When true users will be allowed to optionally use features from a layer as the selection geometry
+   *
+   * @default true
+   */
+  accessor enableLayerFeatures: boolean;
+  /**
+   * boolean: When true the use features from a layer options will be enabled when the component loads
+   *
+   * @default false
+   */
+  accessor enableLayerFeaturesOnLoad: boolean;
+  /**
+   * boolean: When true users will be allowed to optionally create a buffer around the selection geometry
+   *
+   * @default true
+   */
+  accessor enableSearchDistance: boolean;
+  /**
+   * boolean: When true the serach distance options will be enabled when the component loads
+   *
+   * @default false
+   */
+  accessor enableSearchDistanceOnLoad: boolean;
+  /**
+   * boolean: When true sketch tools will be provided to allow users to draw a selection geometry
+   *
+   * @default true
+   */
+  accessor enableSketchTools: boolean;
+  /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
+  accessor geometries: __esri.Geometry[];
+  /**
+   * string: Header label class
+   *
+   * @default 'font-bold'
+   */
+  accessor headerLabelClass: string;
+  /**
+   * boolean: When true a new label is not generated for the stored selection set
+   *
+   * @default false
+   */
+  accessor isUpdate: boolean;
+  /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
+  accessor layerViews: __esri.FeatureLayerView[];
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor 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
+   *
+   * @default ''
+   */
+  accessor noResultText: string;
+  /** ISearchConfiguration: Configuration details for the Search widget */
+  accessor searchConfiguration: ISearchConfiguration | undefined;
+  /**
+   * boolean: when true buffer tools controls are enabled
+   *
+   * @default false
+   */
+  accessor searchDistanceEnabled: boolean;
+  /**
+   * string[]: List of layer ids that should be shown as potential selection layers
+   * when skectching with 'Use layer features' option
+   */
+  accessor selectionLayerIds: string[];
+  /** utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made. */
+  accessor selectionSet: ISelectionSet | undefined;
+  /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
+  accessor selectLayerView: __esri.FeatureLayerView | undefined;
+  /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
+  accessor sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
+  /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
+  accessor sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
+  /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
+  accessor sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
+  /**
+   * boolean: when true drawn graphics will be used to select features
+   *
+   * @default false
+   */
+  accessor useLayerFeaturesEnabled: boolean;
+  /**
+   * Clear any selection results
+   *
+   * @returns Promise when the results have been cleared
+   */
+  clearSelection(): Promise<void>;
+  /**
+   * Get the new selection set
+   *
+   * @returns Promise with the new selection set
+   */
+  getSelection(): Promise<ISelectionSet>;
+  /** Emitted on demand when the selection set changes. */
+  readonly selectionSetChange: import("@arcgis/lumina").TargetedEvent<this, number>;
+  readonly "@eventTypes": {
+    selectionSetChange: MapSelectTools["selectionSetChange"]["detail"];
+  };
+}

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

@@ -1,51 +1,34 @@
-import { c as L } from "../../chunks/runtime.js";
-import { a as S, h as v, g as b } from "../../chunks/mapViewUtils.js";
-import { b as C, g as V, a as I } from "../../chunks/queryUtils.js";
-import { d } from "../../chunks/interfaces.js";
-import { u as T } from "../../chunks/useT9n.js";
-import { css as k, html as c } from "lit";
-import { createRef as u, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as O, createEvent as G, noShadowRoot as E, safeClassMap as p, safeStyleMap as $ } from "@arcgis/lumina";
-import { useContextConsumer as F } from "@arcgis/lumina/context";
-import { p as D } from "../../chunks/publicNotificationContext.js";
-import x from "@arcgis/core/request";
-import N from "@arcgis/core/layers/FeatureLayer";
-import g from "@arcgis/core/Graphic";
-import W from "@arcgis/core/layers/GraphicsLayer";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as w } from "../../chunks/runtime.js";
+import { e as L, h as S, c as m } from "../../chunks/mapViewUtils.js";
+import { c as v, g as C, d as V } from "../../chunks/queryUtils.js";
+import { u as k } from "../../chunks/useT9n.js";
+import { css as G, html as c } from "lit";
+import { createRef as d, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as T, createEvent as $, noShadowRoot as I, safeClassMap as f, safeStyleMap as O } from "@arcgis/lumina";
+import { useContextConsumer as E } from "@arcgis/lumina/context";
+import { p as F } from "../../chunks/publicNotificationContext.js";
+import D from "@arcgis/core/request";
+import x from "@arcgis/core/layers/FeatureLayer";
+import b from "@arcgis/core/Graphic";
+import N from "@arcgis/core/layers/GraphicsLayer";
 import R from "@arcgis/core/widgets/Search";
-/*! 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.97 */
-const U = k`@layer{/** @license
- * Copyright 2025 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}.div-visible{display:inherit}.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%}.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 P extends O {
+const W = G`@layer{:host{display:block}.div-visible{display:inherit}.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%}.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 U extends T {
   constructor() {
-    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.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = T({ name: "map-select-tools", blocking: !0 }), this._bufferTools = u(), this._drawTools = u(), this._labelName = u(), this._pnContextConsumer = F({
-      context: D,
+    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.headerLabelClass = "font-bold", this.isUpdate = !1, this.layerViews = [], 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", blocking: !0 }), this._bufferTools = d(), this._drawTools = d(), this._labelName = d(), this._pnContextConsumer = E({
+      context: F,
       subscribe: !0
-    }), this._searchElement = u(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = G(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    }), this._searchElement = d(), 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, 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 };
+    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, headerLabelClass: 1, isUpdate: 5, layerViews: 0, 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 };
   }
   static {
-    this.styles = U;
+    this.styles = W;
   }
   static {
-    this.shadowRootOptions = E;
+    this.shadowRootOptions = I;
   }
   willUpdate(e) {
     e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.watchGeometriesHandler(this.geometries, e.get("geometries")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView")), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration")), e.has("defaultBufferUnit") && this.hasUpdated && (this.selectionSet && (this.selectionSet.unit = this.defaultBufferUnit), this._bufferTools.value && this.defaultBufferUnit !== void 0 && (this._bufferTools.value.unit = this.defaultBufferUnit), this._updateLabel()), e.has("defaultBufferDistance") && this.hasUpdated && (this.selectionSet && (this.selectionSet.distance = this.defaultBufferDistance), this._updateLabel());
@@ -98,16 +81,16 @@ class P extends O {
   }
   render() {
     const e = this.enableSketchTools ? "" : "display-none", t = this.enableSketchTools ? "padding-top-1" : "";
-    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${f(this._searchElement)}></div><div class=${p(t)}><map-draw-tools active class=${p(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => {
+    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${u(this._searchElement)}></div><div class=${f(t)}><map-draw-tools active class=${f(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => {
       this._sketchGraphicsChanged(s);
-    }} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${f(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
+    }} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${u(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
   }
   _getBufferOptions() {
     this.enableSearchDistanceOnLoad && (this.searchDistanceEnabled = !0, this.enableSearchDistanceOnLoad = !1);
     const e = this.searchDistanceEnabled ? "search-distance" : "div-not-visible", t = typeof this.selectionSet?.distance == "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${p(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => {
+    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${f(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => {
       this._bufferComplete(s);
-    }} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${f(this._bufferTools)}></buffer-tools></div></div>`;
+    }} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${u(this._bufferTools)}></buffer-tools></div></div>`;
   }
   _getUseLayerFeaturesOptions() {
     this.enableLayerFeaturesOnLoad && (this.useLayerFeaturesEnabled = !0, this.enableLayerFeaturesOnLoad = !1);
@@ -120,17 +103,17 @@ class P extends O {
   }
   _getNumSelected() {
     const e = this._translations._lang === "en" ? `${this._translations.selectionLoading}...` : this._translations.selectionLoading;
-    return c`<div class="padding-top-1 padding-bottom-1" style=${$({ "align-items": "end", display: "flex" })}>${this._selectionLoading ? c`<div><calcite-loader class="info-blue padding-end-1-2" inline .label=${e || ""} 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 ? e : this.noResultText && this._numSelected === 0 ? this.noResultText : this._translations.selectedFeatures.replace("{{n}}", this._numSelected.toString())}</calcite-input-message></div>`;
+    return c`<div class="padding-top-1 padding-bottom-1" style=${O({ "align-items": "end", display: "flex" })}>${this._selectionLoading ? c`<div><calcite-loader class="info-blue padding-end-1-2" inline .label=${e || ""} 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 ? e : this.noResultText && this._numSelected === 0 ? this.noResultText : this._translations.selectedFeatures.replace("{{n}}", this._numSelected.toString())}</calcite-input-message></div>`;
   }
   _getNameInput() {
     const e = this.customLabelEnabled ? "" : "display-none";
-    return c`<div class=${`padding-sides-1 padding-top-1 ${e}`}><calcite-label class="font-bold">${this._translations.listName}<calcite-input @input=${() => {
+    return c`<div class=${`padding-sides-1 padding-top-1 ${e}`}><calcite-label class=${f(this.headerLabelClass)}>${this._translations.listName}<calcite-input @input=${() => {
       this._selectionLabel = this._labelName.value ? this._labelName.value.value : "";
-    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${f(this._labelName)}></calcite-input></calcite-label></div>`;
+    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${u(this._labelName)}></calcite-input></calcite-label></div>`;
   }
   _getMapLayerPicker() {
     const e = this.selectionSet?.layerView?.layer.id;
-    return c`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-label class="font-bold width-full label-margin-0">${this._translations.inputLayer}<map-layer-picker .enabledLayerIds=${this.enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
+    return c`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-label class=${`${this.headerLabelClass} width-full label-margin-0`}>${this._translations.inputLayer}<map-layer-picker .enabledLayerIds=${this.enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
       this._inputLayerSelectionChange(t);
     }} .selectedIds=${this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet && e !== void 0 ? [e] : []}></map-layer-picker></calcite-label></div>`;
   }
@@ -140,11 +123,11 @@ class P extends O {
   async _initSelectionSet() {
     this.selectionSet && (this._searchTerm = this.selectionSet.searchResult?.name, this._searchResult = this.selectionSet.searchResult, 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 e.push(new g({
+      return e.push(new b({
         geometry: t,
         symbol: s
       })), e;
-    }, []), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && this.mapView && await S(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
+    }, []), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && this.mapView && await L(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
   }
   async _initSearchWidget() {
     if (this.mapView && this._searchElement.value) {
@@ -172,10 +155,10 @@ class P extends O {
       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 = l?.toLowerCase(), n = i?.url?.toLowerCase(), y = r?.toLowerCase(), _ = h && n && (h === n || h === y || o === n || o === y) && !Number.isNaN(a), w = _ ? [a] : void 0;
-      this._workflowType = d.SEARCH, this._updateLabel();
-      const m = [e.feature];
-      this._updateSelection(m, _, w), this._drawTools.value && (this._drawTools.value.graphics = m), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
+      const n = s?.url?.toLowerCase(), h = l?.toLowerCase(), o = i?.url?.toLowerCase(), p = r?.toLowerCase(), _ = n && o && (n === o || n === p || h === o || h === p) && !Number.isNaN(a), g = _ ? [a] : void 0;
+      this._workflowType = "SEARCH", this._updateLabel();
+      const y = [e.feature];
+      this._updateSelection(y, _, g), this._drawTools.value && (this._drawTools.value.graphics = y), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
     } else {
       const t = this._searchClearLabel();
       this._clearResults(!1, t);
@@ -185,7 +168,7 @@ class P extends O {
     let t = "";
     const s = `${e}/sources?f=json`;
     try {
-      const i = await x(s, {
+      const i = await D(s, {
         query: {
           f: "json"
         }
@@ -206,8 +189,8 @@ class P extends O {
       includeDefaultSources: !1
     }, s.forEach((i) => {
       if (i.hasOwnProperty("layer")) {
-        const l = i, r = l.layer?.id, h = r ? t.map?.findLayerById(r) : null, o = l?.layer?.url;
-        h && l ? l.layer = h : o && (l.layer = new N(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 && (l.layer = new x(h));
       }
     }), s?.forEach((i) => {
       if (i.hasOwnProperty("locator")) {
@@ -229,7 +212,7 @@ class P extends O {
       const s = this.mapView.map.layers.findIndex((i) => i.title === t);
       if (s > -1)
         this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(s);
-      else if (this._bufferGraphicsLayer = new W({ title: t, listMode: "hide" }), this._bufferGraphicsLayer) {
+      else if (this._bufferGraphicsLayer = new N({ title: t, listMode: "hide" }), this._bufferGraphicsLayer) {
         e.managedLayers[t] = "buffer";
         const i = this.mapView.map.layers.findIndex((a) => a.title === this._translations.sketchLayer);
         i > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, i) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
@@ -239,7 +222,7 @@ class P extends O {
   async _sketchGraphicsChanged(e, t = !1) {
     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) {
+      if (t || (this._sketchGraphic = s[0]), this._workflowType = this.useLayerFeaturesEnabled ? "SELECT" : "SKETCH", this._workflowType === "SKETCH" && this._drawTools.value && await this._drawTools.value.updateGraphics(), await this._updateLabel(), this._clearSearchWidget(), this.useLayerFeaturesEnabled && !t) {
         const i = Array.isArray(s) ? s.map((a) => a.geometry) : this.geometries;
         await this._selectLayerFeatures(i[0]);
       } else {
@@ -255,13 +238,13 @@ class P extends O {
   async _highlightFeatures(e) {
     const t = this._pnContextConsumer.value;
     if (t.removeHandles(), e.length > 0 && this.selectLayerView && this.mapView) {
-      const s = await v(e, this.selectLayerView, this.mapView);
+      const s = await S(e, this.selectLayerView, this.mapView);
       t.highlightHandles.push(s);
     }
     this._numSelected = e.length, this.selectionSetChange.emit(e.length);
   }
   async _selectFeatures(e) {
-    this._selectionLoading = !0, this._selectedIds = this.selectLayerView && await C(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 v(e, this.selectLayerView.layer) || [], this._selectionLoading = !1, this._drawTools.value && (this._drawTools.value.graphics = this._graphics), await this._highlightFeatures(this._selectedIds);
   }
   async _bufferComplete(e) {
     this._bufferGeometry = Array.isArray(e.detail) ? e.detail[0] : e.detail;
@@ -274,7 +257,7 @@ class P extends O {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, a = new g({
+      }, a = new b({
         geometry: this._bufferGeometry,
         symbol: i
       });
@@ -287,7 +270,7 @@ class P extends O {
     });
   }
   _geomQuery(e) {
-    const t = V(e);
+    const t = C(e);
     return t ? this._selectFeatures(t) : Promise.resolve();
   }
   async _clearResults(e = !0, t = !1) {
@@ -301,13 +284,13 @@ class P extends O {
   }
   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, a = this._bufferTools.value ? this._bufferTools.value.unit : this._unit, l = this._bufferTools.value && a && await this._bufferTools.value.getTranslatedUnit(a), r = Number.isNaN(Number(this._distance)) && this._bufferTools.value ? this._bufferTools.value.distance : this._distance;
+      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 === "SEARCH" ? this._searchResult?.name : this._workflowType === "SELECT" ? this._translations.select : this._translations.sketch, a = this._bufferTools.value ? this._bufferTools.value.unit : this._unit, l = this._bufferTools.value && a && await this._bufferTools.value.getTranslatedUnit(a), r = Number.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);
     }
   }
   async _layerSelectionChange(e) {
     if (Array.isArray(e.detail) && e.detail.length > 0) {
-      const t = e.detail.reduce((s, i) => (this.mapView && s.push(b(this.mapView, i)), s), []);
+      const t = e.detail.reduce((s, i) => (this.mapView && s.push(m(this.mapView, i)), s), []);
       return Promise.all(t).then((s) => {
         this.layerViews = s.reduce((i, a) => (a && i.push(a), i), []), this._featuresCollection = {}, this._sketchGraphic && this._sketchGraphicsChanged({
           detail: {
@@ -320,32 +303,32 @@ class P extends O {
   }
   async _inputLayerSelectionChange(e) {
     const t = e?.detail?.length > 0 ? e.detail[0] : "";
-    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await b(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 m(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
   }
   async _distanceChanged(e) {
     e.newValue !== e.oldValue && (this._distance = e.newValue, await this._updateLabel());
   }
   async _selectLayerFeatures(e) {
     this._selectionLoading = !0;
-    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], I(0, s.layer, e, this._featuresCollection)));
+    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], V(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 a = !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, a = o?.layer?.hasOwnProperty("objectIdField") || o.hasOwnProperty("getObjectId");
+      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 l = this.layerViews[0].layer, r = this.selectLayerView?.layer, h = a && l.url === r?.url && r?.layerId === l.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);
     });
@@ -359,7 +342,7 @@ class P extends O {
     });
   }
 }
-L("map-select-tools", P);
+w("map-select-tools", U);
 export {
-  P as MapSelectTools
+  U as MapSelectTools
 };

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

@@ -1,11 +1 @@
-import "../map-draw-tools/index.js";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-switch";
-import "../buffer-tools/index.js";
-import "../map-layer-picker/index.js";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-input-message";
-import "@esri/calcite-components/components/calcite-input";
 export * from "./customElement.js";