@arcgis/map-components 5.2.0-next.11 → 5.2.0-next.111

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

@@ -1,272 +1,268 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as k } from "../../chunks/runtime.js";
-import { css as x, html as y } from "lit";
+import { css as I, html as b } from "lit";
 import * as C from "@arcgis/core/geometry/operators/cutOperator.js";
-import * as m from "@arcgis/core/geometry/operators/lengthOperator.js";
-import * as b from "@arcgis/core/geometry/operators/projectOperator.js";
-import I from "@arcgis/core/geometry/Polyline.js";
-import F from "@arcgis/core/geometry/SpatialReference.js";
-import v from "@arcgis/core/Graphic.js";
-import T from "@arcgis/core/rest/networks/support/TraceLocation.js";
-import w from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
-import { LitElement as G, createEvent as L } from "@arcgis/lumina";
-import { log as u, composeMissingPropertyMessage as f } from "@arcgis/toolkit/log";
-import { u as A } from "../../chunks/useT9n.js";
-import { d as S, i as P } from "../../chunks/layer-utils.js";
-const N = 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}`;
-class R extends G {
+import * as T from "@arcgis/core/geometry/operators/lengthOperator.js";
+import * as L from "@arcgis/core/geometry/operators/projectOperator.js";
+import * as v from "@arcgis/core/geometry/operators/proximityOperator.js";
+import A from "@arcgis/core/geometry/Polyline.js";
+import N 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 E, createEvent as x } from "@arcgis/lumina";
+import { log as l, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
+import { u as F } from "../../chunks/useT9n.js";
+import { d as G, b as P } from "../../chunks/layer-utils.js";
+const R = I`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 $ extends E {
   constructor() {
-    super(...arguments), this.messages = A({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = L(), this.arcgisTraceLocationSelectEnd = L(), this.arcgisTraceLocationSelectStart = L();
+    super(...arguments), this._messages = F({ blocking: !0 }), this._isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = x(), this.arcgisTraceLocationSelectEnd = x(), this.arcgisTraceLocationSelectStart = x();
   }
   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 };
+    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 = N;
+    this.styles = R;
   }
+  #e;
   async destroy() {
-    this._resetCursor(), await this.manager.destroy();
+    this.#r(), await this.manager.destroy();
   }
   async load() {
-    b.isLoaded() || await b.load();
+    L.isLoaded() || await L.load();
   }
-  _createPolyline(e, t) {
-    return new I({
+  #a(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 d = L.execute(e, o);
+      if (!d)
+        return l("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      s = d;
+    }
+    const n = v.getNearestCoordinate(r, s);
+    if (n.isEmpty)
+      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, h = a.y + 0.5, g = new A({
       hasZ: !1,
       hasM: !0,
-      paths: e,
-      spatialReference: new F({ wkid: t })
-    });
-  }
-  _calculatePercentAlong(e, t) {
-    const r = e.spatialReference, s = this._createPolyline(e.paths, r.wkid), n = t.x - 0.5, a = t.x + 0.5, c = t.y - 0.5, i = t.y + 0.5, o = [
-      [
-        [n, c],
-        [a, i]
-      ]
-    ], l = this._createPolyline(o, t.spatialReference.wkid), p = b.execute(l, r);
-    if (!p)
-      return u("error", this, "Unable to project flag geometry to source geometry spatial reference."), 0.5;
-    const d = C.execute(s, p);
-    if (d.length > 0) {
-      const g = m.execute(s, { unit: "feet" });
-      let h;
-      return d[0].paths[0][0][0] === s.paths[0][0][0] ? h = m.execute(d[0], { unit: "feet" }) : d.length > 1 ? h = m.execute(d[1], { unit: "feet" }) : h = 0, h / g;
+      paths: [
+        [
+          [c, u],
+          [p, h]
+        ]
+      ],
+      spatialReference: r.spatialReference
+    }), f = C.execute(r, g);
+    if (f.length > 0) {
+      const d = T.execute(r, { unit: "feet" });
+      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 / d;
     }
-    return u("warn", this, "Unable to cut the source geometry with the flag geometry."), 0.5;
+    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) : [];
+  get #i() {
+    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)) {
-      u("error", this, "Cannot add trace location."), t || u("error", this, f("sketchViewModel")), e || u("error", this, f("view"));
+  async #s() {
+    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) {
-      this.isSelectWaiting = !0;
+      this._isSelectWaiting = !0;
       try {
         await this.beforeTraceLocationSelectStart();
       } finally {
-        this.isSelectWaiting = !1;
+        this._isSelectWaiting = !1;
       }
     }
-    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => t.cancel() }).defaultPrevented || await this._startSketch(e, t);
+    await this.#t(t, e);
   }
