@geoscene/map-components 4.34.9 → 5.0.20

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

@@ -0,0 +1,149 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@geoscene/core/core/Collection.js";
+import type Point from "@geoscene/core/geometry/Point.js";
+import type Graphic from "@geoscene/core/Graphic.js";
+import type GraphicsLayer from "@geoscene/core/layers/GraphicsLayer.js";
+import type Layer from "@geoscene/core/layers/Layer.js";
+import type TerminalConfiguration from "@geoscene/core/networks/support/TerminalConfiguration.js";
+import type UtilityNetwork from "@geoscene/core/networks/UtilityNetwork.js";
+import type TraceLocation from "@geoscene/core/rest/networks/support/TraceLocation.js";
+import type MapView from "@geoscene/core/views/MapView.js";
+import type SketchViewModel from "@geoscene/core/widgets/Sketch/SketchViewModel.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **GeosceneUtilityNetworkTraceAnalysis** component.
+ *
+ * This sub-component takes a map view as an input.
+ * It allows users to select locations on the map to use as trace inputs.
+ *
+ * @since 4.34
+ * @internal
+ */
+export abstract class GeosceneUtilityNetworkTraceLocation extends LitElement {
+  accessor afterHitTest: ((graphics: Graphic[]) => Promise<Graphic>) | undefined;
+  /** @default false */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * A function to run before trace location selection starts.
+   *
+   * @internal
+   */
+  accessor beforeTraceLocationSelectStart: (() => Promise<void>) | undefined;
+  accessor filterLayers: Collection<Layer> | undefined;
+  accessor flagLayer: GraphicsLayer | undefined;
+  /** @internal */
+  protected messages: {
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {};
+      labels: {
+          close: string;
+          unknown: string;
+      };
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+      };
+  } & T9nMeta<{
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {};
+      labels: {
+          close: string;
+          unknown: string;
+      };
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+      };
+  }>;
+  accessor sketchViewModel: SketchViewModel | undefined;
+  /** @default 0.05 */
+  accessor spatialTolerance: number;
+  accessor traceLocations: Collection<FlagInfo> | undefined;
+  /** @default "starting-point" */
+  accessor traceLocationType: TraceLocationType;
+  /** @required */
+  accessor utilityNetwork: UtilityNetwork | undefined;
+  /** @required */
+  accessor view: MapView | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  readonly geosceneTraceLocationChange: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user completes the selection of a trace location.
+   *
+   * @internal
+   */
+  readonly geosceneTraceLocationSelectEnd: import("@geoscene/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user begins selection of a trace location.
+   * Can be prevented to stop the selection.
+   *
+   * @internal
+   */
+  readonly geosceneTraceLocationSelectStart: import("@geoscene/lumina").TargetedEvent<this, SelectStartPayload>;
+  readonly "@eventTypes": {
+    geosceneTraceLocationChange: GeosceneUtilityNetworkTraceLocation["geosceneTraceLocationChange"]["detail"];
+    geosceneTraceLocationSelectEnd: GeosceneUtilityNetworkTraceLocation["geosceneTraceLocationSelectEnd"]["detail"];
+    geosceneTraceLocationSelectStart: GeosceneUtilityNetworkTraceLocation["geosceneTraceLocationSelectStart"]["detail"];
+  };
+}
+
+/** @internal */
+export interface FlagInfo {
+  traceLocation: TraceLocation;
+  flagProperties: {
+      title: string;
+      expanded?: boolean;
+      terminalConfiguration?: TerminalConfiguration;
+      selectedTerminals?: Set<number>;
+  };
+  spatialProperties: {
+      mapPoint?: Point;
+      mapGraphic?: Graphic;
+      flagGraphic?: Graphic;
+  };
+}
+
+/** @internal */
+export type TraceLocationType = "barrier" | "starting-point" | "stopping-point";
+
+/** @internal */
+export interface SelectStartPayload {
+  cancelSelect: () => void;
+}

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

