@arcgis/map-components 5.2.0-next.137 → 5.2.0-next.139

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

@@ -1,302 +1,257 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as v } from "../../chunks/runtime.js";
+import { c as $ } from "../../chunks/runtime.js";
 import { ref as h } from "lit/directives/ref.js";
-import I from "@arcgis/core/Color.js";
-import { LitElement as w, createEvent as u } from "@arcgis/lumina";
-import { usePropertyChange as $, bypassReadOnly as d } from "@arcgis/lumina/controllers";
-import { slotChangeGetAssignedElements as b } from "@arcgis/toolkit/dom/slots";
-import { log as G, composeMissingPropertyMessage as E } from "@arcgis/toolkit/log";
+import c from "@arcgis/core/Color.js";
+import { LitElement as E, createEvent as d, safeClassMap as w } from "@arcgis/lumina";
+import { usePropertyChange as C, bypassReadOnly as u } from "@arcgis/lumina/controllers";
+import { slotChangeGetAssignedElements as I } from "@arcgis/toolkit/dom/slots";
+import { log as G, composeMissingPropertyMessage as S } from "@arcgis/toolkit/log";
 import { css as D, html as r } from "lit";
-import { u as C } from "../../chunks/useT9n.js";
-import { l as F } from "../../chunks/async-utils.js";
-const o = [
-  "arcgis-utility-network-trace-aggregated-geometry-result-item",
-  "arcgis-utility-network-trace-elements-result-item",
-  "arcgis-utility-network-trace-functions-result-item"
-], R = o.join(", ");
-function g(a) {
-  return a.localName === "arcgis-utility-network-trace-aggregated-geometry-result-item";
-}
-function n(a) {
-  return a.localName === "arcgis-utility-network-trace-elements-result-item";
-}
-function m(a) {
-  return a.localName === "arcgis-utility-network-trace-functions-result-item";
-}
-const k = D`:host{height:100%}slot:not([hidden]),.default-result-items{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.results-block{min-height:100%;margin-top:0;margin-bottom:0}.no-selectable-results{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-md);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)}`, A = [
-  "hideGraphics",
-  "traceResult",
-  "view"
-], P = [
-  "actions",
-  "autoDestroyDisabled",
-  "hideActionBar",
-  "hideFeatureResults",
-  "hidePlaceholder",
-  "includeDefaultActionsDisabled",
-  "layers",
-  "messageOverrides",
-  "referenceElement",
-  "traceResult",
-  "utilityNetwork",
-  "view"
-], _ = [
-  "traceResult"
-], f = {
+import { u as F } from "../../chunks/useT9n.js";
+import { l as m } from "../../chunks/async-utils.js";
+import { a as f, b as o } from "../../chunks/types.js";
+import { g as l, b as R, c as y, d as A, e as p, f as k, h as x, j as L } from "../../chunks/utils5.js";
+const P = D`:host{height:100%}slot:not([hidden]),.default-result-items{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.results-block{margin-top:0;margin-bottom:0;&.features-list-active{--calcite-block-content-space: 0}}.no-selectable-results{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-md);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)}`, g = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935,
   pathNotFound: -2147208444
 };
