@arcgis/map-components 5.2.0-next.70 → 5.2.0-next.71

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

@@ -0,0 +1,70 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as p, html as a } from "lit";
+import h 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 l, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as f } from "../../chunks/useT9n.js";
+const v = p`: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 h(), this.traceLocationType = "starting-point";
+  }
+  static {
+    this.properties = { traceLocations: 0, traceLocationType: 1, view: 0 };
+  }
+  static {
+    this.styles = v;
+  }
+  loaded() {
+    this.traceLocations.length || l("warn", this, b("traceLocations"));
+  }
+  #e(e) {
+    const { traceLocations: i, view: t } = this;
+    e.spatialProperties.flagGraphic && t && t.graphics.remove(e.spatialProperties.flagGraphic), i?.remove(e);
+  }
+  #t(e, i) {
+    const { flagProperties: t } = e, { selectedTerminals: r } = t, { name: s, id: c } = i, n = r?.has(c) ?? !1;
+    return a`<calcite-label layout=inline><calcite-checkbox .value=${c} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? r?.add(c) : r?.delete(c), this.requestUpdate();
+    }}></calcite-checkbox>${s}</calcite-label>`;
+  }
+  #i() {
+    return a`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${this._messages.errors.noTerminalSelected}</div></calcite-notice>`;
+  }
+  #r(e) {
+    const { traceLocation: i } = e;
+    return a`<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>`;
+  }
+  #c(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, s = e.traceLocation.type === "barrier", c = t && t.terminals.length > 0 && r?.size === 0;
+    return a`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+      i.expanded = !i.expanded, this.requestUpdate();
+    }}></calcite-action>${c && a`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && a`<div class="terminals" slot=content-bottom>${s && this.#r(e) || ""}${t && this.#a(e) || ""}${c && this.#i() || ""}</div>` || ""}`;
+  }
+  #a(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t } = i;
+    if (!t)
+      return l("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
+    const r = t.terminals;
+    return r.length ? r.length === 1 ? [] : r.map((c) => this.#t(e, c)) : (l("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
+  }
+  #s(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: s } = i, c = t && t.id !== 0, n = e.traceLocation.type === "barrier", o = c || n, d = t?.name ?? void 0;
+    return a`<calcite-list-item .label=${s} .description=${d} .value=${s} .expanded=${r}>${o ? this.#c(e) : a`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this.#e(e)}></calcite-action></calcite-list-item>`;
+  }
+  render() {
+    const e = this.traceLocations.map((t) => this.#s(t)).toArray();
+    if (!e.length)
+      return null;
+    const i = u(this._messages.labels.list, { traceLocationType: this.traceLocationType });
+    return a`<div><calcite-list interaction-mode=static selection-mode=none .label=${i}>${e}</calcite-list></div>`;
+  }
+}
+m("arcgis-utility-network-trace-location-list-next", $);
+export {
+  $ as ArcgisUtilityNetworkTraceLocationListNext
+};

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

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

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

@@ -0,0 +1,9 @@
+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";
+export * from "./customElement.js";

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

@@ -0,0 +1,159 @@
+/// <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 4.34
+ * @internal
+ */
+export abstract class ArcgisUtilityNetworkTraceLocationNext extends LitElement {
+  /** @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;
+          };
+      };
+  }>;
+  /**
+   * 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 afterHitTest: ((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-location-next/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @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 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;
+  /**
+   * 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-next 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 arcgisTraceLocationChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user completes the selection of a trace location.
+   *
+   * @internal
+   */
+  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.
+   *
+   * @internal
+   */
+  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
+  readonly "@eventTypes": {
+    arcgisTraceLocationChange: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationChange"]["detail"];
+    arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationSelectEnd"]["detail"];
+    arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationSelectStart"]["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/arcgis-utility-network-trace-location-next/customElement.js

@@ -0,0 +1,292 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as k } from "../../chunks/runtime.js";
+import { css as I, html as b } from "lit";
+import * as C 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 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 = 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 };
+  }
+  static {
+    this.styles = R;
+  }
+  #e;
+  async destroy() {
+    this.#r(), await this.manager.destroy();
+  }
+  async load() {
+    L.isLoaded() || await L.load();
+  }
+  #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: [
+        [
+          [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 l("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
+  }
+  get #i() {
+    const t = this.utilityNetwork?.dataElement?.domainNetworks;
+    return t ? t.flatMap((e) => e.edgeSources).map((e) => e.layerId).filter(Boolean) : [];
+  }
+  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;
+      try {
+        await this.beforeTraceLocationSelectStart();
+      } finally {
+        this._isSelectWaiting = !1;
+      }
+    }
+    await this.#t(t, e);
+  }
+  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"));
+  }
+  #o(t, e, r) {
+    if (t.state === "complete" && t.graphic) {
+      r.layer.remove(t.graphic), this.#n(t, e, r);
+      return;
+    }
+    t.state === "cancel" && (this.#r(), 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;
+    }
+    if (i?.geometry?.type !== "point") {
+      l("warn", this, "No screen point available for hit test."), this.#t(e, r);
+      return;
+    }
+    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;
+    }
+    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;
+    }
+    this.#r(), await this.#c(c, s, e) ? this.arcgisTraceLocationSelectEnd.emit() : this.#t(e, r);
+  }
+  #r() {
+    const { view: t, sketchViewModel: e } = this;
+    if (!t) {
+      l("error", this, m("view"));
+      return;
+    }
+    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 {
+        i = await this.afterHitTest(n);
+      } catch {
+        i = null;
+      }
+    }
+    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 #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 #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 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 #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 w({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: i,
+          terminalId: c
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: a ?? void 0,
+          selectedTerminals: a ? /* @__PURE__ */ new Set([c]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: e,
+          mapGraphic: 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: i,
+          percentAlong: a
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: void 0,
+          selectedTerminals: void 0
+        },
+        spatialProperties: {
+          mapPoint: e,
+          mapGraphic: t
+        }
+      };
+    } 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 w({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: i,
+          terminalId: p,
+          percentAlong: h
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: u ?? void 0,
+          selectedTerminals: u ? /* @__PURE__ */ new Set([p]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: e,
+          mapGraphic: t
+        }
+      };
+    }
+    return null;
+  }
+  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;
+  }
+  #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(s), s;
+  }
+  #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: e,
+        width: 2
+      }
+    }) : t === "barrier" ? new S({
+      color: e,
+      style: "square",
+      size: 12,
+      outline: {
+        color: e,
+        width: 0
+      }
+    }) : new S({
+      color: r,
+      style: "circle",
+      size: 12,
+      outline: {
+        color: r,
+        width: 0
+      }
+    });
+  }
+  #g() {
+    const { view: t, traceLocations: e } = this;
+    e?.forEach((r) => {
+      r.spatialProperties.flagGraphic && t && t.graphics.remove(r.spatialProperties.flagGraphic);
+    }), e?.removeAll();
+  }
+  #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-next .traceLocations=${r} .traceLocationType=${t} .view=${o}></arcgis-utility-network-trace-location-list-next>` : 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 b`<div class="root">${this.#y()}</div>`;
+  }
+}
+k("arcgis-utility-network-trace-location-next", $);
+export {
+  $ as ArcgisUtilityNetworkTraceLocationNext
+};

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

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

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

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