@@ -0,0 +1,296 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as T } from "../../chunks/runtime.js";
+import { css as L, html as p } from "lit";
+import * as _ from "@geoscene/core/geometry/operators/cutOperator.js";
+import * as g from "@geoscene/core/geometry/operators/lengthOperator.js";
+import * as y from "@geoscene/core/geometry/operators/projectOperator.js";
+import S from "@geoscene/core/geometry/Polyline.js";
+import v from "@geoscene/core/geometry/SpatialReference.js";
+import A from "@geoscene/core/Graphic.js";
+import m from "@geoscene/core/rest/networks/support/TraceLocation.js";
+import b from "@geoscene/core/symbols/SimpleMarkerSymbol.js";
+import { LitElement as x, createEvent as w } from "@geoscene/lumina";
+import { log as l } from "@geoscene/toolkit/log";
+import { u as I } from "../../chunks/useT9n.js";
+import { b as C } from "../../chunks/layer-utils.js";
+const F = L`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 G extends x {
+  constructor() {
+    super(...arguments), this.messages = I({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.geosceneTraceLocationChange = w(), this.geosceneTraceLocationSelectEnd = w(), this.geosceneTraceLocationSelectStart = w();
+  }
+  static {
+    this.properties = { isSelectWaiting: 16, beforeTraceLocationSelectStart: 0, afterHitTest: 0, view: 0, traceLocationType: 1, traceLocations: 0, filterLayers: 0, sketchViewModel: 0, flagLayer: 0, spatialTolerance: 9, autoDestroyDisabled: 5, utilityNetwork: 0 };
+  }
+  static {
+    this.styles = F;
+  }
+  async destroy() {
+    this._resetAfterSketch(!1), await this.manager.destroy();
+  }
+  async load() {
+    y.isLoaded() || await y.load();
+  }
+  _createPolyline(e, t) {
+    return new S({
+      hasZ: !1,
+      hasM: !0,
+      paths: e,
+      spatialReference: new v({ wkid: t })
+    });
+  }
+  _calculatePercentAlong(e, t) {
+    const r = e.spatialReference, a = this._createPolyline(e.paths, r.wkid), s = t.x - 0.5, n = t.x + 0.5, o = t.y - 0.5, i = t.y + 0.5, c = [
+      [
+        [s, o],
+        [n, i]
+      ]
+    ], u = this._createPolyline(c, t.spatialReference.wkid), h = y.execute(u, r);
+    if (!h)
+      return l("error", this, "Unable to project flag geometry to source geometry spatial reference."), 0.5;
+    const d = _.execute(a, h);
+    if (d.length > 0) {
+      const k = g.execute(a, { unit: "feet" });
+      let f;
+      return d[0].paths[0][0][0] === a.paths[0][0][0] ? f = g.execute(d[0], { unit: "feet" }) : d.length > 1 ? f = g.execute(d[1], { unit: "feet" }) : f = 0, f / k;
+    }
+    return l("warn", this, "Unable to cut the source geometry with the flag geometry."), 0.5;
+  }
+  get _edgeSourceLayerIds() {
+    const e = this.utilityNetwork?.dataElement?.domainNetworks;
+    return e ? e.flatMap((t) => t.edgeSources).map((t) => t.layerId).filter(Boolean) : [];
+  }
+  async _ensureNecessaryAttributes(e) {
+    const t = (e.layer?.type === "feature", e.layer), r = 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(), i = e.getObjectId(), c = r ? !!e.getAttribute(a) : !0, u = s ? !!e.getAttribute(n) : !0;
+    if (o && i && c && u)
+      return e;
+    const h = t.createQuery();
+    return h.objectIds = [i], (await t.queryFeatures(h))?.features[0] || null;
+  }
+  async _ensureNecessaryAttributesAndGenerateTraceLocation(e, t) {
+    const { view: r } = this;
+    if (!r || e.length === 0) {
+      l("error", this, "`view` is unavailable or there are no results to process.");
+      return;
+    }
+    const a = e[0], s = e.map((i) => {
+      const c = i, u = c.graphic;
+      return u.origin = c.layer, u;
+    }), n = this.afterHitTest ? await this.afterHitTest(s).catch(() => (this._resetAfterSketch(!0), null)) : a.graphic;
+    if (!n) {
+      l("error", this, "No graphic available from hit test results.");
+      return;
+    }
+    const o = await this._ensureNecessaryAttributes(n);
+    if (!o) {
+      l("error", this, "Unable to ensure necessary attributes on the selected graphic.");
+      return;
+    }
+    await this._generateTraceLocation(o, t);
+  }
+  _createFlagSymbol() {
+    const { traceLocationType: e } = this, t = [244, 21, 21, 0.6], r = [21, 244, 21, 0.6];
+    return e === "stopping-point" ? new b({
+      color: t,
+      style: "x",
+      size: 12,
+      outline: {
+        color: t,
+        width: 2
+      }
+    }) : e === "barrier" ? new b({
+      color: t,
+      style: "square",
+      size: 12,
+      outline: {
+        color: t,
+        width: 0
+      }
+    }) : new b({
+      color: r,
+      style: "circle",
+      size: 12,
+      outline: {
+        color: r,
+        width: 0
+      }
+    });
+  }
+  _addFlagGraphic(e, t, r) {
+    const { flagLayer: a, view: s } = this;
+    if (!a || !s)
+      return l("error", this, "The properties `flagLayer` and `view` are required but either one or both are missing."), null;
+    const n = t.geometry?.type;
+    if (this.traceLocations?.some((c) => c.traceLocation.globalId === e) && n !== "polyline")
+      return l("warn", this, "A flag with the same globalId already exists."), null;
+    const o = this._createFlagSymbol(), i = new A({
+      geometry: r,
+      symbol: o,
+      attributes: t.attributes
+    });
+    return a.add(i), i;
+  }
+  async _generateItemTitle(e) {
+    const { messages: t } = this, r = (e.layer?.type === "feature", e.layer);
+    return ("getFeatureTitle" in r ? await r.getFeatureTitle(e) : null) || e?.getObjectId()?.toString() || t.labels.unknown;
+  }
+  async _generateFlagInfo(e, t) {
+    const { traceLocationType: r, utilityNetwork: a } = this, s = e.getGlobalId() ?? "", n = e.geometry?.type, o = await this._generateItemTitle(e);
+    if (n === "point" || n === "polygon") {
+      const i = a?.getTerminalConfiguration(e), c = i ? i.terminals[0].id : 1;
+      return {
+        traceLocation: new m({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          terminalId: c
+        }),
+        flagProperties: {
+          title: o,
+          expanded: !1,
+          terminalConfiguration: i ?? void 0,
+          selectedTerminals: i ? /* @__PURE__ */ new Set([c]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    } else if (n === "polyline") {
+      const i = this._calculatePercentAlong(e.geometry, t);
+      return {
+        traceLocation: new m({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          percentAlong: i
+        }),
+        flagProperties: {
+          title: o,
+          expanded: !1
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    } else if (!n) {
+      const i = C(e.layer) ? e.layer.parent : e.layer, c = i && this._edgeSourceLayerIds.includes(i.layerId), u = a?.getTerminalConfiguration(e), h = u ? u.terminals[0].id : c ? -1 : 1, d = c ? 0.5 : -1;
+      return {
+        traceLocation: new m({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          terminalId: h,
+          percentAlong: d
+        }),
+        flagProperties: {
+          title: o,
+          expanded: !1,
+          terminalConfiguration: u ?? void 0,
+          selectedTerminals: u ? /* @__PURE__ */ new Set([h]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: t
+        }
+      };
+    }
+    return null;
+  }
+  async _generateTraceLocation(e, t) {
+    const { traceLocations: r } = this, a = e.getGlobalId() ?? "", s = e.geometry?.type, n = await this._generateFlagInfo(e, t);
+    if (!n) {
+      l("error", this, "Unable to generate flag info for trace location.");
+      return;
+    }
+    const o = r?.filter((i) => i.spatialProperties.mapGraphic?.getGlobalId() === a) ?? [];
+    if (o.length === 0 || s === "polyline") {
+      if (s === "polyline" && o.length > 0 && o.some((c) => Math.abs(c.traceLocation.percentAlong - n.traceLocation.percentAlong) <= this.spatialTolerance)) {
+        l("warn", this, "A flag with the same globalId already exists within tolerance.");
+        return;
+      }
+      const i = this._addFlagGraphic(a, e, t);
+      if (!i) {
+        l("warn", this, "Unable to add flag graphic.");
+        return;
+      }
+      n.spatialProperties.flagGraphic = i, r?.add(n);
+      return;
+    }
+    l("warn", this, "A flag with the same globalId already exists.");
+  }
+  async _hitTest(e) {
+    const { view: t, utilityNetwork: r } = this;
+    if (!t || !r)
+      return l("error", this, "Either `utilityNetwork` or `view` is unavailable for hit test."), !0;
+    const a = e.graphic?.geometry, s = this.view?.toScreen(a);
+    if (!s)
+      return l("warn", this, "No screen point available for hit test."), !1;
+    const o = (await t.hitTest(s, {
+      include: this.filterLayers
+    })).results.filter((i) => i.type === "graphic" && i?.layer && i.graphic);
+    return o.length === 0 ? (l("info", this, "No usable hit test results found."), !1) : (this._resetAfterSketch(!1), await this._ensureNecessaryAttributesAndGenerateTraceLocation(o, a), this._resetAfterSketch(!0), !0);
+  }
+  _resetAfterSketch(e = !1) {
+    const { view: t } = this;
+    if (!t) {
+      l("error", this, "View is not available to reset after sketch.");
+      return;
+    }
+    this._clickHandler?.remove(), this._clickHandler = void 0, "acquireCursor" in t && t.acquireCursor("default"), e && this.geosceneTraceLocationSelectEnd.emit();
+  }
+  _handleSketchComplete(e) {
+    const { sketchViewModel: t, view: r } = this;
+    if (!t || !r) {
+      l("error", this, "Either `sketchViewModel` or `view` is not available in sketch complete handler.");
+      return;
+    }
+    if (e.state === "complete" && e.graphic) {
+      t.layer.remove(e.graphic), this._hitTest(e).then((s) => {
+        s ? this._resetAfterSketch() : this._initiateHitTest();
+      });
+      return;
+    }
+    e.state === "cancel" && this._resetAfterSketch(!0);
+  }
+  async _initiateHitTest() {
+    const { view: e, sketchViewModel: t } = this;
+    if (!e || !t) {
+      l("error", this, "Cannot initiate hit test; either `view` or `sketchViewModel` not found.");
+      return;
+    }
+    this._clickHandler?.remove(), this._clickHandler = t.on("create", this._handleSketchComplete.bind(this)), "acquireCursor" in e && e.acquireCursor("crosshair"), this.sketchViewModel?.create("point");
+  }
+  async _handleAddButtonClick() {
+    const { view: e, sketchViewModel: t } = this;
+    if (!(e && t)) {
+      l("error", this, "Cannot add trace location; `view` not found.");
+      return;
+    }
+    if (this.beforeTraceLocationSelectStart) {
+      this.isSelectWaiting = !0;
+      try {
+        await this.beforeTraceLocationSelectStart();
+      } finally {
+        this.isSelectWaiting = !1;
+      }
+    }
+    this.geosceneTraceLocationSelectStart.emit({ cancelSelect: () => t.cancel() }).defaultPrevented || await this._initiateHitTest();
+  }
+  _handleClearButtonClick() {
+    const { flagLayer: e, traceLocations: t } = this;
+    t?.forEach((r) => {
+      r.spatialProperties.flagGraphic && e && e.remove(r.spatialProperties.flagGraphic);
+    }), t?.removeAll();
+  }
+  renderAddLocationBlock() {
+    const { traceLocationType: e, messages: t, traceLocations: r } = this, a = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, s = a.heading, n = a.description, o = a.buttonText;
+    return p`<calcite-block .heading=${s} .label=${s} expanded .description=${n}>${r?.length ? p`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button>` : null}<geoscene-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e}></geoscene-utility-network-trace-location-list><div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${o} @click=${() => this._handleAddButtonClick()}>${o}</calcite-button></div></calcite-block>`;
+  }
+  render() {
+    return p`<div class="root">${this.renderAddLocationBlock()}</div>`;
+  }
+}
+T("geoscene-utility-network-trace-location", G);
+export {
+  G as GeosceneUtilityNetworkTraceLocation
+};

package/dist/components/geoscene-utility-network-trace-location/index.d.ts

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

package/dist/components/geoscene-utility-network-trace-location/index.js

@@ -0,0 +1,4 @@
+import "@geoscene/calcite-components/components/calcite-block";
+import "@geoscene/calcite-components/components/calcite-button";
+import "../geoscene-utility-network-trace-location-list/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,38 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@geoscene/core/core/Collection.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { FlagInfo, TraceLocationType } from "../geoscene-utility-network-trace-location/customElement.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **GeosceneUtilityNetworkTraceAnalysis** component.
+ *
+ * This sub-component renders a collection of trace locations as a list.
+ *
+ * @since 4.34
+ * @internal
+ */
+export abstract class GeosceneUtilityNetworkTraceLocationList extends LitElement {
+  /** @internal */
+  protected _messages: {
+      componentLabel: string;
+      errors: { noTerminalSelected: string; };
+      labels: {
+          filterBarrier: string;
+          list: string;
+          unknown: string;
+      };
+  } & T9nMeta<{
+      componentLabel: string;
+      errors: { noTerminalSelected: string; };
+      labels: {
+          filterBarrier: string;
+          list: string;
+          unknown: string;
+      };
+  }>;
+  /** @required */
+  accessor traceLocations: Collection<FlagInfo>;
+  /** @default "starting-point" */
+  accessor traceLocationType: TraceLocationType;
+}

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

@@ -0,0 +1,68 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as p } from "../../chunks/runtime.js";
+import { css as h, html as n } from "lit";
+import u from "@geoscene/core/core/Collection.js";
+import { substitute as g } from "@geoscene/core/intl.js";
+import { LitElement as b } from "@geoscene/lumina";
+import { u as f } from "../../chunks/useT9n.js";
+import { log as s, composeEmptyPropertyMessage as v } from "@geoscene/toolkit/log";
+const y = 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 [slot=content-bottom]{background-color:transparent;display:none}calcite-list-item[expanded] [slot=content-bottom]{display:unset}.warning{color:var(--calcite-color-status-danger)}.terminals{padding-block:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-xl);padding-inline-end:var(--calcite-spacing-sm);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 $ extends b {
+  constructor() {
+    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new u(), this.traceLocationType = "starting-point";
+  }
+  static {
+    this.properties = { traceLocations: 0, traceLocationType: 1 };
+  }
+  static {
+    this.styles = y;
+  }
+  _handleTraceLocationItemRemoved(e) {
+    const i = e.spatialProperties.flagGraphic?.layer, { traceLocations: t } = this;
+    e.spatialProperties.flagGraphic && i && i.remove(e.spatialProperties.flagGraphic), t?.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>`;
+  }
+  _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>`;
+  }
+  _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>`;
+  }
+  _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=${() => {
+      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>` || ""}`;
+  }
+  _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`."), [];
+    const r = t.terminals;
+    return !r || r.length === 0 ? (s("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []) : r.map((a) => this._renderTerminal(e, a));
+  }
+  _renderListItem(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: c } = i, a = c, o = t && t.id !== 0, l = e.traceLocation.type === "barrier", d = o || l, m = t?.name ?? void 0;
+    return n`<calcite-list-item .label=${a} .description=${m} .value=${a} .expanded=${r}>${d ? 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>`;
+  }
+  render() {
+    const { _messages: e, traceLocationType: i } = this, t = g(e.labels.list, { traceLocationType: i }), r = this.traceLocations?.map((c) => this._renderListItem(c)).toArray() ?? [];
+    return r.length === 0 ? (s("warn", this, v("traceLocations")), null) : n`<div><calcite-list interaction-mode=static selection-mode=none .label=${t}>${r}</calcite-list></div>`;
+  }
+}
+p("geoscene-utility-network-trace-location-list", $);
+export {
+  $ as GeosceneUtilityNetworkTraceLocationList
+};

package/dist/components/geoscene-utility-network-trace-location-list/index.d.ts

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

package/dist/components/geoscene-utility-network-trace-location-list/index.js

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