@esri/solutions-components 1.2.0-next.33 → 1.2.0-next.34

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

@@ -1,18 +1,19 @@
 import { c as I } from "../../chunks/runtime.js";
-import { l as L } from "../../chunks/loadModules.js";
-import { d as l, h as v, f } from "../../chunks/interfaces.js";
-import { g as b, a as k, h as E } from "../../chunks/mapViewUtils.js";
-import { a as x } from "../../chunks/queryUtils.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { createRef as y, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as C, createEvent as g, noShadowRoot as D, safeClassMap as O } from "@arcgis/lumina";
-import { css as G, html as p } from "lit";
-import { useContextConsumer as R } from "@arcgis/lumina/context";
-import { p as V } from "../../chunks/publicNotificationContext.js";
+import { d as o, h as L, f } from "../../chunks/interfaces.js";
+import { g as b, a as v, h 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.33 */
-const A = G`@layer{/** @license
+v1.2.0-next.34 */
+const T = D`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,21 +28,21 @@ const A = G`@layer{/** @license
  * 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 T extends C {
+class F extends G {
   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._translations = $({ name: "refine-selection", blocking: !0 }), this._selectionMode = l.ADD, this._addEnabled = !0, this._drawTools = y(), this._enabledLayerIds = [], this._layerPicker = y(), this._featuresCollection = {}, this._pnContextConsumer = R({
-      context: V,
+    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,
       subscribe: !0
-    }), this._bufferTools = y(), this.selectionLoadingChange = g(), this.selectionSetsChanged = g(), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    }), this._bufferTools = _(), this._undoGraphicsArr = [], this.selectionLoadingChange = w(), this.selectionSetsChanged = w(), 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, _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, drawnGraphicsArr: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
   }
   static {
-    this.styles = A;
+    this.styles = T;
   }
   static {
-    this.shadowRootOptions = D;
+    this.shadowRootOptions = $;
   }
   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);
@@ -53,7 +54,7 @@ class T extends C {
     e.detail.newValue !== e.detail.oldValue && this._refineSelectionSet && (this._refineSelectionSet.unit = e.detail.newValue);
   }
   async load() {
-    await this._initModules(), this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]);
+    this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]), this._undoGraphicsArr = this._refineSelectionSet?.undoGraphicsArr;
   }
   async loaded() {
     await this._init();
@@ -62,14 +63,7 @@ class T extends C {
     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) => {
       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(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=${v.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>`;
-  }
-  async _initModules() {
-    const [e, t] = await L([
-      "esri/layers/GraphicsLayer",
-      "esri/Graphic"
-    ]);
-    this.GraphicsLayer = e, this.Graphic = 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>`;
   }
   async _init() {
     this._initGraphicsLayer();
@@ -80,7 +74,7 @@ class T extends C {
       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) {
+      else if (this._bufferGraphicsLayer = new V({ 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);
       }
@@ -93,9 +87,14 @@ class T extends C {
   _setSelectionMode(e) {
     this._selectionMode = e;
   }
-  _sketchGraphicsChanged(e) {
-    const i = (e.detail?.graphics[0]).geometry;
-    this.geometries = [i], this._selectFeatures(i);
+  async _sketchGraphicsChanged(e) {
+    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 };
+      this.drawnGraphicsArr.push(a);
+    }
   }
   _getEnabledLayerIds() {
     return this.selectionSets.reduce((e, t) => {
@@ -133,19 +132,32 @@ class T extends C {
       refineInfos: i,
       redoStack: [],
       undoStack: [],
-      sketchGraphic: void 0
+      sketchGraphic: void 0,
+      undoGraphicsArr: []
     }, this.selectionSets.push(this._refineSelectionSet));
   }
   _undo() {
     if (this._refineSelectionSet) {
       const e = this._refineSelectionSet.undoStack && this._refineSelectionSet.undoStack.pop();
-      e && this._refineSelectionSet.redoStack && this._updateIds(e.ids, e.mode === l.ADD ? l.REMOVE : l.ADD, this._refineSelectionSet.redoStack, e.layerView);
+      if (e) {
+        if (this.drawnGraphicsArr.length > 0) {
+          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);
+      }
     }
   }
   _redo() {
     if (this._refineSelectionSet) {
       const e = this._refineSelectionSet.redoStack && this._refineSelectionSet.redoStack.pop();
-      e && this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === l.ADD ? l.REMOVE : l.ADD, this._refineSelectionSet.undoStack, e.layerView);
+      if (e) {
+        if (this._undoGraphicsArr.length > 0) {
+          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);
+      }
     }
   }
   _getBufferOptions() {
@@ -153,7 +165,7 @@ class T extends C {
     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=${() => {
       this.searchDistanceEnabled = !this.searchDistanceEnabled, this._refineSelectionSet && (this._refineSelectionSet.searchDistanceEnabled = this.searchDistanceEnabled);
-    }}></calcite-switch></div><div class=${O(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${this._refineSelectionSet?.distance} .geometries=${this.geometries} @bufferComplete=${(t) => void this._bufferComplete(t)} .unit=${this._refineSelectionSet?.unit} ${m(this._bufferTools)}></buffer-tools></div></div>`;
+    }}></calcite-switch></div><div class=${C(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${this._refineSelectionSet?.distance} .geometries=${this.geometries} @bufferComplete=${(t) => void this._bufferComplete(t)} .unit=${this._refineSelectionSet?.unit} ${m(this._bufferTools)}></buffer-tools></div></div>`;
   }
   async _bufferComplete(e) {
     if (this._bufferGeometry = Array.isArray(e.detail) ? e.detail[0] : e.detail, this._bufferGeometry) {
@@ -164,11 +176,14 @@ class T extends C {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, i = this.Graphic && new this.Graphic({
+      }, i = new R({
         geometry: this._bufferGeometry,
         symbol: t
       });
-      this._bufferGraphicsLayer && i && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(i), await this._selectFeatures(this._bufferGeometry));
+      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 };
+        this.drawnGraphicsArr.push(a);
+      }
     } else
       this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll();
   }
@@ -180,69 +195,70 @@ class T extends C {
     t?.refineInfos && Object.keys(t.refineInfos).forEach((c) => {
       i += t.refineInfos[c].addIds.length, s += t.refineInfos[c].removeIds.length;
     });
-    const a = this._translations.featuresAdded, u = this._translations.featuresRemoved, d = this._translations.totalSelected;
+    const a = this._translations.featuresAdded, u = this._translations.featuresRemoved, h = 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>`
+      p`<calcite-list-item .label=${h.replace("{{n}}", e.toString())}></calcite-list-item>`
     ];
   }
   _getTotal(e) {
-    const t = k(e);
+    const t = v(e);
     return Object.keys(t).reduce((i, s) => {
       const a = t[s];
       return i += a.ids.length, i;
     }, 0);
   }
   async _selectFeatures(e) {
-    if (this.selectionLoadingChange.emit(!0), this._refineLayer) {
+    this.selectionLoadingChange.emit(!0);
+    let t = [];
+    if (this._refineLayer) {
       this._featuresCollection[this._refineLayer?.layer.id] = [];
-      const t = await x(0, this._refineLayer?.layer, e, this._featuresCollection);
+      const i = await E(0, this._refineLayer?.layer, e, this._featuresCollection);
       this.selectionLoadingChange.emit(!1);
-      let i = [];
-      Object.keys(t).forEach((a) => {
-        a === this._refineLayer?.layer.id && (i = i.concat(t[a]));
-      });
-      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();
+      let s = [];
+      Object.keys(i).forEach((a) => {
+        a === this._refineLayer?.layer.id && (s = s.concat(i[a]));
+      }), t = Array.isArray(s) ? s.map((a) => a.attributes[a?.layer?.objectIdField]) : [], this._refineSelectionSet?.undoStack && await this._updateIds(t, 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();
     }
+    return t;
   }
   async _highlightFeatures() {
     const e = this._pnContextConsumer.value;
-    e.removeHandles(), e.highlightHandles = await E(this.selectionSets);
+    e.removeHandles(), e.highlightHandles = await k(this.selectionSets);
   }
   async _updateIds(e, t, i, s) {
     let a = !1;
-    const u = this._refineSelectionSet?.refineInfos, d = s.layer.id, c = {};
-    c[d] = {
+    const u = this._refineSelectionSet?.refineInfos, h = s.layer.id, c = {};
+    c[h] = {
       addIds: [],
       removeIds: [],
       layerView: s
     };
-    const n = u && Object.keys(u).indexOf(d) > -1 ? u[d] : c[d];
-    if (t === l.ADD)
+    const n = u && Object.keys(u).indexOf(h) > -1 ? u[h] : c[h];
+    if (t === o.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));
     else {
-      const S = this.selectionSets.reduce((o, r) => (e.forEach((h) => {
-        r.workflowType !== f.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;
+      const S = this.selectionSets.reduce((l, r) => (e.forEach((d) => {
+        r.workflowType !== f.REFINE ? r.selectedIds.indexOf(d) > -1 && l.push(d) : Object.keys(r.refineInfos).some((g) => {
+          const y = r.refineInfos[g];
+          return y.layerView.layer.id === s.layer.id && y.addIds.indexOf(d) > -1 ? (l.push(d), !0) : !1;
         });
-      }), o), []);
-      n.removeIds = [.../* @__PURE__ */ new Set([...S, ...n.removeIds])], n.addIds = n.addIds.filter((o) => S.indexOf(o) < 0), n.removeIds.length > 0 && i.push({
+      }), 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,
         mode: t,
         layerView: s
-      }), this.selectionSets = this.selectionSets.reduce((o, 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 ? o.push(r) : a = !0) : o.push(r), o), []);
+      }), this.selectionSets = this.selectionSets.reduce((l, r) => (r.workflowType !== f.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[h] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
   }
 }
-I("refine-selection", T);
+I("refine-selection", F);
 export {
-  T as RefineSelection
+  F as RefineSelection
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SelectionTool extends LitElement {
     /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */

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

@@ -1,12 +1,13 @@
-import { c as o } from "../../chunks/runtime.js";
-import { l as r } from "../../chunks/loadModules.js";
-import { g as c } from "../../chunks/mapViewUtils.js";
-import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lumina";
-import { css as n } from "lit";
+import { c as a } from "../../chunks/runtime.js";
+import { g as r } from "../../chunks/mapViewUtils.js";
+import { LitElement as c, createEvent as s, noShadowRoot as n } from "@arcgis/lumina";
+import { css as l } from "lit";
+import h from "@arcgis/core/layers/GraphicsLayer";
+import p from "@arcgis/core/widgets/Sketch/SketchViewModel";
 /*! 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.33 */
-const p = n`@layer{/** @license
+v1.2.0-next.34 */
+const m = l`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,7 +22,7 @@ const p = n`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;pointer-events:all!important}}`;
-class d extends h {
+class d extends c {
   constructor() {
     super(...arguments), this.selectedLayerId = "", this.tool = "rectangle", this.drawingComplete = s(), this.featuresSelected = s();
   }
@@ -29,10 +30,10 @@ class d extends h {
     this.properties = { mapView: 0, selectedLayerId: 1, tool: 1 };
   }
   static {
-    this.styles = p;
+    this.styles = m;
   }
   static {
-    this.shadowRootOptions = l;
+    this.shadowRootOptions = n;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapViewWatchHandler();
@@ -45,48 +46,38 @@ class d extends h {
   async toggleSelectionTool() {
     this._graphicsLayer?.removeAll(), this._selectionTool && this._selectionTool.state === "active" ? this._selectionTool.cancel() : this._selectionTool?.create(this.tool);
   }
-  async load() {
-    await this._initModules();
-  }
   async loaded() {
     await this.init();
   }
   render() {
     return "";
   }
-  async _initModules() {
-    const [e, t] = await r([
-      "esri/layers/GraphicsLayer",
-      "esri/widgets/Sketch/SketchViewModel"
-    ]);
-    this.GraphicsLayer = e, this.SketchViewModel = t;
-  }
   async init() {
     this.mapView && this._initSketchViewModel();
   }
   _initSketchViewModel() {
-    this._graphicsLayer = this.GraphicsLayer && new this.GraphicsLayer(), this._selectionTool = this.SketchViewModel && new this.SketchViewModel({
+    this._graphicsLayer = new h(), this._selectionTool = new p({
       layer: this._graphicsLayer,
       view: this.mapView
     }), this._selectionTool && this._selectionTool.on("create", (e) => {
       if (e.state === "complete") {
         this.drawingComplete.emit();
-        const t = e.graphic.geometry;
+        const t = e.graphic?.geometry;
         t && this._selectFeatures(t), this._graphicsLayer && this._graphicsLayer.removeAll();
       }
     }), this.mapView?.map && this._graphicsLayer && this.mapView.map.layers.add(this._graphicsLayer);
   }
   async _selectFeatures(e) {
-    const t = this.mapView && await c(this.mapView, this.selectedLayerId);
+    const t = this.mapView && await r(this.mapView, this.selectedLayerId);
     try {
-      const i = { geometry: e }, a = t && await t.queryObjectIds(i);
-      this.featuresSelected.emit(a);
+      const i = { geometry: e }, o = t && await t.queryObjectIds(i);
+      this.featuresSelected.emit(o);
     } catch (i) {
       console.error("Error selecting features:", i);
     }
   }
 }
-o("selection-tool", d);
+a("selection-tool", d);
 export {
   d as SelectionTool
 };

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.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
+v1.2.0-next.34 */
 const b = p`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-titles/customElement.d.ts

@@ -12,6 +12,8 @@ export declare class SolutionConfigureTitles extends LitElement {
      * @default false
      */
     open: boolean;
+    /** The solution items data used here to check for and store any user defined prefix or suffix values */
+    solutionData: any;
     /** ITemplateInfo[]: Collection of template infos */
     templateInfos: ITemplateInfo[];
     /** This event will be emitted when this dialog is closed */

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

@@ -1,17 +1,18 @@
-import { c as T } from "../../chunks/runtime.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as v, createEvent as d, safeClassMap as a } from "@arcgis/lumina";
-import { useContextConsumer as y } from "@arcgis/lumina/context";
-import { css as C, html as n } from "lit";
-import { I as b } from "../../chunks/interfaces.js";
-import { createRef as r, ref as c } from "lit-html/directives/ref.js";
-import { u as S } from "../../chunks/deployAppContexts.js";
-import { updateGroup as w, updateItem as L } from "@esri/solution-common";
-import { h as f } from "../../chunks/helpers.js";
+import { c as $ } from "../../chunks/runtime.js";
+import { u as T } from "../../chunks/useT9n.js";
+import { LitElement as v, createEvent as u, safeClassMap as l } from "@arcgis/lumina";
+import { useContextConsumer as C } from "@arcgis/lumina/context";
+import { css as y, html as n } from "lit";
+import { I as S } from "../../chunks/interfaces.js";
+import { createRef as h, ref as f } from "lit-html/directives/ref.js";
+import { u as D } from "../../chunks/deployAppContexts.js";
+import * as b from "@esri/solution-common";
+import { updateGroup as w, updateItem as E, updateItemExtended as L } from "@esri/solution-common";
+import { h as c } from "../../chunks/helpers.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
-const E = C`/** @license
+v1.2.0-next.34 */
+const V = y`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,24 +27,27 @@ const E = C`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
-class N extends v {
+class P extends v {
   constructor() {
-    super(...arguments), this.open = !1, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._prefixRef = r(), this._prefixValue = "", this._suffixRef = r(), this._suffixValue = "", this._accordionRef = r(), this._userSessionContextConsumer = y({
-      context: S,
+    super(...arguments), this.open = !1, this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._solutionItemsTitlesUpdating = !1, this._translations = T({ name: "solution-configure-titles", blocking: !0 }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = h(), this._prefixValue = "", this._suffixRef = h(), this._suffixValue = "", this._templateInfos = [], this._userSessionContextConsumer = C({
+      context: D,
       subscribe: !0
-    }), this.solutionConfigureTitlesBeforeClose = d(), this.solutionItemsTitlesChanged = d();
+    }), this.solutionConfigureTitlesBeforeClose = u(), this.solutionItemsTitlesChanged = u();
   }
   static {
-    this.properties = { card: 0, open: 5, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
+    this.properties = { card: 0, open: 5, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
   }
   static {
-    this.styles = E;
+    this.styles = V;
   }
-  willUpdate(t) {
-    t.has("templateInfos") && this._updateTemplates();
+  willUpdate(e) {
+    e.has("templateInfos") && (this._templateInfos = this.templateInfos, this._updateTemplates());
   }
-  load() {
-    this._updateTemplates(), this._selectFirstAccordionItem();
+  async load() {
+    this._updateTemplates(), await this._updatePrefixSuffix();
+  }
+  async _updatePrefixSuffix() {
+    this.solutionData = await b.getItemDataAsJson(this.card.id, this._userSessionContextConsumer.value), this.solutionData.titles?.prefix && (this._loadingDefaultPrefix = !0, this._prefixValue = this.solutionData.titles.prefix), this.solutionData.titles?.suffix && (this._loadingDefaultSuffix = !0, this._suffixValue = this.solutionData.titles.suffix);
   }
   render() {
     return n`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
@@ -51,11 +55,13 @@ class N extends v {
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    const t = f(this._prefixValue), s = this._hasNameLengthError && this._prefixValue.length > 0, i = !t, e = !s, u = i ? "display-none" : "", h = e ? "display-none" : "", p = i && e ? "valid" : "invalid", m = f(this._suffixValue), g = this._hasNameLengthError && this._suffixValue.length > 0, l = !m, o = !g, _ = l ? "display-none" : "", x = o ? "display-none" : "", I = l && o ? "valid" : "invalid";
-    return this._saveDisabled = !i || !e || !l || !o, n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${p} ${c(this._prefixRef)}></calcite-input><calcite-input-message class=${a(u)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(h)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} ${c(this._suffixRef)}></calcite-input><calcite-input-message class=${a(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${a(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
+    const e = c(this._prefixValue), s = this._hasNameLengthError && this._prefixValue.length > 0, i = !e, t = !s, a = i ? "display-none" : "", d = t ? "display-none" : "", p = i && t ? "valid" : "invalid", m = c(this._suffixValue), x = this._hasNameLengthError && this._suffixValue.length > 0, o = !m, r = !x, g = o ? "display-none" : "", _ = r ? "display-none" : "", I = o && r ? "valid" : "invalid";
+    return this._saveDisabled = !i || !t || !o || !r, n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${p} .value=${this._prefixValue} ${f(this._prefixRef)}></calcite-input><calcite-input-message class=${l(a)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${l(d)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} .value=${this._suffixValue} ${f(this._suffixRef)}></calcite-input><calcite-input-message class=${l(g)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${l(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
   }
   _getAccordion() {
-    return n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${c(this._accordionRef)}></solution-item-accordion></div>`;
+    return n`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${f(async (e) => {
+      e && !this._accordionRef && (this._accordionRef = e, await this._accordionRef.selectFirstItem());
+    })}></solution-item-accordion></div>`;
   }
   _getDialogButtons() {
     return n`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
@@ -71,31 +77,52 @@ class N extends v {
     }, 500);
   }
   _updateTemplates() {
-    const t = /[^\s\\]/.test(this._prefixValue), s = /[^\s\\]/.test(this._suffixValue), i = JSON.parse(JSON.stringify(this.templateInfos));
-    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((e) => (e.title = t && s ? `${`${this._prefixValue} `}${e.title}${` ${this._suffixValue}`}` : t ? `${`${this._prefixValue} `}${e.title}` : s ? `${e.title}${` ${this._suffixValue}`}` : e.title, this._hasNameLengthError || (this._hasNameLengthError = e.title.length > b), e));
-  }
-  async _selectFirstAccordionItem() {
-    await new Promise((t) => setTimeout(t, 0)), this._accordionRef.value && await this._accordionRef.value.selectFirstItem();
+    const e = /[^\s\\]/.test(this._prefixValue), s = /[^\s\\]/.test(this._suffixValue);
+    this._templateInfos = this._templateInfos.map((t) => {
+      if (this._loadingDefaultPrefix && t.title.startsWith(this._prefixValue)) {
+        const a = new RegExp(`^${this._prefixValue} `);
+        t.title = t.title.replace(a, "");
+      }
+      if (this._loadingDefaultSuffix && t.title.endsWith(this._suffixValue)) {
+        const a = new RegExp(` ${this._suffixValue}$`);
+        t.title = t.title.replace(a, "");
+      }
+      return t;
+    });
+    const i = JSON.parse(JSON.stringify(this._templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((t) => (t.title = e && s ? `${`${this._prefixValue} `}${t.title}${` ${this._suffixValue}`}` : e ? `${`${this._prefixValue} `}${t.title}` : s ? `${t.title}${` ${this._suffixValue}`}` : t.title, this._hasNameLengthError || (this._hasNameLengthError = t.title.length > S), t)), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
   _closeDialog() {
     this.open = !1;
   }
   async _commitNameChanges() {
-    if (JSON.stringify(this.templateInfos) !== JSON.stringify(this._displayTemplateInfos)) {
+    if (JSON.stringify(this._templateInfos) !== JSON.stringify(this._displayTemplateInfos)) {
       this._solutionItemsTitlesUpdating = !0;
-      const t = this._displayTemplateInfos.reduce((s, i) => {
-        const e = {
+      const e = this._displayTemplateInfos.reduce((s, i) => {
+        const t = {
           id: i.id,
           title: i.title
         };
-        return s.push(i.type === "Group" ? w(e, this._userSessionContextConsumer.value) : L(e, this._userSessionContextConsumer.value)), s;
+        return s.push(i.type === "Group" ? w(t, this._userSessionContextConsumer.value) : E(t, this._userSessionContextConsumer.value)), s;
       }, []);
-      await Promise.all(t), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      if (this.solutionData?.templates) {
+        const s = {
+          id: this.card.id
+        }, i = {
+          ...this.solutionData,
+          titles: {
+            prefix: this._prefixValue,
+            suffix: this._suffixValue
+          }
+        };
+        e.push(L(s, i, this._userSessionContextConsumer.value));
+      }
+      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-T("solution-configure-titles", N);
+$("solution-configure-titles", P);
 export {
-  N as SolutionConfigureTitles
+  P as SolutionConfigureTitles
 };

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.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
+v1.2.0-next.34 */
 const h = a`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,11 +6,12 @@ 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 { p as U } from "../../chunks/solution-deployed-card.js";
 import { createRef as A, ref as _ } from "lit-html/directives/ref.js";
+import "../solution-item-accordion/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
+v1.2.0-next.34 */
 const L = C`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { i as C, v as G, j as M, k as F } from "../../chunks/helpers.js";
 import { b as I } from "../../chunks/appConfig.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
+v1.2.0-next.34 */
 const R = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-deployed-card/customElement.d.ts

@@ -47,6 +47,8 @@ export declare class SolutionDeployedCard extends LitElement {
      * Show the diagram dialog
      * This allows other components to leverage the logic that is built into this card.
      * It will return a reference to the dialog so the other component can respond to its events.
+     *
+     * @param evt
      */
     renderDiagramDialog(evt: MouseEvent): Promise<HTMLCalciteDialogElement | undefined>;
     /** Get the templates from the current card */