-class x extends w {
+class T extends E {
   constructor() {
-    super(...arguments), this._messages = C({ blocking: !0 }), this.#t = /* @__PURE__ */ new Set(), this.#s = /* @__PURE__ */ new Map(), this._slottedResultItems = [], this.aggregatedGeometryGraphicsColor = new I([255, 255, 0, 0.6]), this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.expandable = !1, this.expanded = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "ready", this.arcgisPropertyChange = $()("aggregatedGeometryGraphicsColor", "hideGraphics", "state", "traceError"), this.arcgisResultsReady = u(), this.arcgisTraceResultClear = u(), this.arcgisTriggerAction = u();
+    super(...arguments), this._messages = F({ blocking: !0 }), this.#i = /* @__PURE__ */ new Set(), this.#s = /* @__PURE__ */ new Set(), this.#r = /* @__PURE__ */ new Map(), this.#l = [], this.#a = /* @__PURE__ */ new Map(), this.#n = /* @__PURE__ */ new Set(), this.#m = (e) => {
+      const { detail: t, target: s } = e;
+      if (t.name === "isFeaturesListShown") {
+        const i = s[t.name];
+        !this.#e && i ? (this.#e = s, this.#R(l(this.el))) : s === this.#e && !i && (this.#e = void 0, this.#h()), this.requestUpdate();
+      }
+    }, this._slottedDefaultResultItems = [], this.aggregatedGeometryResultsGraphicsColor = new c(f), this.aggregatedGeometryResultsSize = 12, this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.expandable = !1, this.expanded = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "ready", this.arcgisPropertyChange = C()("aggregatedGeometryResultsGraphicsColor", "aggregatedGeometryResultsSize", "hideGraphics", "state", "traceError", "traceResult", "utilityNetwork", "view"), this.arcgisResultsReady = d(), this.arcgisTraceResultClear = d(), this.arcgisTriggerAction = d();
   }
   static {
-    this.properties = { _slottedResultItems: 16, actions: 0, aggregatedGeometryGraphicsColor: 0, autoDestroyDisabled: 5, disableHighlightFeatureResults: 5, expandable: 5, expanded: 5, heading: 1, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, layers: 0, messageOverrides: 0, numFeatureResults: 32, referenceElement: 1, state: 32, traceError: 0, traceResult: 0, traceResultFeatures: 32, utilityNetwork: 0, view: 0 };
+    this.properties = { _slottedDefaultResultItems: 16, actions: 0, aggregatedGeometryResultsGraphicsColor: [1, { converter: {
+      fromAttribute: (e) => c.fromString(e) ?? new c(f)
+    } }], aggregatedGeometryResultsSize: 9, autoDestroyDisabled: 5, disableHighlightFeatureResults: 5, expandable: 5, expanded: 5, heading: 1, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, layers: 0, messageOverrides: 0, numFeatureResults: 32, referenceElement: 1, state: 32, traceError: 0, traceResult: 0, traceResultFeatures: 32, utilityNetwork: 0, view: 0 };
   }
   static {
-    this.styles = k;
+    this.styles = P;
   }
-  #l;
   #e;
-  #n;
+  #u;
   #t;
+  #g;
+  #i;
   #s;
-  get #o() {
-    return Array.from(this.el.childNodes).some((e) => e.nodeType === Node.TEXT_NODE ? !!e.textContent?.trim() : e instanceof Element && !e.slot);
+  #r;
+  #l;
+  #a;
+  #n;
+  #m;
+  get #f() {
+    return l(this.el).length > 0;
   }
-  get #v() {
-    return this.traceResult ? this.#o ? this.#F() : this.#C(this.traceResult) : [];
+  get #C() {
+    return this.traceResult ? this.#f ? l(this.el).filter(R) : this.#D(this.traceResult) : [];
   }
-  get #i() {
-    return !!this.traceResult && !this.traceError && this.#c;
+  get #y() {
+    return !!this.traceResult && !this.traceError && this.#o;
   }
