@arcgis/map-components 5.2.0-next.104 → 5.2.0-next.106

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

@@ -0,0 +1,397 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as C } from "../../chunks/runtime.js";
+import L from "@arcgis/core/core/Collection.js";
+import { cutExecute as I } from "@arcgis/core/geometry/operators/cutOperator.js";
+import { lengthExecute as w } from "@arcgis/core/geometry/operators/lengthOperator.js";
+import { projectIsLoaded as E, projectLoad as M, 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 S } from "@arcgis/lumina";
+import { log as d, composeMissingPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as q } from "../../chunks/useT9n.js";
+import { a as D, c as j, d as G, b as H } from "../../chunks/layer-utils.js";
+import { css as O, html as p } from "lit";
+import v from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
+import { substitute as U } from "@arcgis/core/intl.js";
+const W = O`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{padding: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 x extends N {
+  constructor() {
+    super(...arguments), this._messages = q({ blocking: !0 }), this._isSelectWaiting = !1, this.traceLocationType = "starting-point", this.traceLocations = new L(), this.filterLayers = new L(), this.spatialTolerance = 0.05, this.autoDestroyDisabled = !1, this.arcgisTraceLocationSelectEnd = S(), this.arcgisTraceLocationSelectStart = S(), this.arcgisError = S();
+  }
+  static {
+    this.properties = { _isSelectWaiting: 16, beforeTraceLocationSelectStart: 0, afterMapInteraction: 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.#a(e, $);
+      t && this.sketchViewModelMap.set(e, new B({ view: e, layer: t }));
+    }
+    return this.sketchViewModelMap.get(e) ?? null;
+  }
+  static #a(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 ? x.getSketchViewModel(this.view) : null;
+  }
+  async destroy() {
+    this.#i(), await this.manager.destroy();
+  }
+  async load() {
+    E() || await M();
+  }
+  willUpdate(e) {
+    e.has("filterLayers") && this.#o();
+  }
+  #e(e, t) {
+    this.error = t, d(e, this, t), this.arcgisError.emit();
+  }
+  #s(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 L();
+    this.filterLayers?.forEach((t) => {
+      j(t) ? t.sublayers.forEach((r) => {
+        e.add(new v({
+          layer: r,
+          enabled: !0
+        }));
+      }) : e.add(new v({
+        layer: t,
+        enabled: !0
+      }));
+    }), this.sketchViewModel.snappingOptions = {
+      enabled: !1,
+      featureSources: e
+    };
+  }
+  #n(e, t) {
+    const r = e.clone(), i = r.spatialReference, s = t.spatialReference;
+    if (!i || !s)
+      return d("warn", this, "Unable to calculate percent along because geometry is missing a spatial reference."), -1;
+    let a = t;
+    if (!i.equals(s)) {
+      const f = P(t, i);
+      if (!f)
+        return d("warn", this, "Unable to project flag point to source geometry spatial reference."), -1;
+      a = f;
+    }
+    const n = _(r, a);
+    if (n.isEmpty)
+      return d("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, u = o.x + 0.5, m = o.y + 0.5, g = new A({
+      hasZ: !1,
+      hasM: !0,
+      paths: [
+        [
+          [c, l],
+          [u, m]
+        ]
+      ],
+      spatialReference: r.spatialReference
+    }), h = I(r, g);
+    if (h.length > 0) {
+      const f = w(r, { unit: "feet" });
+      let y;
+      return h[0].paths[0][0][0] === r.paths[0][0][0] ? y = w(h[0], { unit: "feet" }) : h.length > 1 ? y = w(h[1], { unit: "feet" }) : y = 0, y / f;
+    }
+    return d("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)) {
+      d("error", this, "Cannot add trace location."), t || d("error", this, b("sketchViewModel")), e || d("error", this, b("view"));
+      return;
+    }
+    if (this.beforeTraceLocationSelectStart) {
+      this._isSelectWaiting = !0;
+      try {
+        await this.beforeTraceLocationSelectStart();
+      } 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.#d(i, e, t)), "acquireCursor" in e && e.acquireCursor("crosshair"), t.snappingOptions.enabled = !0, t.create("point"));
+  }
+  #d(e, t, r) {
+    if (e.state === "complete" && e.graphic) {
+      r.layer.remove(e.graphic), this.#u(e, t, r);
+      return;
+    }
+    e.state === "cancel" && (this.#i(), this.arcgisTraceLocationSelectEnd.emit());
+  }
+  async #u(e, t, r) {
+    const { utilityNetwork: i } = this, { graphic: s } = e;
+    if (!i) {
+      d("error", this, b("utilityNetwork")), this.#i(), this.arcgisTraceLocationSelectEnd.emit();
+      return;
+    }
+    if (s?.geometry?.type !== "point") {
+      this.#e("warn", this._messages.errors.noHitResult), this.#t(t, r);
+      return;
+    }
+    const a = s.geometry, n = t.toScreen(a);
+    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((u) => u.type === "graphic" && u?.layer && u.graphic);
+    if (!c.length) {
+      this.#e("info", this._messages.errors.noHitResult), this.#t(t, r);
+      return;
+    }
+    this.#i(), await this.#p(c, a, t) ? this.arcgisTraceLocationSelectEnd.emit() : this.#t(t, r);
+  }
+  #i() {
+    const { view: e, sketchViewModel: t } = this;
+    if (!e) {
+      d("error", this, b("view"));
+      return;
+    }
+    t && (t.snappingOptions.enabled = !1), this.#r?.remove(), this.#r = void 0, "acquireCursor" in e && e.acquireCursor("default");
+  }
+  async #p(e, t, r) {
+    if (!e.length)
+      return this.#e("error", this._messages.errors.noHitResult), !1;
+    let s = 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 {
+        s = await this.afterMapInteraction(n);
+      } catch {
+        s = null;
+      }
+    }
+    if (!s)
+      return d("error", this, "No graphic available from hit test results."), this.arcgisTraceLocationSelectEnd.emit(), !0;
+    const a = await this.#h(s);
+    return a ? await this.#m(a, t, r) : (this.#e("error", this._messages.errors.missingAttributes), this.arcgisTraceLocationSelectEnd.emit(), !0);
+  }
+  async #h(e) {
+    const t = (G(e.layer), e.layer), r = t.geometryType === null, i = t.fieldsIndex?.get("assetgroup") ?? !1, s = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", a = t.fieldsIndex?.get("assettype") ?? !1, n = t.fieldsIndex?.get("assettype")?.name ?? "assettype", o = e.getGlobalId(), c = e.getObjectId(), l = i ? !!e.getAttribute(s) : !0, u = a ? !!e.getAttribute(n) : !0, m = !!e.geometry;
+    if (o && c && l && u && (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, s = e.getGlobalId() ?? "", a = 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() === s) ?? [];
+    if (o.length > 0) {
+      if (a !== "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, s = e.getGlobalId() ?? "", a = e.geometry?.type, n = await this.#g(e);
+    if (a === "point" || a === "polygon") {
+      const o = i?.getTerminalConfiguration(e), c = o ? o.terminals[0].id : 1;
+      return {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          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 (a === "polyline") {
+      const o = this.#n(e.geometry, t);
+      return o < 0 ? (d("warn", this, "Unable to calculate percent along for polyline flag."), null) : {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          percentAlong: o
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: void 0,
+          selectedTerminals: void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    } else if (!a) {
+      const o = H(e.layer) ? e.layer.parent : e.layer, c = o && this.#c.includes(o.layerId), l = i?.getTerminalConfiguration(e), u = l ? l.terminals[0].id : c ? -1 : 1, m = c ? 0.5 : -1;
+      return {
+        traceLocation: new T({
+          type: r,
+          isFilterBarrier: !1,
+          globalId: s,
+          terminalId: u,
+          percentAlong: m
+        }),
+        flagProperties: {
+          title: n,
+          expanded: !1,
+          terminalConfiguration: l ?? void 0,
+          selectedTerminals: l ? /* @__PURE__ */ new Set([u]) : void 0
+        },
+        spatialProperties: {
+          mapPoint: t,
+          mapGraphic: e
+        }
+      };
+    }
+    return null;
+  }
+  async #g(e) {
+    const t = (G(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, s = this.#b(), a = new F({
+      geometry: i,
+      symbol: s,
+      attributes: e.attributes
+    });
+    return r.graphics.add(a), a;
+  }
+  #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
+      }
+    });
+  }
+  #L() {
+    const { view: e, traceLocations: t } = this;
+    t?.forEach((r) => {
+      r.spatialProperties.flagGraphic && e && e.graphics.remove(r.spatialProperties.flagGraphic);
+    }), t?.removeAll();
+  }
+  #w(e, t) {
+    const { flagProperties: r } = e, { selectedTerminals: i } = r, { name: s, id: a } = t, n = i?.has(a) ?? !1;
+    return p`<calcite-label layout=inline><calcite-checkbox .value=${a} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? i?.add(a) : i?.delete(a), this.requestUpdate();
+    }}></calcite-checkbox>${s}</calcite-label>`;
+  }
+  #T() {
+    return p`<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 p`<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>`;
+  }
+  #S(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r, selectedTerminals: i } = t, s = e.traceLocation.type === "barrier", a = r && r.terminals.length > 0 && i?.size === 0;
+    return p`<calcite-action .icon=${t.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+      t.expanded = !t.expanded, this.requestUpdate();
+    }}></calcite-action>${a && p`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${t.expanded && p`<div class="terminals" slot=content-bottom>${s && this.#k(e) || ""}${r && this.#x(e) || ""}${a && this.#T() || ""}</div>` || ""}`;
+  }
+  #x(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r } = t;
+    if (!r)
+      return d("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((a) => this.#w(e, a)) : (d("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
+  }
+  #G(e) {
+    const { flagProperties: t } = e, { terminalConfiguration: r, expanded: i, title: s } = t, a = r && r.id !== 0, n = e.traceLocation.type === "barrier", o = a || n, c = r?.name ?? void 0;
+    return p`<calcite-list-item .label=${s} .description=${c} .value=${s} .expanded=${i}>${o ? this.#S(e) : p`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this.#s(e)}></calcite-action></calcite-list-item>`;
+  }
+  #v(e) {
+    if (!e.length)
+      return null;
+    const { traceLocationType: t } = this, r = e.map((s) => this.#G(s)).toArray(), i = U(this._messages.labels.list, { type: t });
+    return p`<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, s = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, a = i ?? s.heading, n = s.description, o = s.buttonText;
+    return p`<calcite-block .heading=${a} .label=${a} expanded .description=${n}>${r?.length ? p`<calcite-button slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this.#L()}>${t.buttons.clear}</calcite-button>${this.#v(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.#$();
+  }
+}
+C("arcgis-utility-network-trace-locations", x);
+export {
+  x as ArcgisUtilityNetworkTraceLocations
+};

package/dist/components/{arcgis-utility-network-trace-location-list-next → arcgis-utility-network-trace-locations}/index.js

@@ -6,4 +6,6 @@ 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";

package/dist/components/arcgis-utility-network-validate-network-topology/customElement.d.ts

@@ -84,7 +84,7 @@ export type State = Disabled | Executing | Loading | Ready | Success | ValidateN
  *
  * ```html
  * <calcite-shell>
- *   <calcite-shell-panel slot="panel-start" position="start" width-scale="l">
+ *   <calcite-shell-panel slot="panel-start" position="start" width="l">
  *     <arcgis-utility-network-validate-network-topology reference-element="#map-element"></arcgis-utility-network-validate-network-topology>
  *   </calcite-shell-panel>
  *   <arcgis-map id="map-element" item-id="471eb0bf37074b1fbb972b1da70fb310"></arcgis-map>

package/dist/components/arcgis-utility-network-validate-network-topology/customElement.js

@@ -240,7 +240,7 @@ class z extends U {
   }
   render() {
     const e = this._renderStatusIcon(), t = this._renderValidateNetworkTopologyAction(), i = this._renderValidateNetworkTopologyActionTooltip(), a = this._renderUtilityNetworkCombobox(), o = this._renderExtentToValidateCombobox(), s = this._renderInfoNotice();
-    return r`<calcite-panel .loading=${this.state.type === "loading"}><calcite-block collapsible expanded .heading=${this.label}>${e}${t}${a}${o}${s}</calcite-block>${i}</calcite-panel>`;
+    return r`<calcite-panel .loading=${this.state.type === "loading"}><calcite-block expandable expanded .heading=${this.label}>${e}${t}${a}${o}${s}</calcite-block>${i}</calcite-panel>`;
   }
 }
 N("arcgis-utility-network-validate-network-topology", z);