@arcgis/map-components 5.0.0-next.75 → 5.0.0-next.77

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

@@ -1,27 +1,27 @@
-import { c as b } from "../../chunks/runtime.js";
-import { repeat as u } from "lit/directives/repeat.js";
-import { queryAllJSON as f } from "@arcgis/core/applications/Components/featureUtils.js";
+import { c as f } from "../../chunks/runtime.js";
+import { repeat as h } from "lit/directives/repeat.js";
+import { queryAllJSON as b } from "@arcgis/core/applications/Components/featureUtils.js";
 import s from "@arcgis/core/core/Collection.js";
 import _ from "@arcgis/core/layers/GraphicsLayer.js";
-import T from "@arcgis/core/networks/support/UNTraceConfiguration.js";
-import S from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import S from "@arcgis/core/networks/support/UNTraceConfiguration.js";
+import T from "@arcgis/core/rest/networks/support/TraceLocation.js";
 import N from "@arcgis/core/rest/support/FeatureSet.js";
 import d from "@arcgis/core/views/interactive/snapping/FeatureSnappingLayerSource.js";
-import $ from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
-import { LitElement as L, createEvent as h, safeClassMap as g } from "@arcgis/lumina";
+import L from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import { LitElement as $, createEvent as u, safeClassMap as g } from "@arcgis/lumina";
 import { css as C, html as o } from "lit";
 import { u as v } from "../../chunks/useT9n.js";
 import { usePropertyChange as U } from "@arcgis/lumina/controllers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
+v5.0.0-next.77 */
 const E = C`:host{width:100%}.arcgis-utility-network-trace-inputs calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.arcgis-utility-network-trace-inputs calcite-block-group{padding-bottom:var(--calcite-spacing-md);background-color:var(--calcite-color-foreground-1)}.arcgis-utility-network-trace-inputs calcite-block calcite-select{padding:0 var(--calcite-spacing-md)}.arcgis-utility-network-trace-inputs calcite-block calcite-label:last-child{--calcite-label-margin-bottom: 0}.arcgis-utility-network-trace-inputs calcite-notice{padding:var(--calcite-spacing-md)}.arcgis-utility-network-trace-inputs .inline-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.arcgis-utility-network-trace-inputs__add-spatial-mode{display:flex;height:300px;padding:var(--calcite-spacing-xxl) var(--calcite-spacing-sm);flex-direction:column;justify-content:center;align-items:center;gap:var(--calcite-spacing-md);align-self:stretch}.arcgis-utility-network-trace-inputs .subnetwork-info-block{padding-top:var(--calcite-spacing-md);padding-left:var(--calcite-spacing-md);padding-right:var(--calcite-spacing-md)}`, p = "arcgis-utility-network-trace-inputs", w = {
   // popup renderer
   base: p,
   // containers and content
   addSpatialMode: `${p}__add-spatial-mode`
 }, c = "map-components:utility-network-trace-inputs", k = `utility-network-trace-inputs-sketch-${Date.now()}`, l = `utility-network-trace-inputs-flags-${Date.now()}`;