-  get #h() {
-    if (!this.traceResult || !this.#c || !this._slottedResultItems.length)
+  get #p() {
+    if (!this.traceResult || !this.#o)
       return !1;
-    const { aggregatedGeometry: e, elements: t, globalFunctionResults: s } = this.traceResult;
-    return this._slottedResultItems.some((i) => e != null && g(i) || t.length > 0 && n(i) || s.length > 0 && m(i));
+    if (l(this.el).some((a) => !y(a)))
+      return !0;
+    const { aggregatedGeometry: t, elements: s, globalFunctionResults: i } = this.traceResult;
+    return this._slottedDefaultResultItems.some((a) => t != null && A(a) || s.length > 0 && p(a) || i.length > 0 && k(a));
   }
-  get #c() {
+  get #o() {
     if (!this.traceResult)
       return !1;
     const { elements: e, globalFunctionResults: t, aggregatedGeometry: s } = this.traceResult;
     return !!(e.length || t.length || s);
   }
   get numFeatureResults() {
-    return this.#e ? this.#e.numResults : this._slottedResultItems.find((t) => n(t))?.numResults ?? 0;
+    return this.#t ? this.#t.numResults : this.#l[0]?.numResults ?? 0;
   }
   get traceResultFeatures() {
-    return this.#e ? this.#e.features : this._slottedResultItems.find((t) => n(t))?.features ?? [];
+    return this.#t ? this.#t.features : this.#l[0]?.features ?? [];
   }
   clearResults() {
-    this.#u(), this.arcgisTraceResultClear.emit();
+    this.#v(), this.arcgisTraceResultClear.emit();
   }
   async destroy() {
-    const e = await Promise.allSettled([
-      ...this._slottedResultItems.map((t) => t.destroy()),
-      this.#l?.destroy(),
-      this.#e?.destroy(),
-      this.#n?.destroy()
+    const e = l(this.el).filter(x), t = await Promise.allSettled([
+      ...e.map(async (s) => await s.destroy()),
+      this.#u?.destroy(),
+      this.#t?.destroy(),
+      this.#g?.destroy()
     ]);
-    for (const t of e)
-      t.status === "rejected" && F(t.reason, this, "Error while destroying trace result item");
+    for (const s of t)
+      s.status === "rejected" && m(s.reason, this, "Error while destroying trace result item");
     await this.manager.destroy();
   }
   load() {
     this.manager.onLifecycle(() => {
-      for (const e of this._slottedResultItems)
-        this.#m(e);
-      return () => {
-        for (const e of this.#s.keys())
-          this.#f(e);
+      const e = l(this.el);
+      return this.#w(e), this.#E(e), () => {
+        for (const t of this.#r.keys())
+          this.#$(t);
+        for (const t of this.#a.keys())
+          this.#b(t);
+        this.#h();
       };
-    }), this.traceResult && (this.view || G("warn", this, E("view")));
+    });
   }
   willUpdate(e) {
-    e.has("view") && this.#D(), e.has("traceResult") && (this.#u(), this.#i && this.#g(this.#v)), this.#i && this._slottedResultItems.length && (this.#b(e), this.#G(e), this.#E(e));
+    e.has("traceResult") && (this.#v(), this.#y ? this.#T() : this.traceResult && !this.traceError && !this.#o && this.#c());
   }
-  #u() {
-    this.#l?.clearResult(), this.#e?.clearResult(), this.#n?.clearResult(), this._slottedResultItems.forEach((e) => e.clearResult()), this.#t.clear(), d(() => this.state = "ready");
+  loaded() {
+    this.traceResult && (this.view || G("warn", this, S("view")));
   }
-  #I(e) {
-    e && (this.#l = e);
+  #h() {
+    for (const e of this.#i)
+      e.removeAttribute("hidden");
+    this.#i.clear();
   }
-  #w(e) {
-    e && (this.#e = e);
-  }
-  #$(e) {
-    e && (this.#n = e);
+  #v() {
+    const e = l(this.el).filter(L);
+    for (const t of e)
+      try {
+        t.clearResult();
+      } catch (s) {
+        m(s, this, "Error while clearing trace result item");
+      }
+    this.#u?.clearResult(), this.#t?.clearResult(), this.#g?.clearResult(), this.#s.clear(), u(() => this.state = "ready");
   }
-  #b(e) {
-    const t = this._slottedResultItems.filter((s) => g(s));
-    A.filter((s) => e.has(s)).forEach((s) => {
-      t.forEach((i) => this.#y(i, s, this[s]));
-    }), e.has("aggregatedGeometryGraphicsColor") && t.forEach((s) => this.#y(s, "graphicsColor", this.aggregatedGeometryGraphicsColor));
+  #I(e) {
+    e && (this.#u = e);
   }
   #G(e) {
-    const t = this._slottedResultItems.filter((s) => n(s));
-    P.filter((s) => e.has(s)).forEach((s) => {
-      t.forEach((i) => this.#p(i, s, this[s]));
-    }), e.has("disableHighlightFeatureResults") && t.forEach((s) => this.#p(s, "disableHighlight", this.disableHighlightFeatureResults));
+    this.#e && this.#e === this.#t && e !== this.#t && (this.#e = void 0, this.#h()), this.#t = e, !this.#e && e?.isFeaturesListShown && (this.#e = e, this.#R(l(this.el))), this.requestUpdate();
   }
-  #E(e) {
-    const t = this._slottedResultItems.filter((s) => m(s));
-    _.filter((s) => e.has(s)).forEach((s) => {
-      t.forEach((i) => this.#a(i, s, this[s]));
-    }), e.has("heading") && t.forEach((s) => this.#a(s, "heading", this._messages.headings.functions));
-  }
-  async #D() {
-    const { view: e } = this;
-    if (e) {
-      await e.when();
-      for (const t of this._slottedResultItems)
-        this.#R(t);
-    }
-  }
-  #C(e) {
-    const { elements: t, globalFunctionResults: s, aggregatedGeometry: i } = e, [l, y, p] = o, c = [];
-    return i != null && c.push(l), t != null && c.push(y), s.length > 0 && c.push(p), c;
+  #S(e) {
+    e && (this.#g = e);
   }
-  #F() {
-    return Array.from(this.el.children).filter((e) => e.matches(R));
+  #c() {
+    u(() => this.state = "ready"), this.arcgisResultsReady.emit();
   }
-  #k(e) {
-    const { detail: t } = e;
-    t.name === "isFeaturesListShown" && this.requestUpdate();
+  #D(e) {
+    const { elements: t, globalFunctionResults: s, aggregatedGeometry: i } = e, [a, v, b] = o, n = [];
+    return i != null && n.push(a), t != null && n.push(v), s.length > 0 && n.push(b), n;
   }
-  #A(e) {
+  #F(e) {
     e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
   }
-  #P(e) {
+  #A(e) {
     const { detail: t, target: s } = e;
-    t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name]) : t.name === "graphicsColor" && (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = s[t.name]);
+    t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name]) : t.name === "graphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryResultsGraphicsColor = s[t.name]) : t.name === "selectionSize" && (e.stopPropagation(), this.aggregatedGeometryResultsSize = s[t.name]);
   }
