@arcgis/map-components 5.2.0-next.121 → 5.2.0-next.123

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

@@ -10,12 +10,15 @@ import type { ActionEvent } from "@arcgis/core/widgets/Popup/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
 import type { ArcgisReferenceElement } from "../types.js";
+import type { UtilityNetworkTraceResultItemState } from "../arcgis-utility-network-trace-analysis/types.js";
+import type { ArcgisUtilityNetworkTraceElementsResultItem } from "../arcgis-utility-network-trace-elements-result-item/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
  * It displays a subset of trace result types.
  *
+ * @slot  - Default slot for adding trace result items or custom content to the component.
  * @since 4.34
  * @internal
  */
@@ -33,6 +36,7 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
           functionResults: string;
           numFeatures: string;
       };
+      noMatchingResultItems: string;
       noResultsDescription: string;
       noResultsHeading: string;
       noSelectableFeatures: string;
@@ -58,6 +62,7 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
           functionResults: string;
           numFeatures: string;
       };
+      noMatchingResultItems: string;
       noResultsDescription: string;
       noResultsHeading: string;
       noSelectableFeatures: string;
@@ -82,6 +87,14 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @see [Popup actions sample](https://developers.arcgis.com/javascript/latest/sample-code/popup-actions/)
    */
   accessor actions: ArcgisFeaturesNext["actions"] | undefined;
+  /**
+   * The color used to render graphics for aggregated geometries in trace results, specified as a
+   * [Color](https://developers.arcgis.com/javascript/latest/references/core/Color/) object.
+   *
+   * Aggregated geometry is only rendered if the trace configuration specifies aggregated geometry as a result type.
+   *
+   * Default color is #FFFF00.
+   */
   accessor aggregatedGeometryGraphicsColor: Color;
   /**
    * If true, the component will not be destroyed automatically when it is
@@ -109,13 +122,36 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @default false
    */
   accessor disableHighlightFeatureResults: boolean;
+  /**
+   * When `true`, the component can be expanded and collapsed.
+   *
+   * @default false
+   */
+  accessor expandable: boolean;
+  /**
+   * When `true`, expands the component and its contents.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /** Specifies the component's heading text. */
   accessor heading: string | undefined;
   /**
+   * 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
+   * and viewing trace result features.
+   *
    * @default false
-   * @internal
    */
   accessor hideActionBar: boolean;
-  /** @default false */
+  /**
+   * Whether to hide feature results.
+   *
+   * A message will be displayed in its place indicating that features were returned by the trace, but are not visible in the component.
+   * This string can be overridden with the [messageOverrides](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-results/#messageOverrides) property.
+   *
+   * @default false
+   */
   accessor hideFeatureResults: boolean;
   /**
    * Whether to hide the aggregated geometry [graphics](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-aggregated-geometry-result-item/#geometryGraphics)
@@ -141,13 +177,14 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @default false
    */
   accessor includeDefaultActionsDisabled: boolean;
+  /** The layers and tables used to query trace result features. */
   accessor layers: Layer[];
   /**
    * Replace localized message strings with your own strings.
    *
    * _**Note**: Individual message keys may change between releases._
    */
-  accessor messageOverrides: {
+  accessor messageOverrides: NonNullable<ArcgisUtilityNetworkTraceElementsResultItem["messageOverrides"]> & {
       gettingResults?: string | undefined;
       headings?: {
           aggregatedGeometry?: string | undefined;
@@ -159,6 +196,7 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
           functionResults?: string | undefined;
           numFeatures?: string | undefined;
       } | undefined;
+      noMatchingResultItems?: string | undefined;
       noResultsDescription?: string | undefined;
       noResultsHeading?: string | undefined;
       noSelectableFeatures?: string | undefined;
@@ -174,11 +212,11 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
       traceFailedHeading?: string | undefined;
   };
   /**
-   * The number of unique network element results,
-   * including elements that did not match any layer in the map.
+   * The number of unique network element results, including elements that did not match any layer in the map.
    *
-   * TODO: We can remove this after we allow the result items to be rendered declaratively
-   *  as children of the trace results component.
+   * If multiple slotted instances [arcgis-utility-network-trace-elements-result-item](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/) exist,
+   * this property returns the [number of feature results](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-elements-result-item/#numResults)
+   * for the first instance.
    */
   get numFeatureResults(): number;
   /**
@@ -187,11 +225,23 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
    * @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)
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
-  /** @default "loading" */
-  accessor state: State;
+  /**
+   * The current state of the trace results component.
+   *
+   * @default "ready"
+   */
+  get state(): UtilityNetworkTraceResultItemState;
+  /** The error returned when the trace could not be completed. */
   accessor traceError: EsriError<TraceErrorDetails> | undefined;
+  /** The trace result to display. */
   accessor traceResult: TraceResult | undefined;
+  /**
+   * The features corresponding to the
+   * [https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements](https://developers.arcgis.com/javascript/latest/references/core/rest/networks/support/TraceResult/#elements)
+   * returned by the trace result.
+   */
   get traceResultFeatures(): Graphic[];
+  /** The utility network used to query trace result features. */
   accessor utilityNetwork: UtilityNetwork | undefined;
   /**
    * The view associated with the component.
@@ -203,19 +253,18 @@ export abstract class ArcgisUtilityNetworkTraceResults extends LitElement {
   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: "aggregatedGeometryGraphicsColor" | "hideGraphics" | "state" | "traceError"; }>;
-  readonly arcgisTraceResultFeaturesReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisResultsReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisTraceResultClear: 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": {
     arcgisPropertyChange: ArcgisUtilityNetworkTraceResults["arcgisPropertyChange"]["detail"];
-    arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceResults["arcgisTraceResultFeaturesReady"]["detail"];
+    arcgisResultsReady: ArcgisUtilityNetworkTraceResults["arcgisResultsReady"]["detail"];
+    arcgisTraceResultClear: ArcgisUtilityNetworkTraceResults["arcgisTraceResultClear"]["detail"];
     arcgisTriggerAction: ArcgisUtilityNetworkTraceResults["arcgisTriggerAction"]["detail"];
   };
 }
 
-/** @internal */
-export type State = "loading" | "ready";
-
 /** @internal */
 export interface TraceErrorDetails {
   url?: string;

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

@@ -1,112 +1,302 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { css as d, html as i } from "lit";
-import { ref as n } from "lit/directives/ref.js";
-import g from "@arcgis/core/Color.js";
-import { LitElement as h, createEvent as c } from "@arcgis/lumina";
-import { usePropertyChange as u } from "@arcgis/lumina/controllers";
-import { log as m, composeMissingPropertyMessage as p } from "@arcgis/toolkit/log";
-import { u as f } from "../../chunks/useT9n.js";
-const v = d`:host{min-height:var(--arcgis-internal-panel-height-sm, 240px);height:100%}.white-panel-background{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.no-selectable-results{margin:0 var(--calcite-spacing-md);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}.results-heading{display:flex;flex-direction:column;margin:var(--calcite-spacing-md);gap:var(--calcite-spacing-xs)}.results-heading-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size);color:var(--calcite-color-text-1)}.results-heading-subtitle{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-3)}.no-results-landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:var(--calcite-spacing-sm) var(--calcite-spacing-xl) var(--calcite-spacing-xl);gap:var(--calcite-spacing-md)}.no-results-landing calcite-icon{margin-bottom:var(--calcite-spacing-sm);--calcite-icon-color: var(--calcite-color-text-3)}.no-results-landing .no-results-heading{font-size:var(--calcite-font-size-2)}.no-results-landing .no-results-description{color:var(--calcite-color-text-3)}`, l = {
+import { c as v } 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 { 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 = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935,
   pathNotFound: -2147208444
 };
-class y extends h {
+class x extends w {
   constructor() {
-    super(...arguments), this._messages = f({ blocking: !0 }), this.aggregatedGeometryGraphicsColor = new g([255, 255, 0, 0.6]), this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "loading", this.arcgisTraceResultFeaturesReady = c(), this.arcgisTriggerAction = c(), this.arcgisPropertyChange = u()("aggregatedGeometryGraphicsColor", "hideGraphics", "state", "traceError");
+    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();
   }
   static {
-    this.properties = { actions: 0, aggregatedGeometryGraphicsColor: 0, autoDestroyDisabled: 5, disableHighlightFeatureResults: 5, heading: 1, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, layers: 0, messageOverrides: 0, numFeatureResults: 32, referenceElement: 1, state: 1, traceError: 0, traceResult: 0, traceResultFeatures: 32, utilityNetwork: 0, view: 0 };
+    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 };
   }
   static {
-    this.styles = v;
+    this.styles = k;
   }
-  #s;
+  #l;
   #e;
+  #n;
+  #t;
+  #s;
+  get #o() {
+    return Array.from(this.el.childNodes).some((e) => e.nodeType === Node.TEXT_NODE ? !!e.textContent?.trim() : e instanceof Element && !e.slot);
+  }
+  get #v() {
+    return this.traceResult ? this.#o ? this.#F() : this.#C(this.traceResult) : [];
+  }
+  get #i() {
+    return !!this.traceResult && !this.traceError && this.#c;
+  }
+  get #h() {
+    if (!this.traceResult || !this.#c || !this._slottedResultItems.length)
+      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));
+  }
+  get #c() {
+    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?.numResults ?? 0;
+    return this.#e ? this.#e.numResults : this._slottedResultItems.find((t) => n(t))?.numResults ?? 0;
   }
   get traceResultFeatures() {
-    return this.#e?.features ?? [];
+    return this.#e ? this.#e.features : this._slottedResultItems.find((t) => n(t))?.features ?? [];
   }
   clearResults() {
-    this.#s?.clearResult(), this.#e?.clearResult();
+    this.#u(), this.arcgisTraceResultClear.emit();
   }
   async destroy() {
-    await this.#s?.destroy(), await this.#e?.destroy(), await this.manager.destroy();
+    const e = await Promise.allSettled([
+      ...this._slottedResultItems.map((t) => t.destroy()),
+      this.#l?.destroy(),
+      this.#e?.destroy(),
+      this.#n?.destroy()
+    ]);
+    for (const t of e)
+      t.status === "rejected" && F(t.reason, this, "Error while destroying trace result item");
+    await this.manager.destroy();
   }
   load() {
-    this.traceResult && (this.view || m("warn", this, p("view")));
+    this.manager.onLifecycle(() => {
+      for (const e of this._slottedResultItems)
+        this.#m(e);
+      return () => {
+        for (const e of this.#s.keys())
+          this.#f(e);
+      };
+    }), this.traceResult && (this.view || G("warn", this, E("view")));
   }
-  #i(e) {
-    e && (this.#s = e);
+  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));
   }
-  #a(e) {
+  #u() {
+    this.#l?.clearResult(), this.#e?.clearResult(), this.#n?.clearResult(), this._slottedResultItems.forEach((e) => e.clearResult()), this.#t.clear(), d(() => this.state = "ready");
+  }
+  #I(e) {
+    e && (this.#l = e);
+  }
+  #w(e) {
     e && (this.#e = e);
   }
-  #r(e) {
+  #$(e) {
+    e && (this.#n = e);
+  }
+  #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));
+  }
+  #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));
+  }
+  #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;
+  }
+  #F() {
+    return Array.from(this.el.children).filter((e) => e.matches(R));
+  }
+  #k(e) {
     const { detail: t } = e;
     t.name === "isFeaturesListShown" && this.requestUpdate();
   }
-  #l() {
-    this.arcgisTraceResultFeaturesReady.emit(), this.state = "ready";
-  }
-  #n(e) {
+  #A(e) {
     e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
   }
-  #c(e) {
+  #P(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]);
   }
+  #_() {
+    this.#r(o[0]);
+  }
+  #x() {
+    this.#r(o[1]);
+  }
+  #N() {
+    this.#r(o[2]);
+  }
+  #d() {
+    d(() => this.state = "ready"), this.arcgisResultsReady.emit();
+  }
+  #g(e) {
+    this.#t = new Set(e), this.#t.size === 0 ? this.#d() : d(() => this.state = "loading");
+  }
+  #m(e) {
+    if (this.#s.has(e))
+      return;
+    const t = ({ target: s }) => this.#r(s);
+    this.#s.set(e, t), e.addEventListener("arcgisResultReady", t);
+  }
+  #f(e) {
+    const t = this.#s.get(e);
+    t && (e.removeEventListener("arcgisResultReady", t), this.#s.delete(e));
+  }
+  #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);
+  }
+  #r(e) {
+    this.#t.delete(e), this.state === "loading" && this.#t.size === 0 && this.#d();
+  }
+  #R(e) {
+    g(e) ? this.#S(e) : n(e) ? this.#H(e) : m(e) && this.#L(e);
+  }
+  #y(e, t, s) {
+    e[t] = s;
+  }
+  #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;
+  }
+  #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);
+  }
   render() {
     const { traceError: e, traceResult: t } = this;
-    if (e)
-      return this.#h(e);
-    if (!t)
-      return this.#m();
-    const { elements: s, globalFunctionResults: a, aggregatedGeometry: r } = t;
-    return !s.length && !a.length && !r ? this.#u() : i`<calcite-panel class="white-panel-background">${this.state === "loading" ? this.#o() : null}${this.#d(t)}</calcite-panel>`;
+    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>`;
   }
-  #o() {
-    return i`<calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader>`;
+  #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>`;
   }
