@arcgis/map-components 5.2.0-next.136 → 5.2.0-next.138

package/dist/components/arcgis-utility-network-trace-aggregated-geometry-result-item/customElement.js

@@ -1,82 +1,129 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as n } from "../../chunks/runtime.js";
-import l from "@arcgis/core/Color.js";
-import m from "@arcgis/core/Graphic.js";
-import d from "@arcgis/core/layers/GraphicsLayer.js";
-import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
-import u from "@arcgis/core/symbols/SimpleLineSymbol.js";
-import f from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
-import { LitElement as w, createEvent as G, nothing as v } from "@arcgis/lumina";
-import { usePropertyChange as b, bypassReadOnly as a } from "@arcgis/lumina/controllers";
-import { log as o, composeMissingPropertyMessage as h } from "@arcgis/toolkit/log";
-import { generateGuid as R } from "@arcgis/toolkit/string";
-import { css as L, html as g } from "lit";
-import { createRef as C, ref as S } from "lit/directives/ref.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { a as p, b as k } from "../../chunks/layer-utils.js";
-const x = L`.aggregated-geometry-container{display:flex;align-items:center;justify-content:space-between}.geometry-heading{margin:0 0 var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}`;
-class z extends w {
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import o from "@arcgis/core/Color.js";
+import y from "@arcgis/core/Graphic.js";
+import u from "@arcgis/core/layers/GraphicsLayer.js";
+import f from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import w from "@arcgis/core/symbols/SimpleLineSymbol.js";
+import v from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
+import { LitElement as G, createEvent as R, nothing as b } from "@arcgis/lumina";
+import { usePropertyChange as L, bypassReadOnly as r } from "@arcgis/lumina/controllers";
+import { log as h, composeMissingPropertyMessage as c } from "@arcgis/toolkit/log";
+import { generateGuid as C } from "@arcgis/toolkit/string";
+import { css as S, html as n } from "lit";
+import { createRef as $, ref as k } from "lit/directives/ref.js";
+import { u as T } from "../../chunks/useT9n.js";
+import { a as g, b as x } from "../../chunks/layer-utils.js";
+import { a as p } from "../../chunks/types.js";
+import { i as m } from "../../chunks/utils5.js";
+const E = S`.aggregated-geometry-container{display:flex;align-items:center;justify-content:space-between}.geometry-heading{margin:0 0 var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}`;
+class M extends G {
   constructor() {
-    super(...arguments), this._messages = $({ blocking: !0 }), this.#r = `aggregated-geometry-graphics-${R()}`, this.#e = C(), this.defaultSelectionSize = 12, this.emitsArcgisResultReady = !0, this.geometryGraphics = [], this.hideGraphics = !1, this.state = "ready", this.graphicsColor = new l([255, 255, 0, 0.6]), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = b()("defaultSelectionSize", "hideGraphics", "geometryGraphics", "graphicsColor", "state"), this.arcgisResultReady = G();
+    super(...arguments), this._messages = T({ blocking: !0 }), this.#s = `aggregated-geometry-graphics-${C()}`, this.#e = $(), this.autoDestroyDisabled = !1, this.emitsArcgisResultReady = !0, this.geometryGraphics = [], this.graphicsColor = new o(p), this.hideGraphics = !1, this.selectionSize = 12, this.state = "ready", this.arcgisPropertyChange = L()("hideGraphics", "geometryGraphics", "graphicsColor", "selectionSize", "state"), this.arcgisResultReady = R();
   }
   static {
-    this.properties = { defaultSelectionSize: 9, emitsArcgisResultReady: 32, heading: 1, traceResult: 0, geometryGraphics: 32, hideGraphics: 5, state: 32, graphicsColor: 0, graphicsLayer: 0, view: 0, autoDestroyDisabled: 5 };
+    this.properties = { autoDestroyDisabled: 5, emitsArcgisResultReady: 32, geometryGraphics: 32, graphicsColor: [1, { converter: {
+      fromAttribute: (e) => o.fromString(e) ?? new o(p)
+    } }], graphicsLayer: 0, heading: 1, hideGraphics: 5, messageOverrides: 0, selectionSize: 9, state: 32, traceResult: 32, view: 32 };
   }
   static {
-    this.styles = x;
+    this.styles = E;
   }
-  #r;
+  #s;
   #t;
   #e;
+  get #a() {
+    const { parentElement: e } = this.el;
+    if (e && m(e))
+      return e;
+    const t = this.el.getRootNode();
+    if (t instanceof ShadowRoot && m(t.host))
+      return t.host;
+  }
   clearResult() {
     this.#e.value && (this.#e.value.open = !1);
     const { graphicsLayer: e } = this;
-    e && (e.removeMany(this.geometryGraphics), e === this.#t && (this.view?.map?.remove(e), this.graphicsLayer = void 0, this.#t = void 0)), a(() => this.geometryGraphics = []), a(() => this.state = "ready");
+    e && (e.removeMany(this.geometryGraphics), e === this.#t && (this.view?.map?.remove(e), this.graphicsLayer = void 0, this.#t = void 0)), r(() => this.geometryGraphics = []), r(() => this.state = "ready");
   }
   async destroy() {
-    this.clearResult(), await this.manager.destroy();
+    try {
+      this.clearResult();
+    } finally {
+      await this.manager.destroy();
+    }
   }
   connectedCallback() {
-    super.connectedCallback(), this.view && this.graphicsLayer && (p(this.view, this.graphicsLayer), this.arcgisResultReady.emit());
+    super.connectedCallback(), this.view && this.graphicsLayer && g(this.view, this.graphicsLayer);
   }
   load() {
-    this.traceResult && this.#i();
+    this.manager.onLifecycle(() => {
+      const e = this.#a;
+      if (!e) {
+        h("warn", this, "This component must be used as a child of `arcgis-utility-network-trace-results`.");
+        return;
+      }
+      const t = (i) => this.#h(i);
+      return e.addEventListener("arcgisPropertyChange", t), r(() => {
+        this.traceResult = e.traceResult, this.view = e.view;
+      }), () => {
+        e.removeEventListener("arcgisPropertyChange", t);
+      };
+    }), this.traceResult && this.#r();
   }
   willUpdate(e) {
-    if (e.has("traceResult") && this.#i(), e.has("view")) {
+    if (e.has("traceResult") && this.#r(), e.has("view")) {
       const t = e.get("view");
-      t?.map && this.graphicsLayer && t.map.remove(this.graphicsLayer), this.#i();
+      t?.map && this.graphicsLayer && t.map.remove(this.graphicsLayer), this.#r();
     }
-    e.has("hideGraphics") && this.#c(), e.has("graphicsColor") && this.#l();
+    e.has("graphicsLayer") && this.#p(e.get("graphicsLayer")), e.has("hideGraphics") && this.#g(), (e.has("graphicsColor") || e.has("selectionSize")) && this.#m();
   }
   loaded() {
-    this.traceResult && (this.traceResult.aggregatedGeometry || o("warn", this, h("traceResult.aggregatedGeometry")), this.view ? this.view.map || o("error", this, h("The property `view` was provided, but `view.map` is null. Cannot draw aggregated geometry.")) : o("error", this, h("view")));
+    this.traceResult && (this.traceResult.aggregatedGeometry || h("warn", this, c("traceResult.aggregatedGeometry")), this.view ? this.view.map || h("error", this, c("The property `view` was provided, but `view.map` is null. Cannot draw aggregated geometry.")) : h("error", this, c("view")));
+  }
+  #i() {
+    if (!this.graphicsLayer)
+      return;
+    const e = this.geometryGraphics.filter((t) => !this.graphicsLayer.graphics.includes(t));
+    this.graphicsLayer.addMany(e);
+  }
+  #h(e) {
+    if (e.target !== this.#a)
+      return;
+    const { target: t } = e;
+    switch (e.detail.name) {
+      case "traceResult":
+        r(() => this.traceResult = t.traceResult);
+        break;
+      case "view":
+        r(() => this.view = t.view);
+        break;
+    }
   }
-  #a(e) {
-    const { line: t, multipoint: i, polygon: r } = e;
-    a(() => {
-      this.geometryGraphics = [t, i, r].filter((s) => s != null).map((s) => this.#h(s));
+  #c(e) {
+    const { line: t, multipoint: i, polygon: s } = e;
+    r(() => {
+      this.geometryGraphics = [t, i, s].filter((a) => a != null).map((a) => this.#n(a));
     });
   }
-  #o(e) {
-    const t = this.#r, i = e.map?.findLayerById(t);
-    return i && k(i) ? i : new d({
+  #l(e) {
+    const t = this.#s, i = e.map?.findLayerById(t);
+    return i && x(i) ? i : new u({
       id: t,
       listMode: "hide",
       title: t
     });
   }
-  #h(e) {
-    return new m({
+  #n(e) {
+    return new y({
       geometry: e,
-      symbol: this.#s(e)
+      symbol: this.#o(e)
     });
   }
-  #s(e) {
-    const { defaultSelectionSize: t, graphicsColor: i } = this;
+  #o(e) {
+    const { selectionSize: t, graphicsColor: i } = this;
     switch (e.type) {
       case "multipoint":
-        return new f({
+        return new v({
           color: i,
           size: t,
           outline: {
@@ -85,7 +132,7 @@ class z extends w {
           }
         });
       case "polygon":
-        return new y({
+        return new f({
           color: i,
           outline: {
             color: i,
@@ -93,43 +140,46 @@ class z extends w {
           }
         });
       case "polyline":
-        return new u({
+        return new w({
           color: i,
           width: t
         });
     }
   }
-  #c() {
-    this.hideGraphics ? (this.graphicsLayer?.removeAll(), this.#e.value?.open && (this.#e.value.open = !1)) : this.graphicsLayer?.addMany(this.geometryGraphics);
+  #g() {
+    this.hideGraphics ? (this.graphicsLayer?.removeMany(this.geometryGraphics), this.#e.value?.open && (this.#e.value.open = !1)) : this.#i();
   }
-  #i() {
+  #p(e) {
+    e?.removeMany(this.geometryGraphics), this.hideGraphics || this.#i();
+  }
+  #r() {
     this.clearResult();
     const e = () => {
-      a(() => this.state = "ready"), this.arcgisResultReady.emit();
+      r(() => this.state = "ready"), this.arcgisResultReady.emit();
     };
     if (!this.traceResult?.aggregatedGeometry || !this.view?.map) {
       e();
       return;
     }
-    a(() => this.state = "loading"), this.graphicsLayer || (this.graphicsLayer = this.#o(this.view), this.#t = this.graphicsLayer, p(this.view, this.graphicsLayer)), this.#a(this.traceResult.aggregatedGeometry), this.hideGraphics || this.graphicsLayer.addMany(this.geometryGraphics), e();
+    r(() => this.state = "loading"), this.#c(this.traceResult.aggregatedGeometry), this.graphicsLayer || (this.graphicsLayer = this.#l(this.view), this.#t = this.graphicsLayer, g(this.view, this.graphicsLayer)), this.hideGraphics || this.#i(), e();
   }
-  #l() {
+  #m() {
     this.geometryGraphics.forEach((e) => {
       const t = e.geometry;
-      e.symbol = this.#s(t);
+      e.symbol = this.#o(t);
     });
   }
   render() {
     if (!this.traceResult?.aggregatedGeometry)
       return null;
-    const { graphicsColor: e, heading: t, hideGraphics: i, _messages: r } = this;
-    return g`${t && g`<div class="geometry-heading">${t}</div>` || ""}<div class="aggregated-geometry-container"><calcite-switch .checked=${!i} .label=${r.labels.showGraphicsToggle} label-text-end=${r.showGraphics ?? v} @calciteSwitchChange=${() => this.hideGraphics = !this.hideGraphics}></calcite-switch><calcite-swatch .color=${e.toCss()} .disabled=${i} id=geometry-color-swatch .label=${r.labels.aggregatedGeometryGraphicsColor}></calcite-swatch><calcite-popover closable .heading=${r.headings.setColor} .label=${r.headings.setColor} reference-element=geometry-color-swatch ${S(this.#e)}><calcite-color-picker alpha-channel channels-disabled clearable .disabled=${i} hex-disabled saved-disabled .value=${e.toCss(!0)} @calciteColorPickerChange=${(s) => {
-      const c = s.target.value;
-      c && (this.graphicsColor = new l(c));
+    const { graphicsColor: e, heading: t, hideGraphics: i, _messages: s } = this;
+    return n`${t && n`<div class="geometry-heading">${t}</div>` || ""}<div class="aggregated-geometry-container"><calcite-switch .checked=${!i} .label=${s.labels.showGraphicsToggle} label-text-end=${s.showGraphics ?? b} @calciteSwitchChange=${() => this.hideGraphics = !this.hideGraphics}></calcite-switch><calcite-swatch .color=${e.toCss()} .disabled=${i} id=geometry-color-swatch .label=${s.labels.aggregatedGeometryGraphicsColor}></calcite-swatch><calcite-popover closable .heading=${s.headings.setColor} .label=${s.headings.setColor} reference-element=geometry-color-swatch ${k(this.#e)}><calcite-color-picker alpha-channel channels-disabled clearable .disabled=${i} hex-disabled saved-disabled .value=${e.toCss(!0)} @calciteColorPickerChange=${(a) => {
+      const l = a.target.value;
+      l && (this.graphicsColor = new o(l));
     }}></calcite-color-picker></calcite-popover></div>`;
   }
 }
-n("arcgis-utility-network-trace-aggregated-geometry-result-item", z);
+d("arcgis-utility-network-trace-aggregated-geometry-result-item", M);
 export {
-  z as ArcgisUtilityNetworkTraceAggregatedGeometryResultItem
+  M as ArcgisUtilityNetworkTraceAggregatedGeometryResultItem
 };

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

@@ -1,11 +1,16 @@
 /// <reference path="../../index.d.ts" />
 import type Color from "@arcgis/core/Color.js";
+import type Collection from "@arcgis/core/core/Collection.js";
+import type EsriError from "@arcgis/core/core/Error.js";
 import type Graphic from "@arcgis/core/Graphic.js";
+import type TraceResult from "@arcgis/core/rest/networks/support/TraceResult.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { ActionEvent } from "@arcgis/core/widgets/Popup/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { FlowItem } from "@esri/calcite-components/components/calcite-flow-item";
 import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
 import type { ArcgisReferenceElement } from "../types.js";
+import type { ArcgisUtilityNetworkTraceInputs } from "../arcgis-utility-network-trace-inputs/customElement.js";
 import type { SelectStartPayload } from "../arcgis-utility-network-trace-locations/customElement.js";
 import type { ArcgisUtilityNetworkTraceResults } from "../arcgis-utility-network-trace-results/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -112,11 +117,6 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
-      labels: {
-          traceConfiguration: string;
-          traceInputs: string;
-          utilityNetwork: string;
-      };
       runningTrace: string;
       tabs: {
           inputTab: string;
@@ -141,11 +141,6 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
           noStartingPointsBody: string;
           noStartingPointsTitle: string;
       };
-      labels: {
-          traceConfiguration: string;
-          traceInputs: string;
-          utilityNetwork: string;
-      };
       runningTrace: string;
       tabs: {
           inputTab: string;
@@ -171,14 +166,39 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * Default color is #FFFF00.
    *
    * @example
-   * Set the default aggregated geometry graphics color to lime green.
+   * Set the default aggregated geometry graphics color to lime green in JavaScript.
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
-   * traceElement.aggregatedGeometryGraphicsColor = new Color("lime");
+   * traceElement.aggregatedGeometryResultsGraphicsColor = new Color("lime");
+   * ```
+   * @example
+   * Set the default aggregated geometry graphics color to red in HTML.
+   * ```html
+   * <arcgis-map item-id="967a4180aa6c46b68996ea9406e8a606">
+   *   <arcgis-utility-network-trace-analysis slot="bottom-left" aggregated-geometry-graphics-color="red">
+   *   </arcgis-utility-network-trace-analysis>
+   * </arcgis-map>
    * ```
    * @see [Color constructor](https://developers.arcgis.com/javascript/latest/references/core/Color/#constructors-summary)
    */
-  accessor aggregatedGeometryGraphicsColor: Color;
+  accessor aggregatedGeometryResultsGraphicsColor: Color;
+  /**
+   * The size in points used to render graphics for aggregated geometries in trace results.
+   *
+   * Aggregated geometry is only rendered if the trace configuration specifies aggregated geometry as a result type.
+   *
+   * @default 12
+   * @example
+   * Set the default aggregated geometry graphics size to 8 points.
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
+   * traceElement.aggregatedGeometryResultsSize = 8;
+   * ```
+   * @since 5.2
+   * @see [SimpleMarkerSymbol size](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleMarkerSymbol/#size)
+   * @see [SimpleLineSymbol width](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleLineSymbol/#width)
+   */
+  accessor aggregatedGeometryResultsSize: number;
   /**
    * 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
@@ -205,10 +225,10 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
-   * traceElement.beforeTraceLocationSelectStart = async () => await doAsyncWork();
+   * traceElement.beforeMapInteraction = async () => await doAsyncWork();
    * ```
    */
-  accessor beforeTraceLocationSelectStart: (() => Promise<void>) | undefined;
+  accessor beforeMapInteraction: (() => Promise<void>) | undefined;
   /**
    * Whether to disable highlighting trace result features on the map.
    *
@@ -225,6 +245,13 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * ```
    */
   accessor disableHighlightFeatureResults: boolean;
+  /**
+   * Additional Calcite Flow Items displayed in the Results tab.
+   * Add or remove native `calcite-flow-item` elements through this Collection.
+   *
+   * @since 5.2
+   */
+  get flowItems(): Collection<FlowItem>;
   /**
    * Indicates whether to hide the action bar that holds the feature's
    * [arcgis-features-next.actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions) when selecting trace locations
@@ -233,6 +260,13 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * @default false
    */
   accessor hideActionBar: boolean;
+  /**
+   * Whether to hide the count of features next to the "Clear results" button in the Results tab for trace results
+   * which include [elements](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements).
+   *
+   * @default false
+   */
+  accessor hideClearResultsCount: boolean;
   /**
    * Whether to hide feature results in the results tab.
    *
@@ -299,7 +333,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    *
    * _**Note**: Individual message keys may change between releases._
    */
-  accessor messageOverrides: NonNullable<ArcgisUtilityNetworkTraceResults["messageOverrides"]> & {
+  accessor messageOverrides: NonNullable<ArcgisUtilityNetworkTraceInputs["messageOverrides"]> & NonNullable<ArcgisUtilityNetworkTraceResults["messageOverrides"]> & {
       buttons?: {
           clearResultsCustom?: string | undefined;
           clearResultsGeneric?: string | undefined;
@@ -318,11 +352,6 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
           noStartingPointsBody?: string | undefined;
           noStartingPointsTitle?: string | undefined;
       } | undefined;
-      labels?: {
-          traceConfiguration?: string | undefined;
-          traceInputs?: string | undefined;
-          utilityNetwork?: string | undefined;
-      } | undefined;
       runningTrace?: string | undefined;
       tabs?: {
           inputTab?: string | undefined;
@@ -337,6 +366,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /** The current state of the component. */
   get state(): UtilityNetworkTraceAnalysisState;
+  get traceError(): EsriError | undefined;
+  accessor traceResult: TraceResult | undefined;
   /**
    * An array of features returned by the trace result.
    *
@@ -353,6 +384,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
   accessor view: MapView | null | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
+  readonly arcgisError: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
    * Fires when the user toggles displaying aggregated geometry results in the result pane.
    * Event payload contains a boolean representing whether the aggregated geometry graphics are hidden.
@@ -370,7 +402,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    */
   readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryGraphicsColor" | "hideGraphics"; }>;
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryResultsGraphicsColor" | "hideGraphics"; }>;
   /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
@@ -439,9 +471,22 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
    * ```
    */
   readonly arcgisTraceResultFeaturesReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the trace result is ready.
+   *
+   * @example
+   * ```js
+   * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis");
+   * traceElement.addEventListener("arcgisTraceResultReady", (event) => {
+   *   console.log("Trace result is ready.");
+   * });
+   * ```
+   */
+  readonly arcgisTraceResultReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
   readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, ActionEvent>;
   readonly "@eventTypes": {
+    arcgisError: ArcgisUtilityNetworkTraceAnalysis["arcgisError"]["detail"];
     arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceAnalysis["arcgisHideGraphicsChange"]["detail"];
     arcgisPropertyChange: ArcgisUtilityNetworkTraceAnalysis["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisUtilityNetworkTraceAnalysis["arcgisReady"]["detail"];
@@ -449,6 +494,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysis extends LitElement {
     arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceAnalysis["arcgisTraceLocationSelectStart"]["detail"];
     arcgisTraceResultClear: ArcgisUtilityNetworkTraceAnalysis["arcgisTraceResultClear"]["detail"];
     arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceAnalysis["arcgisTraceResultFeaturesReady"]["detail"];
+    arcgisTraceResultReady: ArcgisUtilityNetworkTraceAnalysis["arcgisTraceResultReady"]["detail"];
     arcgisTriggerAction: ArcgisUtilityNetworkTraceAnalysis["arcgisTriggerAction"]["detail"];
   };
 }