-  #_() {
-    this.#r(o[0]);
+  #k() {
+    this.#d(o[0]);
   }
   #x() {
-    this.#r(o[1]);
+    this.#d(o[1]);
   }
-  #N() {
-    this.#r(o[2]);
+  #L() {
+    this.#d(o[2]);
   }
-  #d() {
-    d(() => this.state = "ready"), this.arcgisResultsReady.emit();
+  #P(e) {
+    const t = I(e);
+    this.#w(t), this.#E(t);
   }
-  #g(e) {
-    this.#t = new Set(e), this.#t.size === 0 ? this.#d() : d(() => this.state = "loading");
+  #R(e) {
+    e.forEach((t) => {
+      t !== this.#e && !t.hasAttribute("hidden") ? (t.setAttribute("hidden", ""), this.#i.add(t)) : t === this.#e && this.#i.has(t) && (t.removeAttribute("hidden"), this.#i.delete(t));
+    });
   }
-  #m(e) {
-    if (this.#s.has(e))
-      return;
-    const t = ({ target: s }) => this.#r(s);
-    this.#s.set(e, t), e.addEventListener("arcgisResultReady", t);
+  #T() {
+    this.#s = new Set(this.#C), this.#s.size === 0 ? this.#c() : u(() => this.state = "loading");
   }
