@esri/solutions-components 1.2.0-next.99 → 5.0.1

package/dist/components/public-notification/index.d.ts

@@ -1,22 +1 @@
-import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-action-group";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "../map-select-tools/index.js";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-checkbox";
-import "@esri/calcite-components/components/calcite-input-message";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-segmented-control";
-import "@esri/calcite-components/components/calcite-segmented-control-item";
-import "../pdf-download/index.js";
-import "@esri/calcite-components/components/calcite-input-text";
-import "../refine-selection/index.js";
-import "@esri/calcite-components/components/calcite-notice";
 export * from "./customElement.js";

package/dist/components/public-notification/index.js

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-shell";
+import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-action-bar";
 import "@esri/calcite-components/components/calcite-action-group";
 import "@esri/calcite-components/components/calcite-action";
@@ -15,8 +16,12 @@ import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-segmented-control";
 import "@esri/calcite-components/components/calcite-segmented-control-item";
-import "../pdf-download/index.js";
+import "@esri/calcite-components/components/calcite-radio-button";
 import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-select";
+import "@esri/calcite-components/components/calcite-option";
+import "../map-layer-picker/index.js";
+import "../pdf-download/index.js";
 import "../refine-selection/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 export * from "./customElement.js";

package/dist/components/refine-selection/customElement.d.ts

@@ -1,66 +1,97 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { DistanceUnit, ISelectionSet, ESelectionMode } from '../../utils/interfaces';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { DistanceUnit, ISelectionSet } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class RefineSelection extends LitElement {
-    /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
-    addresseeLayer: __esri.FeatureLayerView | undefined;
-    /**
-     * 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 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;
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * boolean: when true buffer tools controls are enabled
-     *
-     * @default false
-     */
-    searchDistanceEnabled: boolean;
-    /** utils/interfaces/ISelectionSet: An array of user defined selection sets */
-    selectionSets: ISelectionSet[];
-    /** 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;
-    /** number: The default value to show for the buffer unit */
-    defaultBufferUnit: DistanceUnit | undefined;
-    /** 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;
-    /** number: The default value to show for the buffer distance */
-    defaultBufferDistance: number | undefined;
-    /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
-    geometries: __esri.Geometry[] | undefined;
-    /** Array of drawn graphics for refine selection */
-    drawnGraphicsArr: {
-        drawnGraphics: __esri.Graphic | undefined;
-        bufferGraphics: __esri.Graphic | undefined;
-    }[];
-    /** Emitted on demand when selection starts or ends. */
-    readonly selectionLoadingChange: TargetedEvent<this, boolean>;
-    /** Emitted on demand when selection sets change. */
-    readonly selectionSetsChanged: TargetedEvent<this, ISelectionSet[]>;
-    "@eventTypes": {
-        "selectionLoadingChange": RefineSelection["selectionLoadingChange"]["detail"];
-        "selectionSetsChanged": RefineSelection["selectionSetsChanged"]["detail"];
-    };
-}
+export abstract class RefineSelection extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      add: string;
+      remove: string;
+      featuresAdded: string;
+      featuresRemoved: string;
+      totalSelected: string;
+      inputLayer: string;
+      inputLayerTip: string;
+      searchDistance: string;
+      useSearchDistanceTootip: string;
+      bufferLayer: string;
+      sketchLayer: string;
+  } & T9nMeta<{
+      add: string;
+      remove: string;
+      featuresAdded: string;
+      featuresRemoved: string;
+      totalSelected: string;
+      inputLayer: string;
+      inputLayerTip: string;
+      searchDistance: string;
+      useSearchDistanceTootip: string;
+      bufferLayer: string;
+      sketchLayer: string;
+  }>;
+  /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
+  accessor addresseeLayer: __esri.FeatureLayerView | undefined;
+  /** 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;
+  /** 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;
+  /** Array of drawn graphics for refine selection */
+  accessor drawnGraphicsArr: {
+      drawnGraphic: __esri.Graphic | undefined;
+      bufferGraphic: __esri.Graphic | 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 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;
+  /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
+  accessor geometries: __esri.Geometry[] | undefined;
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * boolean: when true buffer tools controls are enabled
+   *
+   * @default false
+   */
+  accessor searchDistanceEnabled: boolean;
+  /** utils/interfaces/ISelectionSet: An array of user defined selection sets */
+  accessor selectionSets: ISelectionSet[];
+  /** 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;
+  /** Emitted on demand when selection starts or ends. */
+  readonly selectionLoadingChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  /** Emitted on demand when selection sets change. */
+  readonly selectionSetsChanged: import("@arcgis/lumina").TargetedEvent<this, ISelectionSet[]>;
+  readonly "@eventTypes": {
+    selectionLoadingChange: RefineSelection["selectionLoadingChange"]["detail"];
+    selectionSetsChanged: RefineSelection["selectionSetsChanged"]["detail"];
+  };
+}

