@arcgis/map-components 5.2.0-next.43 → 5.2.0-next.45

package/dist/components/arcgis-utility-network-trace-location/customElement.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as C } from "../../chunks/runtime.js";
-import { css as x, html as b } from "lit";
+import { c as x } from "../../chunks/runtime.js";
+import { css as C, html as b } from "lit";
 import * as G from "@arcgis/core/geometry/operators/cutOperator.js";
 import * as T from "@arcgis/core/geometry/operators/lengthOperator.js";
 import * as L from "@arcgis/core/geometry/operators/projectOperator.js";
@@ -10,19 +10,19 @@ import A from "@arcgis/core/Graphic.js";
 import w from "@arcgis/core/rest/networks/support/TraceLocation.js";
 import S from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
 import { LitElement as F, createEvent as _ } from "@arcgis/lumina";
-import { log as c, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
+import { log as l, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
 import { u as N } from "../../chunks/useT9n.js";
-import { d as k, i as R } from "../../chunks/layer-utils.js";
-const P = x`calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.add-location-button{--calcite-button-border-color: var(--calcite-color-border-1);--calcite-button-icon-color: var(--calcite-color-text-1);--calcite-button-text-color: var(--calcite-color-text-1)}.button-container{justify-content:center;display:grid}.clear-button{--calcite-button-border-color: transparent}`;
+import { d as k, b as P } from "../../chunks/layer-utils.js";
+const R = C`calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.add-location-button{--calcite-button-border-color: var(--calcite-color-border-1);--calcite-button-icon-color: var(--calcite-color-text-1);--calcite-button-text-color: var(--calcite-color-text-1)}.button-container{display:flex;justify-content:center}`;
 class E extends F {
   constructor() {
-    super(...arguments), this.messages = N({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = _(), this.arcgisTraceLocationSelectEnd = _(), this.arcgisTraceLocationSelectStart = _();
+    super(...arguments), this._messages = N({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = _(), this.arcgisTraceLocationSelectEnd = _(), this.arcgisTraceLocationSelectStart = _();
   }
   static {
     this.properties = { isSelectWaiting: 16, beforeTraceLocationSelectStart: 0, afterHitTest: 0, view: 0, traceLocationType: 1, traceLocations: 0, filterLayers: 0, sketchViewModel: 0, spatialTolerance: 9, autoDestroyDisabled: 5, utilityNetwork: 0 };
   }
   static {
-    this.styles = P;
+    this.styles = R;
   }
   async destroy() {
     this._resetCursor(), await this.manager.destroy();
@@ -30,26 +30,26 @@ class E extends F {
   async load() {
     L.isLoaded() || await L.load();
   }
-  _calculatePercentAlong(e, t) {
-    const r = e.clone(), s = r.spatialReference, o = t.spatialReference;
-    if (!s || !o)
-      return c("warn", this, "Unable to calculate percent along because geometry is missing a spatial reference."), -1;
-    let a = t;
-    if (!s.equals(o)) {
-      const h = L.execute(t, s);
+  _calculatePercentAlong(t, e) {
+    const r = t.clone(), o = r.spatialReference, i = e.spatialReference;
+    if (!o || !i)
+      return l("warn", this, "Unable to calculate percent along because geometry is missing a spatial reference."), -1;
+    let s = e;
+    if (!o.equals(i)) {
+      const h = L.execute(e, o);
       if (!h)
-        return c("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
-      a = h;
+        return l("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      s = h;
     }
-    const n = I.getNearestCoordinate(r, a);
+    const n = I.getNearestCoordinate(r, s);
     if (n.isEmpty)
-      return c("warn", this, "Unable to compute nearest coordinate for polyline flag."), -1;
-    const i = n.coordinate, l = i.x - 0.5, u = i.y - 0.5, p = i.x + 0.5, d = i.y + 0.5, g = new v({
+      return l("warn", this, "Unable to compute nearest coordinate for polyline flag."), -1;
+    const a = n.coordinate, c = a.x - 0.5, u = a.y - 0.5, p = a.x + 0.5, d = a.y + 0.5, g = new v({
       hasZ: !1,
       hasM: !0,
       paths: [
         [
-          [l, u],
+          [c, u],
           [p, d]
         ]
       ],
@@ -60,16 +60,16 @@ class E extends F {
       let y;
       return f[0].paths[0][0][0] === r.paths[0][0][0] ? y = T.execute(f[0], { unit: "feet" }) : f.length > 1 ? y = T.execute(f[1], { unit: "feet" }) : y = 0, y / h;
     }
-    return c("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
+    return l("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
   }
   get _edgeSourceLayerIds() {
-    const e = this.utilityNetwork?.dataElement?.domainNetworks;
-    return e ? e.flatMap((t) => t.edgeSources).map((t) => t.layerId).filter(Boolean) : [];
+    const t = this.utilityNetwork?.dataElement?.domainNetworks;
+    return t ? t.flatMap((e) => e.edgeSources).map((e) => e.layerId).filter(Boolean) : [];
   }
   async _handleAddButtonClick() {
-    const { view: e, sketchViewModel: t } = this;
-    if (!(e && t)) {
-      c("error", this, "Cannot add trace location."), t || c("error", this, m("sketchViewModel")), e || c("error", this, m("view"));
+    const { view: t, sketchViewModel: e } = this;
+    if (!(t && e)) {
+      l("error", this, "Cannot add trace location."), e || l("error", this, m("sketchViewModel")), t || l("error", this, m("view"));
       return;
     }
     if (this.beforeTraceLocationSelectStart) {
@@ -80,120 +80,121 @@ class E extends F {
         this.isSelectWaiting = !1;
       }
     }
-    await this._startSketch(e, t);
+    await this._startSketch(t, e);
   }
-  async _startSketch(e, t) {
-    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => t.cancel() }).defaultPrevented || (this._clickHandler?.remove(), this._clickHandler = t.on("create", (s) => this._handleSketchComplete(s, e, t)), "acquireCursor" in e && e.acquireCursor("crosshair"), t.snappingOptions.enabled = !0, t.create("point"));
+  async _startSketch(t, e) {
+    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => e.cancel() }).defaultPrevented || (this._clickHandler?.remove(), this._clickHandler = e.on("create", (o) => this._handleSketchComplete(o, t, e)), "acquireCursor" in t && t.acquireCursor("crosshair"), e.snappingOptions.enabled = !0, e.create("point"));
   }
-  _handleSketchComplete(e, t, r) {
-    if (e.state === "complete" && e.graphic) {
-      r.layer.remove(e.graphic), this._performHitTest(e, t, r);
+  _handleSketchComplete(t, e, r) {
+    if (t.state === "complete" && t.graphic) {
+      r.layer.remove(t.graphic), this._performHitTest(t, e, r);
       return;
     }
-    e.state === "cancel" && (this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit());
+    t.state === "cancel" && (this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit());
   }
-  async _performHitTest(e, t, r) {
-    const { utilityNetwork: s } = this, { graphic: o } = e;
-    if (!s) {
-      c("error", this, m("utilityNetwork")), this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit();
+  async _performHitTest(t, e, r) {
+    const { utilityNetwork: o } = this, { graphic: i } = t;
+    if (!o) {
+      l("error", this, m("utilityNetwork")), this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit();
       return;
     }
-    if (o?.geometry?.type !== "point") {
-      c("warn", this, "No screen point available for hit test."), this._startSketch(t, r);
+    if (i?.geometry?.type !== "point") {
+      l("warn", this, "No screen point available for hit test."), this._startSketch(e, r);
       return;
     }
-    const a = o.geometry, n = t.toScreen(a);
+    const s = i.geometry, n = e.toScreen(s);
     if (!n) {
-      c("warn", this, "No screen point available for hit test."), this._startSketch(t, r);
+      l("warn", this, "No screen point available for hit test."), this._startSketch(e, r);
       return;
     }
-    const l = (await t.hitTest(n, {
+    const c = (await e.hitTest(n, {
       include: this.filterLayers
     })).results.filter((p) => p.type === "graphic" && p?.layer && p.graphic);
-    if (!l.length) {
-      c("info", this, "No usable hit test results found."), this._startSketch(t, r);
+    if (!c.length) {
+      l("info", this, "No usable hit test results found."), this._startSketch(e, r);
       return;
     }
-    this._resetCursor(), await this._processHitTestResults(l, a, t) ? this.arcgisTraceLocationSelectEnd.emit() : this._startSketch(t, r);
+    this._resetCursor(), await this._processHitTestResults(c, s, e) ? this.arcgisTraceLocationSelectEnd.emit() : this._startSketch(e, r);
   }
   _resetCursor() {
-    const { view: e, sketchViewModel: t } = this;
-    if (!e) {
-      c("error", this, m("view"));
+    const { view: t, sketchViewModel: e } = this;
+    if (!t) {
+      l("error", this, m("view"));
       return;
     }
-    t && (t.snappingOptions.enabled = !1), this._clickHandler?.remove(), this._clickHandler = void 0, "acquireCursor" in e && e.acquireCursor("default");
+    e && (e.snappingOptions.enabled = !1), this._clickHandler?.remove(), this._clickHandler = void 0, "acquireCursor" in t && t.acquireCursor("default");
   }
-  async _processHitTestResults(e, t, r) {
-    if (!e.length)
-      return c("error", this, "There are no hit test results to process."), !1;
-    const s = e[0], o = e.map((l) => {
-      const u = l, p = u.graphic;
-      return p.origin = u.layer, p.sourceLayer = u.layer, p;
-    });
-    let a = s.graphic;
-    if (this.afterHitTest)
+  async _processHitTestResults(t, e, r) {
+    if (!t.length)
+      return l("error", this, "There are no hit test results to process."), !1;
+    let i = t[0].graphic;
+    if (this.afterHitTest) {
+      const n = t.map((a) => {
+        const c = a, u = c.graphic;
+        return u.origin = c.layer, u.sourceLayer = c.layer, u;
+      });
       try {
-        a = await this.afterHitTest(o);
+        i = await this.afterHitTest(n);
       } catch {
-        a = null;
+        i = null;
       }
-    if (!a)
-      return c("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
-    const n = await this._ensureNecessaryAttributes(a);
-    return n ? await this._generateTraceLocation(n, t, r) : (c("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit(), !0);
+    }
+    if (!i)
+      return l("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
+    const s = await this._getGraphicWithAttributes(i);
+    return s ? await this._addTraceLocation(s, e, r) : (l("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit(), !0);
   }
-  async _ensureNecessaryAttributes(e) {
-    const t = (k(e.layer), e.layer), r = t.geometryType === null, s = t.fieldsIndex?.get("assetgroup") ?? !1, o = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", a = t.fieldsIndex?.get("assettype") ?? !1, n = t.fieldsIndex?.get("assettype")?.name ?? "assettype", i = e.getGlobalId(), l = e.getObjectId(), u = s ? !!e.getAttribute(o) : !0, p = a ? !!e.getAttribute(n) : !0, d = !!e.geometry;
-    if (i && l && u && p && (d || r))
-      return e;
-    const g = t.createQuery();
-    return g.objectIds = [l], (await t.queryFeatures(g))?.features[0] || null;
+  async _getGraphicWithAttributes(t) {
+    const e = (k(t.layer), t.layer), r = e.geometryType === null, o = e.fieldsIndex?.get("assetgroup") ?? !1, i = e.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", s = e.fieldsIndex?.get("assettype") ?? !1, n = e.fieldsIndex?.get("assettype")?.name ?? "assettype", a = t.getGlobalId(), c = t.getObjectId(), u = o ? !!t.getAttribute(i) : !0, p = s ? !!t.getAttribute(n) : !0, d = !!t.geometry;
+    if (a && c && u && p && (d || r))
+      return t;
+    const g = e.createQuery();
+    return g.objectIds = [c], (await e.queryFeatures(g)).features[0] || null;
   }
-  async _generateTraceLocation(e, t, r) {
-    const { traceLocations: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, n = await this._generateFlagInfo(e, t);
+  async _addTraceLocation(t, e, r) {
+    const { traceLocations: o } = this, i = t.getGlobalId() ?? "", s = t.geometry?.type, n = await this._generateFlagInfo(t, e);
     if (!n)
-      return c("error", this, "Unable to generate flag info for trace location."), !1;
-    const i = s?.filter((u) => u.spatialProperties.mapGraphic?.getGlobalId() === o) ?? [];
-    if (i.length > 0) {
-      if (a !== "polyline")
-        return c("warn", this, "A flag with the same globalId already exists."), !1;
-      if (i.some((u) => Math.abs(u.traceLocation.percentAlong - n.traceLocation.percentAlong) <= this.spatialTolerance))
-        return c("warn", this, "A flag with the same globalId already exists within tolerance."), !1;
+      return l("error", this, "Unable to generate flag info for trace location."), !1;
+    const a = o?.filter((u) => u.spatialProperties.mapGraphic?.getGlobalId() === i) ?? [];
+    if (a.length > 0) {
+      if (s !== "polyline")
+        return l("warn", this, "A flag with the same globalId already exists."), !1;
+      if (a.some((u) => Math.abs(u.traceLocation.percentAlong - n.traceLocation.percentAlong) <= this.spatialTolerance))
+        return l("warn", this, "A flag with the same globalId already exists within tolerance."), !1;
     }
-    const l = this._addFlagGraphic(e, t, r);
-    return l ? (n.spatialProperties.flagGraphic = l, s?.add(n), !0) : (c("warn", this, "Unable to add flag graphic."), !1);
+    const c = this._addFlagGraphicToMap(t, e, r);
+    return c ? (n.spatialProperties.flagGraphic = c, o?.add(n), !0) : (l("warn", this, "Unable to add flag graphic."), !1);
   }
-  async _generateFlagInfo(e, t) {
-    const { traceLocationType: r, utilityNetwork: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, n = await this._generateItemTitle(e);
-    if (a === "point" || a === "polygon") {
-      const i = s?.getTerminalConfiguration(e), l = i ? i.terminals[0].id : 1;
+  async _generateFlagInfo(t, e) {
+    const { traceLocationType: r, utilityNetwork: o } = this, i = t.getGlobalId() ?? "", s = t.geometry?.type, n = await this._generateItemTitle(t);
+    if (s === "point" || s === "polygon") {
+      const a = o?.getTerminalConfiguration(t), c = a ? a.terminals[0].id : 1;
       return {
         traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: o,
-          terminalId: l
+          globalId: i,
+          terminalId: c
         }),
         flagProperties: {
           title: n,
           expanded: !1,
-          terminalConfiguration: i ?? void 0,
-          selectedTerminals: i ? /* @__PURE__ */ new Set([l]) : void 0
+          terminalConfiguration: a ?? void 0,
+          selectedTerminals: a ? /* @__PURE__ */ new Set([c]) : void 0
         },
         spatialProperties: {
-          mapPoint: t,
-          mapGraphic: e
+          mapPoint: e,
+          mapGraphic: t
         }
       };
-    } else if (a === "polyline") {
-      const i = this._calculatePercentAlong(e.geometry, t);
-      return i < 0 ? (c("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
+    } else if (s === "polyline") {
+      const a = this._calculatePercentAlong(t.geometry, e);
+      return a < 0 ? (l("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
         traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: o,
-          percentAlong: i
+          globalId: i,
+          percentAlong: a
         }),
         flagProperties: {
           title: n,
@@ -202,17 +203,17 @@ class E extends F {
           selectedTerminals: void 0
         },
         spatialProperties: {
-          mapPoint: t,
-          mapGraphic: e
+          mapPoint: e,
+          mapGraphic: t
         }
       };
-    } else if (!a) {
-      const i = R(e.layer) ? e.layer.parent : e.layer, l = i && this._edgeSourceLayerIds.includes(i.layerId), u = s?.getTerminalConfiguration(e), p = u ? u.terminals[0].id : l ? -1 : 1, d = l ? 0.5 : -1;
+    } else if (!s) {
+      const a = P(t.layer) ? t.layer.parent : t.layer, c = a && this._edgeSourceLayerIds.includes(a.layerId), u = o?.getTerminalConfiguration(t), p = u ? u.terminals[0].id : c ? -1 : 1, d = c ? 0.5 : -1;
       return {
         traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: o,
+          globalId: i,
           terminalId: p,
           percentAlong: d
         }),
@@ -223,41 +224,41 @@ class E extends F {
           selectedTerminals: u ? /* @__PURE__ */ new Set([p]) : void 0
         },
         spatialProperties: {
-          mapPoint: t,
-          mapGraphic: e
+          mapPoint: e,
+          mapGraphic: t
         }
       };
     }
     return null;
   }
-  async _generateItemTitle(e) {
-    const { messages: t } = this, r = (k(e.layer), e.layer);
-    return ("getFeatureTitle" in r ? await r.getFeatureTitle(e) : null) || e?.getObjectId()?.toString() || t.labels.unknown;
+  async _generateItemTitle(t) {
+    const e = (k(t.layer), t.layer);
+    return ("getFeatureTitle" in e ? await e.getFeatureTitle(t) : null) || t.getObjectId()?.toString() || this._messages.unknown;
   }
-  _addFlagGraphic(e, t, r) {
-    const s = e.geometry ? e.geometry.type === "point" ? e.geometry : t : null, o = this._createFlagSymbol(), a = new A({
-      geometry: s,
-      symbol: o,
-      attributes: e.attributes
+  _addFlagGraphicToMap(t, e, r) {
+    const o = t.geometry ? t.geometry.type === "point" ? t.geometry : e : null, i = this._getFlagSymbol(), s = new A({
+      geometry: o,
+      symbol: i,
+      attributes: t.attributes
     });
-    return r.graphics.add(a), a;
+    return r.graphics.add(s), s;
   }
-  _createFlagSymbol() {
-    const { traceLocationType: e } = this, t = [244, 21, 21, 0.6], r = [21, 244, 21, 0.6];
-    return e === "stopping-point" ? new S({
-      color: t,
+  _getFlagSymbol() {
+    const { traceLocationType: t } = this, e = [244, 21, 21, 0.6], r = [21, 244, 21, 0.6];
+    return t === "stopping-point" ? new S({
+      color: e,
       style: "x",
       size: 12,
       outline: {
-        color: t,
+        color: e,
         width: 2
       }
-    }) : e === "barrier" ? new S({
-      color: t,
+    }) : t === "barrier" ? new S({
+      color: e,
       style: "square",
       size: 12,
       outline: {
-        color: t,
+        color: e,
         width: 0
       }
     }) : new S({
@@ -271,20 +272,20 @@ class E extends F {
     });
   }
   _handleClearButtonClick() {
-    const { view: e, traceLocations: t } = this;
-    t?.forEach((r) => {
-      r.spatialProperties.flagGraphic && e && e.graphics.remove(r.spatialProperties.flagGraphic);
-    }), t?.removeAll();
+    const { view: t, traceLocations: e } = this;
+    e?.forEach((r) => {
+      r.spatialProperties.flagGraphic && t && t.graphics.remove(r.spatialProperties.flagGraphic);
+    }), e?.removeAll();
   }
   renderAddLocationBlock() {
-    const { traceLocationType: e, messages: t, traceLocations: r, view: s } = this, o = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = o.heading, n = o.description, i = o.buttonText;
-    return b`<calcite-block .heading=${a} .label=${a} expanded .description=${n}>${r?.length ? b`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button><arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e} .view=${s}></arcgis-utility-network-trace-location-list>` : null}<div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${i} @click=${() => this._handleAddButtonClick()}>${i}</calcite-button></div></calcite-block>`;
+    const { traceLocationType: t, _messages: e, traceLocations: r, view: o } = this, i = t === "starting-point" ? e.types.startingPoint : t === "barrier" ? e.types.barrier : e.types.stoppingPoint, s = i.heading, n = i.description, a = i.buttonText;
+    return b`<calcite-block .heading=${s} .label=${s} expanded .description=${n}>${r?.length ? b`<calcite-button slot=actions-end appearance=transparent .label=${e.buttons.clear} @click=${() => this._handleClearButtonClick()}>${e.buttons.clear}</calcite-button><arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${t} .view=${o}></arcgis-utility-network-trace-location-list>` : null}<div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${a} @click=${() => this._handleAddButtonClick()}>${a}</calcite-button></div></calcite-block>`;
   }
   render() {
     return b`<div class="root">${this.renderAddLocationBlock()}</div>`;
   }
 }
-C("arcgis-utility-network-trace-location", E);
+x("arcgis-utility-network-trace-location", E);
 export {
   E as ArcgisUtilityNetworkTraceLocation
 };

package/dist/components/arcgis-utility-network-trace-location-list/customElement.d.ts

@@ -7,7 +7,6 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
- *
  * This sub-component renders a collection of trace locations as a list.
  *
  * @since 4.34
@@ -21,21 +20,24 @@ export abstract class ArcgisUtilityNetworkTraceLocationList extends LitElement {
       labels: {
           filterBarrier: string;
           list: string;
-          unknown: string;
       };
+      unknown: string;
   } & T9nMeta<{
       componentLabel: string;
       errors: { noTerminalSelected: string; };
       labels: {
           filterBarrier: string;
           list: string;
-          unknown: string;
       };
+      unknown: string;
   }>;
   /** @required */
   accessor traceLocations: Collection<FlagInfo>;
   /** @default "starting-point" */
   accessor traceLocationType: TraceLocationType;
-  /** @required */
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-utility-network-trace-location-list component will be associated with a map or scene component rather than using the `view` property.
+   */
   accessor view: MapView | undefined;
 }

package/dist/components/arcgis-utility-network-trace-location-list/customElement.js

@@ -1,71 +1,70 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { css as h, html as n } from "lit";
+import { css as h, html as c } from "lit";
 import p from "@arcgis/core/core/Collection.js";
 import { substitute as u } from "@arcgis/core/intl.js";
 import { LitElement as g } from "@arcgis/lumina";
-import { log as s, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
-import { u as f } from "../../chunks/useT9n.js";
-const v = h`:host{margin-block-start:0;padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier-container{display:flex;width:100%;calcite-label{width:100%}}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
-class w extends g {
+import { log as l, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as v } from "../../chunks/useT9n.js";
+const f = h`:host{padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
+class $ extends g {
   constructor() {
-    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new p(), this.traceLocationType = "starting-point";
+    super(...arguments), this._messages = v({ blocking: !0 }), this.traceLocations = new p(), this.traceLocationType = "starting-point";
   }
   static {
     this.properties = { traceLocations: 0, traceLocationType: 1, view: 0 };
   }
   static {
-    this.styles = v;
+    this.styles = f;
   }
   loaded() {
-    this.traceLocations.length || s("warn", this, b("traceLocations"));
+    this.traceLocations.length || l("warn", this, b("traceLocations"));
   }
   _handleTraceLocationItemRemoved(e) {
     const { traceLocations: i, view: t } = this;
     e.spatialProperties.flagGraphic && t && t.graphics.remove(e.spatialProperties.flagGraphic), i?.remove(e);
   }
   _renderTerminal(e, i) {
-    const { flagProperties: t } = e, { selectedTerminals: r } = t;
-    if (!e)
-      return s("warn", this, "One or more elements in `traceLocations` are missing the required property `flag`."), null;
-    const { name: c, id: a } = i, o = r?.has(a) ?? !1;
-    return n`<calcite-label layout=inline><calcite-checkbox .value=${a} .checked=${o} @calciteCheckboxChange=${(l) => {
-      l.target.checked ? r?.add(a) : r?.delete(a), this.requestUpdate();
-    }}></calcite-checkbox>${c}</calcite-label>`;
+    const { flagProperties: t } = e, { selectedTerminals: r } = t, { name: s, id: a } = i, n = r?.has(a) ?? !1;
+    return c`<calcite-label layout=inline><calcite-checkbox .value=${a} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? r?.add(a) : r?.delete(a), this.requestUpdate();
+    }}></calcite-checkbox>${s}</calcite-label>`;
   }
   _renderTerminalError() {
-    const { _messages: e } = this;
-    return n`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${e.errors.noTerminalSelected}</div></calcite-notice>`;
+    return c`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${this._messages.errors.noTerminalSelected}</div></calcite-notice>`;
   }
   _renderFilterBarrier(e) {
-    const { _messages: i } = this, { traceLocation: t } = e;
-    return n`<div class="filter-barrier-container"><calcite-label layout=inline><div class="filter-barrier">${i.labels.filterBarrier}<calcite-switch .checked=${t.isFilterBarrier} @calciteSwitchChange=${(r) => {
-      t.isFilterBarrier = r.target.checked;
-    }}></calcite-switch></div></calcite-label></div>`;
+    const { traceLocation: i } = e;
+    return c`<calcite-label layout=inline><div class="filter-barrier">${this._messages.labels.filterBarrier}<calcite-switch .checked=${i.isFilterBarrier} @calciteSwitchChange=${(t) => {
+      i.isFilterBarrier = t.target.checked;
+    }}></calcite-switch></div></calcite-label>`;
   }
   _renderContents(e) {
-    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, c = e.traceLocation.type === "barrier", a = t && t.terminals.length > 0 && r?.size === 0;
-    return n`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, s = e.traceLocation.type === "barrier", a = t && t.terminals.length > 0 && r?.size === 0;
+    return c`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
       i.expanded = !i.expanded, this.requestUpdate();
-    }}></calcite-action>${a && n`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && n`<div class="terminals" slot=content-bottom>${c && this._renderFilterBarrier(e) || ""}${t && this._renderTerminals(e) || ""}${a && this._renderTerminalError() || ""}</div>` || ""}`;
+    }}></calcite-action>${a && c`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && c`<div class="terminals" slot=content-bottom>${s && this._renderFilterBarrier(e) || ""}${t && this._renderTerminals(e) || ""}${a && this._renderTerminalError() || ""}</div>` || ""}`;
   }
   _renderTerminals(e) {
     const { flagProperties: i } = e, { terminalConfiguration: t } = i;
     if (!t)
-      return s("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
+      return l("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
     const r = t.terminals;
-    return !r || r.length === 0 ? (s("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []) : r.length === 1 ? [] : r.map((a) => this._renderTerminal(e, a));
+    return r.length ? r.length === 1 ? [] : r.map((a) => this._renderTerminal(e, a)) : (l("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
   }
   _renderListItem(e) {
-    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: c } = i, a = t && t.id !== 0, o = e.traceLocation.type === "barrier", l = a || o, d = t?.name ?? void 0;
-    return n`<calcite-list-item .label=${c} .description=${d} .value=${c} .expanded=${r}>${l ? this._renderContents(e) : n`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this._handleTraceLocationItemRemoved(e)}></calcite-action></calcite-list-item>`;
+    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: s } = i, a = t && t.id !== 0, n = e.traceLocation.type === "barrier", o = a || n, d = t?.name ?? void 0;
+    return c`<calcite-list-item .label=${s} .description=${d} .value=${s} .expanded=${r}>${o ? this._renderContents(e) : c`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this._handleTraceLocationItemRemoved(e)}></calcite-action></calcite-list-item>`;
   }
   render() {
-    const { _messages: e, traceLocationType: i } = this, t = u(e.labels.list, { traceLocationType: i }), r = this.traceLocations?.map((c) => this._renderListItem(c)).toArray() ?? [];
-    return r.length === 0 ? null : n`<div><calcite-list interaction-mode=static selection-mode=none .label=${t}>${r}</calcite-list></div>`;
+    const e = this.traceLocations.map((t) => this._renderListItem(t)).toArray();
+    if (!e.length)
+      return null;
+    const i = u(this._messages.labels.list, { traceLocationType: this.traceLocationType });
+    return c`<div><calcite-list interaction-mode=static selection-mode=none .label=${i}>${e}</calcite-list></div>`;
   }
 }
-m("arcgis-utility-network-trace-location-list", w);
+m("arcgis-utility-network-trace-location-list", $);
 export {
-  w as ArcgisUtilityNetworkTraceLocationList
+  $ as ArcgisUtilityNetworkTraceLocationList
 };

package/dist/components/arcgis-utility-network-trace-results/customElement.d.ts

@@ -2,9 +2,7 @@
 import type Color from "@arcgis/core/Color.js";
 import type EsriError from "@arcgis/core/core/Error.js";
 import type Graphic from "@arcgis/core/Graphic.js";
-import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type Layer from "@arcgis/core/layers/Layer.js";
-import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
 import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
 import type TraceResult from "@arcgis/core/rest/networks/support/TraceResult.js";
 import type MapView from "@arcgis/core/views/MapView.js";
@@ -15,9 +13,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
- *
- * This sub-component takes a `TraceResult` instance as input.
- * Optionally, the title of a trace configuration can be provided as a heading to display.
+ * It displays a subset of trace result types.
  *
  * @since 4.34
  * @internal
@@ -100,7 +96,6 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @default false
    */
   accessor autoDestroyDisabled: boolean;
-  accessor featuresFromSelectedLayer: Graphic[];
   /**
    * @default false
    * @internal
@@ -111,6 +106,11 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   /** @default false */
   accessor isElementsSelected: boolean;
   accessor layers: Layer[];
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
   accessor messageOverrides: NonNullable<ArcgisFeaturesNext["messageOverrides"]> & {
       gettingResults?: string | undefined;
       headings?: {
@@ -151,7 +151,6 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  accessor selectedLayer: FeatureLayer | Layer | SubtypeSublayer | undefined;
   /** @default "ready" */
   accessor state: State;
   accessor traceConfigTitle: string | undefined;
@@ -159,19 +158,21 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   accessor traceResult: TraceResult | undefined;
   accessor traceResultFeatures: Graphic[];
   accessor utilityNetwork: UtilityNetwork | undefined;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-utility-network-trace-results component will be associated with a map or scene component rather than using the `view` property.
+   */
   accessor view: MapView | undefined;
   clearAggregatedGeometryGraphics(): void;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   readonly arcgisAggregatedGeometryGraphicsColorChange: import("@arcgis/lumina").TargetedEvent<this, string>;
   readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
-  readonly arcgisSelectedLayerChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisSelectedResultTypeChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisTraceResultFeaturesReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisAggregatedGeometryGraphicsColorChange: ArcgisUtilityNetworkTraceResults["arcgisAggregatedGeometryGraphicsColorChange"]["detail"];
     arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceResults["arcgisHideGraphicsChange"]["detail"];
-    arcgisSelectedLayerChange: ArcgisUtilityNetworkTraceResults["arcgisSelectedLayerChange"]["detail"];
     arcgisSelectedResultTypeChange: ArcgisUtilityNetworkTraceResults["arcgisSelectedResultTypeChange"]["detail"];
     arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceResults["arcgisTraceResultFeaturesReady"]["detail"];
   };