-  #f(e) {
-    const t = this.#s.get(e);
-    t && (e.removeEventListener("arcgisResultReady", t), this.#s.delete(e));
+  #z(e) {
+    if (this.#a.has(e))
+      return;
+    const t = (s) => this.#m(s);
+    this.#a.set(e, t), e.addEventListener("arcgisPropertyChange", t);
   }
-  #T(e) {
-    const t = b(e, R);
-    for (const s of this.#s.keys())
-      t.includes(s) || (this.#f(s), this.#t.delete(s));
-    this._slottedResultItems = t, this.#i && this.#g(t);
-    for (const s of this._slottedResultItems)
-      this.#m(s), this.#R(s);
+  #_(e) {
+    if (this.#r.has(e))
+      return;
+    const t = ({ target: s }) => this.#d(s);
+    this.#r.set(e, t), e.addEventListener("arcgisResultReady", t);
   }
-  #r(e) {
-    this.#t.delete(e), this.state === "loading" && this.#t.size === 0 && this.#d();
+  #b(e) {
+    const t = this.#a.get(e);
+    t && (e.removeEventListener("arcgisPropertyChange", t), this.#a.delete(e));
   }
-  #R(e) {
-    g(e) ? this.#S(e) : n(e) ? this.#H(e) : m(e) && this.#L(e);
+  #$(e) {
+    const t = this.#r.get(e);
+    t && (e.removeEventListener("arcgisResultReady", t), this.#r.delete(e));
   }
-  #y(e, t, s) {
-    e[t] = s;
+  #E(e) {
+    for (const i of this.#i)
+      e.includes(i) || (i.removeAttribute("hidden"), this.#i.delete(i));
+    const t = e.filter(p);
+    for (const i of this.#l)
+      t.includes(i) || this.#b(i);
+    for (const i of t)
+      this.#z(i);
+    const s = this.#e;
+    s && (!s.isFeaturesListShown || s !== this.#t && !t.includes(s)) && (this.#e = void 0, this.#h()), this.#e ??= t.find((i) => i.isFeaturesListShown), this.#e && this.#R(e), this.#l = t, this.requestUpdate();
   }
-  #S(e) {
-    const t = {
-      autoDestroyDisabled: this.autoDestroyDisabled,
-      graphicsColor: this.aggregatedGeometryGraphicsColor,
-      hideGraphics: this.hideGraphics,
-      traceResult: this.traceResult,
-      view: this.view
-    };
-    Object.assign(e, t);
-  }
-  #p(e, t, s) {
-    e[t] = s;
+  #w(e) {
+    const t = new Set(e.filter(R));
+    for (const s of this.#n)
+      t.has(s) || (this.#$(s), this.#s.delete(s));
+    for (const s of t)
+      this.#_(s), this.state === "loading" && !this.#n.has(s) && this.#s.add(s);
+    this.#n = t, this._slottedDefaultResultItems = e.filter(y), this.state === "loading" && this.#s.size === 0 && this.#c();
   }
-  #H(e) {
-    const t = {
-      actions: this.actions,
-      autoDestroyDisabled: this.autoDestroyDisabled,
-      disableHighlight: this.disableHighlightFeatureResults,
-      hideActionBar: this.hideActionBar,
-      hideFeatureResults: this.hideFeatureResults,
-      hidePlaceholder: this.hidePlaceholder,
-      includeDefaultActionsDisabled: this.includeDefaultActionsDisabled,
-      layers: this.layers,
-      messageOverrides: this.messageOverrides,
-      referenceElement: this.referenceElement,
-      traceResult: this.traceResult,
-      utilityNetwork: this.utilityNetwork,
-      view: this.view
-    };
-    Object.assign(e, t);
-  }
-  #a(e, t, s) {
-    e[t] = s;
-  }
-  #L(e) {
-    const t = {
-      heading: this._messages.headings.functions,
-      traceResult: this.traceResult
-    };
-    this.#a(e, "heading", t.heading), this.#a(e, "traceResult", t.traceResult);
+  #d(e) {
+    this.#s.delete(e), this.state === "loading" && this.#s.size === 0 && this.#c();
   }
   render() {
     const { traceError: e, traceResult: t } = this;
     let s;
-    const i = !this.#i || !this.#o || !this.#h, l = r`<slot .hidden=${i} @slotchange=${this.#T}></slot>`;
-    return e ? s = this.#z(e) : t ? this.#c ? this.#o ? this.#h || (s = this.#B()) : s = this.#O(t) : s = this.#j() : s = this.#V(), r`<calcite-block class="results-block" .description=${this.heading} .expandable=${this.expandable} .expanded=${this.expanded} .heading=${this._messages.headings.traceResultsGeneric} .label=${this._messages.headings.traceResultsGeneric} .loading=${this.state === "loading"}>${l}${s}</calcite-block>`;
+    const i = !this.#y || !this.#f || !this.#p, a = r`<slot .hidden=${i} @slotchange=${this.#P}></slot>`;
+    return e ? s = this.#O(e) : t ? this.#o ? this.#f ? this.#p || (s = this.#N()) : s = this.#H(t) : s = this.#B() : s = this.#U(), r`<calcite-block class=${w({
+      "results-block": !0,
+      "features-list-active": !!this.#e
+    })} .description=${this.heading} .expandable=${this.expandable} .expanded=${this.expanded} .heading=${this._messages.headings.traceResultsGeneric} .label=${this._messages.headings.traceResultsGeneric} .loading=${this.state === "loading"}>${a}${s}</calcite-block>`;
   }
-  #O(e) {
-    const t = this.#e?.isFeaturesListShown, { elements: s, globalFunctionResults: i, aggregatedGeometry: l } = e;
-    return r`<div class="default-result-items">${l != null ? r`<arcgis-utility-network-trace-aggregated-geometry-result-item auto-destroy-disabled .graphicsColor=${this.aggregatedGeometryGraphicsColor} .hideGraphics=${this.hideGraphics} .hidden=${t} .traceResult=${e} .view=${this.view} @arcgisPropertyChange=${this.#P} @arcgisResultReady=${this.#_} ${h(this.#I)}></arcgis-utility-network-trace-aggregated-geometry-result-item>${!s.length && !t ? this.#M() : null}` : null}${s != null ? r`<arcgis-utility-network-trace-elements-result-item .actions=${this.actions} auto-destroy-disabled .disableHighlight=${this.disableHighlightFeatureResults} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .hidden=${!s.length} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.layers} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceResult=${e} .utilityNetwork=${this.utilityNetwork} .view=${this.view} @arcgisPropertyChange=${this.#k} @arcgisResultReady=${this.#x} @arcgisTriggerAction=${this.#A} ${h(this.#w)}></arcgis-utility-network-trace-elements-result-item>` : null}${i.length > 0 ? r`<arcgis-utility-network-trace-functions-result-item .heading=${this._messages.headings.functions} .hidden=${t} .traceResult=${e} @arcgisResultReady=${this.#N} ${h(this.#$)}></arcgis-utility-network-trace-functions-result-item>` : null}</div>`;
+  #H(e) {
+    const { elements: t, globalFunctionResults: s, aggregatedGeometry: i } = e;
+    return r`<div class="default-result-items">${i != null ? r`<arcgis-utility-network-trace-aggregated-geometry-result-item auto-destroy-disabled .graphicsColor=${this.aggregatedGeometryResultsGraphicsColor} .hideGraphics=${this.hideGraphics} .hidden=${!!this.#e} .messageOverrides=${this.messageOverrides} .selectionSize=${this.aggregatedGeometryResultsSize} @arcgisPropertyChange=${this.#A} @arcgisResultReady=${this.#k} ${h(this.#I)}></arcgis-utility-network-trace-aggregated-geometry-result-item>${!t.length && !this.#e ? this.#M() : null}` : null}${t != null ? r`<arcgis-utility-network-trace-elements-result-item .actions=${this.actions} auto-destroy-disabled .disableHighlight=${this.disableHighlightFeatureResults} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .hidden=${!t.length} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.layers} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} @arcgisPropertyChange=${this.#m} @arcgisResultReady=${this.#x} @arcgisTriggerAction=${this.#F} ${h(this.#G)}></arcgis-utility-network-trace-elements-result-item>` : null}${s.length > 0 ? r`<arcgis-utility-network-trace-functions-result-item auto-destroy-disabled .heading=${this._messages.headings.functions} .hidden=${!!this.#e} .messageOverrides=${this.messageOverrides} @arcgisResultReady=${this.#L} ${h(this.#S)}></arcgis-utility-network-trace-functions-result-item>` : null}</div>`;
   }
-  #B() {
+  #N() {
     return r`<div class="no-selectable-results">${this._messages.noMatchingResultItems}</div>`;
   }
   #M() {
     return r`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
   }
