@arcgis/map-components 6.0.0-next.2 → 6.0.0-next.21

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

@@ -4,17 +4,17 @@ import { ref as c } from "lit/directives/ref.js";
 import h from "@arcgis/core/Color.js";
 import R from "@arcgis/core/core/Collection.js";
 import { when as w } from "@arcgis/core/core/reactiveUtils.js";
-import b from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as T, createEvent as r } from "@arcgis/lumina";
-import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
-import { slotChangeGetAssignedElements as u } from "@arcgis/toolkit/dom/slots";
-import { log as g } from "@arcgis/toolkit/log";
-import { css as _, html as a } from "lit";
-import { u as E } from "../../chunks/useT9n.js";
-import { m as C } from "../../chunks/useViewModel.js";
-import { l as d } from "../../chunks/async-utils.js";
-import { a as p } from "../../chunks/types.js";
-const k = _`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-view-corner-radius: var(--arcgis-view-corner-radius, 0px);--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}arcgis-utility-network-trace-inputs[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;--calcite-panel-background-color: var(--calcite-color-background);min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}slot[name=results]::slotted(:not(arcgis-utility-network-trace-results)){display:none}slot[name=results]::slotted([arcgis-hidden-results-slot-item]){display:none}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0}}`, S = C(b), m = "arcgis-utility-network-trace-results", f = "arcgis-hidden-results-slot-item", x = [
+import T from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
+import { LitElement as $, createEvent as r } from "@arcgis/lumina";
+import { usePropertyChange as C, bypassReadOnly as g } from "@arcgis/lumina/controllers";
+import { slotChangeGetAssignedElements as d } from "@arcgis/toolkit/dom/slots";
+import { log as u } from "@arcgis/toolkit/log";
+import { css as E, html as a } from "lit";
+import { u as G } from "../../chunks/useT9n.js";
+import { m as S } from "../../chunks/useViewModel.js";
+import { l as p } from "../../chunks/async-utils.js";
+import { a as m } from "../../chunks/types.js";
+const k = E`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}arcgis-utility-network-trace-inputs[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;--calcite-panel-background-color: var(--calcite-color-background);min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}slot[name=results]::slotted(:not(arcgis-utility-network-trace-results)){display:none}slot[name=results]::slotted([arcgis-hidden-results-slot-item]){display:none}.inputs-tab-container{display:flex;flex-direction:column;height:100%}.trace-inputs-warning{flex:none;height:fit-content;calcite-notice{margin:var(--calcite-spacing-md) var(--calcite-spacing-md) 0}}`, P = S(T), f = "arcgis-utility-network-trace-results", y = "arcgis-hidden-results-slot-item", x = [
   "actions",
   "autoDestroyDisabled",
   "aggregatedGeometryResultsGraphicsColor",
@@ -22,30 +22,31 @@ const k = _`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 3
   "disableHighlightFeatureResults",
   "hideActionBar",
   "hideFeatureResults",
+  "hideGraphics",
   "hidePlaceholder",
   "includeDefaultActionsDisabled",
   "messageOverrides",
   "referenceElement",
-  "view",
-  "_traceError",
-  "_traceResult"
+  "traceError",
+  "traceResult",
+  "view"
 ];
-class P extends T {
+class _ extends $ {
   constructor() {
-    super(...arguments), this._messages = E({ blocking: !0 }), this.#s = S(this), this.#a = (e) => {
+    super(...arguments), this._messages = G({ blocking: !0 }), this.#s = P(this), this.#r = (e) => {
       const { detail: t, target: s } = e;
-      t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics)) : t.name === "aggregatedGeometryResultsGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryResultsGraphicsColor = s[t.name]) : t.name === "aggregatedGeometryResultsSize" && (e.stopPropagation(), this.aggregatedGeometryResultsSize = s[t.name]);
-    }, this.#r = (e) => {
-      e.stopPropagation(), this.arcgisTraceResultClear.emit();
+      t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics)) : t.name === "aggregatedGeometryResultsGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryResultsGraphicsColor = s[t.name]) : t.name === "aggregatedGeometryResultsSize" ? (e.stopPropagation(), this.aggregatedGeometryResultsSize = s[t.name]) : (t.name === "state" || t.name === "traceError" || t.name === "traceResult") && e.stopPropagation();
     }, this.#n = (e) => {
-      e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit(), this.arcgisTraceResultReady.emit();
+      e.stopPropagation(), this.arcgisTraceResultClear.emit();
     }, this.#o = (e) => {
+      e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit(), this.arcgisTraceResultReady.emit();
+    }, this.#a = (e) => {
       e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
-    }, this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._slottedElements = [], this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryResultsGraphicsColor = new h(p), this.aggregatedGeometryResultsSize = 12, this.disableHighlightFeatureResults = !1, this.flowItems = new R(), this.hideActionBar = !1, this.hideClearResultsCount = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#s.state, this.view = this.#s.view, this.arcgisError = r(), this.arcgisHideGraphicsChange = r(), this.arcgisPropertyChange = $()("aggregatedGeometryResultsGraphicsColor", "hideGraphics"), this.arcgisReady = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r(), this.arcgisTraceResultReady = r(), this.arcgisTriggerAction = r();
+    }, this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._slottedElements = [], this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryResultsGraphicsColor = new h(m), this.aggregatedGeometryResultsSize = 12, this.disableHighlightFeatureResults = !1, this.flowItems = new R(), this.hideActionBar = !1, this.hideClearResultsCount = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#s.state, this.view = this.#s.view, this.arcgisError = r(), this.arcgisHideGraphicsChange = r(), this.arcgisPropertyChange = C()("aggregatedGeometryResultsGraphicsColor", "hideGraphics", "state", "traceError", "traceResult"), this.arcgisReady = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r(), this.arcgisTraceResultReady = r(), this.arcgisTriggerAction = r();
   }
   static {
-    this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _slottedElements: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeMapInteraction: 0, aggregatedGeometryResultsGraphicsColor: [1, { converter: {
-      fromAttribute: (e) => h.fromString(e) ?? new h(p)
+    this.properties = { _activeTab: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _slottedElements: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeMapInteraction: 0, aggregatedGeometryResultsGraphicsColor: [1, { converter: {
+      fromAttribute: (e) => h.fromString(e) ?? new h(m)
     } }], aggregatedGeometryResultsSize: 9, disableHighlightFeatureResults: 5, flowItems: 32, hideActionBar: 5, hideClearResultsCount: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, traceResult: 0, traceError: 32, referenceElement: 1, state: 32, view: 0 };
   }
   static {
@@ -59,24 +60,15 @@ class P extends T {
   #h;
   #s;
   get #p() {
-    return Array.from(this.el.children).some((e) => e.slot === "results" && e.matches(m));
+    return Array.from(this.el.children).some((e) => e.slot === "results" && e.matches(f));
   }
-  #a;
   #r;
   #n;
   #o;
+  #a;
   get traceResultFeatures() {
     return this.#e?.traceResultFeatures ?? [];
   }
-  get traceResult() {
-    return this._traceResult;
-  }
-  set traceResult(e) {
-    this._traceResult = e;
-  }
-  get traceError() {
-    return this._traceError;
-  }
   async destroy() {
     this.#u(this.#e);
     const e = await Promise.allSettled([
@@ -84,7 +76,7 @@ class P extends T {
       this.#t?.destroy()
     ]);
     for (const t of e)
-      t.status === "rejected" && d(t.reason, this, "Error while destroying trace analysis component");
+      t.status === "rejected" && p(t.reason, this, "Error while destroying trace analysis component");
     this.#t = void 0, this.#e = void 0, await this.manager.destroy();
   }
   load() {
@@ -96,13 +88,13 @@ class P extends T {
     x.some((t) => e.has(t)) && this.#l(this.#e);
   }
   #g() {
-    this._traceResult = void 0, this.#e?.clearResults(), this.#h?.flowItems.removeAll();
+    this.traceResult = void 0, g(() => this.traceError = void 0), this.#e?.clearResults(), this.#h?.flowItems.removeAll();
   }
   #m() {
     if (!this.#t)
       return;
-    const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: i } = this.#t, n = !!s?.subnetworkName, l = e?.some((o) => o.type === "starting-point"), y = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
-    this._traceError = void 0, this._showNoStartingPointsWarning = !i && !l || i && !n, this._showMissingTerminalWarning = y;
+    const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: i } = this.#t, n = !!s?.subnetworkName, l = e?.some((o) => o.type === "starting-point"), b = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
+    this._showNoStartingPointsWarning = !i && !l || i && !n, this._showMissingTerminalWarning = b;
   }
   #i(e) {
     this._activeTab = e;
@@ -119,23 +111,24 @@ class P extends T {
       expanded: !0,
       hideActionBar: this.hideActionBar,
       hideFeatureResults: this.hideFeatureResults,
+      hideGraphics: this.hideGraphics,
       hidePlaceholder: this.hidePlaceholder,
       includeDefaultActionsDisabled: this.includeDefaultActionsDisabled,
       layers: this.#c,
       messageOverrides: this.messageOverrides,
       referenceElement: this.referenceElement,
-      traceError: this._traceError,
-      traceResult: this._traceResult,
+      traceError: this.traceError,
+      traceResult: this.traceResult,
       utilityNetwork: this.#s.utilityNetwork ?? void 0,
       view: this.view ?? void 0
     };
     Object.assign(e, t);
   }
   #f(e) {
-    e && (e.addEventListener("arcgisPropertyChange", this.#a), e.addEventListener("arcgisResultsReady", this.#n), e.addEventListener("arcgisTraceResultClear", this.#r), e.addEventListener("arcgisTriggerAction", this.#o));
+    e && (e.addEventListener("arcgisPropertyChange", this.#r), e.addEventListener("arcgisResultsReady", this.#o), e.addEventListener("arcgisTraceResultClear", this.#n), e.addEventListener("arcgisTriggerAction", this.#a));
   }
   #u(e) {
-    e && (e.removeEventListener("arcgisPropertyChange", this.#a), e.removeEventListener("arcgisResultsReady", this.#n), e.removeEventListener("arcgisTraceResultClear", this.#r), e.removeEventListener("arcgisTriggerAction", this.#o));
+    e && (e.removeEventListener("arcgisPropertyChange", this.#r), e.removeEventListener("arcgisResultsReady", this.#o), e.removeEventListener("arcgisTraceResultClear", this.#n), e.removeEventListener("arcgisTriggerAction", this.#a));
   }
   #y(e) {
     const { _messages: t } = this;
@@ -152,15 +145,15 @@ class P extends T {
         return e;
     }
   }
-  async #v() {
+  async #b() {
     const e = this.#t?.selectedNamedTraceConfiguration, t = this.#t?.traceConfiguration;
     if (!(e?.traceType && t)) {
-      g("error", this, "Trace configuration not found"), this._traceError = new Error("Trace configuration not found"), this.arcgisError.emit();
+      u("error", this, "Trace configuration not found"), g(() => this.traceError = new Error("Trace configuration not found")), this.arcgisError.emit();
       return;
     }
     const s = this.#t?.traceLocations;
     try {
-      this._traceResult = await this.#s.executeTraceConfiguration({
+      this.traceResult = await this.#s.executeTraceConfiguration({
         traceType: e.traceType,
         traceConfiguration: t,
         traceLocations: s ?? [],
@@ -168,75 +161,75 @@ class P extends T {
         outSpatialReference: this.view?.spatialReference
       });
     } catch (i) {
-      d(i, this, "Error while running trace"), this._traceError = i, this._traceResult = void 0, this.arcgisError.emit();
+      p(i, this, "Error while running trace"), g(() => this.traceError = i), this.traceResult = void 0, this.arcgisError.emit();
     }
   }
-  #R() {
-    this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#v());
+  #v() {
+    this.#m(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#g(), this.#i("results"), this.#b());
   }
-  #w(e) {
+  #R(e) {
     e && (this.#t = e);
   }
   #d(e) {
     !e || e === this.#e || (this.#u(this.#e), this.#e = e, this.#f(e));
   }
-  #b(e) {
+  #w(e) {
     this.#h = e;
   }
   #T(e) {
-    this._slottedElements = u(e);
-    const t = u(e, m);
-    if ((!t.length || t.length < this._slottedElements.length) && g("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results` in the `results` slot."), t.length > 1 && g("warn", this, "Multiple `arcgis-utility-network-trace-results` elements were provided in the `results` slot. Only the first will render."), !t.length)
+    this._slottedElements = d(e);
+    const t = d(e, f);
+    if ((!t.length || t.length < this._slottedElements.length) && u("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results` in the `results` slot."), t.length > 1 && u("warn", this, "Multiple `arcgis-utility-network-trace-results` elements were provided in the `results` slot. Only the first will render."), !t.length)
       return;
     const [s] = t;
     for (const i of t)
-      i === s ? i.removeAttribute(f) : i.setAttribute(f, "");
+      i === s ? i.removeAttribute(y) : i.setAttribute(y, "");
     this.#d(s), this.#l(s);
   }
   #$(e) {
     e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented && e.preventDefault();
   }