-class M extends L {
+class M extends $ {
   constructor() {
     super(...arguments), this._messages = v({ blocking: !0 }), this._startingPoints = new s(), this._barriers = new s(), this._stoppingPoints = new s(), this._subnetworkTraceTypes = /* @__PURE__ */ new Set([
       "subnetwork",
@@ -29,7 +29,7 @@ class M extends L {
       "upstream",
       "downstream",
       "isolation"
-    ]), this._removeDuplicateSubnetworkNames = (e, t, i) => t === 0 || e.getAttribute("SUBNETWORKNAME") !== i[t - 1].getAttribute("SUBNETWORKNAME"), this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this.mode = "default", this.arcgisTraceInputsChange = h(), this.arcgisUtilityNetworkChange = h(), this.arcgisPropertyChange = U()("mode");
+    ]), this._removeDuplicateSubnetworkNames = (e, t, i) => t === 0 || e.getAttribute("SUBNETWORKNAME") !== i[t - 1].getAttribute("SUBNETWORKNAME"), this.compatibleSubnetworkNames = [], this.traceConfigurations = [], this._state = "ready", this.mode = "default", this.arcgisTraceInputsChange = u(), this.arcgisUtilityNetworkChange = u(), this.arcgisTraceLocationSelectStart = u(), this.arcgisPropertyChange = U()("mode");
   }
   static {
     this.properties = { compatibleSubnetworkNames: 16, selectedSubnetworkName: 16, subnetworksTable: 16, traceConfigurations: 16, utilityNetworks: 16, _unTraceConfiguration: 16, _state: 16, _activeTraceLocationType: 16, view: 0, selectedUtilityNetwork: 0, selectedNamedTraceConfiguration: 0, unTraceConfiguration: 32, referenceElement: 1, mode: 1, traceLocations: 32 };
@@ -53,7 +53,7 @@ class M extends L {
   get traceLocations() {
     const e = [], t = (i) => {
       i.flagProperties.terminalConfiguration && i.flagProperties.selectedTerminals ? i.flagProperties.selectedTerminals.forEach((r) => {
-        e.push(new S({
+        e.push(new T({
           type: i.traceLocation.type,
           isFilterBarrier: i.traceLocation.isFilterBarrier,
           globalId: i.traceLocation.globalId,
@@ -95,7 +95,7 @@ class M extends L {
     const { map: t } = this.view;
     if (t) {
       const i = t.findLayerById(e);
-      if (i && i.type === "graphics")
+      if (i?.type === "graphics")
         return t.reorder(i, t.layers.length - 1), i;
     }
     return null;
@@ -126,7 +126,7 @@ class M extends L {
     return t?.forEach((r) => a.add(new d({
       layer: r,
       enabled: !0
-    }))), new $({
+    }))), new L({
       layer: i,
       view: e
     });
@@ -146,7 +146,7 @@ class M extends L {
       return;
     const t = e.createQuery();
     t.gdbVersion = this.selectedUtilityNetwork?.gdbVersion, t.where = this._getSubnetworkQueryWhereClause(), t.outFields = ["SUBNETWORKNAME"], t.orderByFields = ["SUBNETWORKNAME"];
-    const i = N.fromJSON(await f(e, t));
+    const i = N.fromJSON(await b(e, t));
     this.compatibleSubnetworkNames = i.features.filter(this._removeDuplicateSubnetworkNames).map((a) => a.getAttribute("SUBNETWORKNAME"));
   }
   _getSubnetworkQueryWhereClause() {
@@ -168,7 +168,7 @@ class M extends L {
   }
   _handleTraceConfigChange() {
     const { selectedNamedTraceConfiguration: e } = this;
-    if (!(e?.traceConfiguration instanceof T)) {
+    if (!(e?.traceConfiguration instanceof S)) {
       console.error(`${c} - Trace configuration not found`), this._unTraceConfiguration = void 0;
       return;
     }
@@ -206,6 +206,10 @@ class M extends L {
       this._state = "disabled", console.error(`${c} - No view or map available to load utility networks`);
   }
   _handleTraceLocationSelectStart(e) {
+    if (e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit().defaultPrevented) {
+      e.preventDefault();
+      return;
+    }
     this._activeTraceLocationType = e?.target?.traceLocationType, this.mode = "add-spatial";
   }
   _handleTraceLocationSelectEnd() {
@@ -224,13 +228,13 @@ class M extends L {
     const { _messages: e, traceConfigurations: t } = this, i = e.labels.traceConfiguration;
     if (t.length === 0)
       return this.renderError(e.errors.noTraceConfigurationError, !0);
-    const a = u(t, (r) => r.globalId, (r) => o`<calcite-option .value=${r.globalId}>${r.title}</calcite-option>`);
+    const a = h(t, (r) => r.globalId, (r) => o`<calcite-option .value=${r.globalId}>${r.title}</calcite-option>`);
     return o`<calcite-block .heading=${i} .label=${i} expanded><calcite-select .label=${i} .value=${this.selectedNamedTraceConfiguration?.globalId || void 0} @calciteSelectChange=${(r) => {
       this._selectTraceConfigurationByGuid(r.target.value);
     }}>${a}</calcite-select></calcite-block>`;
   }
   renderUtilityNetworkSelection() {
-    const { _messages: e } = this, t = e.labels.utilityNetwork, i = u(this.utilityNetworks, (a) => a.id, (a) => o`<calcite-option .value=${a.id}>${a.title}</calcite-option>`).toArray();
+    const { _messages: e } = this, t = e.labels.utilityNetwork, i = h(this.utilityNetworks, (a) => a.id, (a) => o`<calcite-option .value=${a.id}>${a.title}</calcite-option>`).toArray();
     return o`<calcite-block .heading=${t} .label=${t} expanded><calcite-select .label=${t} .value=${this.selectedUtilityNetwork?.id} @calciteSelectChange=${(a) => {
       this.selectedUtilityNetwork?.id !== a.target.value && (this.selectedUtilityNetwork = this.utilityNetworks?.find((r) => r.id === a.target.value));
     }}>${i}</calcite-select></calcite-block>`;
@@ -276,7 +280,7 @@ class M extends L {
     return o`<div class=${g(w.base)}><calcite-flow>${this.renderDefaultMode()}${e === "add-spatial" ? this.renderAddSpatialMode() : null}</calcite-flow></div>`;
   }
 }
-b("arcgis-utility-network-trace-inputs", M);
+f("arcgis-utility-network-trace-inputs", M);
 export {
   M as ArcgisUtilityNetworkTraceInputs
 };

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

@@ -1,6 +1,6 @@
 import { c as $ } from "../../chunks/runtime.js";
-import { css as x, html as m } from "lit";
-import v from "@arcgis/core/geometry/Polyline.js";
+import { css as v, html as m } from "lit";
+import x from "@arcgis/core/geometry/Polyline.js";
 import A from "@arcgis/core/geometry/SpatialReference.js";
 import { LitElement as I, createEvent as b, safeClassMap as g } from "@arcgis/lumina";
 import { u as F } from "../../chunks/useT9n.js";
@@ -12,8 +12,8 @@ import * as G from "@arcgis/core/geometry/operators/cutOperator.js";
 import * as L from "@arcgis/core/geometry/operators/lengthOperator.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
-const S = x`.arcgis-utility-network-trace-location calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.arcgis-utility-network-trace-location calcite-notice{padding:var(--calcite-spacing-xs)}.arcgis-utility-network-trace-location__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)}.arcgis-utility-network-trace-location__button-container{justify-content:center;display:grid}.arcgis-utility-network-trace-location__clear-button{--calcite-button-border-color: transparent}`, y = "arcgis-utility-network-trace-location", h = {
+v5.0.0-next.77 */
+const S = v`.arcgis-utility-network-trace-location calcite-block{--calcite-block-content-space: 0;--calcite-block-border-color: transparent;margin:0}.arcgis-utility-network-trace-location calcite-notice{padding:var(--calcite-spacing-xs)}.arcgis-utility-network-trace-location__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)}.arcgis-utility-network-trace-location__button-container{justify-content:center;display:grid}.arcgis-utility-network-trace-location__clear-button{--calcite-button-border-color: transparent}`, y = "arcgis-utility-network-trace-location", f = {
   // popup renderer
   base: y,
   // containers and content
@@ -35,7 +35,7 @@ class P extends I {
     k.isLoaded() || await k.load();
   }
   _createPolyline(e, t) {
-    return new v({
+    return new x({
       hasZ: !1,
       hasM: !0,
       paths: e,
@@ -43,9 +43,9 @@ class P extends I {
     });
   }
   _calculatePercentAlong(e, t) {
-    const o = e.spatialReference, r = this._createPolyline(e.paths, o.wkid), s = t.x - 0.5, i = t.x + 0.5, n = t.y - 0.5, a = t.y + 0.5, l = [
+    const o = e.spatialReference, r = this._createPolyline(e.paths, o.wkid), n = t.x - 0.5, i = t.x + 0.5, s = t.y - 0.5, a = t.y + 0.5, l = [
       [
-        [s, n],
+        [n, s],
         [i, a]
       ]
     ], d = this._createPolyline(l, t.spatialReference.wkid), u = k.execute(d, o);
@@ -54,14 +54,14 @@ class P extends I {
     const p = G.execute(r, u);
     if (p.length > 0) {
       const _ = L.execute(r, { unit: "feet" });
-      let f;
-      return p[0].paths[0][0][0] === r.paths[0][0][0] ? f = L.execute(p[0], { unit: "feet" }) : f = L.execute(p[1], { unit: "feet" }), f / _;
+      let h;
+      return p[0].paths[0][0][0] === r.paths[0][0][0] ? h = L.execute(p[0], { unit: "feet" }) : h = L.execute(p[1], { unit: "feet" }), h / _;
     }
     return console.warn(`${c} - Unable to cut the source geometry with the flag geometry.`), 0.5;
   }
   async _ensureNecessaryAttributes(e) {
-    const t = (e.layer?.type === "feature", e.layer), o = t.fieldsIndex?.get("assetgroup") ?? !1, r = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", s = t.fieldsIndex?.get("assettype") ?? !1, i = t.fieldsIndex?.get("assettype")?.name ?? "assettype", n = e.getGlobalId(), a = e.getObjectId(), l = o ? !!e.getAttribute(r) : !0, d = s ? !!e.getAttribute(i) : !0;
-    if (n && a && l && d)
+    const t = (e.layer?.type === "feature", e.layer), o = t.fieldsIndex?.get("assetgroup") ?? !1, r = t.fieldsIndex?.get("assetgroup")?.name ?? "assetgroup", n = t.fieldsIndex?.get("assettype") ?? !1, i = t.fieldsIndex?.get("assettype")?.name ?? "assettype", s = e.getGlobalId(), a = e.getObjectId(), l = o ? !!e.getAttribute(r) : !0, d = n ? !!e.getAttribute(i) : !0;
+    if (s && a && l && d)
       return e;
     const u = t.createQuery();
     return u.objectIds = [a], (await t.queryFeatures(u))?.features[0] || null;
@@ -72,7 +72,7 @@ class P extends I {
       console.log(`${c} - No view or results to process.`);
       return;
     }
-    const s = e[0].graphic, i = await this._ensureNecessaryAttributes(s);
+    const n = e[0].graphic, i = await this._ensureNecessaryAttributes(n);
     if (!i) {
       console.error(`${c} - Unable to get necessary attributes for trace location.`);
       return;
@@ -108,15 +108,15 @@ class P extends I {
     });
   }
   _addFlagGraphic(e, t, o) {
-    const { flagLayer: r, view: s } = this;
-    if (!r || !s)
+    const { flagLayer: r, view: n } = this;
+    if (!r || !n)
       return console.error(`${c} - Flag layer or view is not available.`), null;
     const i = t.geometry?.type;
     if (this.traceLocations?.some((l) => l.traceLocation.globalId === e) && i !== "polyline")
       return console.warn(`${c} - A flag with the same globalId already exists.`), null;
-    const n = this._createFlagSymbol(), a = new C({
+    const s = this._createFlagSymbol(), a = new C({
       geometry: o,
-      symbol: n,
+      symbol: s,
       attributes: t.attributes
     });
     return r.add(a), a;
@@ -126,18 +126,18 @@ class P extends I {
     return ("getFeatureTitle" in o ? await o.getFeatureTitle(e) : null) || e?.getObjectId()?.toString() || t.labels.unknown;
   }
   async _generateFlagInfo(e, t) {
-    const { traceLocationType: o, utilityNetwork: r } = this, s = e.getGlobalId() ?? "", i = e.geometry?.type, n = await this._generateItemTitle(e);
+    const { traceLocationType: o, utilityNetwork: r } = this, n = e.getGlobalId() ?? "", i = e.geometry?.type, s = await this._generateItemTitle(e);
     if (i === "point" || i === "polygon") {
       const a = r?.getTerminalConfiguration(e), l = a ? a.terminals[0].id : 1;
       return {
         traceLocation: new T({
           type: o,
           isFilterBarrier: !1,
-          globalId: s,
+          globalId: n,
           terminalId: l
         }),
         flagProperties: {
-          title: n,
+          title: s,
           expanded: !1,
           terminalConfiguration: a ?? void 0,
           selectedTerminals: a ? /* @__PURE__ */ new Set([l]) : void 0
@@ -153,11 +153,11 @@ class P extends I {
         traceLocation: new T({
           type: o,
           isFilterBarrier: !1,
-          globalId: s,
+          globalId: n,
           percentAlong: a
         }),
         flagProperties: {
-          title: n,
+          title: s,
           expanded: !1
         },
         spatialProperties: {
@@ -169,14 +169,14 @@ class P extends I {
     return null;
   }
   async _generateTraceLocation(e, t) {
-    const { traceLocations: o } = this, r = e.getGlobalId() ?? "", s = e.geometry?.type, i = await this._generateFlagInfo(e, t);
+    const { traceLocations: o } = this, r = e.getGlobalId() ?? "", n = e.geometry?.type, i = await this._generateFlagInfo(e, t);
     if (!i) {
       console.error(`${c} - Unable to generate flag info for trace location.`);
       return;
     }
-    const n = o?.filter((a) => a.spatialProperties.mapGraphic?.getGlobalId() === r) ?? [];
-    if (n.length === 0 || s === "polyline") {
-      if (s === "polyline" && n.length > 0 && n.some((l) => Math.abs(l.traceLocation.percentAlong - i.traceLocation.percentAlong) <= this.spatialTolerance)) {
+    const s = o?.filter((a) => a.spatialProperties.mapGraphic?.getGlobalId() === r) ?? [];
+    if (s.length === 0 || n === "polyline") {
+      if (n === "polyline" && s.length > 0 && s.some((l) => Math.abs(l.traceLocation.percentAlong - i.traceLocation.percentAlong) <= this.spatialTolerance)) {
         console.warn(`${c} - A flag with the same globalId already exists within tolerance.`);
         return;
       }
@@ -196,19 +196,19 @@ class P extends I {
       console.error(`${c} - View or utility network is not available for hit test.`);
       return;
     }
-    const r = e.graphic?.geometry, s = this.view?.toScreen(r);
-    if (!s) {
+    const r = e.graphic?.geometry, n = this.view?.toScreen(r);
+    if (!n) {
       console.warn(`${c} - No screen point available for hit test.`);
       return;
     }
-    const n = (await t.hitTest(s, {
+    const s = (await t.hitTest(n, {
       include: this.filterLayers
     })).results.filter((a) => a.type === "graphic" && a?.layer && a.graphic);
-    if (n.length === 0) {
+    if (s.length === 0) {
       console.log(`${c} - No usable hit test results found.`);
       return;
     }
-    this._ensureNecessaryAttributesAndGenerateTraceLocation(n, r);
+    this._ensureNecessaryAttributesAndGenerateTraceLocation(s, r);
   }
   _resetAfterSketch() {
     const { view: e } = this;
@@ -227,8 +227,14 @@ class P extends I {
     e.state === "complete" && e.graphic && (t.layer.remove(e.graphic), this._hitTest(e)), (e.state === "cancel" || e.state === "complete") && this._resetAfterSketch();
   }
   _handleAddButtonClick() {
-    const { view: e, sketchViewModel: t } = this;
-    e && t && (this._clickHandler?.remove(), this._clickHandler = t.on("create", this._handleSketchComplete.bind(this)), "acquireCursor" in e && e.acquireCursor("crosshair"), this.sketchViewModel?.create("point"), this.arcgisTraceLocationSelectStart.emit());
+    if (this.arcgisTraceLocationSelectStart.emit().defaultPrevented)
+      return;
+    const { view: t, sketchViewModel: o } = this;
+    if (!(t && o)) {
+      console.error(`${c} - Cannot add trace location; view not found.`);
+      return;
+    }
+    this._clickHandler?.remove(), this._clickHandler = o.on("create", this._handleSketchComplete.bind(this)), "acquireCursor" in t && t.acquireCursor("crosshair"), this.sketchViewModel?.create("point");
   }
   _handleClearButtonClick() {
     const { flagLayer: e, traceLocations: t } = this;
@@ -237,11 +243,11 @@ class P extends I {
     }), t?.removeAll();
   }
   renderAddLocationBlock() {
-    const { traceLocationType: e, messages: t, traceLocations: o } = this, r = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, s = r.heading, i = r.description, n = r.buttonText;
-    return m`<calcite-block .heading=${s} .label=${s} expanded .description=${i}>${o?.length ? m`<calcite-button class=${g(h.clearButton)} slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button>` : null}<arcgis-utility-network-trace-location-list .traceLocations=${o} .traceLocationType=${e}></arcgis-utility-network-trace-location-list><div class=${g(h.buttonContainer)}><calcite-button class=${g(h.addLocationButton)} icon-start=select appearance=outline .label=${n} @click=${() => this._handleAddButtonClick()}>${n}</calcite-button></div></calcite-block>`;
+    const { traceLocationType: e, messages: t, traceLocations: o } = this, r = e === "starting-point" ? t.types.startingPoint : e === "barrier" ? t.types.barrier : t.types.stoppingPoint, n = r.heading, i = r.description, s = r.buttonText;
+    return m`<calcite-block .heading=${n} .label=${n} expanded .description=${i}>${o?.length ? m`<calcite-button class=${g(f.clearButton)} slot=actions-end appearance=transparent .label=${t.buttons.clear} @click=${() => this._handleClearButtonClick()}>${t.buttons.clear}</calcite-button>` : null}<arcgis-utility-network-trace-location-list .traceLocations=${o} .traceLocationType=${e}></arcgis-utility-network-trace-location-list><div class=${g(f.buttonContainer)}><calcite-button class=${g(f.addLocationButton)} icon-start=select appearance=outline .label=${s} @click=${() => this._handleAddButtonClick()}>${s}</calcite-button></div></calcite-block>`;
   }
   render() {
-    return m`<div class=${g(h.base)}>${this.renderAddLocationBlock()}</div>`;
+    return m`<div class=${g(f.base)}>${this.renderAddLocationBlock()}</div>`;
   }
 }
 $("arcgis-utility-network-trace-location", P);

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

@@ -6,7 +6,7 @@ import { u as w } from "../../chunks/useT9n.js";
 import { substitute as _ } from "@arcgis/core/intl.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
+v5.0.0-next.77 */
 const y = $`.arcgis-utility-network-trace-location-list{margin-block-start:0;padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-ui-foreground-1)}.arcgis-utility-network-trace-location-list calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}.arcgis-utility-network-trace-location-list__warning{color:var(--calcite-color-status-danger)}.arcgis-utility-network-trace-location-list__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}.arcgis-utility-network-trace-location-list__filter-barrier-container{display:flex;width:100%;calcite-label{width:100%}}.arcgis-utility-network-trace-location-list__filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}.arcgis-utility-network-trace-location-list calcite-list-item [slot=content-bottom]{background-color:transparent;display:none}.arcgis-utility-network-trace-location-list calcite-list-item[expanded] [slot=content-bottom]{display:unset}`, o = "arcgis-utility-network-trace-location-list", l = {
   base: o,
   terminals: `${o}__terminals`,

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

@@ -27,7 +27,7 @@ export interface FeatureWithLabel {
  * @internal
  */
 export declare class ArcgisUtilityNetworkTraceResults extends LitElement {
-    featuresFromSelectedLayer: FeatureWithLabel[];
+    get featuresFromSelectedLayer(): Graphic[];
     /** @default false */
     isElementsSelected: boolean;
     layers: Layer[];
@@ -44,10 +44,12 @@ export declare class ArcgisUtilityNetworkTraceResults extends LitElement {
     state: State;
     traceConfigTitle?: string;
     traceResult?: TraceResult;
+    traceResultFeatures: Graphic[];
     utilityNetwork?: UtilityNetwork;
     view?: __esri.MapView;
-    readonly arcgisSelectedResultTypeChange: TargetedEvent<this, void>;
     readonly arcgisSelectedLayerChange: TargetedEvent<this, void>;
+    readonly arcgisSelectedResultTypeChange: TargetedEvent<this, void>;
+    readonly arcgisTraceResultFeaturesReady: TargetedEvent<this, void>;
     private _messages;
 }
 export {};

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

@@ -1,38 +1,38 @@
 import { c as m } from "../../chunks/runtime.js";
-import { queryAllJSON as g } from "@arcgis/core/applications/Components/featureUtils.js";
-import y from "@arcgis/core/rest/support/FeatureSet.js";
+import { queryAllJSON as y } from "@arcgis/core/applications/Components/featureUtils.js";
+import g from "@arcgis/core/rest/support/FeatureSet.js";
 import { LitElement as f, createEvent as d } from "@arcgis/lumina";
 import { css as p, html as r } from "lit";
-import { createRef as _, ref as L } from "lit/directives/ref.js";
-import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as _, ref as F } from "lit/directives/ref.js";
+import { u as L } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
-const F = p`:host{max-height:calc(100vh - 150px);min-height:300px}#results-list,#features-list{min-height:300px}.results-heading{display:flex;flex-direction:column;padding:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading .results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-1)}.results-heading .results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, c = "map-components:arcgis-utility-network-trace-results";
-class w extends f {
+v5.0.0-next.77 */
+const $ = p`:host{max-height:calc(100vh - 150px);min-height:300px}#results-list,#features-list{min-height:300px}.results-heading{display:flex;flex-direction:column;padding:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading .results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-1)}.results-heading .results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, o = "map-components:arcgis-utility-network-trace-results";
+class v extends f {
   constructor() {
-    super(...arguments), this._messages = $({ blocking: !0 }), this._elementsWithoutLayer = [], this._featuresComponentRef = _(), this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._comapreByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
-      const i = e[0].feature.layer, s = t[0].feature.layer, a = i?.title ?? "", n = s?.title ?? "";
-      return a.localeCompare(n, void 0, { numeric: !0 });
+    super(...arguments), this._messages = L({ blocking: !0 }), this._elementsWithoutLayer = [], this._featuresComponentRef = _(), this._featuresFromSelectedLayer = [], this._layerIdToFeatures = /* @__PURE__ */ new Map(), this._layerIdToLayer = /* @__PURE__ */ new Map(), this._subtypeCodeToFeatures = /* @__PURE__ */ new Map(), this._sourceIdToElements = /* @__PURE__ */ new Map(), this._unLayers = [], this._comapreByFeatureTitle = (e, t) => e.label.localeCompare(t.label, void 0, { numeric: !0 }), this._compareByLayerTitle = ([, e], [, t]) => {
+      const i = e[0].feature.layer, s = t[0].feature.layer, l = i?.title ?? "", n = s?.title ?? "";
+      return l.localeCompare(n, void 0, { numeric: !0 });
     }, this._queryFeaturesOnLayer = async ([e, t]) => {
       const i = this.utilityNetwork?.getLayerIdBySourceId(e), s = this._getLayerByLayerId(i);
       if (i == null || !s) {
         this._elementsWithoutLayer.push(...t);
         return;
       }
-      const a = s.createQuery();
-      a.gdbVersion = this.utilityNetwork?.gdbVersion, a.objectIds = t.map((l) => l.objectId), a.outFields = ["*"];
-      const { features: n } = y.fromJSON(await g(s, a)), u = await Promise.all(n.map(async (l) => {
-        l.layer = s.type === "subtype-group" ? s.findSublayerForFeature(l) : s;
-        const o = l.layer;
-        if (o && "getFeatureTitle" in o) {
-          const h = await o.getFeatureTitle(l) || this._getFeatureTitle(l);
-          return { feature: l, label: h };
+      const l = s.createQuery();
+      l.gdbVersion = this.utilityNetwork?.gdbVersion, l.objectIds = t.map((a) => a.objectId), l.outFields = ["*"];
+      const { features: n } = g.fromJSON(await y(s, l)), c = await Promise.all(n.map(async (a) => {
+        a.layer = s.type === "subtype-group" ? s.findSublayerForFeature(a) : s;
+        const u = a.layer;
+        if (u && "getFeatureTitle" in u) {
+          const h = await u.getFeatureTitle(a) || this._getFeatureTitle(a);
+          return { feature: a, label: h };
         }
-        return { feature: l, label: this._getFeatureTitle(l) };
+        return { feature: a, label: this._getFeatureTitle(a) };
       }));
-      s.type === "subtype-group" ? u.forEach((l) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, l.feature.layer.subtypeCode, l)) : this._layerIdToFeatures.set(i, u);
-    }, this.featuresFromSelectedLayer = [], this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.arcgisSelectedResultTypeChange = d(), this.arcgisSelectedLayerChange = d(), this._renderElementsListItem = (e) => r`<calcite-list-item .label=${this._messages.headings.features} @calciteListItemSelect=${() => this.isElementsSelected = !0}><calcite-chip .label=${this._messages.labels.numFeatures} scale=s slot=content-end>${e.elements.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`, this._renderLayerListItem = ([, e]) => {
+      s.type === "subtype-group" ? c.forEach((a) => this._addOrCreateMapValue(this._subtypeCodeToFeatures, a.feature.layer.subtypeCode, a)) : this._layerIdToFeatures.set(i, c);
+    }, this.isElementsSelected = !1, this.layers = [], this.state = "ready", this.traceResultFeatures = [], this.arcgisSelectedLayerChange = d(), this.arcgisSelectedResultTypeChange = d(), this.arcgisTraceResultFeaturesReady = d(), this._renderElementsListItem = () => r`<calcite-list-item .label=${this._messages.headings.features} @calciteListItemSelect=${() => this.isElementsSelected = !0}><calcite-chip .label=${this._messages.labels.numFeatures} scale=s slot=content-end>${this.traceResultFeatures.length}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`, this._renderLayerListItem = ([, e]) => {
       if (!e.length)
         return null;
       const t = e[0].feature.layer, i = t?.title || this._messages.unknown;
@@ -43,16 +43,21 @@ class w extends f {
     };
   }
   static {
-    this.properties = { featuresFromSelectedLayer: 0, isElementsSelected: 5, layers: 0, messageOverrides: 0, referenceElement: 1, selectedFeature: 0, selectedLayer: 0, state: 1, traceConfigTitle: 1, traceResult: 0, utilityNetwork: 0, view: 0 };
+    this.properties = { featuresFromSelectedLayer: 32, isElementsSelected: 5, layers: 0, messageOverrides: 0, referenceElement: 1, selectedFeature: 0, selectedLayer: 0, state: 1, traceConfigTitle: 1, traceResult: 0, traceResultFeatures: 0, utilityNetwork: 0, view: 0 };
   }
   static {
-    this.styles = F;
+    this.styles = $;
+  }
+  get featuresFromSelectedLayer() {
+    return this._featuresFromSelectedLayer.map(({ feature: e }) => e);
   }
   load() {
-    this._setSourceIdToElements(), this._loadDependencies().then(() => this._queryTraceResultsFeatures()).finally(() => this.state = "ready");
+    this.traceResult && (this._setSourceIdToElements(), this._loadDependencies().then(() => this._queryTraceResultsFeatures()).finally(() => {
+      this.arcgisTraceResultFeaturesReady.emit(), this.state = "ready";
+    }));
   }
   loaded() {
-    this.utilityNetwork || console.warn(`${c} was rendered without the required \`utilityNetwork\` property.`), this.layers.length === 0 && console.warn(`${c} was rendered without any layers set for the \`layers\` property.`), this.view || console.warn(`${c} was rendered without the required \`view\` property.`);
+    this.utilityNetwork || console.warn(`${o} was rendered without the required \`utilityNetwork\` property.`), this.layers.length === 0 && console.warn(`${o} was rendered without any layers set for the \`layers\` property.`), this.view || console.warn(`${o} was rendered without the required \`view\` property.`);
   }
   willUpdate(e) {
     e.has("isElementsSelected") && this.arcgisSelectedResultTypeChange.emit(), e.has("selectedLayer") && this.arcgisSelectedLayerChange.emit(), e.has("traceResult") && (this.isElementsSelected = !1), (e.has("layers") || e.has("utilityNetwork")) && this._loadDependencies();
@@ -65,8 +70,8 @@ class w extends f {
     const t = e.attributes, i = e.layer;
     if (!t || !i)
       return "";
-    const s = "displayField" in i ? i.displayField : null, a = s != null ? t[s] : null, n = e.getObjectId()?.toString();
-    return a?.toString() || n || this._messages.unknown;
+    const s = "displayField" in i ? i.displayField : null, l = s != null ? t[s] : null, n = e.getObjectId()?.toString();
+    return l?.toString() || n || this._messages.unknown;
   }
   _getLayerByLayerId(e) {
     if (e == null)
@@ -74,7 +79,7 @@ class w extends f {
     const { _layerIdToLayer: t, _unLayers: i } = this;
     if (t.get(e))
       return t.get(e);
-    const s = i.find((a) => "layerId" in a && a.layerId === e);
+    const s = i.find((l) => "layerId" in l && l.layerId === e);
     return s && t.set(e, s), s;
   }
   async _loadDependencies() {
@@ -87,14 +92,18 @@ class w extends f {
   }
   async _queryTraceResultsFeatures() {
     const e = Array.from(this._sourceIdToElements.entries());
-    e.length > 0 && (this.state = "loading");
+    if (!e.length)
+      return;
+    this.state = "loading";
     const t = e.map(this._queryFeaturesOnLayer);
-    (await Promise.allSettled(t)).forEach((s, a) => {
-      if (s.status === "rejected") {
-        const [n] = e[a];
-        console.error(`${c}: Failed to query features for source ${n}:`, s.reason);
+    (await Promise.allSettled(t)).forEach((n, c) => {
+      if (n.status === "rejected") {
+        const [a] = e[c];
+        console.error(`${o}: Failed to query features for source ${a}:`, n.reason);
       }
     });
+    const s = Array.from(this._layerIdToFeatures.values()), l = Array.from(this._subtypeCodeToFeatures.values());
+    this.traceResultFeatures = s.concat(l).flat().map(({ feature: n }) => n);
   }
   _setSelectedLayerAndFeatures(e) {
     let t;
@@ -107,10 +116,10 @@ class w extends f {
       const { layerId: i } = e;
       t = this._layerIdToFeatures.get(i) ?? [];
     }
-    this.featuresFromSelectedLayer = t.sort(this._comapreByFeatureTitle), this.selectedLayer = e;
+    this._featuresFromSelectedLayer = t.sort(this._comapreByFeatureTitle), this.selectedLayer = e;
   }
   _setSourceIdToElements() {
-    this.traceResult?.elements?.forEach((e) => this._addOrCreateMapValue(this._sourceIdToElements, e.networkSourceId, e));
+    this.traceResult.elements?.forEach((e) => this._addOrCreateMapValue(this._sourceIdToElements, e.networkSourceId, e));
   }
   render() {
     const { traceResult: e } = this;
@@ -121,14 +130,14 @@ class w extends f {
     if (this.state === "loading")
       return r`<calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader>`;
     if (this.selectedFeature) {
-      const a = this._featuresComponentRef.value, n = a?.selectedFeature ? [a.selectedFeature] : [this.selectedFeature];
-      return r`<arcgis-features .referenceElement=${this.referenceElement} .features=${n} .view=${this.view} visible @arcgisClose=${() => this.selectedFeature = void 0} ${L(this._featuresComponentRef)}></arcgis-features>`;
+      const i = this._featuresComponentRef.value, s = i?.selectedFeature ? [i.selectedFeature] : [this.selectedFeature];
+      return r`<arcgis-features .referenceElement=${this.referenceElement} .features=${s} .view=${this.view} visible @arcgisClose=${() => this.selectedFeature = void 0} ${F(this._featuresComponentRef)}></arcgis-features>`;
     }
-    const { elements: t, globalFunctionResults: i } = e, s = t && t.length > 0 && (!i || i.length === 0);
-    return r`<calcite-flow>${s ? null : r`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding(e)}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", t.length.toString())} .selected=${(s || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this.featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
+    const t = e.elements?.length > 0 && !e.globalFunctionResults?.length;
+    return r`<calcite-flow>${t ? null : r`<calcite-flow-item .selected=${!this.isElementsSelected}>${this._renderLanding()}</calcite-flow-item>`}<calcite-flow-item .heading=${this._messages.headings.features} .description=${this._messages.headings.totalFeatures.replace("{number}", this.traceResultFeatures.length.toString())} .selected=${(t || this.isElementsSelected) && !this.selectedLayer} @calciteFlowItemBack=${() => this.isElementsSelected = !1}>${this._renderLayerList()}</calcite-flow-item><calcite-flow-item .heading=${this.selectedLayer?.title ?? void 0} .description=${this._messages.headings.totalFeatures.replace("{number}", this._featuresFromSelectedLayer.length.toString())} .selected=${!!this.selectedLayer} @calciteFlowItemBack=${() => this.selectedLayer = void 0}>${this._renderFeaturesList()}</calcite-flow-item></calcite-flow>`;
   }
-  _renderLanding(e) {
-    return r`${this._renderTraceResultsHeading()}<calcite-list id=results-list .label=${this._messages.headings.traceResultsGeneric}>${this._renderElementsListItem(e)}</calcite-list>`;
+  _renderLanding() {
+    return r`${this._renderTraceResultsHeading()}<calcite-list id=results-list .label=${this._messages.headings.traceResultsGeneric}>${this._renderElementsListItem()}</calcite-list>`;
   }
   _renderLayerList() {
     const e = Array.from(this._layerIdToFeatures.entries()), t = Array.from(this._subtypeCodeToFeatures.entries()), s = e.concat(t).sort(this._compareByLayerTitle).map(this._renderLayerListItem);
@@ -138,7 +147,7 @@ class w extends f {
     return r`<calcite-list-item .label=${this._messages.unknown}><calcite-chip .label=${this._messages.labels.numElements} slot=content-end>${this._elementsWithoutLayer.length}</calcite-chip></calcite-list-item>`;
   }
   _renderFeaturesList() {
-    return r`<calcite-list id=features-list .label=${this._messages.headings.traceResultsGeneric}>${this.featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
+    return r`<calcite-list id=features-list .label=${this._messages.headings.traceResultsGeneric}>${this._featuresFromSelectedLayer.map(this._renderFeatureListItem)}</calcite-list>`;
   }
   _renderTraceResultsHeading() {
     return r`<div class="results-heading"><div class="results-heading-title">${this._messages.headings.traceResultsGeneric}</div>${this.traceConfigTitle ? r`<div class="results-heading-subtitle">${this.traceConfigTitle}</div>` : null}</div>`;
@@ -150,7 +159,7 @@ class w extends f {
     return r`<div class="no-results-landing"><calcite-icon icon=utility-network-trace scale=l></calcite-icon><div class="no-results-heading">${this._messages.noTraceConfigHeading}</div><div class="no-results-description">${this._messages.noTraceConfigDescription}</div></div>`;
   }
 }
-m("arcgis-utility-network-trace-results", w);
+m("arcgis-utility-network-trace-results", v);
 export {
-  w as ArcgisUtilityNetworkTraceResults
+  v as ArcgisUtilityNetworkTraceResults
 };

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

@@ -9,7 +9,7 @@ declare const useUtilityNetworkValidateTopologyWidget: (component: LitElement &
     viewModel: __esri.Accessor;
 }, "label" | "viewModel" | "icon" | "utilityNetwork" | "extentToValidate"> & {
     state?: unknown;
-    viewModel?: (__esri.UtilityNetworkValidateTopologyViewModel & __esri.Accessor) | undefined;
+    viewModel?: (import('@arcgis/core/widgets/UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel').default & import('@arcgis/core/core/Accessor').default) | undefined;
     closed?: boolean;
     icon: import('@arcgis/toolkit/type').nil | string;
     label: import('@arcgis/toolkit/type').nil | string;
@@ -41,8 +41,10 @@ export declare class ArcgisUtilityNetworkValidateTopology extends LitElement {
     /**
      * 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 Utility Network Validate Topology component will be associated with a map or scene component rather than using the `view` property.
+     *
+     * @since 4.27
      */
-    view?: nullish | __esri.MapView;
+    view?: import('@arcgis/core/views/MapView').default | null | 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
@@ -58,19 +60,22 @@ export declare class ArcgisUtilityNetworkValidateTopology extends LitElement {
      *
      * @default "current"
      */
-    extentToValidate: "current" | "entire";
+    extentToValidate: import('@arcgis/core/widgets/UtilityNetworkValidateTopology.js').UtilityNetworkValidateTopologyExtentOption;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
      * @default "check-circle"
+     * @since 4.27
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon: string;
     /**
      * The widget's default label.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkValidateTopology.html#label)
+     * @since 4.11
      */
     label: string;
     /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
@@ -85,10 +90,15 @@ export declare class ArcgisUtilityNetworkValidateTopology extends LitElement {
      * The current state of the component.
      *
      * @default "ready"
+     * @since 4.27
+     */
+    state: import('@arcgis/core/widgets/UtilityNetworkValidateTopology/UtilityNetworkValidateTopologyViewModel').UtilityNetworkValidateTopologyViewModelState;
+    /**
+     * Determines the utility network to use.
+     *
+     * @since 4.27
      */
-    readonly state: "ready" | "disabled" | "loading" | "failed" | "success" | "executing";
-    /** Determines the utility network to use. */
-    utilityNetwork: nullish | __esri.UtilityNetwork;
+    utilityNetwork: import('@arcgis/core/networks/UtilityNetwork').default | null | undefined;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */