@arcgis/map-components 5.2.0-next.96 → 5.2.0-next.97

package/dist/components/arcgis-legend-card-element/customElement.js

@@ -7,7 +7,7 @@ import { classes as r } from "@arcgis/toolkit/dom";
 import { H as w } from "../../chunks/heading.js";
 import { g as f } from "../../chunks/globalCss.js";
 import { a as _, g as v } from "../../chunks/titleUtils.js";
-import { s as $, i as z, g as x } from "../../chunks/utils2.js";
+import { s as $, i as z, g as x } from "../../chunks/utils3.js";
 const C = k`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.section{word-break:break-word;word-wrap:break-word;padding:var(--calcite-space-sm) var(--calcite-space-md);min-width:250px;max-width:500px;height:100%;height:-moz-available;height:-webkit-fill-available;height:fill-available;overflow:auto;font-size:var(--calcite-font-size-sm)}.carousel-title-container{margin-bottom:var(--calcite-space-sm)}.carousel-title{margin:0}.section-title{font-weight:var(--calcite-font-weight-regular)}.layer-caption{padding:var(--calcite-space-2xs) 0;margin:0;font-weight:var(--calcite-font-weight-regular)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.image-label{padding-inline-start:var(--calcite-space-xs)}.label-element{margin:.1em;padding:.5em 1em;min-width:2em;min-height:1em;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.layer-row{display:flex;align-items:center}.symbol{display:block;margin:auto}.pie-chart-ramp-preview{display:flex;justify-content:center}.relationship-container{display:flex;flex-direction:column}.relationship-container .layer-row{padding-bottom:.5em}.relationship-container .layer-row:last-child{padding-bottom:0}.container{display:flex;gap:var(--calcite-space-sm);flex-wrap:wrap}.background-styles-container{display:flex;flex-wrap:wrap}:host([stacked]) .container{display:table}:host([stacked]) .symbol-row{display:table-row;width:100%}:host([stacked]) .symbol-row:not(:last-child) .label-cell,:host([stacked]) .symbol-row:not(:last-child) .symbol-cell{padding-bottom:var(--calcite-space-xs)}:host([stacked]) .label-cell{display:table-cell;vertical-align:middle}:host([stacked]) .symbol-cell{display:table-cell;vertical-align:middle;text-align:center}:host([stacked]) .symbol-cell div{display:flex;align-items:center;justify-content:center}`;
 function F(m) {
   return m ? m.r * 0.299 + m.g * 0.587 + m.b * 0.114 >= 127 : void 0;

package/dist/components/arcgis-legend-card-size-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as C } from "../../chunks/runtime.js";
 import { css as P, html as X } from "lit";
 import { LitElement as j, safeStyleMap as v, safeClassMap as Y } from "@arcgis/lumina";
-import { s as k, g as I, p as R } from "../../chunks/utils2.js";
+import { s as k, g as I, p as R } from "../../chunks/utils3.js";
 const A = P`.size-ramp-container{display:flex;align-items:center;justify-content:center}.size-ramp-vertical-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.size-ramp-label{margin:0 .5em;white-space:nowrap}.size-ramp-vertical-ramp{display:flex;flex-direction:column;align-items:center}.size-ramp-ramp{display:flex;flex-direction:row-reverse;align-items:center}.size-ramp-preview{display:flex}`, M = "#ddd";
 function N(e) {
   if (!e)

package/dist/components/arcgis-legend-classic-color-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as r } from "../../chunks/runtime.js";
 import { css as s, html as l } from "lit";
 import { LitElement as i, safeStyleMap as c, safeClassMap as o } from "@arcgis/lumina";