package/dist/components/refine-selection/customElement.js

@@ -1,48 +1,31 @@
-import { c as I } from "../../chunks/runtime.js";
-import { b as o, f as L, d as f } from "../../chunks/interfaces.js";
-import { g as b, b as v, c as k } from "../../chunks/mapViewUtils.js";
-import { a as E } from "../../chunks/queryUtils.js";
-import { u as x } from "../../chunks/useT9n.js";
-import { createRef as _, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as G, createEvent as w, noShadowRoot as $, safeClassMap as C } from "@arcgis/lumina";
-import { css as D, html as p } from "lit";
-import { useContextConsumer as A } from "@arcgis/lumina/context";
-import { p as O } from "../../chunks/publicNotificationContext.js";
-import R from "@arcgis/core/Graphic";
-import V from "@arcgis/core/layers/GraphicsLayer";
-/*! 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.98 */
-const T = D`@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-not-visible{display:none!important}.border{outline:1px solid var(--calcite-color-border-input)}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-color-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}.esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}.display-flex{display:flex}.font-bold{font-weight:700}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom: 0}.padding-start-1-2{padding-inline-start:.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class F extends G {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as w } from "../../chunks/runtime.js";
+import { c as m, i as g, j as I } from "../../chunks/mapViewUtils.js";
+import { d as v } from "../../chunks/queryUtils.js";
+import { u as k } from "../../chunks/useT9n.js";
+import { createRef as u, ref as S } from "lit-html/directives/ref.js";
+import { LitElement as L, createEvent as y, noShadowRoot as E, safeClassMap as G } from "@arcgis/lumina";
+import { css as x, html as h } from "lit";
+import { useContextConsumer as $ } from "@arcgis/lumina/context";
+import { p as C } from "../../chunks/publicNotificationContext.js";
+import D from "@arcgis/core/Graphic";
+import A from "@arcgis/core/layers/GraphicsLayer";
+const O = x`@layer{:host{display:block}.div-not-visible{display:none!important}.border{outline:1px solid var(--calcite-color-border-input)}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-color-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}.esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}.display-flex{display:flex}.font-bold{font-weight:700}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom: 0}.padding-start-1-2{padding-inline-start:.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
+class R extends L {
   constructor() {
-    super(), this.enabledLayerIds = [], this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.searchDistanceEnabled = !1, this.selectionSets = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.geometries = [], this.drawnGraphicsArr = [], this._translations = x({ name: "refine-selection", blocking: !0 }), this._selectionMode = o.ADD, this._addEnabled = !0, this._drawTools = _(), this._enabledLayerIds = [], this._layerPicker = _(), this._featuresCollection = {}, this._pnContextConsumer = A({
-      context: O,
+    super(), this.enabledLayerIds = [], this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.searchDistanceEnabled = !1, this.selectionSets = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.geometries = [], this.drawnGraphicsArr = [], this._translations = k({ name: "refine-selection", blocking: !0 }), this._selectionMode = "ADD", this._addEnabled = !0, this._drawTools = u(), this._enabledLayerIds = [], this._layerPicker = u(), this._featuresCollection = {}, this._pnContextConsumer = $({
+      context: C,
       subscribe: !0
-    }), this._bufferTools = _(), this._undoGraphicsArr = [], this.selectionLoadingChange = w(), this.selectionSetsChanged = w(), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    }), this._bufferTools = u(), this._undoGraphicsArr = [], this.selectionLoadingChange = y(), this.selectionSetsChanged = y(), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
   static {
     this.properties = { addresseeLayer: 0, enabledLayerIds: 0, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, mapView: 0, searchDistanceEnabled: 5, selectionSets: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, defaultBufferUnit: 1, bufferColor: 1, bufferOutlineColor: 1, defaultBufferDistance: 9, geometries: 0, drawnGraphicsArr: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = O;
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = E;
   }
   willUpdate(e) {
     e.has("defaultBufferUnit") && this.hasUpdated && this._refineSelectionSet && (this._refineSelectionSet.unit = this.defaultBufferUnit), e.has("defaultBufferDistance") && this.hasUpdated && this._refineSelectionSet && (this._refineSelectionSet.distance = this.defaultBufferDistance);
@@ -61,9 +44,9 @@ class F extends G {
   }
   render() {
     const e = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return p`<div class=${`${e} padding-top-sides-1`}><div class="display-flex"><calcite-label class="font-bold width-full label-margin-0"><div class="display-flex">${this._translations.inputLayer}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=refine-input-layer scale=s></calcite-icon></div><map-layer-picker .enabledLayerIds=${this._enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
+    return h`<div class=${`${e} padding-top-sides-1`}><div class="display-flex"><calcite-label class="font-bold width-full label-margin-0"><div class="display-flex">${this._translations.inputLayer}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=refine-input-layer scale=s></calcite-icon></div><map-layer-picker .enabledLayerIds=${this._enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
       this._layerSelectionChange(t);
-    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${m(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(o.ADD)} .value=${o.ADD}><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(o.REMOVE)} .value=${o.REMOVE}><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active .drawMode=${L.REFINE} .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${m(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}<br>${p`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
+    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${S(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode("ADD")} value=ADD><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode("REMOVE")} value=REMOVE><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active draw-mode=REFINE .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${S(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}<br>${h`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
   }
   async _init() {
     this._initGraphicsLayer();
@@ -74,7 +57,7 @@ class F extends G {
       const t = this.mapView.map.layers.findIndex((i) => i.title === e);
       if (t > -1)
         this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(t);
-      else if (this._bufferGraphicsLayer = new V({ title: e, listMode: "hide" }), this._bufferGraphicsLayer) {
+      else if (this._bufferGraphicsLayer = new A({ title: e, listMode: "hide" }), this._bufferGraphicsLayer) {
         const i = this.mapView.map.layers.findIndex((s) => s.title === this._translations.sketchLayer);
         i > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, i) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
       }
@@ -91,28 +74,28 @@ class F extends G {
     const t = e.detail?.graphics[0], i = t.geometry;
     this.geometries = [i];
     const s = await this._selectFeatures(i);
-    if (this._sketchGraphics = t, this._refineSelectionSet?.distance === 0 && s.length > 0) {
-      const a = { drawnGraphics: t, bufferGraphics: void 0 };
+    if (this._sketchGraphic = t, this._refineSelectionSet?.distance === 0 && s.length > 0) {
+      const a = { drawnGraphic: t, bufferGraphic: void 0 };
       this.drawnGraphicsArr.push(a);
     }
   }
   _getEnabledLayerIds() {
     return this.selectionSets.reduce((e, t) => {
       const i = t?.layerView?.layer.id;
-      return i && e.indexOf(i) < 0 ? e.push(i) : t.workflowType === f.REFINE && Object.keys(t.refineInfos).forEach((s) => {
+      return i && e.indexOf(i) < 0 ? e.push(i) : t.workflowType === "REFINE" && Object.keys(t.refineInfos).forEach((s) => {
         e.indexOf(s) < 0 && e.push(s);
       }), e;
     }, []);
   }
   async _setRefineSet(e) {
-    this.selectionSets.some((t) => t.workflowType === f.REFINE ? (this._refineSelectionSet = t, Object.keys(t.refineInfos).indexOf(e) > -1) : !1) || await this._initRefineSet(e, this._refineSelectionSet), this._refineSelectionSet && (this._refineLayer = this._refineSelectionSet.refineInfos[e].layerView);
+    this.selectionSets.some((t) => t.workflowType === "REFINE" ? (this._refineSelectionSet = t, Object.keys(t.refineInfos).indexOf(e) > -1) : !1) || await this._initRefineSet(e, this._refineSelectionSet), this._refineSelectionSet && (this._refineLayer = this._refineSelectionSet.refineInfos[e].layerView);
   }
   async _initRefineSet(e, t) {
     const i = {};
     i[e] = {
       addIds: [],
       removeIds: [],
-      layerView: this.mapView && await b(this.mapView, e)
+      layerView: this.mapView && await m(this.mapView, e)
     }, t ? t.refineInfos = { ...t.refineInfos, ...i } : (this._refineSelectionSet = {
       id: Date.now(),
       searchResult: void 0,
@@ -122,11 +105,11 @@ class F extends G {
       unit: this.defaultBufferUnit || "feet",
       label: "Refine",
       selectedIds: [],
-      layerView: this.mapView && await b(this.mapView, e),
+      layerView: this.mapView && await m(this.mapView, e),
       geometries: [],
       graphics: [],
       selectLayers: [],
-      workflowType: f.REFINE,
+      workflowType: "REFINE",
       searchDistanceEnabled: !1,
       useLayerFeaturesEnabled: !1,
       refineInfos: i,
@@ -144,7 +127,7 @@ class F extends G {
           const t = this.drawnGraphicsArr.pop();
           t && this._refineSelectionSet.undoGraphicsArr?.push(t), this._undoGraphicsArr.push(t);
         }
-        this._refineSelectionSet.redoStack && this._updateIds(e.ids, e.mode === o.ADD ? o.REMOVE : o.ADD, this._refineSelectionSet.redoStack, e.layerView);
+        this._refineSelectionSet.redoStack && this._updateIds(e.ids, e.mode === "ADD" ? "REMOVE" : "ADD", this._refineSelectionSet.redoStack, e.layerView);
       }
     }
   }
@@ -156,18 +139,18 @@ class F extends G {
           const t = this._undoGraphicsArr.pop();
           this._refineSelectionSet.undoGraphicsArr?.pop(), t && this.drawnGraphicsArr.push(t);
         }
-        this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === o.ADD ? o.REMOVE : o.ADD, this._refineSelectionSet.undoStack, e.layerView);
+        this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === "ADD" ? "REMOVE" : "ADD", this._refineSelectionSet.undoStack, e.layerView);
       }
     }
   }
   _getBufferOptions() {
     this.enableSearchDistanceOnLoad && this._refineSelectionSet && (this._refineSelectionSet.searchDistanceEnabled = !0, this.searchDistanceEnabled = !0, this.enableSearchDistanceOnLoad = !1);
     const e = this._refineSelectionSet?.searchDistanceEnabled ? "search-distance" : "div-not-visible";
-    return p`<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._refineSelectionSet?.searchDistanceEnabled} @calciteSwitchChange=${() => {
+    return h`<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._refineSelectionSet?.searchDistanceEnabled} @calciteSwitchChange=${() => {
       this.searchDistanceEnabled = !this.searchDistanceEnabled, this._refineSelectionSet && (this._refineSelectionSet.searchDistanceEnabled = this.searchDistanceEnabled);
-    }}></calcite-switch></div><div class=${C(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${this._refineSelectionSet?.distance} .geometries=${this.geometries} @bufferComplete=${(t) => {
+    }}></calcite-switch></div><div class=${G(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${this._refineSelectionSet?.distance} .geometries=${this.geometries} @bufferComplete=${(t) => {
       this._bufferComplete(t);
-    }} .unit=${this._refineSelectionSet?.unit} ${m(this._bufferTools)}></buffer-tools></div></div>`;
+    }} .unit=${this._refineSelectionSet?.unit} ${S(this._bufferTools)}></buffer-tools></div></div>`;
   }
   async _bufferComplete(e) {
     if (this._bufferGeometry = Array.isArray(e.detail) ? e.detail[0] : e.detail, this._bufferGeometry) {
@@ -178,12 +161,12 @@ class F extends G {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, i = new R({
+      }, i = new D({
         geometry: this._bufferGeometry,
         symbol: t
       });
       if (this._bufferGraphicsLayer && i && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(i), (await this._selectFeatures(this._bufferGeometry)).length > 0)) {
-        const a = { drawnGraphics: this._sketchGraphics, bufferGraphics: i };
+        const a = { drawnGraphic: this._sketchGraphic, bufferGraphic: i };
         this.drawnGraphicsArr.push(a);
       }
     } else
@@ -192,20 +175,20 @@ class F extends G {
   _getRefineSelectionSetList() {
     const e = this._getTotal(this.selectionSets);
     let t;
-    this.selectionSets.some((c) => c.workflowType === f.REFINE ? (t = c, !0) : !1);
+    this.selectionSets.some((o) => o.workflowType === "REFINE" ? (t = o, !0) : !1);
     let i = 0, s = 0;
-    t?.refineInfos && Object.keys(t.refineInfos).forEach((c) => {
-      i += t.refineInfos[c].addIds.length, s += t.refineInfos[c].removeIds.length;
+    t?.refineInfos && Object.keys(t.refineInfos).forEach((o) => {
+      i += t.refineInfos[o].addIds.length, s += t.refineInfos[o].removeIds.length;
     });
-    const a = this._translations.featuresAdded, u = this._translations.featuresRemoved, d = this._translations.totalSelected;
+    const a = this._translations.featuresAdded, f = this._translations.featuresRemoved, c = this._translations.totalSelected;
     return [
-      p`<calcite-list-item .label=${a.replace("{{n}}", i.toString())}></calcite-list-item>`,
-      p`<calcite-list-item .label=${u.replace("{{n}}", s.toString())}></calcite-list-item>`,
-      p`<calcite-list-item .label=${d.replace("{{n}}", e.toString())}></calcite-list-item>`
+      h`<calcite-list-item .label=${a.replace("{{n}}", i.toString())}></calcite-list-item>`,
+      h`<calcite-list-item .label=${f.replace("{{n}}", s.toString())}></calcite-list-item>`,
+      h`<calcite-list-item .label=${c.replace("{{n}}", e.toString())}></calcite-list-item>`
     ];
   }
   _getTotal(e) {
-    const t = v(e);
+    const t = g(e);
     return Object.keys(t).reduce((i, s) => {
       const a = t[s];
       return i += a.ids.length, i;
@@ -216,7 +199,7 @@ class F extends G {
     let t = [];
     if (this._refineLayer) {
       this._featuresCollection[this._refineLayer?.layer.id] = [];
-      const i = await E(0, this._refineLayer?.layer, e, this._featuresCollection);
+      const i = await v(0, this._refineLayer?.layer, e, this._featuresCollection);
       this.selectionLoadingChange.emit(!1);
       let s = [];
       Object.keys(i).forEach((a) => {
@@ -227,40 +210,40 @@ class F extends G {
   }
   async _highlightFeatures() {
     const e = this._pnContextConsumer.value;
-    e.removeHandles(), e.highlightHandles = await k(this.selectionSets);
+    e.removeHandles(), e.highlightHandles = await I(this.selectionSets);
   }
   async _updateIds(e, t, i, s) {
     let a = !1;
-    const u = this._refineSelectionSet?.refineInfos, d = s.layer.id, c = {};
-    c[d] = {
+    const f = this._refineSelectionSet?.refineInfos, c = s.layer.id, o = {};
+    o[c] = {
       addIds: [],
       removeIds: [],
       layerView: s
     };
-    const n = u && Object.keys(u).indexOf(d) > -1 ? u[d] : c[d];
-    if (t === o.ADD)
+    const n = f && Object.keys(f).indexOf(c) > -1 ? f[c] : o[c];
+    if (t === "ADD")
       n.addIds = [.../* @__PURE__ */ new Set([...e, ...n.addIds])], n.addIds.length > 0 && i.push({
         ids: e,
         mode: t,
         layerView: s
-      }), n.removeIds.length > 0 && (n.removeIds = n.removeIds.filter((S) => e.indexOf(S) < 0));
+      }), n.removeIds.length > 0 && (n.removeIds = n.removeIds.filter((p) => e.indexOf(p) < 0));
     else {
-      const S = this.selectionSets.reduce((l, r) => (e.forEach((h) => {
-        r.workflowType !== f.REFINE ? r.selectedIds.indexOf(h) > -1 && l.push(h) : Object.keys(r.refineInfos).some((g) => {
-          const y = r.refineInfos[g];
-          return y.layerView.layer.id === s.layer.id && y.addIds.indexOf(h) > -1 ? (l.push(h), !0) : !1;
+      const p = this.selectionSets.reduce((l, r) => (e.forEach((d) => {
+        r.workflowType !== "REFINE" ? r.selectedIds.indexOf(d) > -1 && l.push(d) : Object.keys(r.refineInfos).some((b) => {
+          const _ = r.refineInfos[b];
+          return _.layerView.layer.id === s.layer.id && _.addIds.indexOf(d) > -1 ? (l.push(d), !0) : !1;
         });
       }), l), []);
-      n.removeIds = [.../* @__PURE__ */ new Set([...S, ...n.removeIds])], n.addIds = n.addIds.filter((l) => S.indexOf(l) < 0), n.removeIds.length > 0 && i.push({
-        ids: S,
+      n.removeIds = [.../* @__PURE__ */ new Set([...p, ...n.removeIds])], n.addIds = n.addIds.filter((l) => p.indexOf(l) < 0), n.removeIds.length > 0 && i.push({
+        ids: p,
         mode: t,
         layerView: s
-      }), this.selectionSets = this.selectionSets.reduce((l, r) => (r.workflowType !== f.REFINE && r.layerView.layer.id === s.layer.id ? (r.selectedIds = r.selectedIds.filter((h) => n.removeIds.indexOf(h) < 0), r.selectedIds.length > 0 ? l.push(r) : a = !0) : l.push(r), l), []);
+      }), this.selectionSets = this.selectionSets.reduce((l, r) => (r.workflowType !== "REFINE" && r.layerView.layer.id === s.layer.id ? (r.selectedIds = r.selectedIds.filter((d) => n.removeIds.indexOf(d) < 0), r.selectedIds.length > 0 ? l.push(r) : a = !0) : l.push(r), l), []);
     }
-    this._refineSelectionSet && (this._refineSelectionSet.refineInfos[d] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
+    this._refineSelectionSet && (this._refineSelectionSet.refineInfos[c] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
   }
 }
-I("refine-selection", F);
+w("refine-selection", R);
 export {
-  F as RefineSelection
+  R as RefineSelection
 };

package/dist/components/refine-selection/index.d.ts

@@ -1,12 +1 @@
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-icon";
-import "../map-layer-picker/index.js";
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-segmented-control";
-import "@esri/calcite-components/components/calcite-segmented-control-item";
-import "../map-draw-tools/index.js";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-switch";
-import "../buffer-tools/index.js";
-import "@esri/calcite-components/components/calcite-list-item";
 export * from "./customElement.js";

package/dist/components/selection-tool/customElement.d.ts

@@ -1,37 +1,35 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-export declare class SelectionTool extends LitElement {
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * string: Selected layer id
-     *
-     * @default ''
-     */
-    selectedLayerId: string;
-    /**
-     * string: Tool for selecting the features
-     *
-     * @default 'rectangle'
-     */
-    tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle';
-    /**
-     * Toggles the selection tool state
-     *
-     * @param tool
-     * @param isActive
-     * @param tool Tool for selecting the features
-     */
-    toggleSelectionTool(tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle', isActive: boolean): Promise<void>;
-    /** Emitted when drawing is completed */
-    readonly drawingComplete: TargetedEvent<this, void>;
-    /** Emitted when feature are selected */
-    readonly featuresSelected: TargetedEvent<this, (string | number)[] | undefined>;
-    "@eventTypes": {
-        "drawingComplete": SelectionTool["drawingComplete"]["detail"];
-        "featuresSelected": SelectionTool["featuresSelected"]["detail"];
-    };
-}
+export abstract class SelectionTool extends LitElement {
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * string: Selected layer id
+   *
+   * @default ''
+   */
+  accessor selectedLayerId: string;
+  /**
+   * string: Tool for selecting the features
+   *
+   * @default 'rectangle'
+   */
+  accessor tool: "circle" | "freehandPolygon" | "polygon" | "rectangle";
+  /**
+   * Toggles the selection tool state
+   *
+   * @param tool - Tool for selecting the features
+   * @param isActive
+   */
+  toggleSelectionTool(tool: "circle" | "freehandPolygon" | "polygon" | "rectangle", isActive: boolean): Promise<void>;
+  /** Emitted when drawing is completed */
+  readonly drawingComplete: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when feature are selected */
+  readonly featuresSelected: import("@arcgis/lumina").TargetedEvent<this, (number | string)[] | undefined>;
+  readonly "@eventTypes": {
+    drawingComplete: SelectionTool["drawingComplete"]["detail"];
+    featuresSelected: SelectionTool["featuresSelected"]["detail"];
+  };
+}