-  #z(e) {
+  #O(e) {
     const { _messages: t } = this;
     let s = e.message;
     switch (e.details?.raw?.extendedCode) {
-      case f.dirtyAreasDiscovered:
+      case g.dirtyAreasDiscovered:
         s = t.traceErrors.dirtyAreasDiscovered;
         break;
-      case f.noValidControllers:
+      case g.noValidControllers:
         s = t.traceErrors.noValidControllers;
         break;
-      case f.pathNotFound:
+      case g.pathNotFound:
         s = t.traceErrors.pathNotFound;
         break;
     }
     return r`<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${t.traceFailedHeading}</div><div class="no-results-description">${t.traceFailedDescription}</div><div class="no-results-description">${s}</div></div>`;
   }
-  #j() {
+  #B() {
     const { _messages: e } = this;
     return r`<div class="no-results-landing"><calcite-icon icon=exclamation-mark-triangle scale=l></calcite-icon><div class="no-results-heading">${e.noResultsHeading}</div><div class="no-results-description">${e.noResultsDescription}</div></div>`;
   }
-  #V() {
+  #U() {
     const { _messages: e } = this;
     return r`<div class="no-results-landing"><calcite-icon icon=utility-network-trace scale=l></calcite-icon><div class="no-results-heading">${e.noTraceConfigHeading}</div><div class="no-results-description">${e.noTraceConfigDescription}</div></div>`;
   }
 }