-  #_(e) {
+  #C(e) {
     e.stopPropagation(), this.arcgisTraceLocationSelectEnd.emit();
   }
   #E(e) {
     const { detail: t, target: s } = e;
     e.stopPropagation(), t.name === "selectedUtilityNetwork" && (this.#s.utilityNetwork = s.selectedUtilityNetwork, this.#l(this.#e)), t.name === "selectedNamedTraceConfiguration" && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1), t.name === "mode" && (this._mode = s.mode);
   }
-  #C() {
+  #G() {
     const { _messages: e } = this;
     return a`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showMissingTerminalWarning = !1}><div slot=title>${e.errors.missingTerminalTitle}</div><div slot=message>${e.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
   }
-  #k() {
+  #S() {
     const { _messages: e } = this;
     return a`<calcite-panel class="trace-inputs-warning"><calcite-notice open icon=exclamation-mark-triangle closable kind=danger scale=s @calciteNoticeClose=${() => this._showNoStartingPointsWarning = !1}><div slot=title>${e.errors.noStartingPointsTitle}</div><div slot=message>${e.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
   }
-  #S() {
-    return a`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" && a`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` || ""}<arcgis-utility-network-trace-results-pane hide-warnings .hidden=${this.state === "executing"} ${c(this.#b)}><slot name=results @slotchange=${this.#T}></slot>${this.#p ? null : a`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryResultsGraphicsColor=${this.aggregatedGeometryResultsGraphicsColor} .aggregatedGeometryResultsSize=${this.aggregatedGeometryResultsSize} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} expanded .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#c} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#s.utilityNetwork ?? void 0} .view=${this.view ?? void 0} ${c(this.#d)}></arcgis-utility-network-trace-results>`}</arcgis-utility-network-trace-results-pane></calcite-tab>`;
+  #k() {
+    return a`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" && a`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` || ""}<arcgis-utility-network-trace-results-pane hide-warnings .hidden=${this.state === "executing"} ${c(this.#w)}><slot name=results @slotchange=${this.#T}></slot>${this.#p ? null : a`<arcgis-utility-network-trace-results .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryResultsGraphicsColor=${this.aggregatedGeometryResultsGraphicsColor} .aggregatedGeometryResultsSize=${this.aggregatedGeometryResultsSize} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} expanded .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hideGraphics=${this.hideGraphics} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#c} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this.traceError} .traceResult=${this.traceResult} .utilityNetwork=${this.#s.utilityNetwork ?? void 0} .view=${this.view ?? void 0} ${c(this.#d)}></arcgis-utility-network-trace-results>`}</arcgis-utility-network-trace-results-pane></calcite-tab>`;
   }