-  async _startSketch(e, t) {
-    this._clickHandler?.remove(), this._clickHandler = t.on("create", (r) => this._handleSketchComplete(r, e, t)), "acquireCursor" in e && e.acquireCursor("crosshair"), t.snappingOptions.enabled = !0, t.create("point");
+  async #t(t, e) {
+    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => e.cancel() }).defaultPrevented || (this.#e?.remove(), this.#e = e.on("create", (o) => this.#o(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);
+  #o(t, e, r) {
+    if (t.state === "complete" && t.graphic) {
+      r.layer.remove(t.graphic), this.#n(t, e, r);
       return;
     }
-    e.state === "cancel" && (this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit());
+    t.state === "cancel" && (this.#r(), this.arcgisTraceLocationSelectEnd.emit());
   }
-  async _performHitTest(e, t, r) {
-    const { utilityNetwork: s } = this;
-    if (!s) {
-      u("error", this, f("utilityNetwork")), this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit();
+  async #n(t, e, r) {
+    const { utilityNetwork: o } = this, { graphic: i } = t;
+    if (!o) {
+      l("error", this, m("utilityNetwork")), this.#r(), this.arcgisTraceLocationSelectEnd.emit();
       return;
     }
-    const n = e.graphic?.geometry, a = t.toScreen(n);
-    if (!a) {
-      u("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.#t(e, r);
       return;
     }
-    const i = (await t.hitTest(a, {
-      include: this.filterLayers
-    })).results.filter((o) => o.type === "graphic" && o?.layer && o.graphic);
-    if (i.length === 0) {
-      u("info", this, "No usable hit test results found."), this._startSketch(t, r);
+    const s = i.geometry, n = e.toScreen(s);
+    if (!n) {
+      l("warn", this, "No screen point available for hit test."), this.#t(e, r);
       return;
     }
-    this._resetCursor(), await this._processHitTestResults(i, n, t), this.arcgisTraceLocationSelectEnd.emit();
-  }
-  _resetCursor() {
-    const { view: e, sketchViewModel: t } = this;
-    if (!e) {
-      u("error", this, f("view"));
+    const c = (await e.hitTest(n, {
+      include: this.filterLayers
+    })).results.filter((p) => p.type === "graphic" && p?.layer && p.graphic);
+    if (!c.length) {
+      l("info", this, "No usable hit test results found."), this.#t(e, r);
       return;
     }
-    t && (t.snappingOptions.enabled = !1), this._clickHandler?.remove(), this._clickHandler = void 0, "acquireCursor" in e && e.acquireCursor("default");
+    this.#r(), await this.#c(c, s, e) ? this.arcgisTraceLocationSelectEnd.emit() : this.#t(e, r);
   }
-  async _processHitTestResults(e, t, r) {
-    if (e.length === 0) {
-      u("error", this, "There are no hit test results to process.");
+  #r() {
+    const { view: t, sketchViewModel: e } = this;
+    if (!t) {
+      l("error", this, m("view"));
       return;
     }
-    const s = e[0], n = e.map((i) => {
-      const o = i, l = o.graphic;
-      return l.origin = o.layer, l.sourceLayer = o.layer, l;
-    });
-    let a = s.graphic;
-    if (this.afterHitTest)
+    e && (e.snappingOptions.enabled = !1), this.#e?.remove(), this.#e = void 0, "acquireCursor" in t && t.acquireCursor("default");
+  }
+  async #c(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(n);
+        i = await this.afterHitTest(n);
       } catch {
-        a = null;
+        i = null;
       }
-    if (!a) {
-      u("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit();
-      return;
     }
-    const c = await this._ensureNecessaryAttributes(a);
-    if (!c) {
-      u("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit();
-      return;
-    }
-    await this._generateTraceLocation(c, t, r);
+    if (!i)
+      return l("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
+    const s = await this.#l(i);
+    return s ? await this.#u(s, e, r) : (l("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit(), !0);
   }
-  async _ensureNecessaryAttributes(e) {
-    const t = (S(e.layer), e.layer), r = t.geometryType === null, s = t.fieldsIndex?.get("assetgroup") ?? !1, n = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", a = t.fieldsIndex?.get("assettype") ?? !1, c = t.fieldsIndex?.get("assettype")?.name ?? "assettype", i = e.getGlobalId(), o = e.getObjectId(), l = s ? !!e.getAttribute(n) : !0, p = a ? !!e.getAttribute(c) : !0, d = !!e.geometry;
-    if (i && o && l && p && (d || r))
-      return e;
-    const g = t.createQuery();
-    return g.objectIds = [o], (await t.queryFeatures(g))?.features[0] || null;
+  async #l(t) {
+    const e = (G(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, h = !!t.geometry;
+    if (a && c && u && p && (h || 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, n = e.getGlobalId() ?? "", a = e.geometry?.type, c = await this._generateFlagInfo(e, t);
-    if (!c) {
-      u("error", this, "Unable to generate flag info for trace location.");
-      return;
-    }
-    const i = s?.filter((l) => l.spatialProperties.mapGraphic?.getGlobalId() === n) ?? [];
-    if (i.length > 0) {
-      if (a !== "polyline") {
-        u("warn", this, "A flag with the same globalId already exists.");
-        return;
-      } else if (i.some((l) => Math.abs(l.traceLocation.percentAlong - c.traceLocation.percentAlong) <= this.spatialTolerance)) {
-        u("warn", this, "A flag with the same globalId already exists within tolerance.");
-        return;
-      }
+  async #u(t, e, r) {
+    const { traceLocations: o } = this, i = t.getGlobalId() ?? "", s = t.geometry?.type, n = await this.#p(t, e);
+    if (!n)
+      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 o = this._addFlagGraphic(e, t, r);
-    if (!o) {
-      u("warn", this, "Unable to add flag graphic.");
-      return;
-    }
-    c.spatialProperties.flagGraphic = o, s?.add(c);
+    const c = this.#h(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, n = e.getGlobalId() ?? "", a = e.geometry?.type, c = await this._generateItemTitle(e);
-    if (a === "point" || a === "polygon") {
-      const i = s?.getTerminalConfiguration(e), o = i ? i.terminals[0].id : 1;
+  async #p(t, e) {
+    const { traceLocationType: r, utilityNetwork: o } = this, i = t.getGlobalId() ?? "", s = t.geometry?.type, n = await this.#f(t);
+    if (s === "point" || s === "polygon") {
+      const a = o?.getTerminalConfiguration(t), c = a ? a.terminals[0].id : 1;
       return {
-        traceLocation: new T({
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: n,
-          terminalId: o
+          globalId: i,
+          terminalId: c
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
-          terminalConfiguration: i ?? void 0,
-          selectedTerminals: i ? /* @__PURE__ */ new Set([o]) : 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 {
-        traceLocation: new T({
+    } else if (s === "polyline") {
+      const a = this.#a(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: n,
-          percentAlong: i
+          globalId: i,
+          percentAlong: a
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
           terminalConfiguration: void 0,
           selectedTerminals: void 0
         },
         spatialProperties: {
-          mapPoint: t,
-          mapGraphic: e
+          mapPoint: e,
+          mapGraphic: t
         }
       };
-    } else if (!a) {
-      const i = P(e.layer) ? e.layer.parent : e.layer, o = i && this._edgeSourceLayerIds.includes(i.layerId), l = s?.getTerminalConfiguration(e), p = l ? l.terminals[0].id : o ? -1 : 1, d = o ? 0.5 : -1;
+    } else if (!s) {
+      const a = P(t.layer) ? t.layer.parent : t.layer, c = a && this.#i.includes(a.layerId), u = o?.getTerminalConfiguration(t), p = u ? u.terminals[0].id : c ? -1 : 1, h = c ? 0.5 : -1;
       return {
-        traceLocation: new T({
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: n,
+          globalId: i,
           terminalId: p,
-          percentAlong: d
+          percentAlong: h
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
-          terminalConfiguration: l ?? void 0,
-          selectedTerminals: l ? /* @__PURE__ */ new Set([p]) : void 0
+          terminalConfiguration: u ?? void 0,
+          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 = (S(e.layer), e.layer);
-    return ("getFeatureTitle" in r ? await r.getFeatureTitle(e) : null) || e?.getObjectId()?.toString() || t.labels.unknown;
+  async #f(t) {
+    const e = (G(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, n = this._createFlagSymbol(), a = new v({
-      geometry: s,
-      symbol: n,
-      attributes: e.attributes
+  #h(t, e, r) {
+    const o = t.geometry ? t.geometry.type === "point" ? t.geometry : e : null, i = this.#d(), s = new N({
+      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 w({
-      color: t,
+  #d() {
+    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 w({
-      color: t,
+    }) : t === "barrier" ? new S({
+      color: e,
       style: "square",
       size: 12,
       outline: {
-        color: t,
+        color: e,
         width: 0
       }
-    }) : new w({
+    }) : new S({
       color: r,
       style: "circle",
       size: 12,
@@ -276,21 +272,21 @@ class R extends G {
       }
     });
   }
-  _handleClearButtonClick() {
-    const { view: e, traceLocations: t } = this;
-    t?.forEach((r) => {
-      r.spatialProperties.flagGraphic && e && e.graphics.remove(r.spatialProperties.flagGraphic);
-    }), t?.removeAll();
+  #g() {
+    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, n = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = n.heading, c = n.description, i = n.buttonText;
-    return y`<calcite-block .heading=${a} .label=${a} expanded .description=${c}>${r?.length ? y`<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>`;
+  #y() {
+    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.#g()}>${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.#s()}>${a}</calcite-button></div></calcite-block>`;
   }
   render() {
-    return y`<div class="root">${this.renderAddLocationBlock()}</div>`;
+    return b`<div class="root">${this.#y()}</div>`;
   }
 }
-k("arcgis-utility-network-trace-location", R);
+k("arcgis-utility-network-trace-location", $);
 export {
-  R as ArcgisUtilityNetworkTraceLocation
+  $ 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;
 }