-v("arcgis-utility-network-trace-results", x);
+$("arcgis-utility-network-trace-results", T);
 export {
-  x as ArcgisUtilityNetworkTraceResults
+  T as ArcgisUtilityNetworkTraceResults
 };

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

@@ -1,14 +1,16 @@
 /// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { FlowItem } from "@esri/calcite-components/components/calcite-flow-item";
 
 /**
  * Component used for displaying instances of [arcgis-utility-network-trace-results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/).
  *
  * @slot  - Default slot for trace result pane content.
  * @since 5.2
- * @internal
  */
 export abstract class ArcgisUtilityNetworkTraceResultsPane extends LitElement {
+  get flowItems(): Collection<FlowItem>;
   /**
    * Whether to log console errors about unexpected child elements.
    *

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

@@ -1,35 +1,60 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as l, html as n } from "lit";
-import { LitElement as a } from "@arcgis/lumina";
-import { slotChangeGetAssignedElements as o } from "@arcgis/toolkit/dom/slots";
-import { log as e } from "@arcgis/toolkit/log";
-const c = l`:host{height:100%}calcite-panel{--calcite-panel-space: 0}slot::slotted(arcgis-utility-network-trace-results){block-size:auto}slot::slotted(:not(arcgis-utility-network-trace-results,slot)){display:none}`;
-class h extends a {
+import { c as n } from "../../chunks/runtime.js";
+import { css as a, html as o } from "lit";
+import c from "@arcgis/core/core/Collection.js";
+import { LitElement as m } from "@arcgis/lumina";
+import { bypassReadOnly as h } from "@arcgis/lumina/controllers";
+import { slotChangeGetAssignedElements as f } from "@arcgis/toolkit/dom/slots";
+import { log as i } from "@arcgis/toolkit/log";
+import { createRef as d, ref as u } from "lit/directives/ref.js";
+import { a as l } from "../../chunks/utils5.js";
+const g = a`:host{height:100%}calcite-flow{height:100%}calcite-panel{--calcite-panel-space: 0}slot::slotted(arcgis-utility-network-trace-results){block-size:auto}slot::slotted(:not(arcgis-utility-network-trace-results,slot)){display:none}`;
+class p extends m {
   constructor() {
-    super(...arguments), this.hideWarnings = !1;
+    super(...arguments), this.#t = d(), this.flowItems = new c(), this.hideWarnings = !1;
   }
   static {
-    this.properties = { hideWarnings: 5 };
+    this.properties = { flowItems: 32, hideWarnings: 5 };
   }
   static {
-    this.styles = c;
+    this.styles = g;
   }
-  #t(s) {
+  #t;
+  get #e() {
+    const { parentElement: t } = this.el;
+    if (t && l(t))
+      return t;
+    const e = this.el.getRootNode();
+    if (e instanceof ShadowRoot && l(e.host))
+      return e.host;
+  }
+  load() {
+    this.manager.onLifecycle(() => {
+      const t = this.#e;
+      return t && h(() => this.flowItems = t.flowItems), [
+        this.flowItems.on("change", (e) => {
+          const s = this.#t.value;
+          e.added.length && s?.selected && (s.selected = !1), this.requestUpdate();
+        })
+      ];
+    });
+  }
+  #s(t) {
     if (this.hideWarnings)
       return;
-    const t = o(s);
-    if (!t.length) {
-      e("warn", this, "No elements are assigned to the default slot to render.");
+    const e = f(t);
+    if (!e.length) {
+      i("warn", this, "No elements are assigned to the default slot to render.");
       return;
     }
-    t.filter((r) => r.localName !== "arcgis-utility-network-trace-results").length && e("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results`.");
+    e.filter((r) => r.localName !== "arcgis-utility-network-trace-results").length && i("warn", this, "The trace results pane only renders instances of `arcgis-utility-network-trace-results`.");
   }
   render() {
-    return n`<calcite-panel><slot @slotchange=${this.#t}></slot></calcite-panel>`;
+    const t = o`<calcite-flow-item ${u(this.#t)}><calcite-panel><slot @slotchange=${this.#s}></slot></calcite-panel></calcite-flow-item>`;
+    return o`<calcite-flow>${t}${this.flowItems.toArray()}</calcite-flow>`;
   }
 }
-i("arcgis-utility-network-trace-results-pane", h);
+n("arcgis-utility-network-trace-results-pane", p);
 export {
-  h as ArcgisUtilityNetworkTraceResultsPane
+  p as ArcgisUtilityNetworkTraceResultsPane
 };

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

@@ -1,2 +1,4 @@
+import "@esri/calcite-components/components/calcite-flow-item";
 import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-flow";
 export * from "./customElement.js";

package/dist/components/arcgis-volume-measurement/customElement.d.ts

@@ -297,6 +297,13 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * @since 5.0
    */
   accessor hidePerimeterDisplayUnitSelect: boolean;
+  /**
+   * If true, all unit-reset buttons will be hidden. Unit selection dropdowns remain available, but users cannot reset units to their defaults using the UI.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor hideResetUnitsButton: boolean;
   /**
    * If true, the settings button that opens the settings popover will be hidden.
    *
@@ -349,6 +356,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * _**Note**: Individual message keys may change between releases._
    */
   accessor messageOverrides: {
+      reset?: string | undefined;
       componentLabel?: string | undefined;
       title?: string | undefined;
       hint?: string | undefined;
@@ -382,6 +390,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   };
   /** @internal */
   protected messages: {
+      reset: string;
       componentLabel: string;
       title: string;
       hint: string;
@@ -413,6 +422,7 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
       areaDisplayUnit: string;
       perimeterDisplayUnit: string;
   } & T9nMeta<{
+      reset: string;
       componentLabel: string;
       title: string;
       hint: string;