@arcgis/map-components 5.2.0-next.5 → 5.2.0-next.51

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

@@ -1,68 +1,75 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as _ } from "../../chunks/runtime.js";
-import { css as x, html as y } 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 { 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";
+import * as I from "@arcgis/core/geometry/operators/proximityOperator.js";
+import v from "@arcgis/core/geometry/Polyline.js";
+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 l, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
+import { u as N } from "../../chunks/useT9n.js";
+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 = 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 = 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 = N;
+    this.styles = R;
   }
   async destroy() {
     this._resetCursor(), await this.manager.destroy();
   }
   async load() {
-    b.isLoaded() || await b.load();
+    L.isLoaded() || await L.load();
   }
-  _createPolyline(e, t) {
-    return new I({
+  _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 l("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      s = h;
+    }
+    const n = I.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, d = a.y + 0.5, g = new v({
       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), d = b.execute(l, r);
-    if (!d)
-      return u("error", this, "Unable to project flag geometry to source geometry spatial reference."), 0.5;
-    const p = C.execute(s, d);
-    if (p.length > 0) {
-      const g = m.execute(s, { unit: "feet" });
-      let h;
-      return p[0].paths[0][0][0] === s.paths[0][0][0] ? h = m.execute(p[0], { unit: "feet" }) : p.length > 1 ? h = m.execute(p[1], { unit: "feet" }) : h = 0, h / g;
+      paths: [
+        [
+          [c, u],
+          [p, d]
+        ]
+      ],
+      spatialReference: r.spatialReference
+    }), f = G.execute(r, g);
+    if (f.length > 0) {
+      const h = 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 / h;
     }
-    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) : [];
+    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"));
+    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) {
@@ -73,200 +80,188 @@ class R extends G {
         this.isSelectWaiting = !1;
       }
     }
-    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => t.cancel() }).defaultPrevented || await this._startSketch(e, t);
+    await this._startSketch(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"), this.sketchViewModel?.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;
-    if (!s) {
-      u("error", this, f("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 (i?.geometry?.type !== "point") {
+      l("warn", this, "No screen point available for hit test."), this._startSketch(e, r);
       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);
+    const s = i.geometry, n = e.toScreen(s);
+    if (!n) {
+      l("warn", this, "No screen point available for hit test."), this._startSketch(e, r);
       return;
     }
-    const i = (await t.hitTest(a, {
+    const c = (await e.hitTest(n, {
       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);
+    })).results.filter((p) => p.type === "graphic" && p?.layer && p.graphic);
+    if (!c.length) {
+      l("info", this, "No usable hit test results found."), this._startSketch(e, r);
       return;
     }
-    this._resetCursor(), await this._processHitTestResults(i, n, t), this.arcgisTraceLocationSelectEnd.emit();
+    this._resetCursor(), await this._processHitTestResults(c, s, e) ? this.arcgisTraceLocationSelectEnd.emit() : this._startSketch(e, r);
   }
   _resetCursor() {
-    const { view: e } = this;
-    if (!e) {
-      u("error", this, f("view"));
+    const { view: t, sketchViewModel: e } = this;
+    if (!t) {
+      l("error", this, m("view"));
       return;
     }
-    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 === 0) {
-      u("error", this, "There are no hit test results to process.");
-      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)
+  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(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._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 = (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, d = a ? !!e.getAttribute(c) : !0, p = !!e.geometry;
-    if (i && o && l && d && (p || r))
-      return e;
-    const g = t.createQuery();
-    return g.objectIds = [o], (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, 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 _addTraceLocation(t, e, r) {
+    const { traceLocations: o } = this, i = t.getGlobalId() ?? "", s = t.geometry?.type, n = await this._generateFlagInfo(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._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, 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 _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 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._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: 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), d = l ? l.terminals[0].id : o ? -1 : 1, p = o ? 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 T({
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
-          globalId: n,
-          terminalId: d,
-          percentAlong: p
+          globalId: i,
+          terminalId: p,
+          percentAlong: d
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
-          terminalConfiguration: l ?? void 0,
-          selectedTerminals: l ? /* @__PURE__ */ new Set([d]) : 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 _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, n = this._createFlagSymbol(), a = new v({
-      geometry: s,
-      symbol: n,
-      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 w({
-      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 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,
@@ -277,20 +272,20 @@ 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();
+    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>`;
+    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 y`<div class="root">${this.renderAddLocationBlock()}</div>`;
+    return b`<div class="root">${this.renderAddLocationBlock()}</div>`;
   }
 }
-_("arcgis-utility-network-trace-location", R);
+x("arcgis-utility-network-trace-location", E);
 export {
-  R as ArcgisUtilityNetworkTraceLocation
+  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
 };