-  #x() {
-    const { _messages: e, _traceResult: t } = this, i = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#e?.state === "ready", n = this.#e?.numFeatureResults ?? 0, l = n > 0 && !this.hideFeatureResults && !this.hideClearResultsCount && this.state !== "executing";
+  #P() {
+    const { _messages: e, traceResult: t } = this, i = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#e?.state === "ready", n = this.#e?.numFeatureResults ?? 0, l = n > 0 && !this.hideFeatureResults && !this.hideClearResultsCount && this.state !== "executing";
     return a`<calcite-button appearance=outline width=full @click=${() => {
       this.#i("input"), this.#g();
     }} .disabled=${!i} slot=footer>${l ? e.buttons.clearResultsCustom.replace("{number}", n.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
   }
-  #P() {
-    const { _mode: e } = this, { loadError: t } = this.#s, i = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? a`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#y(t)}</div></calcite-notice>` : void 0) ?? a`${this._showNoStartingPointsWarning && e === "default" && this.#k() || ""}${this._showMissingTerminalWarning && e === "default" && this.#C() || ""}<arcgis-utility-network-trace-inputs .autoDestroyDisabled=${this.autoDestroyDisabled} .hideFeaturesActionBar=${this.hideActionBar} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeMapInteraction=${this.beforeMapInteraction} @arcgisPropertyChange=${this.#E} @arcgisTraceLocationSelectEnd=${this.#_} @arcgisTraceLocationSelectStart=${this.#$} ${c(this.#w)}></arcgis-utility-network-trace-inputs>`;
+  #x() {
+    const { _mode: e } = this, { loadError: t } = this.#s, i = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? a`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#y(t)}</div></calcite-notice>` : void 0) ?? a`${this._showNoStartingPointsWarning && e === "default" && this.#S() || ""}${this._showMissingTerminalWarning && e === "default" && this.#G() || ""}<arcgis-utility-network-trace-inputs .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeMapInteraction=${this.beforeMapInteraction} @arcgisPropertyChange=${this.#E} @arcgisTraceLocationSelectEnd=${this.#C} @arcgisTraceLocationSelectStart=${this.#$} @arcgisTriggerAction=${this.#a} ${c(this.#R)}></arcgis-utility-network-trace-inputs>`;
     return a`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${i}</div></calcite-tab>`;
   }
