@arcgis/map-components 5.2.0-next.99 → 6.0.0-next.1

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

@@ -0,0 +1,217 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
+import type Point from "@arcgis/core/geometry/Point.js";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
+import type TerminalConfiguration from "@arcgis/core/networks/support/TerminalConfiguration.js";
+import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
+import type TraceLocation from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SketchViewModel from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
+ * It allows users to select locations on the map to use as trace inputs.
+ *
+ * @since 5.2
+ */
+export abstract class ArcgisUtilityNetworkTraceLocations extends LitElement {
+  /** @internal */
+  protected _messages: {
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {
+          noTerminalSelected: string;
+          noHitResult: string;
+          missingAttributes: string;
+          duplicateTraceLocationDetails: string;
+          duplicateTraceLocationDetailsWithinTolerance: string;
+          errorAdding: string;
+          errorGeneratingTraceLocationDetails: string;
+      };
+      labels: {
+          filterBarrier: string;
+          list: string;
+      };
+      unknown: string;
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+      };
+  } & T9nMeta<{
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {
+          noTerminalSelected: string;
+          noHitResult: string;
+          missingAttributes: string;
+          duplicateTraceLocationDetails: string;
+          duplicateTraceLocationDetailsWithinTolerance: string;
+          errorAdding: string;
+          errorGeneratingTraceLocationDetails: string;
+      };
+      labels: {
+          filterBarrier: string;
+          list: string;
+      };
+      unknown: string;
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+          };
+      };
+  }>;
+  /**
+   * A function to run after a hit test is performed to select a trace location. If left empty, the first graphic from the hit test results will be used as the trace location.
+   * This function allows for modification of the selected graphic before it is added as a trace location, such as changing its attributes or geometry.
+   * If the promise is rejected, the selection process will be cancelled.
+   *
+   * @internal
+   */
+  accessor afterMapInteraction: ((graphics: Graphic[]) => Promise<Graphic>) | undefined;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-locations/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-utility-network-trace-locations auto-destroy-disabled></arcgis-utility-network-trace-locations>
+   * ```
+   *
+   * ```js
+   * utilityNetworkTraceLocationsElement.autoDestroyDisabled = true;
+   * ```
+   * 
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * A function to run before trace location selection starts.
+   *
+   * @internal
+   */
+  accessor beforeMapInteraction: (() => Promise<void>) | undefined;
+  accessor error: string | undefined;
+  accessor filterLayers: Collection<Layer>;
+  accessor heading: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      buttons?: { clear?: string | undefined; } | undefined;
+      componentLabel?: string | undefined;
+      errors?: {
+          noTerminalSelected?: string | undefined;
+          noHitResult?: string | undefined;
+          missingAttributes?: string | undefined;
+          duplicateTraceLocationDetails?: string | undefined;
+          duplicateTraceLocationDetailsWithinTolerance?: string | undefined;
+          errorAdding?: string | undefined;
+          errorGeneratingTraceLocationDetails?: string | undefined;
+      } | undefined;
+      labels?: {
+          filterBarrier?: string | undefined;
+          list?: string | undefined;
+      } | undefined;
+      unknown?: string | undefined;
+      types?: {
+          barrier?: {
+              buttonText?: string | undefined;
+              description?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+          startingPoint?: {
+              buttonText?: string | undefined;
+              description?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+          stoppingPoint?: {
+              buttonText?: string | undefined;
+              description?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+      } | undefined;
+  };
+  /** @internal */
+  get sketchViewModel(): SketchViewModel | null;
+  /** @default 0.05 */
+  accessor spatialTolerance: number;
+  accessor traceLocations: Collection<TraceLocationDetails>;
+  /** @default "starting-point" */
+  accessor traceLocationType: TraceLocationType;
+  /** @required */
+  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-locations component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  readonly arcgisError: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the user completes the selection of a trace location. */
+  readonly arcgisTraceLocationSelectEnd: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user begins selection of a trace location.
+   * Can be prevented to stop the selection.
+   */
+  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
+  readonly "@eventTypes": {
+    arcgisError: ArcgisUtilityNetworkTraceLocations["arcgisError"]["detail"];
+    arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceLocations["arcgisTraceLocationSelectEnd"]["detail"];
+    arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceLocations["arcgisTraceLocationSelectStart"]["detail"];
+  };
+}
+
+export interface TraceLocationDetails {
+  traceLocation: TraceLocation;
+  flagProperties: {
+      title: string;
+      expanded?: boolean;
+      terminalConfiguration?: TerminalConfiguration;
+      selectedTerminals?: Set<number>;
+  };
+  spatialProperties: {
+      mapPoint?: Point;
+      mapGraphic?: Graphic;
+      flagGraphic?: Graphic;
+  };
+}
+
+export type TraceLocationType = "barrier" | "starting-point" | "stopping-point";
+
+export interface SelectStartPayload {
+  cancelSelect: () => void;
+}

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

@@ -0,0 +1,401 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as I } from "../../chunks/runtime.js";
+import w from "@arcgis/core/core/Collection.js";
+import { cutExecute as C } from "@arcgis/core/geometry/operators/cutOperator.js";
+import { lengthExecute as L } from "@arcgis/core/geometry/operators/lengthOperator.js";
+import { projectIsLoaded as M, projectLoad as E, projectExecute as P } from "@arcgis/core/geometry/operators/projectOperator.js";
+import { proximityGetNearestCoordinate as _ } from "@arcgis/core/geometry/operators/proximityOperator.js";
+import A from "@arcgis/core/geometry/Polyline.js";
+import F from "@arcgis/core/Graphic.js";
+import R from "@arcgis/core/layers/GraphicsLayer.js";
+import T from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import k from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
+import B from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import { LitElement as N, createEvent as x } from "@arcgis/lumina";
+import { log as p, composeMissingPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as q } from "../../chunks/useT9n.js";
+import { a as D, d as j, e as v, i as O } from "../../chunks/layer-utils.js";
+import { css as H, html as u } from "lit";
+import G from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
+import { substitute as U } from "@arcgis/core/intl.js";
+const W = H`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}calcite-list{margin:0 var(--calcite-space-sm) var(--calcite-space-sm);background-color:var(--calcite-color-surface-2);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-space-sm) var(--calcite-space-md);display:flex;flex-direction:column}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`, $ = `utility-network-trace-locations-sketch-${Date.now()}`;
+class S extends N {
+  constructor() {
+    super(...arguments), this._messages = q({ blocking: !0 }), this._isSelectWaiting = !1, this.traceLocationType = "starting-point", this.traceLocations = new w(), this.filterLayers = new w(), this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationSelectEnd = x(), this.arcgisTraceLocationSelectStart = x(), this.arcgisError = x();
+  }
+  static {
+    this.properties = { _isSelectWaiting: 16, beforeMapInteraction: 0, afterMapInteraction: 0, messageOverrides: 0, view: 0, traceLocationType: 1, traceLocations: 0, filterLayers: 0, spatialTolerance: 9, error: 1, autoDestroyDisabled: 5, utilityNetwork: 0, heading: 1, sketchViewModel: 32 };
+  }
+  static {
+    this.styles = W;
+  }
+  static {
+    this.sketchViewModelMap = /* @__PURE__ */ new Map();
+  }
+  static getSketchViewModel(e) {
+    if (!this.sketchViewModelMap.has(e)) {
+      const t = this.#s(e, $);
+      t && this.sketchViewModelMap.set(e, new B({ view: e, layer: t }));
+    }
+    return this.sketchViewModelMap.get(e) ?? null;
+  }
+  static #s(e, t) {
+    if (!e?.map)
+      return null;
+    const r = e.map.findLayerById(t);
+    if (!r) {
+      const i = new R({
+        id: t,
+        listMode: "hide",
+        title: t
+      });
+      return D(e, i), i;
+    }
+    return r;
+  }
+  static removeSketchGraphicsLayer(e) {
+    if (e?.map) {
+      const t = e.map.findLayerById($);
+      t && e.map.remove(t), this.sketchViewModelMap.delete(e);
+    }
+  }
+  #r;
+  get sketchViewModel() {
+    return this.view ? S.getSketchViewModel(this.view) : null;
+  }
+  async destroy() {
+    try {
+      this.#i();
+    } finally {
+      await this.manager.destroy();
+    }
+  }
+  async load() {
+    M() || await E();
+  }
+  willUpdate(e) {
+    e.has("filterLayers") && this.#o();
+  }
+  #e(e, t) {
+    this.error = t, p(e, this, t), this.arcgisError.emit();
+  }
+  #a(e) {
+    const { traceLocations: t, view: r } = this;
+    e.spatialProperties.flagGraphic && r && r.graphics.remove(e.spatialProperties.flagGraphic), t?.remove(e);
+  }
+  #o() {
+    if (!this.sketchViewModel)
+      return;
+    const e = new w();
+    this.filterLayers?.forEach((t) => {
+      j(t) ? t.sublayers.forEach((r) => {
+        e.add(new G({
+          layer: r,
+          enabled: !0
+        }));
+      }) : e.add(new G({
+        layer: t,
+        enabled: !0
+      }));
+    }), this.sketchViewModel.snappingOptions = {
+      enabled: !1,
+      featureSources: e
+    };
+  }
+  #n(e, t) {
+    const r = e.clone(), i = r.spatialReference, a = t.spatialReference;
+    if (!i || !a)
+      return p("warn", this, "Unable to calculate percent along because geometry is missing a spatial reference."), -1;
+    let s = t;
+    if (!i.equals(a)) {
+      const f = P(t, i);
+      if (!f)
+        return p("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      s = f;
+    }
+    const n = _(r, s);
+    if (n.isEmpty)
+      return p("warn", this, "Unable to compute nearest coordinate for polyline flag."), -1;
+    const o = n.coordinate, c = o.x - 0.5, l = o.y - 0.5, d = o.x + 0.5, m = o.y + 0.5, g = new A({
+      hasZ: !1,
+      hasM: !0,
+      paths: [
+        [
+          [c, l],
+          [d, m]
+        ]
+      ],
+      spatialReference: r.spatialReference
+    }), h = C(r, g);
+    if (h.length > 0) {
+      const f = L(r, { unit: "feet" });
+      let y;
+      return h[0].paths[0][0][0] === r.paths[0][0][0] ? y = L(h[0], { unit: "feet" }) : h.length > 1 ? y = L(h[1], { unit: "feet" }) : y = 0, y / f;
+    }
+    return p("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
+  }
+  get #c() {
+    const e = this.utilityNetwork?.dataElement?.domainNetworks;
+    return e ? e.flatMap((t) => t.edgeSources).map((t) => t.layerId).filter(Boolean) : [];
+  }
+  async #l() {
+    const { view: e, sketchViewModel: t } = this;
+    if (!(e && t)) {
+      p("error", this, "Cannot add trace location."), t || p("error", this, b("sketchViewModel")), e || p("error", this, b("view"));
+      return;
+    }
+    if (this.beforeMapInteraction) {
+      this._isSelectWaiting = !0;
+      try {
+        await this.beforeMapInteraction();
+      } finally {
+        this._isSelectWaiting = !1;
+      }
+    }
+    await this.#t(e, t);
+  }
+  async #t(e, t) {
+    this.arcgisTraceLocationSelectStart.emit({ cancelSelect: () => t.cancel() }).defaultPrevented || (this.#r?.remove(), this.#r = t.on("create", (i) => this.#p(i, e, t)), "acquireCursor" in e && e.acquireCursor("crosshair"), t.snappingOptions.enabled = !0, t.create("point"));
+  }
+  #p(e, t, r) {
+    if (e.state === "complete" && e.graphic) {
+      r.layer.remove(e.graphic), this.#d(e, t, r);
+      return;
+    }
+    e.state === "cancel" && (this.#i(), this.arcgisTraceLocationSelectEnd.emit());
+  }
+  async #d(e, t, r) {
+    const { utilityNetwork: i } = this, { graphic: a } = e;
+    if (!i) {
+      p("error", this, b("utilityNetwork")), this.#i(), this.arcgisTraceLocationSelectEnd.emit();
+      return;
+    }
+    if (a?.geometry?.type !== "point") {
+      this.#e("warn", this._messages.errors.noHitResult), this.#t(t, r);
+      return;
+    }
+    const s = a.geometry, n = t.toScreen(s);
+    if (!n) {
+      this.#e("warn", this._messages.errors.noHitResult), this.#t(t, r);
+      return;
+    }
+    const c = (await t.hitTest(n, {
+      include: this.filterLayers
+    })).results.filter((d) => d.type === "graphic" && d?.layer && d.graphic);
+    if (!c.length) {
+      this.#e("info", this._messages.errors.noHitResult), this.#t(t, r);
+      return;
+    }
+    this.#i(), await this.#u(c, s, t) ? this.arcgisTraceLocationSelectEnd.emit() : this.#t(t, r);
+  }
+  #i() {
+    const { view: e, sketchViewModel: t } = this;
+    if (!e) {
+      p("error", this, b("view"));
+      return;
+    }
+    t && (t.snappingOptions.enabled = !1), this.#r?.remove(), this.#r = void 0, "acquireCursor" in e && e.acquireCursor("default");
+  }
+  async #u(e, t, r) {
+    if (!e.length)
+      return this.#e("error", this._messages.errors.noHitResult), !1;
+    let a = e[0].graphic;
+    if (this.afterMapInteraction) {
+      const n = e.map((o) => {
+        const c = o, l = c.graphic;
+        return l.origin = c.layer, l.sourceLayer = c.layer, l;
+      });
+      try {
+        a = await this.afterMapInteraction(n);
+      } catch {
+        a = null;
+      }
+    }
+    if (!a)
+      return p("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
+    const s = await this.#h(a);
+    return s ? await this.#m(s, t, r) : (this.#e("error", this._messages.errors.missingAttributes), this.arcgisTraceLocationSelectEnd.emit(), !0);
+  }
+  async #h(e) {
+    const t = (v(e.layer), e.layer), r = t.geometryType === null, i = t.fieldsIndex?.get("assetgroup") ?? !1, a = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", s = t.fieldsIndex?.get("assettype") ?? !1, n = t.fieldsIndex?.get("assettype")?.name ?? "assettype", o = e.getGlobalId(), c = e.getObjectId(), l = i ? !!e.getAttribute(a) : !0, d = s ? !!e.getAttribute(n) : !0, m = !!e.geometry;
+    if (o && c && l && d && (m || r))
+      return e;
+    const g = t.createQuery();
+    return g.objectIds = [c], (await t.queryFeatures(g)).features[0] || null;
+  }
+  async #m(e, t, r) {
+    const { traceLocations: i } = this, a = e.getGlobalId() ?? "", s = e.geometry?.type, n = await this.#f(e, t);
+    if (!n)
+      return this.#e("error", this._messages.errors.errorGeneratingTraceLocationDetails), !1;
+    const o = i?.filter((l) => l.spatialProperties.mapGraphic?.getGlobalId() === a) ?? [];
+    if (o.length > 0) {
+      if (s !== "polyline")
+        return this.#e("warn", this._messages.errors.duplicateTraceLocationDetails), !1;
+      if (o.some((l) => Math.abs(l.traceLocation.percentAlong - n.traceLocation.percentAlong) <= this.spatialTolerance))
+        return this.#e("warn", this._messages.errors.duplicateTraceLocationDetailsWithinTolerance), !1;
+    }
+    const c = this.#y(e, t, r);
+    return c ? (n.spatialProperties.flagGraphic = c, i?.add(n), !0) : (this.#e("warn", this._messages.errors.errorAdding), !1);
+  }
+  async #f(e, t) {
+    const { traceLocationType: r, utilityNetwork: i } = this, a = e.getGlobalId() ?? "", s = e.geometry?.type, n = await this.#g(e);
+    if (s === "point" || s === "polygon") {
+      const o = i?.getTerminalConfiguration(e), c = o ? o.terminals[0].id : 1;
+      return {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: a,
+          terminalId: c
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: o ?? void 0,
+          selectedTerminals: o ? /* @__PURE__ */ new Set([c]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    } else if (s === "polyline") {
+      const o = this.#n(e.geometry, t);
+      return o < 0 ? (p("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: a,
+          percentAlong: o
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: void 0,
+          selectedTerminals: void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    } else if (!s) {
+      const o = O(e.layer) ? e.layer.parent : e.layer, c = o && this.#c.includes(o.layerId), l = i?.getTerminalConfiguration(e), d = l ? l.terminals[0].id : c ? -1 : 1, m = c ? 0.5 : -1;
+      return {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: a,
+          terminalId: d,
+          percentAlong: m
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: l ?? void 0,
+          selectedTerminals: l ? /* @__PURE__ */ new Set([d]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    }
+    return null;
+  }
+  async #g(e) {
+    const t = (v(e.layer), e.layer);
+    return ("getFeatureTitle" in t ? await t.getFeatureTitle(e) : null) || e.getObjectId()?.toString() || this._messages.unknown;
+  }
+  #y(e, t, r) {
+    const i = e.geometry ? e.geometry.type === "point" ? e.geometry : t : null, a = this.#b(), s = new F({
+      geometry: i,
+      symbol: a,
+      attributes: e.attributes
+    });
+    return r.graphics.add(s), s;
+  }
+  #b() {
+    const { traceLocationType: e } = this, t = [244, 21, 21, 0.6], r = [21, 244, 21, 0.6];
+    return e === "stopping-point" ? new k({
+      color: t,
+      style: "x",
+      size: 12,
+      outline: {
+        color: t,
+        width: 2
+      }
+    }) : e === "barrier" ? new k({
+      color: t,
+      style: "square",
+      size: 12,
+      outline: {
+        color: t,
+        width: 0
+      }
+    }) : new k({
+      color: r,
+      style: "circle",
+      size: 12,
+      outline: {
+        color: r,
+        width: 0
+      }
+    });
+  }
+  #w() {
+    const { view: e, traceLocations: t } = this;
+    t?.forEach((r) => {
+      r.spatialProperties.flagGraphic && e && e.graphics.remove(r.spatialProperties.flagGraphic);
+    }), t?.removeAll();
+  }
+  #L(e, t) {
+    const { flagProperties: r } = e, { selectedTerminals: i } = r, { name: a, id: s } = t, n = i?.has(s) ?? !1;
+    return u`<calcite-label layout=inline><calcite-checkbox .value=${s} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? i?.add(s) : i?.delete(s), this.requestUpdate();
+    }}></calcite-checkbox>${a}</calcite-label>`;
+  }
+  #T() {
+    return u`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${this._messages.errors.noTerminalSelected}</div></calcite-notice>`;
+  }
+  #k(e) {
+    const { traceLocation: t } = e;
+    return u`<calcite-label layout=inline><div class="filter-barrier">${this._messages.labels.filterBarrier}<calcite-switch .checked=${t.isFilterBarrier} @calciteSwitchChange=${(r) => {
+      t.isFilterBarrier = r.target.checked;
+    }}></calcite-switch></div></calcite-label>`;
+  }
+  #x(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r, selectedTerminals: i } = t, a = e.traceLocation.type === "barrier", s = r && r.terminals.length > 0 && i?.size === 0;
+    return u`<calcite-action .icon=${t.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+      t.expanded = !t.expanded, this.requestUpdate();
+    }}></calcite-action>${s && u`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${t.expanded && u`<div class="terminals" slot=content-bottom>${a && this.#k(e) || ""}${r && this.#S(e) || ""}${s && this.#T() || ""}</div>` || ""}`;
+  }
+  #S(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r } = t;
+    if (!r)
+      return p("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
+    const i = r.terminals;
+    return i.length ? i.length === 1 ? [] : i.map((s) => this.#L(e, s)) : (p("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
+  }
+  #v(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r, expanded: i, title: a } = t, s = r && r.id !== 0, n = e.traceLocation.type === "barrier", o = s || n, c = r?.name ?? void 0;
+    return u`<calcite-list-item .label=${a} .description=${c} .value=${a} .expanded=${i}>${o ? this.#x(e) : u`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this.#a(e)}></calcite-action></calcite-list-item>`;
+  }
+  #G(e) {
+    if (!e.length)
+      return null;
+    const { traceLocationType: t } = this, r = e.map((a) => this.#v(a)).toArray(), i = U(this._messages.labels.list, { type: t });
+    return u`<div><calcite-list interaction-mode=static selection-mode=none .label=${i}>${r}</calcite-list></div>`;
+  }
+  #$() {
+    const { traceLocationType: e, _messages: t, traceLocations: r, heading: i } = this, a = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, s = i ?? a.heading, n = a.description, o = a.buttonText;
+    return u`<calcite-block .heading=${s} .label=${s} expanded .description=${n}>${r?.length ? u`<calcite-button slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this.#w()}>${t.buttons.clear}</calcite-button>${this.#G(r)}` : null}<div class="button-container"><calcite-button .loading=${this._isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${o} @click=${() => this.#l()}>${o}</calcite-button></div></calcite-block>`;
+  }
+  render() {
+    return this.#$();
+  }
+}
+I("arcgis-utility-network-trace-locations", S);
+export {
+  S as ArcgisUtilityNetworkTraceLocations
+};

package/dist/components/arcgis-utility-network-trace-locations/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-utility-network-trace-locations/index.js

@@ -0,0 +1,11 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-switch";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";