@arcgis/map-components 5.2.0-next.9 → 5.2.0-next.90

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";

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

@@ -2,21 +2,18 @@
 import type Color from "@arcgis/core/Color.js";
 import type EsriError from "@arcgis/core/core/Error.js";
 import type Graphic from "@arcgis/core/Graphic.js";
-import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
 import type Layer from "@arcgis/core/layers/Layer.js";
-import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
 import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
 import type TraceResult from "@arcgis/core/rest/networks/support/TraceResult.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
- *
- * This sub-component takes a `TraceResult` instance as input.
- * Optionally, the title of a trace configuration can be provided as a heading to display.
+ * It displays a subset of trace result types.
  *
  * @since 4.34
  * @internal
@@ -97,9 +94,17 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-utility-network-trace-results auto-destroy-disabled></arcgis-utility-network-trace-results>
+   * ```
+   *
+   * ```js
+   * utilityNetworkTraceResultsElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
-  accessor featuresFromSelectedLayer: Graphic[];
   /**
    * @default false
    * @internal
@@ -110,7 +115,12 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   /** @default false */
   accessor isElementsSelected: boolean;
   accessor layers: Layer[];
-  accessor messageOverrides: {
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: NonNullable<ArcgisFeaturesNext["messageOverrides"]> & {
       gettingResults?: string | undefined;
       headings?: {
           features?: string | undefined;
@@ -150,7 +160,6 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  accessor selectedLayer: FeatureLayer | Layer | SubtypeSublayer | undefined;
   /** @default "ready" */
   accessor state: State;
   accessor traceConfigTitle: string | undefined;
@@ -158,19 +167,21 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   accessor traceResult: TraceResult | undefined;
   accessor traceResultFeatures: Graphic[];
   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-results component will be associated with a map or scene component rather than using the `view` property.
+   */
   accessor view: MapView | undefined;
   clearAggregatedGeometryGraphics(): void;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   readonly arcgisAggregatedGeometryGraphicsColorChange: import("@arcgis/lumina").TargetedEvent<this, string>;
   readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
-  readonly arcgisSelectedLayerChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisSelectedResultTypeChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly arcgisTraceResultFeaturesReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisAggregatedGeometryGraphicsColorChange: ArcgisUtilityNetworkTraceResults["arcgisAggregatedGeometryGraphicsColorChange"]["detail"];
     arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceResults["arcgisHideGraphicsChange"]["detail"];
-    arcgisSelectedLayerChange: ArcgisUtilityNetworkTraceResults["arcgisSelectedLayerChange"]["detail"];
     arcgisSelectedResultTypeChange: ArcgisUtilityNetworkTraceResults["arcgisSelectedResultTypeChange"]["detail"];
     arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceResults["arcgisTraceResultFeaturesReady"]["detail"];
   };