@esri/solutions-components 1.1.0-next.20250917.3 → 1.1.0-next.20250919

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

@@ -1,17 +1,18 @@
-import { c as b } from "../../chunks/runtime.js";
-import { css as I, html as m } from "lit";
-import { d as l, h as k, f } from "../../chunks/interfaces.js";
-import { g as v, a as x, h as E } from "../../chunks/mapViewUtils.js";
-import { a as L } from "../../chunks/queryUtils.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { createRef as g, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as R, createEvent as u, noShadowRoot as O } from "@arcgis/lumina";
-import { useContextConsumer as C } from "@arcgis/lumina/context";
-import { p as A } from "../../chunks/publicNotificationContext.js";
+import { c as I } from "../../chunks/runtime.js";
+import { css as L, html as f } from "lit";
+import { l as v } from "../../chunks/loadModules.js";
+import { d as l, h as k, f as p } from "../../chunks/interfaces.js";
+import { g as b, a as E, h as x } from "../../chunks/mapViewUtils.js";
+import { a as $ } from "../../chunks/queryUtils.js";
+import { u as C } from "../../chunks/useT9n.js";
+import { createRef as y, ref as S } from "lit-html/directives/ref.js";
+import { LitElement as D, createEvent as g, noShadowRoot as O, safeClassMap as G } from "@arcgis/lumina";
+import { useContextConsumer as R } 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.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
-const D = I`@layer{/** @license
+v1.1.0-next.20250919 */
+const A = L`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,30 +27,61 @@ const D = I`@layer{/** @license
  * 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!important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=rtl] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-color-border-input)}.margin-top-1{margin-top:1rem}.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 T extends R {
+class T extends D {
   constructor() {
-    super(...arguments), this.enabledLayerIds = [], this.selectionSets = [], this._translations = $({ name: "refine-selection", blocking: !0 }), this._selectionMode = l.ADD, this._addEnabled = !0, this._drawTools = g(), this._refineSets = [], this._enabledLayerIds = [], this._layerPicker = g(), this._featuresCollection = {}, this._pnContextConsumer = C({
-      context: A,
+    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._translations = C({ name: "refine-selection", blocking: !0 }), this._selectionMode = l.ADD, this._addEnabled = !0, this._drawTools = y(), this._refineSets = [], this._enabledLayerIds = [], this._layerPicker = y(), this._featuresCollection = {}, this._pnContextConsumer = R({
+      context: V,
       subscribe: !0
-    }), this.selectionLoadingChange = u(), this.selectionSetsChanged = u();
+    }), this._bufferTools = y(), this.selectionLoadingChange = g(), this.selectionSetsChanged = g(), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
   static {
-    this.properties = { addresseeLayer: 0, enabledLayerIds: 0, mapView: 0, selectionSets: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
+    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, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
   }
   static {
-    this.styles = D;
+    this.styles = A;
   }
   static {
     this.shadowRootOptions = O;
   }
+  async distanceChanged(e) {
+    e.detail.newValue !== e.detail.oldValue && this._refineSelectionSet && (this._refineSelectionSet.distance = e.detail.newValue);
+  }
+  async unitChanged(e) {
+    e.detail.newValue !== e.detail.oldValue && this._refineSelectionSet && (this._refineSelectionSet.unit = e.detail.newValue);
+  }
   async load() {
-    this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]);
+    await this._initModules(), this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]);
+  }
+  async loaded() {
+    await this._init();
   }
   render() {
     const e = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return m`<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 f`<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] : []} ${_(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(l.ADD)} .value=${l.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(l.REMOVE)} .value=${l.REMOVE}><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active .drawMode=${k.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} ${_(this._drawTools)}></map-draw-tools></div><br>${m`<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(l.ADD)} .value=${l.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(l.REMOVE)} .value=${l.REMOVE}><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active .drawMode=${k.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>${f`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
+  }
+  async _initModules() {
+    const [e, t] = await v([
+      "esri/layers/GraphicsLayer",
+      "esri/Graphic"
+    ]);
+    this.GraphicsLayer = e, this.Graphic = t;
+  }
+  async _init() {
+    this._initGraphicsLayer();
+  }
+  _initGraphicsLayer() {
+    const e = this._translations.bufferLayer;
+    if (this.mapView) {
+      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 = this.GraphicsLayer && new this.GraphicsLayer({ 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);
+      }
+    }
   }
   _layerSelectionChange(e) {
     const t = e.detail[0];
@@ -59,26 +91,26 @@ class T extends R {
     this._selectionMode = e;
   }
   _sketchGraphicsChanged(e) {
-    const t = e.detail?.graphics[0].geometry;
-    this._selectFeatures(t);
+    const i = (e.detail?.graphics[0]).geometry;
+    this.geometries = [i], this._selectFeatures(i);
   }
   _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 === p.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 === p.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 v(this.mapView, e)
+      layerView: this.mapView && await b(this.mapView, e)
     }, t ? t.refineInfos = { ...t.refineInfos, ...i } : (this._refineSelectionSet = {
       id: Date.now(),
       searchResult: void 0,
@@ -88,11 +120,11 @@ class T extends R {
       unit: "feet",
       label: "Refine",
       selectedIds: [],
-      layerView: void 0,
+      layerView: this.mapView && await b(this.mapView, e),
       geometries: [],
       graphics: [],
       selectLayers: [],
-      workflowType: f.REFINE,
+      workflowType: p.REFINE,
       searchDistanceEnabled: !1,
       useLayerFeaturesEnabled: !1,
       refineInfos: i,
@@ -113,77 +145,101 @@ class T extends R {
       e && this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === l.ADD ? l.REMOVE : l.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 f`<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=${G(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${this._refineSelectionSet?.distance || this.defaultBufferDistance} .geometries=${this.geometries} @bufferComplete=${(t) => void this._bufferComplete(t)} .unit=${this._refineSelectionSet?.unit || this.defaultBufferUnit} ${S(this._bufferTools)}></buffer-tools></div></div>`;
+  }
+  async _bufferComplete(e) {
+    if (this._bufferGeometry = Array.isArray(e.detail) ? e.detail[0] : e.detail, this._bufferGeometry) {
+      const t = {
+        type: "simple-fill",
+        color: this.bufferColor,
+        outline: {
+          color: this.bufferOutlineColor,
+          width: 1
+        }
+      }, i = this.Graphic && new this.Graphic({
+        geometry: this._bufferGeometry,
+        symbol: t
+      });
+      this._bufferGraphicsLayer && i && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(i), await this._selectFeatures(this._bufferGeometry));
+    } else
+      this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll();
+  }
   _getRefineSelectionSetList() {
     const e = this._getTotal(this.selectionSets);
     let t;
-    this.selectionSets.some((d) => d.workflowType === f.REFINE ? (t = d, !0) : !1);
+    this.selectionSets.some((c) => c.workflowType === p.REFINE ? (t = c, !0) : !1);
     let i = 0, s = 0;
-    t?.refineInfos && Object.keys(t.refineInfos).forEach((d) => {
-      i += t.refineInfos[d].addIds.length, s += t.refineInfos[d].removeIds.length;
+    t?.refineInfos && Object.keys(t.refineInfos).forEach((c) => {
+      i += t.refineInfos[c].addIds.length, s += t.refineInfos[c].removeIds.length;
     });
-    const o = this._translations.featuresAdded, p = this._translations.featuresRemoved, c = this._translations.totalSelected;
+    const a = this._translations.featuresAdded, u = this._translations.featuresRemoved, d = this._translations.totalSelected;
     return [
-      m`<calcite-list-item .label=${o.replace("{{n}}", i.toString())}></calcite-list-item>`,
-      m`<calcite-list-item .label=${p.replace("{{n}}", s.toString())}></calcite-list-item>`,
-      m`<calcite-list-item .label=${c.replace("{{n}}", e.toString())}></calcite-list-item>`
+      f`<calcite-list-item .label=${a.replace("{{n}}", i.toString())}></calcite-list-item>`,
+      f`<calcite-list-item .label=${u.replace("{{n}}", s.toString())}></calcite-list-item>`,
+      f`<calcite-list-item .label=${d.replace("{{n}}", e.toString())}></calcite-list-item>`
     ];
   }
   _getTotal(e) {
-    const t = x(e);
+    const t = E(e);
     return Object.keys(t).reduce((i, s) => {
-      const o = t[s];
-      return i += o.ids.length, i;
+      const a = t[s];
+      return i += a.ids.length, i;
     }, 0);
   }
   async _selectFeatures(e) {
     if (this.selectionLoadingChange.emit(!0), this._refineLayer) {
       this._featuresCollection[this._refineLayer?.layer.id] = [];
-      const t = await L(0, this._refineLayer?.layer, e, this._featuresCollection);
+      const t = await $(0, this._refineLayer?.layer, e, this._featuresCollection);
       this.selectionLoadingChange.emit(!1);
       let i = [];
-      Object.keys(t).forEach((o) => {
-        o === this._refineLayer?.layer.id && (i = i.concat(t[o]));
+      Object.keys(t).forEach((a) => {
+        a === this._refineLayer?.layer.id && (i = i.concat(t[a]));
       });
-      const s = Array.isArray(i) ? i.map((o) => o.attributes[o?.layer?.objectIdField]) : [];
-      this._refineSelectionSet?.undoStack && await this._updateIds(s, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer), this._drawTools.value && this._drawTools.value.clear();
+      const s = Array.isArray(i) ? i.map((a) => a.attributes[a?.layer?.objectIdField]) : [];
+      this._refineSelectionSet?.undoStack && await this._updateIds(s, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer), this._bufferGraphicsLayer && this._refineSelectionSet && this._refineSelectionSet.distance > 0 && (await new Promise((a) => setTimeout(a, 1e3)), this._bufferGraphicsLayer.removeAll()), this.geometries = [], this._drawTools.value && this._drawTools.value.clear();
     }
   }
   async _highlightFeatures() {
     const e = this._pnContextConsumer.value;
-    e.removeHandles(), e.highlightHandles = await E(this.selectionSets);
+    e.removeHandles(), e.highlightHandles = await x(this.selectionSets);
   }
   async _updateIds(e, t, i, s) {
-    let o = !1;
-    const p = this._refineSelectionSet?.refineInfos, c = s.layer.id, d = {};
-    d[c] = {
+    let a = !1;
+    const u = this._refineSelectionSet?.refineInfos, d = s.layer.id, c = {};
+    c[d] = {
       addIds: [],
       removeIds: [],
       layerView: s
     };
-    const n = p && Object.keys(p).indexOf(c) > -1 ? p[c] : d[c];
+    const n = u && Object.keys(u).indexOf(d) > -1 ? u[d] : c[d];
     if (t === l.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((m) => e.indexOf(m) < 0));
     else {
-      const S = this.selectionSets.reduce((r, a) => (e.forEach((h) => {
-        a.workflowType !== f.REFINE ? a.selectedIds.indexOf(h) > -1 && r.push(h) : Object.keys(a.refineInfos).some((w) => {
-          const y = a.refineInfos[w];
-          return y.layerView.layer.id === s.layer.id && y.addIds.indexOf(h) > -1 ? (r.push(h), !0) : !1;
+      const m = this.selectionSets.reduce((o, r) => (e.forEach((h) => {
+        r.workflowType !== p.REFINE ? r.selectedIds.indexOf(h) > -1 && o.push(h) : Object.keys(r.refineInfos).some((w) => {
+          const _ = r.refineInfos[w];
+          return _.layerView.layer.id === s.layer.id && _.addIds.indexOf(h) > -1 ? (o.push(h), !0) : !1;
         });
-      }), r), []);
-      n.removeIds = [.../* @__PURE__ */ new Set([...S, ...n.removeIds])], n.addIds = n.addIds.filter((r) => S.indexOf(r) < 0), n.removeIds.length > 0 && i.push({
-        ids: S,
+      }), o), []);
+      n.removeIds = [.../* @__PURE__ */ new Set([...m, ...n.removeIds])], n.addIds = n.addIds.filter((o) => m.indexOf(o) < 0), n.removeIds.length > 0 && i.push({
+        ids: m,
         mode: t,
         layerView: s
-      }), this.selectionSets = this.selectionSets.reduce((r, a) => (a.workflowType !== f.REFINE && a.layerView.layer.id === s.layer.id ? (a.selectedIds = a.selectedIds.filter((h) => n.removeIds.indexOf(h) < 0), a.selectedIds.length > 0 ? r.push(a) : o = !0) : r.push(a), r), []);
+      }), this.selectionSets = this.selectionSets.reduce((o, r) => (r.workflowType !== p.REFINE && r.layerView.layer.id === s.layer.id ? (r.selectedIds = r.selectedIds.filter((h) => n.removeIds.indexOf(h) < 0), r.selectedIds.length > 0 ? o.push(r) : a = !0) : o.push(r), o), []);
     }
-    this._refineSelectionSet && (this._refineSelectionSet.refineInfos[c] = n), this.selectionSets = [...this.selectionSets], o && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
+    this._refineSelectionSet && (this._refineSelectionSet.refineInfos[d] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
   }
 }
-b("refine-selection", T);
+I("refine-selection", T);
 export {
   T as RefineSelection
 };

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

@@ -6,5 +6,7 @@ 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/refine-selection/index.js

@@ -6,5 +6,7 @@ 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.js

@@ -5,7 +5,7 @@ import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lu
 import { css as n } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-article-card/customElement.js

@@ -4,7 +4,7 @@ import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as r, createEvent as n, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const o = a`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configuration/customElement.js

@@ -9,7 +9,7 @@ import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
 import { LitElement as g, noShadowRoot as I, safeClassMap as v } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-dialog/customElement.js

@@ -7,7 +7,7 @@ import { a as f } from "../../chunks/deployAppContexts.js";
 import { createRef as n } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const _ = m`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-titles/customElement.js

@@ -10,7 +10,7 @@ import { updateGroup as L, updateItem as w } from "@esri/solution-common";
 import { h as f } from "../../chunks/helpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const E = C`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-contents/customElement.js

@@ -3,7 +3,7 @@ import { css as a, html as r, nothing as c } from "lit";
 import { LitElement as l, createEvent as d, noShadowRoot as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
+v1.1.0-next.20250919 */
 const h = a`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-delete-dialog/customElement.js

@@ -1,17 +1,17 @@
-import { c as $ } from "../../chunks/runtime.js";
-import { css as T, nothing as v, html as m } from "lit";
-import { u as x } from "../../chunks/useT9n.js";
-import { LitElement as P, createEvent as I, safeClassMap as u } from "@arcgis/lumina";
-import { useContextConsumer as g } from "@arcgis/lumina/context";
-import { a as E } from "../../chunks/common.js";
-import { deleteSolution as k, getItemRelatedItemsInSameDirection as D } from "@esri/solution-common";
-import { a as U, u as A } from "../../chunks/deployAppContexts.js";
-import { p as L } from "../../chunks/prepareDataForSolutionDisplay.js";
-import { createRef as N, ref as y } from "lit-html/directives/ref.js";
+import { c as w } from "../../chunks/runtime.js";
+import { css as C, nothing as $, html as h } from "lit";
+import { u as S } from "../../chunks/useT9n.js";
+import { LitElement as T, createEvent as u, safeClassMap as m } from "@arcgis/lumina";
+import { useContextConsumer as I } from "@arcgis/lumina/context";
+import { a as v } from "../../chunks/common.js";
+import { deleteSolution as x, getItemRelatedItems as P } from "@esri/solution-common";
+import { a as E, u as k } from "../../chunks/deployAppContexts.js";
+import { p as U } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { createRef as A, ref as _ } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250917.3 */
-const O = T`/** @license
+v1.1.0-next.20250919 */
+const L = C`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,21 +26,21 @@ const O = T`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}`;
-class R extends P {
+class N extends T {
   constructor() {
-    super(...arguments), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = x({ name: "solution-delete-dialog", blocking: !0 }), this._authContextConsumer = g({
-      context: U,
+    super(...arguments), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = S({ name: "solution-delete-dialog", blocking: !0 }), this._authContextConsumer = I({
+      context: E,
       subscribe: !0
-    }), this._userSessionContextConsumer = g({
-      context: A,
+    }), this._userSessionContextConsumer = I({
+      context: k,
       subscribe: !0
-    }), this._accordion = N(), this.solutionDeleteDialogOpen = I(), this.solutionDeleted = I(), this.solutionDeleteDialogBeforeClose = I();
+    }), this._accordion = A(), this.solutionDeleteDialogOpen = u(), this.solutionDeleted = u(), this.solutionDeleteDialogBeforeClose = u();
   }
   static {
     this.properties = { card: 0, open: 5, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = O;
+    this.styles = L;
   }
   close() {
     this._showUndeletableItems && this.solutionDeleted.emit({ showAlert: !1, refreshSolutionsTimeout: !0 }), this._showDeleteError = !1, this._showUndeletableItems = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
@@ -53,37 +53,37 @@ class R extends P {
         owner: this.card.owner,
         modified: this.card.modified
       }], t = {
-        progressCallback: (o) => {
-          this._deletePercentage = Math.round(o);
+        progressCallback: (s) => {
+          this._deletePercentage = Math.round(s);
         }
       };
-      k(this.card.id, this._userSessionContextConsumer.value, t).then((o) => {
-        const d = o[1];
-        let n;
-        if (d ? n = d.items.map((i) => ({
-          itemName: i.title,
-          itemType: i.type,
-          owner: i.owner,
-          modified: i.modified
-        })) : n = e, n.length === 0)
+      x(this.card.id, this._userSessionContextConsumer.value, t).then((s) => {
+        const i = s[1];
+        let l;
+        if (i ? l = i.items.map((o) => ({
+          itemName: o.title,
+          itemType: o.type,
+          owner: o.owner,
+          modified: o.modified
+        })) : l = e, l.length === 0)
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
-        else if (n.some((l) => l.itemType === "Solution"))
-          this.card ? this._processTemplates(this.card).then((l) => {
-            this._templateInfos = l, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+        else if (l.some((n) => n.itemType === "Solution"))
+          this.card ? this._processTemplates(this.card).then((n) => {
+            this._templateInfos = n, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
           }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
         else if (this.card) {
-          let l = [];
-          l = d.items.map((s) => ({
-            id: s.id,
-            title: s.title,
-            type: s.type,
-            owner: s.owner,
-            modified: s.modified,
+          let n = [];
+          n = i.items.map((r) => ({
+            id: r.id,
+            title: r.title,
+            type: r.type,
+            owner: r.owner,
+            modified: r.modified,
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: E(s.id, this._authContextConsumer.value)
-          })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
+            url: v(r.id, this._authContextConsumer.value)
+          })), this._templateInfos = n, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
         } else
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
       });
@@ -92,42 +92,33 @@ class R extends P {
   willUpdate(e) {
     if (e.has("open")) {
       const t = e.get("open");
-      this.open && !t && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((o) => {
-        this._templateInfos = o;
-        const d = new Set(this._templateInfos.map((s) => s.id)), n = [];
+      this.open && !t && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((s) => {
+        this._templateInfos = s;
         let i = [];
-        const l = this._templateInfos.map(async (s) => {
-          const p = await this._getRelatedDependency(s.id);
-          return { template: s, relatedItems: p };
+        const l = this._templateInfos.map(async (o) => {
+          const n = await this._getRelatedDependency(o.id, "reverse", "Solution2Item");
+          return { template: o, relatedItems: n };
         });
-        Promise.all(l).then((s) => {
-          for (const { template: r, relatedItems: b } of s)
-            for (const f of b)
-              if (f.relationshipType !== "Solution2Item")
-                for (const h of f.relatedItemIds)
-                  d.has(h) || n.push({
-                    controlItemId: r.id,
-                    dependencyItemId: h
-                  });
-              else {
-                const h = [];
-                for (const a of f.relatedItemIds)
-                  h.push({
-                    controlItemId: r.id,
-                    dependencyItemId: a
-                  });
-                const S = h.reduce((a, c) => (a[c.controlItemId] || (a[c.controlItemId] = /* @__PURE__ */ new Set()), a[c.controlItemId].add(c.dependencyItemId), a), {}), _ = Object.entries(S).filter(([a, c]) => c.size > 1).flatMap(([a, c]) => Array.from(c).map((C) => ({
-                  controlItemId: a,
-                  dependencyItemId: C
-                })));
-                _.length > 0 && (i = i.concat(_));
-              }
+        Promise.all(l).then((o) => {
+          for (const { template: c, relatedItems: g } of o)
+            for (const D of g) {
+              const p = [];
+              for (const a of D.relatedItemIds)
+                p.push({
+                  controlItemId: c.id,
+                  dependencyItemId: a
+                });
+              const y = p.reduce((a, d) => (a[d.controlItemId] || (a[d.controlItemId] = /* @__PURE__ */ new Set()), a[d.controlItemId].add(d.dependencyItemId), a), {}), f = Object.entries(y).filter(([a, d]) => d.size > 1).flatMap(([a, d]) => Array.from(d).map((b) => ({
+                controlItemId: a,
+                dependencyItemId: b
+              })));
+              f.length > 0 && (i = i.concat(f));
+            }
           this._nonSolutionDependencyItems = Array.from(new Map([
-            ...n,
             ...i
-          ].map((r) => [`${r.controlItemId}:${r.dependencyItemId}`, r])).values());
-          const p = this._nonSolutionDependencyItems.map((r) => r.controlItemId), w = [...new Set(p)];
-          this._accordion.value.selectItems(w), this._fetchingTemplates = !1;
+          ].map((c) => [`${c.controlItemId}:${c.dependencyItemId}`, c])).values());
+          const n = this._nonSolutionDependencyItems.map((c) => c.controlItemId), r = [...new Set(n)];
+          this._accordion.value.selectItems(r), this._fetchingTemplates = !1;
         });
       }));
     }
@@ -136,30 +127,33 @@ class R extends P {
     e.has("_showUndeletableItems") && this._showUndeletableItems !== e.get("_showUndeletableItems") && this._accordion.value.selectItems(this._templateInfos.map((t) => t.id));
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", o = [...new Set(this._nonSolutionDependencyItems.map((i) => i.controlItemId))], d = this._templateInfos.length - this._getDependencyCount(), n = this._translations.deletionCount.replace("{{deleteableCount}}", d.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return m`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? v} modal kind=danger .open=${this.open} outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", s = [...new Set(this._nonSolutionDependencyItems.map((o) => o.controlItemId))], i = this._templateInfos.length - this._getDependencyCount(), l = this._translations.deletionCount.replace("{{deleteableCount}}", i.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return h`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? $} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
       this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? m`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? m`<calcite-label class=${u(t)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${u(t)} .itemRelationshipDependencies=${[]} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${y(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : m`<calcite-label class=${u(t)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${n} scale=m>${n}</calcite-chip></calcite-label><calcite-loader class=${u(e)} label></calcite-loader><solution-item-accordion class=${u(t)} .itemRelationshipDependencies=${o} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${y(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? h`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? h`<calcite-label class=${m(t)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${m(t)} .itemRelationshipDependencies=${[]} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${_(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : h`<calcite-label class=${m(t)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${l} scale=m icon=information>${l}</calcite-chip></calcite-label><calcite-loader class=${m(e)} label></calcite-loader><solution-item-accordion class=${m(t)} .itemRelationshipDependencies=${s} link-type=action list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${_(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && m`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && h`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
   async _processTemplates(e) {
-    return await L(e.id, this._userSessionContextConsumer.value);
+    return await U(e.id, this._userSessionContextConsumer.value);
   }
-  async _getRelatedDependency(e) {
-    const t = await D(e, "reverse", this._userSessionContextConsumer.value), o = await D(e, "forward", this._userSessionContextConsumer.value);
-    return [...new Set(o.concat(t))];
+  async _getRelatedDependency(e, t, s) {
+    const i = await P(e, s, t, this._userSessionContextConsumer.value);
+    return [{
+      relationshipType: s,
+      relatedItemIds: i.relatedItems.map((l) => l.id)
+    }];
   }
   _getDependencyCount() {
-    const e = this._nonSolutionDependencyItems.map((o) => o.controlItemId);
+    const e = this._nonSolutionDependencyItems.map((s) => s.controlItemId);
     return [...new Set(e)].length;
   }
 }
-$("solution-delete-dialog", R);
+w("solution-delete-dialog", N);
 export {
-  R as SolutionDeleteDialog
+  N as SolutionDeleteDialog
 };