-import { s as p, a as n } from "../../chunks/utils2.js";
+import { s as p, a as n } from "../../chunks/utils3.js";
 const m = s`.layer-row{display:flex}.layer-cell{padding:var(--calcite-space-2xs) 0;vertical-align:middle;word-break:break-word}.layer-cell-symbols{text-align:center}.layer-cell-info{padding-right:var(--calcite-space-sm);padding-left:var(--calcite-space-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.color-ramp{width:24px}.opacity-ramp{background-image:url(data:image/avif;base64,AAAAHGZ0eXBhdmlmAAAAAG1pZjFhdmlmbWlhZgAAANZtZXRhAAAAAAAAACFoZGxyAAAAAAAAAABwaWN0AAAAAAAAAAAAAAAAAAAAAA5waXRtAAAAAAABAAAAImlsb2MAAAAAREAAAQABAAAAAAD6AAEAAAAAAAAAHgAAACNpaW5mAAAAAAABAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAVmlwcnAAAAA4aXBjbwAAAAxhdjFDgQAMAAAAABRpc3BlAAAAAAAAAAgAAAAIAAAAEHBpeGkAAAAAAwgICAAAABZpcG1hAAAAAAAAAAEAAQOBAgMAAAAmbWRhdBIACggYCL/kgIaDQjIQGAAAAEBAA1LuL7oS8L0QEA==)}.ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.ramp-label{position:relative;padding:0 var(--calcite-space-sm);line-height:var(--calcite-font-size-sm);white-space:nowrap;font-size:var(--calcite-font-size-sm)}.ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent var(--calcite-color-text-1) transparent transparent;width:0;height:0;content:""}.ramp-label:first-child{margin-top:calc(var(--calcite-font-size-sm) / 3 * -1)}.ramp-label:last-child{bottom:calc(var(--calcite-font-size-sm) * .25 * -1)}.layer-caption{display:table-caption;padding:var(--calcite-space-sm) 0}:dir(rtl) .ramp-label:before{right:auto;left:100%;border-width:3px 0 3px 4px;border-color:transparent transparent transparent var(--calcite-color-text-1)}`;
 class d extends i {
   constructor() {

package/dist/components/arcgis-legend-classic-element/customElement.js

@@ -4,7 +4,7 @@ import { css as f, html as s } from "lit";
 import { LitElement as u, safeClassMap as m, nothing as o, safeStyleMap as $ } from "@arcgis/lumina";
 import { classes as y } from "@arcgis/toolkit/dom";
 import { a as E, g as p } from "../../chunks/titleUtils.js";
-import { s as h, i as L, g as b } from "../../chunks/utils2.js";
+import { s as h, i as L, g as b } from "../../chunks/utils3.js";
 const x = f`:host{contain:content}.layer-body:has(>arcgis-legend-classic-element){display:flex;flex-direction:column;gap:calc(var(--arcgis-internal-legend-layer-gap) / 2)}.layer-body arcgis-legend-classic-element{margin-inline-start:var(--arcgis-internal-legend-layer-padding)}.layer-table{display:table;width:100%}.layer-caption{display:table-caption;word-break:break-word;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);padding-bottom:var(--calcite-space-sm)}.layer-row{display:table-row}.layer-body:has(>.layer-row+.layer-row)>.layer-row .layer-cell{padding-block:var(--calcite-space-2xs)}.layer-cell{vertical-align:middle;word-break:break-word;display:table-cell}.layer-cell-info{padding-inline-start:var(--calcite-space-xs);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.layer-cell-inline-title{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.imagery-layer-info-stretched{padding:0 2px;vertical-align:top}.layer-cell-symbols{text-align:center}.symbol{display:flex;justify-content:center}`;
 class z extends u {
   static {

package/dist/components/arcgis-legend-classic-size-ramp/customElement.js

@@ -4,7 +4,7 @@ import { css as n, html as i } from "lit";
 import { LitElement as m, safeClassMap as r } from "@arcgis/lumina";
 import { classes as l } from "@arcgis/toolkit/dom";
 import { g as o } from "../../chunks/titleUtils.js";
-import { s as c, g as p } from "../../chunks/utils2.js";
+import { s as c, g as p } from "../../chunks/utils3.js";
 const d = n`.size-ramp-container{display:table}.size-ramp-row{display:table-row}.size-ramp-row:not(:last-child) .size-ramp-cell,.size-ramp-row:not(:last-child) .size-ramp-label{padding-bottom:var(--calcite-space-xs)}.size-ramp-cell{min-width:100px;vertical-align:middle;word-break:break-word;display:table-cell}.size-ramp-label{padding-inline-start:var(--calcite-space-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.size-ramp-symbol-container{min-width:10px;text-align:center}.size-ramp-symbol{display:flex;justify-content:center}`;
 class g extends m {
   constructor() {

package/dist/components/arcgis-legend-spike-ramp/customElement.js

@@ -2,7 +2,7 @@
 import { c as W } from "../../chunks/runtime.js";
 import { css as X, html as v } from "lit";
 import { LitElement as Y, safeStyleMap as b } from "@arcgis/lumina";
-import { s as A, g as z, p as k } from "../../chunks/utils2.js";
+import { s as A, g as z, p as k } from "../../chunks/utils3.js";
 const C = X`.spike-ramp-container{display:flex;flex-direction:row;gap:var(--calcite-space-sm-plus)}.spike-ramp-preview-container{display:flex;position:relative;gap:var(--calcite-space-sm-plus);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);padding-inline-end:var(--calcite-space-xl)}.spike-ramp-preview{display:flex;gap:var(--calcite-space-sm-plus);align-items:end}.spike-ramp-symbol-preview{display:flex}.spike-ramp-lines{display:flex;position:absolute;bottom:0}.spike-ramp-labels-container{display:flex;position:relative;top:-5px;flex:1;min-width:120px}.spike-ramp-label{position:relative;padding:0 var(--calcite-space-sm);line-height:1em;word-break:break-all;font-size:var(--calcite-font-size-sm)}.spike-ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent var(--calcite-color-text-1) transparent transparent;width:0;height:0;content:""}`, I = "#ddd", e = window.devicePixelRatio;
 function u(m) {
   return m.infos.filter((r, o) => o % 2 === 0);

package/dist/components/arcgis-oriented-imagery-viewer-panoramic-viewer/customElement.js

@@ -29,7 +29,7 @@ import W from "@arcgis/core/geometry/Point.js";
 import { createSphere as Te } from "@arcgis/core/geometry/support/meshUtils.js";
 import Se from "@arcgis/core/layers/ImageryTileLayer.js";
 import ze from "@arcgis/core/symbols/Font.js";
-import { c as Ie, b as Pe, f as Le } from "../../chunks/utils3.js";
+import { c as Ie, b as Pe, f as Le } from "../../chunks/utils4.js";
 import Re from "@arcgis/core/symbols/TextSymbol.js";
 import { log as Ae } from "@arcgis/toolkit/log";
 const Fe = se`:host{height:100%;--arcgis-view-color-focus: none}`;

package/dist/components/arcgis-oriented-imagery-viewer-panoramic-viewer-zoom/customElement.js

@@ -6,7 +6,7 @@ import { g as f } from "../../chunks/globalCss.js";
 import { s as w, c as d, a as g } from "../../chunks/zoom.js";
 import { u as O } from "../../chunks/useT9n.js";
 import { u as V } from "../../chunks/useView.js";
-import { m as s, f as i, a as n, b as p, c as y, d as m } from "../../chunks/utils3.js";
+import { m as s, f as i, a as n, b as p, c as y, d as m } from "../../chunks/utils4.js";
 import { clamp as z } from "@arcgis/toolkit/number";
 class F extends l {
   constructor() {

package/dist/components/arcgis-print-dpi-input/customElement.js

@@ -3,7 +3,7 @@ import { c as p } from "../../chunks/runtime.js";
 import { html as m } from "lit";
 import { watch as o } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as h } from "@arcgis/lumina";
-import { i as u } from "../../chunks/utils4.js";
+import { i as u } from "../../chunks/utils5.js";
 class d extends h {
   constructor() {
     super(...arguments), this._dpi = 1;

package/dist/components/arcgis-print-export-button/customElement.js

@@ -2,7 +2,7 @@
 import { c } from "../../chunks/runtime.js";
 import { css as p, html as o } from "lit";
 import { LitElement as d } from "@arcgis/lumina";
-import { r as m } from "../../chunks/utils4.js";
+import { r as m } from "../../chunks/utils5.js";
 const h = p`.export-button-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}`;
 class u extends d {
   static {

package/dist/components/arcgis-print-format-select/customElement.js

@@ -3,7 +3,7 @@ import { c as m } from "../../chunks/runtime.js";
 import { html as i } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as f } from "@arcgis/lumina";
-import { f as n } from "../../chunks/utils4.js";
+import { f as n } from "../../chunks/utils5.js";
 class c extends f {
   constructor() {
     super(...arguments), this._formats = [];

package/dist/components/arcgis-print-main-panel/customElement.js

@@ -2,7 +2,7 @@
 import { c as o } from "../../chunks/runtime.js";
 import { css as c, html as i } from "lit";
 import { LitElement as n } from "@arcgis/lumina";
-import { i as r } from "../../chunks/utils4.js";
+import { i as r } from "../../chunks/utils5.js";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 const p = c`:host{display:flex;flex-direction:column;flex-grow:1}calcite-tabs{flex-grow:1}calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;
 class h extends n {

package/dist/components/arcgis-print-template-select/customElement.js

@@ -3,7 +3,7 @@ import { c } from "../../chunks/runtime.js";
 import { css as o, html as a } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as r } from "@arcgis/lumina";
-import { g as n, a as m, b as p } from "../../chunks/utils4.js";
+import { g as n, a as m, b as p } from "../../chunks/utils5.js";
 import { useDirection as d } from "@arcgis/lumina/controllers";
 const h = o`.template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.template-select-container .template-select-error,.template-select-container .template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`;
 class g extends r {

package/dist/components/arcgis-print-template-selector/customElement.js

@@ -3,7 +3,7 @@ import { c as m } from "../../chunks/runtime.js";
 import { css as p, html as l } from "lit";
 import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as u, nothing as h } from "@arcgis/lumina";
-import { i as o, r as g, a as v, g as f, b as T } from "../../chunks/utils4.js";
+import { i as o, r as g, a as v, g as f, b as T } from "../../chunks/utils5.js";
 const w = p`:host{overflow-y:hidden;display:flex;flex:1 0}.template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.template-select-flow-item-container .template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.template-select-flow-item-container .template-select-flow-item-content .template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;justify-content:space-between;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.template-button-container{padding:var(--calcite-spacing-md)}.template-done-button{width:100%}`;
 class $ extends u {
   static {

package/dist/components/arcgis-table-list-next/customElement.js

@@ -10,19 +10,19 @@ import { usePropertyChange as T } from "@arcgis/lumina/controllers";
 import { reEmitEvent as D } from "@arcgis/lumina/controllers/accessor";
 import { classes as P } from "@arcgis/toolkit/dom";
 import { generateGuid as N } from "@arcgis/toolkit/string";
-import { createRef as U, ref as A } from "lit/directives/ref.js";
+import { createRef as U, ref as x } from "lit/directives/ref.js";
 import { html as o } from "lit";
-import { u as x } from "../../chunks/useT9n.js";
+import { u as A } from "../../chunks/useT9n.js";
 import { g as u } from "../../chunks/globalCss.js";
 import { m as B, b as R, r as k, e as S } from "../../chunks/layer-list-utils.js";
-import { A as G } from "../../chunks/layer-list-item.js";
+import { ArcgisLayerListItem as G } from "../arcgis-layer-list-next/layer-list-item/customElement.js";
 import { s as O, a as q } from "../../chunks/layer-list-next.js";
 import { c as H } from "../../chunks/css.js";
 import { m as V } from "../../chunks/useViewModel.js";
 const w = H, y = "nested", j = V(L);
 class z extends E {
   constructor() {
-    super(...arguments), this._lastDragDetail = null, this._rootGroupUid = `table-${N()}`, this._rootListRef = U(), this._selectedDragItemLayerUid = null, this.messages = x(), this.viewModel = j(this), this._canMove = ({ dragEl: e, fromEl: t, toEl: i }, s) => {
+    super(...arguments), this._lastDragDetail = null, this._rootGroupUid = `table-${N()}`, this._rootListRef = U(), this._selectedDragItemLayerUid = null, this.messages = A(), this.viewModel = j(this), this._canMove = ({ dragEl: e, fromEl: t, toEl: i }, s) => {
       const l = s === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, a = this._getItem(e);
       if (!a || !("sortable" in a) || !a.sortable)
         return !1;
@@ -166,7 +166,7 @@ class z extends E {
     const { collapsed: e, _visibleItems: t, _filterEnabled: i, _rootGroupUid: s, showCloseButton: l, showCollapseButton: a, showHeading: h, _dragEnabled: d, selectionMode: n, filterText: m, filterPlaceholder: f, messages: g } = this, p = [
       o`<calcite-flow-item .closable=${l} .closed=${this.closed} .collapsed=${e} .collapsible=${a} .heading=${h ? this.label ?? g.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!this._openedPanelItems.length} @calciteFlowItemClose=${() => this._handleFlowItemClose()}>${t?.length ? o`<calcite-list .canPull=${(r) => this._canMove(r, "pull")} .canPut=${(r) => this._canMove(r, "put")} data-layer-type=${s ?? F} .displayMode=${y} .dragEnabled=${d} .filterEnabled=${i} .filterPlaceholder=${f} .filterProps=${S} .filterText=${i ? m : ""} .group=${s} .label=${this.label ?? g.componentLabel} selection-appearance=border .selectionMode=${n} @calciteListChange=${this._handleCalciteListChange} @calciteListDragEnd=${(r) => this._handleCalciteListDragEnd(r.detail)} @calciteListFilter=${(r) => {
         this.filterText = r.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
-      }} @calciteListOrderChange=${(r) => this._onCalciteListOrderChange(r.detail)} ${A(this._rootListRef)}>${t.toArray().map((r) => this._renderItem(r))}${i && !this.hideNoFilterResultsNotice ? o`<div class=${b(w.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
+      }} @calciteListOrderChange=${(r) => this._onCalciteListOrderChange(r.detail)} ${x(this._rootListRef)}>${t.toArray().map((r) => this._renderItem(r))}${i && !this.hideNoFilterResultsNotice ? o`<div class=${b(w.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
       this._renderPanelFlowItems()
     ];
     return this.closed ? null : _("root-flow", o`<calcite-flow>${p}</calcite-flow>`);

package/dist/components/arcgis-utility-network-aggregated-geometry-result-item/customElement.d.ts

@@ -71,7 +71,8 @@ export abstract class ArcgisUtilityNetworkAggregatedGeometryResultItem extends L
   /** The heading of the result item. */
   accessor heading: string | undefined;
   /**
-   * Whether or not the aggregated geometry graphics are hidden on the map.
+   * Whether to hide the aggregated geometry [graphics](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-aggregated-geometry-result-item/#geometryGraphics)
+   * from the map when the trace result contains aggregated geometry results.
    *
    * @default false
    */

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

@@ -177,7 +177,7 @@ export abstract class ArcgisUtilityNetworkElementsResultItem extends LitElement
   clearResult(): void;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "isFeaturesListShown" | "selectedResultFeature"; }>;
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "isFeaturesListShown" | "selectedResultFeature" | "state"; }>;
   /** Fires when the component finishes querying all features for the trace result elements. */
   readonly arcgisResultReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */

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

@@ -12,7 +12,7 @@ import { q as S, c as p, d as v } from "../../chunks/layer-utils.js";
 const $ = E`arcgis-features-next{height:100%}.elements-list-item{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);margin:0 var(--calcite-spacing-sm)}.features-hidden{margin:var(--calcite-spacing-md);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size)}`;
 class A extends R {
   constructor() {
-    super(...arguments), this._messages = L({ blocking: !0 }), this.#l = !0, this.#e = [], this.#t = [], this.#s = /* @__PURE__ */ new Map(), this.#n = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Map(), this.#r = /* @__PURE__ */ new Map(), this.#a = [], this._isFeaturesSelected = !1, this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.features = [], this.hideActionBar = !1, this.hideFeatureResults = !1, this.hidePlaceholder = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "loading", this.arcgisPropertyChange = b()("isFeaturesListShown", "selectedResultFeature"), this.arcgisTriggerAction = y(), this.arcgisResultReady = y();
+    super(...arguments), this._messages = L({ blocking: !0 }), this.#l = !0, this.#e = [], this.#t = [], this.#s = /* @__PURE__ */ new Map(), this.#n = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Map(), this.#r = /* @__PURE__ */ new Map(), this.#a = [], this._isFeaturesSelected = !1, this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.features = [], this.hideActionBar = !1, this.hideFeatureResults = !1, this.hidePlaceholder = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "loading", this.arcgisPropertyChange = b()("isFeaturesListShown", "selectedResultFeature", "state"), this.arcgisTriggerAction = y(), this.arcgisResultReady = y();
   }
   static {
     this.properties = { _featuresComponentElement: 16, _isFeaturesSelected: 16, actions: 0, autoDestroyDisabled: 5, disableHighlightFeatureResults: 5, 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: 1, traceResult: 0, utilityNetwork: 0, view: 0 };

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

@@ -255,6 +255,13 @@ export abstract class ArcgisUtilityNetworkTraceAnalysisNext extends LitElement {
    * ```
    */
   accessor hideFeatureResults: boolean;
+  /**
+   * Whether to hide the aggregated geometry [graphics](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-aggregated-geometry-result-item/#geometryGraphics)
+   * from the map when the trace result contains aggregated geometry results.
+   *
+   * @default false
+   */
+  accessor hideGraphics: boolean;
   /**
    * Whether to hide the placeholder string when feature results are hidden in the results tab.
    *
@@ -349,6 +356,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysisNext extends LitElement {
    * Event payload contains a boolean representing whether the aggregated geometry graphics are hidden.
    * If true, the aggregated geometry graphics are hidden on the view.
    *
+   * @deprecated since 5.2. Use [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis-next/#event-arcgisPropertyChange) instead.
    * @example
    * ```js
    * const traceElement = document.querySelector("arcgis-utility-network-trace-analysis-next");
@@ -359,6 +367,8 @@ export abstract class ArcgisUtilityNetworkTraceAnalysisNext extends LitElement {
    * ```
    */
   readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryGraphicsColor" | "hideGraphics"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
@@ -431,6 +441,7 @@ export abstract class ArcgisUtilityNetworkTraceAnalysisNext extends LitElement {
   readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, ActionEvent>;
   readonly "@eventTypes": {
     arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceAnalysisNext["arcgisHideGraphicsChange"]["detail"];
+    arcgisPropertyChange: ArcgisUtilityNetworkTraceAnalysisNext["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisUtilityNetworkTraceAnalysisNext["arcgisReady"]["detail"];
     arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceLocationSelectEnd"]["detail"];
     arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceAnalysisNext["arcgisTraceLocationSelectStart"]["detail"];

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

@@ -6,157 +6,155 @@ import { keyed as l } from "lit/directives/keyed.js";
 import p from "@arcgis/core/Color.js";
 import { when as m } from "@arcgis/core/core/reactiveUtils.js";
 import f from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
-import { LitElement as y, createEvent as r } from "@arcgis/lumina";
-import { log as b } from "@arcgis/toolkit/log";
-import { u as w } from "../../chunks/useT9n.js";
-import { m as v } from "../../chunks/useViewModel.js";
-import { l as T } from "../../chunks/async-utils.js";
-const $ = d`: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-next[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}.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}}`, _ = v(f);
-class R extends y {
+import { LitElement as y, createEvent as n } from "@arcgis/lumina";
+import { usePropertyChange as b } from "@arcgis/lumina/controllers";
+import { log as w } from "@arcgis/toolkit/log";
+import { u as v } from "../../chunks/useT9n.js";
+import { m as T } from "../../chunks/useViewModel.js";
+import { l as $ } from "../../chunks/async-utils.js";
+const R = d`: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-next[mode=default]{height:auto}calcite-tabs{display:flex;flex-direction:column;height:100%}calcite-tab{--calcite-tab-content-space-y: 0;min-height:var(--arcgis-internal-panel-height-sm, 240px)}calcite-tab:not([selected]){flex:0}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}calcite-notice{margin:var(--calcite-spacing-md)}.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}}`, _ = T(f);
+class x extends y {
   constructor() {
-    super(...arguments), this._messages = w({ blocking: !0 }), this.#e = _(this), this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new p([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#e.state, this.view = this.#e.view, this.arcgisHideGraphicsChange = r(), this.arcgisReady = r(), this.arcgisTriggerAction = r(), this.arcgisTraceLocationSelectEnd = r(), this.arcgisTraceLocationSelectStart = r(), this.arcgisTraceResultClear = r(), this.arcgisTraceResultFeaturesReady = r();
+    super(...arguments), this._messages = v({ blocking: !0 }), this.#t = _(this), this._activeTab = "input", this._showMissingTerminalWarning = !1, this._showNoStartingPointsWarning = !1, this._mode = "default", this.autoDestroyDisabled = !1, this.aggregatedGeometryGraphicsColor = new p([255, 255, 0, 0.6]), this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hideGraphics = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.state = this.#t.state, this.view = this.#t.view, this.arcgisHideGraphicsChange = n(), this.arcgisPropertyChange = b()("aggregatedGeometryGraphicsColor", "hideGraphics"), this.arcgisReady = n(), this.arcgisTriggerAction = n(), this.arcgisTraceLocationSelectEnd = n(), this.arcgisTraceLocationSelectStart = n(), this.arcgisTraceResultClear = n(), this.arcgisTraceResultFeaturesReady = n();
   }
   static {
-    this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
+    this.properties = { _activeTab: 16, _traceError: 16, _traceResult: 16, _showMissingTerminalWarning: 16, _showNoStartingPointsWarning: 16, _mode: 16, actions: 0, autoDestroyDisabled: 5, beforeTraceLocationSelectStart: 0, aggregatedGeometryGraphicsColor: 0, disableHighlightFeatureResults: 5, hideActionBar: 5, hideGraphics: 5, hidePlaceholder: 5, hideFeatureResults: 5, includeDefaultActionsDisabled: 5, label: 3, messageOverrides: 0, traceResultFeatures: 32, referenceElement: 1, state: 32, view: 0 };
   }
   static {
-    this.styles = $;
+    this.styles = R;
   }
-  #e;
   #t;
+  #e;
   #i;
   get #r() {
-    const { view: t } = this;
-    return t?.map ? t.map.allLayers.toArray().concat(t.map.allTables.toArray()) : [];
+    const { view: e } = this;
+    return e?.map ? e.map.allLayers.toArray().concat(e.map.allTables.toArray()) : [];
   }
   #n;
   get traceResultFeatures() {
     return this.#i?.traceResultFeatures ?? [];
   }
   async destroy() {
-    await this.#i?.destroy(), await this.#t?.destroy(), await this.manager.destroy();
+    await this.#i?.destroy(), await this.#e?.destroy(), await this.manager.destroy();
   }
   load() {
     this.manager.onLifecycle(() => [
-      m(() => !this.#e.utilityNetwork, () => this.#a("input"))
+      m(() => !this.#t.utilityNetwork, () => this.#a("input"))
     ]);
   }
   #s() {
     this._traceResult = void 0, this.#i?.clearResults();
   }
   #o() {
-    if (!this.#t)
+    if (!this.#e)
       return;
-    const { traceLocations: t, traceLocationFlagInfos: e, traceConfiguration: n, isSubnetworkNameTraceSelected: a } = this.#t, s = !!n?.subnetworkName, h = t?.some((o) => o.type === "starting-point"), g = e?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
-    this._traceError = void 0, this._showNoStartingPointsWarning = !a && !h || a && !s, this._showMissingTerminalWarning = g;
+    const { traceLocations: e, traceLocationFlagInfos: t, traceConfiguration: s, isSubnetworkNameTraceSelected: a } = this.#e, r = !!s?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
+    this._traceError = void 0, this._showNoStartingPointsWarning = !a && !h || a && !r, this._showMissingTerminalWarning = g;
   }
-  #a(t) {
-    this._activeTab = t;
+  #a(e) {
+    this._activeTab = e;
   }
-  #c(t) {
-    const { _messages: e } = this;
-    switch (t) {
+  #c(e) {
+    const { _messages: t } = this;
+    switch (e) {
       case "no-user-type-extension":
-        return e.errors.loadErrors.noUserTypeExtension;
+        return t.errors.loadErrors.noUserTypeExtension;
       case "no-utility-network":
-        return e.errors.loadErrors.noUtilityNetwork;
+        return t.errors.loadErrors.noUtilityNetwork;
       case "no-view":
-        return e.errors.loadErrors.noView;
+        return t.errors.loadErrors.noView;
       case "sceneView-not-supported":
-        return e.errors.loadErrors.sceneViewNotSupported;
+        return t.errors.loadErrors.sceneViewNotSupported;
       default:
-        return t;
+        return e;
     }
   }
   async #l() {
-    const t = this.#t?.selectedNamedTraceConfiguration, e = this.#t?.traceConfiguration;
-    if (!(t?.traceType && e)) {
-      b("error", this, "Trace configuration not found");
+    const e = this.#e?.selectedNamedTraceConfiguration, t = this.#e?.traceConfiguration;
+    if (!(e?.traceType && t)) {
+      w("error", this, "Trace configuration not found");
       return;
     }
-    const n = this.#t?.traceLocations;
+    const s = this.#e?.traceLocations;
     try {
-      this._traceResult = await this.#e.executeTraceConfiguration({
-        traceType: t.traceType,
-        traceConfiguration: e,
-        traceLocations: n ?? [],
-        resultTypes: t.resultTypes,
+      this._traceResult = await this.#t.executeTraceConfiguration({
+        traceType: e.traceType,
+        traceConfiguration: t,
+        traceLocations: s ?? [],
+        resultTypes: e.resultTypes,
         outSpatialReference: this.view?.spatialReference
       });
     } catch (a) {
-      T(a, this, "Error while running trace"), this._traceError = a, this._traceResult = void 0;
+      $(a, this, "Error while running trace"), this._traceError = a, this._traceResult = void 0;
     }
   }
   #h() {
     this.#o(), !(this._showNoStartingPointsWarning || this._showMissingTerminalWarning) && (this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1, this.#s(), this.#a("results"), this.#l());
   }
-  #g(t) {
-    t && (this.#t = t);
+  #g(e) {
+    e && (this.#e = e);
   }
-  #u(t) {
-    t && (this.#i = t);
+  #u(e) {
+    e && (this.#i = e);
   }
-  #d(t) {
-    t.stopPropagation(), this.arcgisHideGraphicsChange.emit(t.detail);
+  #d(e) {
+    const { detail: t, target: s } = e;
+    t.name === "aggregatedGeometryGraphicsColor" ? (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = s[t.name]) : t.name === "hideGraphics" && (e.stopPropagation(), this.hideGraphics = s[t.name], this.arcgisHideGraphicsChange.emit(this.hideGraphics));
   }
-  #p(t) {
-    t.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(t.detail).defaultPrevented && t.preventDefault();
+  #p(e) {
+    e.stopPropagation(), this.arcgisTraceLocationSelectStart.emit(e.detail).defaultPrevented && e.preventDefault();
   }
-  #m(t) {
-    t.stopPropagation(), this.arcgisTraceLocationSelectEnd.emit();
+  #m(e) {
+    e.stopPropagation(), this.arcgisTraceLocationSelectEnd.emit();
   }
-  #f(t) {
-    t.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit();
+  #f(e) {
+    e.stopPropagation(), this.arcgisTraceResultFeaturesReady.emit();
   }
-  #y(t) {
-    t.stopPropagation(), this.arcgisTriggerAction.emit(t.detail);
+  #y(e) {
+    e.stopPropagation(), this.arcgisTriggerAction.emit(e.detail);
   }
-  #b(t) {
-    const e = t.detail;
-    this.aggregatedGeometryGraphicsColor = e;
+  #b() {
+    this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1;
   }
   #w() {
-    this._showNoStartingPointsWarning = !1, this._showMissingTerminalWarning = !1;
+    this.#t.utilityNetwork = this.#e?.selectedUtilityNetwork;
   }
   #v() {
-    this.#e.utilityNetwork = this.#t?.selectedUtilityNetwork;
+    const { _messages: e } = this;
+    return i`<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>`;
   }
   #T() {
-    const { _messages: t } = this;
-    return i`<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>${t.errors.missingTerminalTitle}</div><div slot=message>${t.errors.missingTerminalBody}</div></calcite-notice></calcite-panel>`;
+    const { _messages: e } = this;
+    return i`<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>`;
   }
   #$() {
-    const { _messages: t } = this;
-    return i`<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>${t.errors.noStartingPointsTitle}</div><div slot=message>${t.errors.noStartingPointsBody}</div></calcite-notice></calcite-panel>`;
-  }
-  #_() {
-    return l(`${this.el.id}__results-tab-item`, i`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" ? i`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : i`<arcgis-utility-network-trace-results-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#r} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .heading=${this.#n?.title} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#e.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisAggregatedGeometryGraphicsColorChange=${this.#b} @arcgisHideGraphicsChange=${this.#d} @arcgisTraceResultFeaturesReady=${this.#f} @arcgisTriggerAction=${this.#y} ${c(this.#u)}></arcgis-utility-network-trace-results-next>`}</calcite-tab>`);
+    return l(`${this.el.id}__results-tab-item`, i`<calcite-tab .selected=${this._activeTab === "results"}>${this.state === "executing" ? i`<calcite-panel><calcite-loader .label=${this._messages.runningTrace} .text=${this._messages.runningTrace}></calcite-loader></calcite-panel>` : i`<arcgis-utility-network-trace-results-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .aggregatedGeometryGraphicsColor=${this.aggregatedGeometryGraphicsColor} .disableHighlightFeatureResults=${this.disableHighlightFeatureResults} .heading=${this.#n?.title} .hideActionBar=${this.hideActionBar} .hideFeatureResults=${this.hideFeatureResults} .hidePlaceholder=${this.hidePlaceholder} .includeDefaultActionsDisabled=${this.includeDefaultActionsDisabled} .layers=${this.#r} .messageOverrides=${this.messageOverrides} .referenceElement=${this.referenceElement} .traceError=${this._traceError} .traceResult=${this._traceResult} .utilityNetwork=${this.#t.utilityNetwork ?? void 0} .view=${this.view ?? void 0} @arcgisPropertyChange=${this.#d} @arcgisTraceResultFeaturesReady=${this.#f} @arcgisTriggerAction=${this.#y} ${c(this.#u)}></arcgis-utility-network-trace-results-next>`}</calcite-tab>`);
   }
   #R() {
-    const { _messages: t, _traceResult: e } = this, a = !!(e?.elements.length || e?.globalFunctionResults.length || e?.aggregatedGeometry) && this.#i?.state === "ready", s = this.#i?.numFeatureResults ?? 0;
+    const { _messages: e, _traceResult: t } = this, a = !!(t?.elements.length || t?.globalFunctionResults.length || t?.aggregatedGeometry) && this.#i?.state === "ready", r = this.#i?.numFeatureResults ?? 0;
     return i`<calcite-button appearance=outline width=full @click=${() => {
       this.#a("input"), this.#s(), this.arcgisTraceResultClear.emit();
-    }} .disabled=${!a} slot=footer>${s > 0 && !this.hideFeatureResults && this.state !== "executing" ? t.buttons.clearResultsCustom.replace("{number}", s.toString()) : t.buttons.clearResultsGeneric}</calcite-button>`;
+    }} .disabled=${!a} slot=footer>${r > 0 && !this.hideFeatureResults && this.state !== "executing" ? e.buttons.clearResultsCustom.replace("{number}", r.toString()) : e.buttons.clearResultsGeneric}</calcite-button>`;
   }
-  #x() {
-    const { _mode: t } = this, { loadError: e } = this.#e, a = (e === "no-user-type-extension" || e === "sceneView-not-supported" ? i`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#c(e)}</div></calcite-notice>` : void 0) ?? i`${this._showNoStartingPointsWarning && t === "default" && this.#$() || ""}${this._showMissingTerminalWarning && t === "default" && this.#T() || ""}<arcgis-utility-network-trace-inputs-next .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(s) => {
-      s.stopPropagation(), s.detail.name === "mode" && (this._mode = s.target.mode);
-    }} @arcgisSelectedNamedTraceConfigurationChange=${this.#w} @arcgisTraceLocationSelectEnd=${this.#m} @arcgisTraceLocationSelectStart=${this.#p} @arcgisUtilityNetworkChange=${this.#v} ${c(this.#g)}></arcgis-utility-network-trace-inputs-next>`;
+  #_() {
+    const { _mode: e } = this, { loadError: t } = this.#t, a = (t === "no-user-type-extension" || t === "sceneView-not-supported" ? i`<calcite-notice kind=danger open scale=s slot=content-top width=auto><div slot=message>${this.#c(t)}</div></calcite-notice>` : void 0) ?? i`${this._showNoStartingPointsWarning && e === "default" && this.#T() || ""}${this._showMissingTerminalWarning && e === "default" && this.#v() || ""}<arcgis-utility-network-trace-inputs-next .autoDestroyDisabled=${this.autoDestroyDisabled} .hideActionBar=${this.hideActionBar} .referenceElement=${this.referenceElement} .view=${this.view ?? void 0} .beforeTraceLocationSelectStart=${this.beforeTraceLocationSelectStart} @arcgisPropertyChange=${(r) => {
+      r.stopPropagation(), r.detail.name === "mode" && (this._mode = r.target.mode);
+    }} @arcgisSelectedNamedTraceConfigurationChange=${this.#b} @arcgisTraceLocationSelectEnd=${this.#m} @arcgisTraceLocationSelectStart=${this.#p} @arcgisUtilityNetworkChange=${this.#w} ${c(this.#g)}></arcgis-utility-network-trace-inputs-next>`;
     return l(`${this.el.id}__inputs-tab-item`, i`<calcite-tab .selected=${this._activeTab === "input"}><div class="inputs-tab-container">${a}</div></calcite-tab>`);
   }
-  #C() {
-    const { state: t } = this;
+  #x() {
+    const { state: e } = this;
     if (this._mode !== "default")
       return null;
-    const e = t === "disabled" || t === "loading" || !this.#t?.traceConfiguration;
-    return i`<calcite-button appearance=solid width=full @click=${this.#h} slot=footer .disabled=${e}>${this._messages.buttons.getResults}</calcite-button>`;
+    const t = e === "disabled" || e === "loading" || !this.#e?.traceConfiguration;
+    return i`<calcite-button appearance=solid width=full @click=${this.#h} slot=footer .disabled=${t}>${this._messages.buttons.getResults}</calcite-button>`;
   }
   render() {
-    const { _activeTab: t, state: e } = this;
-    return i`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#a("input")} .selected=${t === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#a("results")} .selected=${t === "results"} .disabled=${e === "disabled" || e === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#x()}${this.#_()}</calcite-tabs>${t === "input" ? this.#C() : null}${t === "results" ? this.#R() : null}</calcite-panel>`;
+    const { _activeTab: e, state: t } = this;
+    return i`<calcite-panel><calcite-tabs layout=center position=top><calcite-tab-nav slot=title-group><calcite-tab-title @click=${() => this.#a("input")} .selected=${e === "input"}>${this._messages.tabs.inputTab}</calcite-tab-title><calcite-tab-title @click=${() => this.#a("results")} .selected=${e === "results"} .disabled=${t === "disabled" || t === "loading"}>${this._messages.tabs.resultsTab}</calcite-tab-title></calcite-tab-nav>${this.#_()}${this.#$()}</calcite-tabs>${e === "input" ? this.#x() : null}${e === "results" ? this.#R() : null}</calcite-panel>`;
   }
 }
-u("arcgis-utility-network-trace-analysis-next", R);
+u("arcgis-utility-network-trace-analysis-next", x);
 export {
-  R as ArcgisUtilityNetworkTraceAnalysisNext
+  x as ArcgisUtilityNetworkTraceAnalysisNext
 };

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

@@ -117,6 +117,13 @@ export abstract class ArcgisUtilityNetworkTraceResultsNext extends LitElement {
   accessor hideActionBar: boolean;
   /** @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-aggregated-geometry-result-item/#geometryGraphics)
+   * from the map when the trace result contains aggregated geometry results.
+   *
+   * @default false
+   */
+  accessor hideGraphics: boolean;
   /**
    * Whether to hide the placeholder string when feature results are hidden.
    *
@@ -194,14 +201,13 @@ export abstract class ArcgisUtilityNetworkTraceResultsNext extends LitElement {
   clearResults(): void;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
-  readonly arcgisAggregatedGeometryGraphicsColorChange: import("@arcgis/lumina").TargetedEvent<this, Color>;
-  readonly arcgisHideGraphicsChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "aggregatedGeometryGraphicsColor" | "hideGraphics" | "state" | "traceError"; }>;
   readonly arcgisTraceResultFeaturesReady: 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": {
-    arcgisAggregatedGeometryGraphicsColorChange: ArcgisUtilityNetworkTraceResultsNext["arcgisAggregatedGeometryGraphicsColorChange"]["detail"];
-    arcgisHideGraphicsChange: ArcgisUtilityNetworkTraceResultsNext["arcgisHideGraphicsChange"]["detail"];
+    arcgisPropertyChange: ArcgisUtilityNetworkTraceResultsNext["arcgisPropertyChange"]["detail"];
     arcgisTraceResultFeaturesReady: ArcgisUtilityNetworkTraceResultsNext["arcgisTraceResultFeaturesReady"]["detail"];
     arcgisTriggerAction: ArcgisUtilityNetworkTraceResultsNext["arcgisTriggerAction"]["detail"];
   };