-  #d(e) {
-    const t = this.#e?.isFeaturesListShown, { elements: s, globalFunctionResults: a, aggregatedGeometry: r } = e;
-    return i`<div .hidden=${this.state === "loading"}>${t ? null : this.#t()}${r != null ? i`<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.#c} ${n(this.#i)}></arcgis-utility-network-trace-aggregated-geometry-result-item>${!s.length && !t ? this.#g() : null}` : null}${s != null ? i`<arcgis-utility-network-trace-elements-result-item .actions=${this.actions} auto-destroy-disabled .disableHighlightFeatureResults=${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.#r} @arcgisResultReady=${this.#l} @arcgisTriggerAction=${this.#n} ${n(this.#a)}></arcgis-utility-network-trace-elements-result-item>` : null}${a.length > 0 ? i`<arcgis-utility-network-trace-functions-result-item .heading=${this._messages.headings.functions} .hidden=${t} .traceResult=${e}></arcgis-utility-network-trace-functions-result-item>` : null}</div>`;
+  #B() {
+    return r`<div class="no-selectable-results">${this._messages.noMatchingResultItems}</div>`;
   }
-  #g() {
-    return i`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
+  #M() {
+    return r`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
   }
-  #t() {
-    return i`<div class="results-heading"><div class="results-heading-title">${this._messages.headings.traceResultsGeneric}</div>${this.heading ? i`<div class="results-heading-subtitle">${this.heading}</div>` : null}</div>`;
-  }
-  #h(e) {
+  #z(e) {
     const { _messages: t } = this;
     let s = e.message;
     switch (e.details?.raw?.extendedCode) {
-      case l.dirtyAreasDiscovered:
+      case f.dirtyAreasDiscovered:
         s = t.traceErrors.dirtyAreasDiscovered;
         break;
-      case l.noValidControllers:
+      case f.noValidControllers:
         s = t.traceErrors.noValidControllers;
         break;
-      case l.pathNotFound:
+      case f.pathNotFound:
         s = t.traceErrors.pathNotFound;
         break;
     }
