@arcgis/map-components 5.1.8 → 5.1.9

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

@@ -1,59 +1,66 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
-import { css as x, html as y } from "lit";
-import * as C from "@arcgis/core/geometry/operators/cutOperator.js";
-import * as m from "@arcgis/core/geometry/operators/lengthOperator.js";
-import * as b from "@arcgis/core/geometry/operators/projectOperator.js";
-import I from "@arcgis/core/geometry/Polyline.js";
-import G from "@arcgis/core/geometry/SpatialReference.js";
-import F from "@arcgis/core/Graphic.js";
-import T from "@arcgis/core/rest/networks/support/TraceLocation.js";
-import L from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
-import { LitElement as v, createEvent as w } from "@arcgis/lumina";
-import { log as l, composeMissingPropertyMessage as g } from "@arcgis/toolkit/log";
-import { u as A } from "../../chunks/useT9n.js";
-import { d as S, i as P } from "../../chunks/layer-utils.js";
-const N = x`calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.add-location-button{--calcite-button-border-color: var(--calcite-color-border-1);--calcite-button-icon-color: var(--calcite-color-text-1);--calcite-button-text-color: var(--calcite-color-text-1)}.button-container{justify-content:center;display:grid}.clear-button{--calcite-button-border-color: transparent}`;
-class R extends v {
+import { c as C } from "../../chunks/runtime.js";
+import { css as x, html as b } from "lit";
+import * as G from "@arcgis/core/geometry/operators/cutOperator.js";
+import * as T from "@arcgis/core/geometry/operators/lengthOperator.js";
+import * as L from "@arcgis/core/geometry/operators/projectOperator.js";
+import * as I from "@arcgis/core/geometry/operators/proximityOperator.js";
+import v from "@arcgis/core/geometry/Polyline.js";
+import A from "@arcgis/core/Graphic.js";
+import w from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import S from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
+import { LitElement as F, createEvent as _ } from "@arcgis/lumina";
+import { log as c, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
+import { u as N } from "../../chunks/useT9n.js";
+import { d as k, i as R } from "../../chunks/layer-utils.js";
+const P = x`calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.add-location-button{--calcite-button-border-color: var(--calcite-color-border-1);--calcite-button-icon-color: var(--calcite-color-text-1);--calcite-button-text-color: var(--calcite-color-text-1)}.button-container{justify-content:center;display:grid}.clear-button{--calcite-button-border-color: transparent}`;
+class E extends F {
   constructor() {
-    super(...arguments), this.messages = A({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = w(), this.arcgisTraceLocationSelectEnd = w(), this.arcgisTraceLocationSelectStart = w();
+    super(...arguments), this.messages = N({ blocking: !0 }), this.isSelectWaiting = !1, this.traceLocationType = "starting-point", this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationChange = _(), this.arcgisTraceLocationSelectEnd = _(), this.arcgisTraceLocationSelectStart = _();
   }
   static {
     this.properties = { isSelectWaiting: 16, beforeTraceLocationSelectStart: 0, afterHitTest: 0, view: 0, traceLocationType: 1, traceLocations: 0, filterLayers: 0, sketchViewModel: 0, spatialTolerance: 9, autoDestroyDisabled: 5, utilityNetwork: 0 };
   }
   static {
-    this.styles = N;
+    this.styles = P;
   }
   async destroy() {
     this._resetCursor(), await this.manager.destroy();
   }
   async load() {
-    b.isLoaded() || await b.load();
+    L.isLoaded() || await L.load();
   }
-  _createPolyline(e, t) {
-    return new I({
+  _calculatePercentAlong(e, t) {
+    const r = e.clone(), s = r.spatialReference, o = t.spatialReference;
+    if (!s || !o)
+      return c("warn", this, "Unable to calculate percent along because geometry is missing a spatial reference."), -1;
+    let a = t;
+    if (!s.equals(o)) {
+      const h = L.execute(t, s);
+      if (!h)
+        return c("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      a = h;
+    }
+    const n = I.getNearestCoordinate(r, a);
+    if (n.isEmpty)
+      return c("warn", this, "Unable to compute nearest coordinate for polyline flag."), -1;
+    const i = n.coordinate, l = i.x - 0.5, u = i.y - 0.5, p = i.x + 0.5, d = i.y + 0.5, g = new v({
       hasZ: !1,
       hasM: !0,
-      paths: e,
-      spatialReference: new G({ wkid: t })
-    });
-  }
-  _calculatePercentAlong(e, t) {
-    const r = e.spatialReference, s = this._createPolyline(e.paths, r.wkid), o = t.x - 0.5, a = t.x + 0.5, c = t.y - 0.5, i = t.y + 0.5, u = [
-      [
-        [o, c],
-        [a, i]
-      ]
-    ], n = this._createPolyline(u, t.spatialReference.wkid), p = b.execute(n, r);
-    if (!p)
-      return l("error", this, "Unable to project flag geometry to source geometry spatial reference."), -1;
-    const d = C.execute(s, p);
-    if (d.length > 0) {
-      const h = m.execute(s, { unit: "feet" });
-      let f;
-      return d[0].paths[0][0][0] === s.paths[0][0][0] ? f = m.execute(d[0], { unit: "feet" }) : d.length > 1 ? f = m.execute(d[1], { unit: "feet" }) : f = 0, f / h;
+      paths: [
+        [
+          [l, u],
+          [p, d]
+        ]
+      ],
+      spatialReference: r.spatialReference
+    }), f = G.execute(r, g);
+    if (f.length > 0) {
+      const h = T.execute(r, { unit: "feet" });
+      let y;
+      return f[0].paths[0][0][0] === r.paths[0][0][0] ? y = T.execute(f[0], { unit: "feet" }) : f.length > 1 ? y = T.execute(f[1], { unit: "feet" }) : y = 0, y / h;
     }
-    return l("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
+    return c("warn", this, "Unable to cut the source geometry with the flag geometry."), -1;
   }
   get _edgeSourceLayerIds() {
     const e = this.utilityNetwork?.dataElement?.domainNetworks;
@@ -62,7 +69,7 @@ class R extends v {
   async _handleAddButtonClick() {
     const { view: e, sketchViewModel: t } = this;
     if (!(e && t)) {
-      l("error", this, "Cannot add trace location."), t || l("error", this, g("sketchViewModel")), e || l("error", this, g("view"));
+      c("error", this, "Cannot add trace location."), t || c("error", this, m("sketchViewModel")), e || c("error", this, m("view"));
       return;
     }
     if (this.beforeTraceLocationSelectStart) {
@@ -86,39 +93,43 @@ class R extends v {
     e.state === "cancel" && (this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit());
   }
   async _performHitTest(e, t, r) {
-    const { utilityNetwork: s } = this;
+    const { utilityNetwork: s } = this, { graphic: o } = e;
     if (!s) {
-      l("error", this, g("utilityNetwork")), this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit();
+      c("error", this, m("utilityNetwork")), this._resetCursor(), this.arcgisTraceLocationSelectEnd.emit();
+      return;
+    }
+    if (o?.geometry?.type !== "point") {
+      c("warn", this, "No screen point available for hit test."), this._startSketch(t, r);
       return;
     }
-    const o = e.graphic?.geometry, a = t.toScreen(o);
-    if (!a) {
-      l("warn", this, "No screen point available for hit test."), this._startSketch(t, r);
+    const a = o.geometry, n = t.toScreen(a);
+    if (!n) {
+      c("warn", this, "No screen point available for hit test."), this._startSketch(t, r);
       return;
     }
-    const i = (await t.hitTest(a, {
+    const l = (await t.hitTest(n, {
       include: this.filterLayers
-    })).results.filter((n) => n.type === "graphic" && n?.layer && n.graphic);
-    if (i.length === 0) {
-      l("info", this, "No usable hit test results found."), this._startSketch(t, r);
+    })).results.filter((p) => p.type === "graphic" && p?.layer && p.graphic);
+    if (!l.length) {
+      c("info", this, "No usable hit test results found."), this._startSketch(t, r);
       return;
     }
-    this._resetCursor(), await this._processHitTestResults(i, o, t) ? this.arcgisTraceLocationSelectEnd.emit() : this._startSketch(t, r);
+    this._resetCursor(), await this._processHitTestResults(l, a, t) ? this.arcgisTraceLocationSelectEnd.emit() : this._startSketch(t, r);
   }
   _resetCursor() {
     const { view: e, sketchViewModel: t } = this;
     if (!e) {
-      l("error", this, g("view"));
+      c("error", this, m("view"));
       return;
     }
     t && (t.snappingOptions.enabled = !1), this._clickHandler?.remove(), this._clickHandler = void 0, "acquireCursor" in e && e.acquireCursor("default");
   }
   async _processHitTestResults(e, t, r) {
-    if (e.length === 0)
-      return l("error", this, "There are no hit test results to process."), !1;
-    const s = e[0], o = e.map((u) => {
-      const n = u, p = n.graphic;
-      return p.origin = n.layer, p.sourceLayer = n.layer, p;
+    if (!e.length)
+      return c("error", this, "There are no hit test results to process."), !1;
+    const s = e[0], o = e.map((l) => {
+      const u = l, p = u.graphic;
+      return p.origin = u.layer, p.sourceLayer = u.layer, p;
     });
     let a = s.graphic;
     if (this.afterHitTest)
@@ -128,47 +139,47 @@ class R extends v {
         a = null;
       }
     if (!a)
-      return l("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
-    const c = await this._ensureNecessaryAttributes(a);
-    return c ? await this._generateTraceLocation(c, t, r) : (l("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit(), !0);
+      return c("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
+    const n = await this._ensureNecessaryAttributes(a);
+    return n ? await this._generateTraceLocation(n, t, r) : (c("error", this, "Unable to ensure necessary attributes on the selected graphic."), this.arcgisTraceLocationSelectEnd.emit(), !0);
   }
   async _ensureNecessaryAttributes(e) {
-    const t = (S(e.layer), e.layer), r = t.geometryType === null, s = t.fieldsIndex?.get("assetgroup") ?? !1, o = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", a = t.fieldsIndex?.get("assettype") ?? !1, c = t.fieldsIndex?.get("assettype")?.name ?? "assettype", i = e.getGlobalId(), u = e.getObjectId(), n = s ? !!e.getAttribute(o) : !0, p = a ? !!e.getAttribute(c) : !0, d = !!e.geometry;
-    if (i && u && n && p && (d || r))
+    const t = (k(e.layer), e.layer), r = t.geometryType === null, s = t.fieldsIndex?.get("assetgroup") ?? !1, o = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", a = t.fieldsIndex?.get("assettype") ?? !1, n = t.fieldsIndex?.get("assettype")?.name ?? "assettype", i = e.getGlobalId(), l = e.getObjectId(), u = s ? !!e.getAttribute(o) : !0, p = a ? !!e.getAttribute(n) : !0, d = !!e.geometry;
+    if (i && l && u && p && (d || r))
       return e;
-    const h = t.createQuery();
-    return h.objectIds = [u], (await t.queryFeatures(h))?.features[0] || null;
+    const g = t.createQuery();
+    return g.objectIds = [l], (await t.queryFeatures(g))?.features[0] || null;
   }
   async _generateTraceLocation(e, t, r) {
-    const { traceLocations: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, c = await this._generateFlagInfo(e, t);
-    if (!c)
-      return l("error", this, "Unable to generate flag info for trace location."), !1;
-    const i = s?.filter((n) => n.spatialProperties.mapGraphic?.getGlobalId() === o) ?? [];
+    const { traceLocations: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, n = await this._generateFlagInfo(e, t);
+    if (!n)
+      return c("error", this, "Unable to generate flag info for trace location."), !1;
+    const i = s?.filter((u) => u.spatialProperties.mapGraphic?.getGlobalId() === o) ?? [];
     if (i.length > 0) {
       if (a !== "polyline")
-        return l("warn", this, "A flag with the same globalId already exists."), !1;
-      if (i.some((n) => Math.abs(n.traceLocation.percentAlong - c.traceLocation.percentAlong) <= this.spatialTolerance))
-        return l("warn", this, "A flag with the same globalId already exists within tolerance."), !1;
+        return c("warn", this, "A flag with the same globalId already exists."), !1;
+      if (i.some((u) => Math.abs(u.traceLocation.percentAlong - n.traceLocation.percentAlong) <= this.spatialTolerance))
+        return c("warn", this, "A flag with the same globalId already exists within tolerance."), !1;
     }
-    const u = this._addFlagGraphic(e, t, r);
-    return u ? (c.spatialProperties.flagGraphic = u, s?.add(c), !0) : (l("warn", this, "Unable to add flag graphic."), !1);
+    const l = this._addFlagGraphic(e, t, r);
+    return l ? (n.spatialProperties.flagGraphic = l, s?.add(n), !0) : (c("warn", this, "Unable to add flag graphic."), !1);
   }
   async _generateFlagInfo(e, t) {
-    const { traceLocationType: r, utilityNetwork: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, c = await this._generateItemTitle(e);
+    const { traceLocationType: r, utilityNetwork: s } = this, o = e.getGlobalId() ?? "", a = e.geometry?.type, n = await this._generateItemTitle(e);
     if (a === "point" || a === "polygon") {
-      const i = s?.getTerminalConfiguration(e), u = i ? i.terminals[0].id : 1;
+      const i = s?.getTerminalConfiguration(e), l = i ? i.terminals[0].id : 1;
       return {
-        traceLocation: new T({
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
           globalId: o,
-          terminalId: u
+          terminalId: l
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
           terminalConfiguration: i ?? void 0,
-          selectedTerminals: i ? /* @__PURE__ */ new Set([u]) : void 0
+          selectedTerminals: i ? /* @__PURE__ */ new Set([l]) : void 0
         },
         spatialProperties: {
           mapPoint: t,
@@ -177,15 +188,15 @@ class R extends v {
       };
     } else if (a === "polyline") {
       const i = this._calculatePercentAlong(e.geometry, t);
-      return i < 0 ? (l("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
-        traceLocation: new T({
+      return i < 0 ? (c("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
           globalId: o,
           percentAlong: i
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
           terminalConfiguration: void 0,
           selectedTerminals: void 0
@@ -196,9 +207,9 @@ class R extends v {
         }
       };
     } else if (!a) {
-      const i = P(e.layer) ? e.layer.parent : e.layer, u = i && this._edgeSourceLayerIds.includes(i.layerId), n = s?.getTerminalConfiguration(e), p = n ? n.terminals[0].id : u ? -1 : 1, d = u ? 0.5 : -1;
+      const i = R(e.layer) ? e.layer.parent : e.layer, l = i && this._edgeSourceLayerIds.includes(i.layerId), u = s?.getTerminalConfiguration(e), p = u ? u.terminals[0].id : l ? -1 : 1, d = l ? 0.5 : -1;
       return {
-        traceLocation: new T({
+        traceLocation: new w({
           type: r,
           isFilterBarrier: !1,
           globalId: o,
@@ -206,10 +217,10 @@ class R extends v {
           percentAlong: d
         }),
         flagProperties: {
-          title: c,
+          title: n,
           expanded: !1,
-          terminalConfiguration: n ?? void 0,
-          selectedTerminals: n ? /* @__PURE__ */ new Set([p]) : void 0
+          terminalConfiguration: u ?? void 0,
+          selectedTerminals: u ? /* @__PURE__ */ new Set([p]) : void 0
         },
         spatialProperties: {
           mapPoint: t,
@@ -220,11 +231,11 @@ class R extends v {
     return null;
   }
   async _generateItemTitle(e) {
-    const { messages: t } = this, r = (S(e.layer), e.layer);
+    const { messages: t } = this, r = (k(e.layer), e.layer);
     return ("getFeatureTitle" in r ? await r.getFeatureTitle(e) : null) || e?.getObjectId()?.toString() || t.labels.unknown;
   }
   _addFlagGraphic(e, t, r) {
-    const s = e.geometry ? e.geometry.type === "point" ? e.geometry : t : null, o = this._createFlagSymbol(), a = new F({
+    const s = e.geometry ? e.geometry.type === "point" ? e.geometry : t : null, o = this._createFlagSymbol(), a = new A({
       geometry: s,
       symbol: o,
       attributes: e.attributes
@@ -233,7 +244,7 @@ class R extends v {
   }
   _createFlagSymbol() {
     const { traceLocationType: e } = this, t = [244, 21, 21, 0.6], r = [21, 244, 21, 0.6];
-    return e === "stopping-point" ? new L({
+    return e === "stopping-point" ? new S({
       color: t,
       style: "x",
       size: 12,
@@ -241,7 +252,7 @@ class R extends v {
         color: t,
         width: 2
       }
-    }) : e === "barrier" ? new L({
+    }) : e === "barrier" ? new S({
       color: t,
       style: "square",
       size: 12,
@@ -249,7 +260,7 @@ class R extends v {
         color: t,
         width: 0
       }
-    }) : new L({
+    }) : new S({
       color: r,
       style: "circle",
       size: 12,
@@ -266,14 +277,14 @@ class R extends v {
     }), t?.removeAll();
   }
   renderAddLocationBlock() {
-    const { traceLocationType: e, messages: t, traceLocations: r, view: s } = this, o = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = o.heading, c = o.description, i = o.buttonText;
-    return y`<calcite-block .heading=${a} .label=${a} expanded .description=${c}>${r?.length ? y`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button><arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e} .view=${s}></arcgis-utility-network-trace-location-list>` : null}<div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${i} @click=${() => this._handleAddButtonClick()}>${i}</calcite-button></div></calcite-block>`;
+    const { traceLocationType: e, messages: t, traceLocations: r, view: s } = this, o = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = o.heading, n = o.description, i = o.buttonText;
+    return b`<calcite-block .heading=${a} .label=${a} expanded .description=${n}>${r?.length ? b`<calcite-button class="clear-button" slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button><arcgis-utility-network-trace-location-list .traceLocations=${r} .traceLocationType=${e} .view=${s}></arcgis-utility-network-trace-location-list>` : null}<div class="button-container"><calcite-button .loading=${this.isSelectWaiting} class="add-location-button" icon-start=select appearance=outline .label=${i} @click=${() => this._handleAddButtonClick()}>${i}</calcite-button></div></calcite-block>`;
   }
   render() {
-    return y`<div class="root">${this.renderAddLocationBlock()}</div>`;
+    return b`<div class="root">${this.renderAddLocationBlock()}</div>`;
   }
 }
-k("arcgis-utility-network-trace-location", R);
+C("arcgis-utility-network-trace-location", E);
 export {
-  R as ArcgisUtilityNetworkTraceLocation
+  E as ArcgisUtilityNetworkTraceLocation
 };