-  #G() {
+  #_() {
     const { state: e } = this;
     if (this._mode !== "default")
       return null;
     const t = e === "disabled" || e === "loading" || !this.#t?.traceConfiguration;
-    return a`<calcite-button appearance=solid width=full @click=${this.#R} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
+    return a`<calcite-button appearance=solid width=full @click=${this.#v} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
     const { _activeTab: e, state: t } = this;
-    return a`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#i("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#i("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#P()}${this.#S()}</calcite-tabs>${e === "input" ? this.#G() : null}${e === "results" ? this.#x() : null}</calcite-panel>`;
+    return a`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this.#i("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this.#i("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#x()}${this.#k()}</calcite-tabs>${e === "input" ? this.#_() : null}${e === "results" ? this.#P() : null}</calcite-panel>`;
   }
 }
-v("arcgis-utility-network-trace-analysis", P);
+v("arcgis-utility-network-trace-analysis", _);
 export {
-  P as ArcgisUtilityNetworkTraceAnalysis
+  _ as ArcgisUtilityNetworkTraceAnalysis
 };

package/dist/components/arcgis-utility-network-trace-elements-result-item/customElement.d.ts

@@ -12,10 +12,69 @@ import type { UtilityNetworkTraceResultItemState } from "../arcgis-utility-netwo
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
- * Trace result item for displaying [element](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements) results from a trace.
+ * The Utility Network Trace Elements Result Item component displays features corresponding to the
+ * [elements](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements)
+ * returned by a utility network trace. It queries utility network layers for features, highlights trace elements
+ * in the view, and uses [arcgis-features-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/) to display the queried features in a list.
+ *
+ * For traces containing only element results, the features list opens automatically. For traces containing multiple
+ * result types, users open the features list by selecting the elements result item in the trace results component.
+ * See [isFeaturesListShown](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#isFeaturesListShown) for details.
+ *
+ * Add this component directly to the default slot of [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/).
+ * The parent supplies the required read-only properties for the
+ * [trace result](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#traceResult),
+ * [utility network](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#utilityNetwork), and
+ * [MapView](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#view).
+ * Configure other settings, such as [layers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#layers),
+ * [disableHighlight](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#disableHighlight), and
+ * [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults), on this component.
+ *
+ * By default, the [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/) component displays the
+ * [aggregated geometry](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-aggregated-geometry-result-item/),
+ * [elements](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/), and
+ * [functions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-functions-result-item/) result items for the result types
+ * returned by the trace. Adding content to its default slot replaces all default result items. Add each result item
+ * that the custom configuration should display.
+ *
+ * Use [layers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#layers) to restrict feature queries to
+ * specific utility network layers.
  *
  * @since 5.2
+ * @example
+ * The following example displays element results in a custom set of trace result items.
+ * Providing result items in the default slot replaces the parent's default result items.
+ * This example displays only element results.
+ * ```html
+ * <arcgis-map item-id="471eb0bf37074b1fbb972b1da70fb310">
+ *   <arcgis-utility-network-trace-analysis slot="bottom-left">
+ *     <arcgis-utility-network-trace-results slot="results">
+ *       <arcgis-utility-network-trace-elements-result-item></arcgis-utility-network-trace-elements-result-item>
+ *     </arcgis-utility-network-trace-results>
+ *   </arcgis-utility-network-trace-analysis>
+ * </arcgis-map>
+ * ```
+ * @example
+ * Using the markup above, register these listeners before running a trace to access the queried features
+ * when the elements result item is ready and respond when the selected result feature changes.
+ * ```js
+ * const resultItem = document.querySelector("arcgis-utility-network-trace-elements-result-item");
+ *
+ * resultItem.addEventListener("arcgisResultReady", () => {
+ *   console.log("Trace result features:", resultItem.features);
+ * });
+ *
+ * resultItem.addEventListener("arcgisPropertyChange", (event) => {
+ *   if (event.detail.name === "selectedResultFeature") {
+ *     console.log("Selected feature:", resultItem.selectedResultFeature);
+ *   }
+ * });
+ * ```
  * @see [Result types](https://doc.esri.com/en/arcgis-pro/latest/help/data/utility-network/configure-a-trace.html#DA5)
+ * @see [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/)
+ * @see [arcgis-utility-network-trace-analysis](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis/)
+ * @see [arcgis-utility-network-trace-aggregated-geometry-result-item](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-aggregated-geometry-result-item/)
+ * @see [arcgis-utility-network-trace-functions-result-item](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-functions-result-item/)
  */
 export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitElement {
   /** @internal */
@@ -71,28 +130,36 @@ export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitEle
    * @default false
    */
   get emitsArcgisResultReady(): true;
-  /** The features corresponding to the trace result elements. */
+  /**
+   * The features successfully queried for the current trace result elements.
+   * Elements without a matching query layer are not included.
+   */
   get features(): Graphic[];
-  /** The heading of the result item. */
+  /**
+   * The label of the elements result item that opens the features list.
+   * If not specified or empty, the component uses its localized default label.
+   */
   accessor heading: string | undefined;
   /**
-   * Indicates whether to hide the action bar that holds the feature's
-   * [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#actions)
-   * when selecting trace locations and viewing trace result features.
+   * Whether to hide the action bar when viewing trace result features.
+   * The action bar contains the feature's [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#actions).
    *
    * @default false
    */
   accessor hideActionBar: boolean;
   /**
-   * Whether to hide feature results.
-   * If true, the component renders a placeholder string instead of a button to view features.
+   * Whether to hide the elements result item and the features list.
+   * If true, the component renders a placeholder string instead of the elements result item.
    * When true, features are still queried and are available through [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#features).
    *
+   * This property does not disable highlighting. Use
+   * [disableHighlight](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#disableHighlight) to hide trace-element highlights.
+   *
    * @default false
    */
   accessor hideFeatureResults: boolean;
   /**
-   * Whether to hide the placeholder string when feature results are hidden.
+   * Whether to hide the placeholder string when the elements result item and the features list are hidden.
    *
    * When this property and [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults) are both set to `true`,
    * nothing is rendered for trace result elements. However, features are still queried and are available through
@@ -102,30 +169,34 @@ export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitEle
    */
   accessor hidePlaceholder: boolean;
   /**
-   * Indicates whether default actions are disabled (hidden) when viewing trace result features.
-   * This property must be set to `true` to disable default actions.
+   * Whether to hide the default actions when viewing trace result features.
    *
    * @default false
    */
   accessor includeDefaultActionsDisabled: boolean;
   /**
-   * Whether the list of feature results is being viewed.
-   * When true, the component renders the trace result features as a list in the [arcgis-features-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/) component.
+   * Whether the features list is currently displayed.
+   * Returns `true` when the component is displaying the features list using the [arcgis-features-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/) component.
    *
-   * This property is always false when [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults) is true.
+   * Always returns `false` when [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults) is set to `true`.
    *
-   * If [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults) is not set, the list opens automatically when
+   * If [hideFeatureResults](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#hideFeatureResults) is not set, the features list opens automatically when
    * a trace result containing only [elements](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements) loads,
-   * or when the user chooses to view Feature results. Closing the list sets this property to false.
+   * or when the user selects the [elements result item](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/). Closing the features list causes this property to return `false`.
    *
    * @default false
    */
   get isFeaturesListShown(): boolean;
   /**
-   * The utility network layers used to query trace result features.
+   * The utility network layers and tables used to query trace result features.
+   *
+   * When the array is empty, the component uses the map's layers and tables that belong to
+   * the selected [utilityNetwork](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#utilityNetwork).
+   * Entries that do not belong to that utility network are ignored.
    *
-   * If none are provided, the component uses all layers in the map belonging to
-   * the specified [utilityNetwork](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#utilityNetwork).
+   * Set this property before the trace result is processed. Changing it does not requery the current result.
+   *
+   * This property restricts which layers are queried for features. It does not restrict highlighting of trace result features.
    */
   accessor layers: Layer[];
   /**
@@ -139,14 +210,19 @@ export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitEle
       resultFeaturesAreHidden?: string | undefined;
   };
   /**
-   * The number of unique network element results,
-   * including elements that did not match any layer in the map.
+   * The number of successfully queried features plus unique trace elements without a matching query layer.
+   *
+   * This value can be lower than the number of elements returned by the trace. For example:
+   * - Trace result elements that only differ by a terminal ID are treated as one feature.
+   * - Feature queries may fail or return no matching features.
    */
   get numResults(): number;
   /**
-   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   * The reference element, or its ID, forwarded to the embedded
+   * [Features component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#referenceElement).
    *
-   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   * Setting this property does not remove the requirement to use this component as a child of
+   * [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/).
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
@@ -158,7 +234,8 @@ export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitEle
    */
   get selectedResultFeature(): Graphic | undefined;
   /**
-   * Whether the component has finished querying trace result features.
+   * The processing state of the elements result item: `"loading"` while processing a trace result and `"ready"` when no
+   * processing is in progress. A `"ready"` state does not necessarily mean that every feature query succeeded.
    *
    * @default "ready"
    */
@@ -168,20 +245,31 @@ export abstract class ArcgisUtilityNetworkTraceElementsResultItem extends LitEle
   /** The utility network used to query the trace result features. */
   get utilityNetwork(): UtilityNetwork | undefined;
   /**
-   * The view associated with the component.
-   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-utility-network-trace-elements-result-item component will be associated with a map or scene component rather than using the `view` property.
+   * The MapView supplied by the parent [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/) component.
+   * Used to query utility network layers and highlight trace elements.
    */
   get view(): MapView | undefined;
   /**
-   * Cancels any feature queries in progress, removes feature highlights from the map,
-   * and clears [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#features).
+   * Cancels feature queries in progress, removes trace-element highlights from the map,
+   * clears [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#features), closes the features list,
+   * and resets [state](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#state) to `"ready"`.
+   *
+   * Does not clear the parent-provided [traceResult](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#traceResult)
+   * or emit [@arcgisResultReady](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#event-arcgisResultReady).
    */
   clearResult(): void;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /** 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: "features" | "isFeaturesListShown" | "selectedResultFeature" | "state"; }>;
-  /** Fires when the component finishes querying all features for the trace result elements. */
+  /**
+   * Fires when processing the current trace result finishes, including when a query fails.
+   * The [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#features) property contains the features
+   * successfully queried.
+   *
+   * Clearing an in-progress result with
+   * [clearResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#clearResult) does not emit this event.
+   */
   readonly arcgisResultReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
   readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, ActionEvent>;

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

@@ -2,10 +2,10 @@
 import { c as F } from "../../chunks/runtime.js";
 import { ref as E } from "lit/directives/ref.js";
 import { getOrCreateMapValue as v } from "@arcgis/core/applications/Components/featureUtils.js";
-import { LitElement as L, createEvent as f } from "@arcgis/lumina";
+import { LitElement as L, createEvent as y } from "@arcgis/lumina";
 import { usePropertyChange as T, bypassReadOnly as o } from "@arcgis/lumina/controllers";
 import { log as d, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
-import { css as k, html as y } from "lit";
+import { css as k, html as f } from "lit";
 import { u as I } from "../../chunks/useT9n.js";
 import { i as g, l as p, t as c, c as A } from "../../chunks/async-utils.js";
 import { c as S, q as P, d as w, e as $ } from "../../chunks/layer-utils.js";
@@ -13,7 +13,7 @@ import { i as R } from "../../chunks/utils5.js";
 const C = k`arcgis-features-next{height:100%}.elements-list-item{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm)}.features-hidden{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size);overflow-wrap:anywhere}`;
 class D extends L {
   constructor() {
-    super(...arguments), this._messages = I({ blocking: !0 }), this.#n = !0, this.#i = [], this.#t = [], this.#r = /* @__PURE__ */ new Map(), this.#a = /* @__PURE__ */ new Map(), this.#h = !1, this.#l = /* @__PURE__ */ new Map(), this.#o = /* @__PURE__ */ new Map(), this.#e = [], this._isFeaturesSelected = !1, this.autoDestroyDisabled = !1, this.disableHighlight = !1, this.emitsArcgisResultReady = !0, this.features = [], this.hideActionBar = !1, this.hideFeatureResults = !1, this.hidePlaceholder = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "ready", this.arcgisPropertyChange = T()("features", "isFeaturesListShown", "selectedResultFeature", "state"), this.arcgisResultReady = f(), this.arcgisTriggerAction = f();
+    super(...arguments), this._messages = I({ blocking: !0 }), this.#n = !0, this.#i = [], this.#t = [], this.#r = /* @__PURE__ */ new Map(), this.#a = /* @__PURE__ */ new Map(), this.#h = !1, this.#l = /* @__PURE__ */ new Map(), this.#o = /* @__PURE__ */ new Map(), this.#e = [], this._isFeaturesSelected = !1, this.autoDestroyDisabled = !1, this.disableHighlight = !1, this.emitsArcgisResultReady = !0, this.features = [], this.hideActionBar = !1, this.hideFeatureResults = !1, this.hidePlaceholder = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "ready", this.arcgisPropertyChange = T()("features", "isFeaturesListShown", "selectedResultFeature", "state"), this.arcgisResultReady = y(), this.arcgisTriggerAction = y();
   }
   static {
     this.properties = { _featuresComponentElement: 16, _isFeaturesSelected: 16, actions: 0, autoDestroyDisabled: 5, disableHighlight: 5, emitsArcgisResultReady: 32, features: 32, heading: 1, hideActionBar: 5, hideFeatureResults: 5, hidePlaceholder: 5, includeDefaultActionsDisabled: 5, isFeaturesListShown: 32, layers: 0, messageOverrides: 0, numResults: 32, referenceElement: 1, selectedResultFeature: 32, state: 32, traceResult: 32, utilityNetwork: 32, view: 32 };
@@ -23,7 +23,7 @@ class D extends L {
   }
   #n;
   #i;
-  get #y() {
+  get #f() {
     if (!this.traceResult)
       return !1;
     const { elements: e, globalFunctionResults: t, aggregatedGeometry: s } = this.traceResult;
@@ -67,7 +67,7 @@ class D extends L {
         d("warn", this, "This component must be used as a child of `arcgis-utility-network-trace-results`.");
         return;
       }
-      const t = (s) => this.#f(s);
+      const t = (s) => this.#y(s);
       return e.addEventListener("arcgisPropertyChange", t), o(() => {
         this.traceResult = e.traceResult, this.utilityNetwork = e.utilityNetwork, this.view = e.view;
       }), () => {
@@ -83,7 +83,7 @@ class D extends L {
   loaded() {
     this.traceResult && (this.traceResult.elements || d("error", this, m("traceResult.elements")), this.utilityNetwork || d("error", this, m("utilityNetwork")));
   }
-  #f(e) {
+  #y(e) {
     if (e.target !== this.#c)
       return;
     const { target: t } = e;
@@ -153,7 +153,7 @@ class D extends L {
     }
   }
   async #d() {
-    this.clearResult(), this._isFeaturesSelected = this.#y;
+    this.clearResult(), this._isFeaturesSelected = this.#f;
     const e = () => {
       o(() => this.state = "ready"), this.arcgisResultReady.emit();
     }, t = A(async (s) => {
@@ -215,14 +215,14 @@ class D extends L {
     e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
   }
   #k() {
-    return y`<div class="features-hidden">${this._messages.resultFeaturesAreHidden}</div>`;
+    return f`<div class="features-hidden">${this._messages.resultFeaturesAreHidden}</div>`;
   }
   #I() {
     const { heading: e, _messages: t } = this;
-    return y`<calcite-list .label=${t.headings.features}><calcite-list-item class="elements-list-item" .label=${e || t.headings.features} @calciteListItemSelect=${() => this._isFeaturesSelected = !0}><calcite-chip .label=${t.labels.numFeatures} scale=s slot=content-end>${this.numResults}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
+    return f`<calcite-list .label=${t.headings.features}><calcite-list-item class="elements-list-item" .label=${e || t.headings.features} @calciteListItemSelect=${() => this._isFeaturesSelected = !0}><calcite-chip .label=${t.labels.numFeatures} scale=s slot=content-end>${this.numResults}</calcite-chip><calcite-icon flip-rtl icon=chevron-right slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
   }
   render() {
-    return !this.traceResult?.elements.length || this.manager.destroyed ? null : this.hideFeatureResults ? this.hidePlaceholder ? null : this.#k() : this.isFeaturesListShown ? y`<arcgis-features-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .defaultPopupTemplateEnabled=${this.#n} .features=${this.features} .hideActionBar=${this.hideActionBar} hide-select-feature .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} initial-display-mode=list .messageOverrides=${this.messageOverrides} open .referenceElement=${this.referenceElement} .view=${this.view} @arcgisClose=${() => this._isFeaturesSelected = !1} @arcgisPropertyChange=${this.#L} @arcgisTriggerAction=${this.#T} ${E(this.#g)}></arcgis-features-next>` : this.#I();
+    return !this.traceResult?.elements.length || this.manager.destroyed ? null : this.hideFeatureResults ? this.hidePlaceholder ? null : this.#k() : this.isFeaturesListShown ? f`<arcgis-features-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .defaultPopupTemplateEnabled=${this.#n} .features=${this.features} .hideActionBar=${this.hideActionBar} hide-select-feature .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} initial-display-mode=list .messageOverrides=${this.messageOverrides} open .referenceElement=${this.referenceElement} .view=${this.view} @arcgisClose=${() => this._isFeaturesSelected = !1} @arcgisPropertyChange=${this.#L} @arcgisTriggerAction=${this.#T} ${E(this.#g)}></arcgis-features-next>` : this.#I();
   }
 }
 F("arcgis-utility-network-trace-elements-result-item", D);