-    return i`<calcite-panel class="white-panel-background">${this.#t()}<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></calcite-panel>`;
+    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>`;
   }
-  #u() {
+  #j() {
     const { _messages: e } = this;
-    return i`<calcite-panel class="white-panel-background">${this.#t()}<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></calcite-panel>`;
+    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>`;
   }
-  #m() {
+  #V() {
     const { _messages: e } = this;
-    return i`<calcite-panel class="white-panel-background">${this.#t()}<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></calcite-panel>`;
+    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>`;
   }
 }
-o("arcgis-utility-network-trace-results", y);
+v("arcgis-utility-network-trace-results", x);
 export {
-  y as ArcgisUtilityNetworkTraceResults
+  x as ArcgisUtilityNetworkTraceResults
 };

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

@@ -1,5 +1,4 @@
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-block";
 import "../arcgis-utility-network-trace-aggregated-geometry-result-item/index.js";
 import "../arcgis-utility-network-trace-elements-result-item/index.js";
 import "../arcgis-utility-network-trace-functions-result-item/index.js";

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

@@ -1,11 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
-import { css as n, html as l } from "lit";
-import { LitElement as o } from "@arcgis/lumina";
-import { slotChangeGetAssignedElements as a } from "@arcgis/toolkit/dom/slots";
+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 = n`:host{height:100%}slot::slotted(:not(arcgis-utility-network-trace-results,slot)){display:none}`;
-class h extends o {
+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 {
   constructor() {
     super(...arguments), this.hideWarnings = !1;
   }
@@ -18,7 +18,7 @@ class h extends o {
   #t(s) {
     if (this.hideWarnings)
       return;
-    const t = a(s);
+    const t = o(s);
     if (!t.length) {
       e("warn", this, "No elements are assigned to the default slot to render.");
       return;
@@ -26,7 +26,7 @@ class h extends o {
     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`.");
   }
   render() {
-    return l`<calcite-panel><slot @slotchange=${this.#t}></slot></calcite-panel>`;
+    return n`<calcite-panel><slot @slotchange=${this.#t}></slot></calcite-panel>`;
   }
 }
 i("arcgis-utility-network-trace-results-pane", h);

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

@@ -11,7 +11,7 @@ import { generateGuid as I } from "@arcgis/toolkit/string";
 import { u as L } from "../../chunks/useT9n.js";
 import { u as S } from "../../chunks/useView.js";
 import { c as C, t as n, i as O, l as D } from "../../chunks/async-utils.js";
-import { d as q } from "../../chunks/layer-utils.js";
+import { e as q } from "../../chunks/layer-utils.js";
 const P = V`: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%)}calcite-block{margin:0;border-bottom:none}calcite-combobox{margin-bottom:var(--calcite-spacing-sm)}calcite-icon{width:32px}`, d = {
   noDirtyAreasInExtent: -2147208940,
   operationOnlyAllowedByOwner: -2147217144,