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

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"];
   };

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

@@ -1,22 +1,23 @@
 /* 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 c } from "lit/directives/ref.js";
+import { ref as n } from "lit/directives/ref.js";
 import g from "@arcgis/core/Color.js";
-import { LitElement as h, createEvent as r } from "@arcgis/lumina";
-import { log as u, composeMissingPropertyMessage as m } from "@arcgis/toolkit/log";
-import { u as p } 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)}`, n = {
+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 = {
   dirtyAreasDiscovered: -2147208511,
   noValidControllers: -2147208935,
   pathNotFound: -2147208444
 };
 class y extends h {
   constructor() {
-    super(...arguments), this._messages = p({ blocking: !0 }), this.aggregatedGeometryGraphicsColor = new g([255, 255, 0, 0.6]), this.autoDestroyDisabled = !1, this.disableHighlightFeatureResults = !1, this.hideActionBar = !1, this.hidePlaceholder = !1, this.hideFeatureResults = !1, this.includeDefaultActionsDisabled = !1, this.layers = [], this.state = "loading", this.arcgisAggregatedGeometryGraphicsColorChange = r(), this.arcgisHideGraphicsChange = r(), this.arcgisTraceResultFeaturesReady = r(), this.arcgisTriggerAction = r();
+    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");
   }
   static {
-    this.properties = { actions: 0, aggregatedGeometryGraphicsColor: 0, autoDestroyDisabled: 5, disableHighlightFeatureResults: 5, heading: 1, hideActionBar: 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 = { 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 };
   }
   static {
     this.styles = v;
@@ -36,7 +37,7 @@ class y extends h {
     await this.#s?.destroy(), await this.#e?.destroy(), await this.manager.destroy();
   }
   load() {
-    this.traceResult && (this.view || u("warn", this, m("view")));
+    this.traceResult && (this.view || m("warn", this, p("view")));
   }
   #i(e) {
     e && (this.#s = e);
@@ -56,16 +57,7 @@ class y extends h {
   }
   #c(e) {
     const { detail: t, target: s } = e;
-    if (t.name === "hideGraphics") {
-      e.stopPropagation();
-      const a = s[t.name];
-      this.arcgisHideGraphicsChange.emit(a);
-    }
-    if (t.name === "graphicsColor") {
-      e.stopPropagation();
-      const a = s[t.name];
-      this.aggregatedGeometryGraphicsColor = a, this.arcgisAggregatedGeometryGraphicsColorChange.emit(a);
-    }
+    t.name === "hideGraphics" ? (e.stopPropagation(), this.hideGraphics = s[t.name]) : t.name === "graphicsColor" && (e.stopPropagation(), this.aggregatedGeometryGraphicsColor = s[t.name]);
   }
   render() {
     const { traceError: e, traceResult: t } = this;
@@ -73,15 +65,15 @@ class y extends h {
       return this.#h(e);
     if (!t)
       return this.#m();
-    const { elements: s, globalFunctionResults: a, aggregatedGeometry: l } = t;
-    return !s.length && !a.length && !l ? this.#u() : i`<calcite-panel class="white-panel-background">${this.state === "loading" ? this.#o() : null}${this.#d(t)}</calcite-panel>`;
+    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>`;
   }
   #o() {
     return i`<calcite-loader .label=${this._messages.gettingResults} .text=${this._messages.gettingResults}></calcite-loader>`;
   }
   #d(e) {
-    const t = this.#e?.isFeaturesListShown, { elements: s, globalFunctionResults: a, aggregatedGeometry: l } = e;
-    return i`<div .hidden=${this.state === "loading"}>${t ? null : this.#t()}${l != null ? i`<arcgis-utility-network-aggregated-geometry-result-item auto-destroy-disabled .graphicsColor=${this.aggregatedGeometryGraphicsColor} .hidden=${t} .traceResult=${e} .view=${this.view} @arcgisPropertyChange=${this.#c} ${c(this.#i)}></arcgis-utility-network-aggregated-geometry-result-item>${!s.length && !t ? this.#g() : null}` : null}${s != null ? i`<arcgis-utility-network-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} ${c(this.#a)}></arcgis-utility-network-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>`;
+    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-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-aggregated-geometry-result-item>${!s.length && !t ? this.#g() : null}` : null}${s != null ? i`<arcgis-utility-network-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-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>`;
   }
   #g() {
     return i`<div class="no-selectable-results">${this._messages.noSelectableFeatures}</div>`;
@@ -93,13 +85,13 @@ class y extends h {
     const { _messages: t } = this;
     let s = e.message;
     switch (e.details?.raw?.extendedCode) {
-      case n.dirtyAreasDiscovered:
+      case l.dirtyAreasDiscovered:
         s = t.traceErrors.dirtyAreasDiscovered;
         break;
-      case n.noValidControllers:
+      case l.noValidControllers:
         s = t.traceErrors.noValidControllers;
         break;
-      case n.pathNotFound:
+      case l.pathNotFound:
         s = t.traceErrors.pathNotFound;
         break;
     }

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -150,6 +150,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       pause?: string | undefined;
       platformInfo?: string | undefined;
       play?: string | undefined;
+      playbackProgress?: string | undefined;
       playbackSpeed?: string | undefined;
       quality?: string | undefined;
       reverse?: string | undefined;
@@ -188,6 +189,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       pause: string;
       platformInfo: string;
       play: string;
+      playbackProgress: string;
       playbackSpeed: string;
       quality: string;
       reverse: string;
@@ -224,6 +226,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       pause: string;
       platformInfo: string;
       play: string;
+      playbackProgress: string;
       playbackSpeed: string;
       quality: string;
       reverse: string;

package/dist/components/arcgis-video-player/customElement.js

@@ -64,7 +64,7 @@ class T extends g {
     }} ${y(this._videoViewRef)}></arcgis-video>`;
   }
   _renderSlider() {
-    return this._isLive ? null : e`<arcgis-video-player-slider .buffered=${this._bufferedValue} .value=${this._currentValue * 100} .viewModel=${this.viewModel}></arcgis-video-player-slider>`;
+    return this._isLive ? null : e`<arcgis-video-player-slider .buffered=${this._bufferedValue} .messages=${this.messages} .value=${this._currentValue * 100} .viewModel=${this.viewModel}></arcgis-video-player-slider>`;
   }
   _renderActionBar() {
     return e`<arcgis-video-player-action-bar .currentTime=${this._currentTime} .duration=${this._duration} .messages=${this.messages} .toggleMetadata=${() => this._metadataVisible = !this._metadataVisible} .viewModel=${this.viewModel} .inline=${this.inline}></arcgis-video-player-action-bar>`;

package/dist/components/arcgis-video-player-slider/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 s, html as o } from "lit";
-import { LitElement as t } from "@arcgis/lumina";
-const l = s`:host{min-width:100px;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.slider-progress-container{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress{--arcgis-internal-video-player-progress-width: 2px;appearance:none;position:absolute;top:calc(50% - var(--arcgis-internal-video-player-progress-width) / 2);left:var(--calcite-spacing-xs);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--calcite-spacing-xs) * 2);height:var(--arcgis-internal-video-player-progress-width)}.progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.slider{--calcite-slider-track-color: transparent;width:100%}`;
-class a extends t {
+import { css as o, html as t } from "lit";
+import { LitElement as a } from "@arcgis/lumina";
+const l = o`:host{min-width:100px;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.slider-progress-container{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress{--arcgis-internal-video-player-progress-width: 2px;appearance:none;position:absolute;top:calc(50% - var(--arcgis-internal-video-player-progress-width) / 2);left:var(--calcite-spacing-xs);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--calcite-spacing-xs) * 2);height:var(--arcgis-internal-video-player-progress-width)}.progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.slider{--calcite-slider-track-color: transparent;width:100%}`;
+class c extends a {
   static {
-    this.properties = { viewModel: 0, buffered: 9, value: 9 };
+    this.properties = { viewModel: 0, buffered: 9, messages: 0, value: 9 };
   }
   static {
     this.styles = l;
@@ -17,11 +17,11 @@ class a extends t {
     }
   }
   render() {
-    const { value: e, buffered: r } = this;
-    return o`<div class="slider-progress-container" dir=ltr><progress class="progress" max=1 .value=${`${r}`}></progress><div class="slider"><calcite-slider max=100 min=0 .value=${e} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`;
+    const { buffered: e, messages: r, value: s } = this;
+    return t`<div class="slider-progress-container" dir=ltr><progress class="progress" max=1 .value=${`${e}`}></progress><div class="slider"><calcite-slider .label=${r.playbackProgress} max=100 min=0 .value=${s} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`;
   }
 }
-i("arcgis-video-player-slider", a);
+i("arcgis-video-player-slider", c);
 export {
-  a as VideoPlayerSlider
+  c as VideoPlayerSlider
 };

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

@@ -308,6 +308,43 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
   accessor icon: Icon["icon"] | undefined;
   /** The component's default label. */
   accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      title?: string | undefined;
+      hint?: string | undefined;
+      measurementMode?: string | undefined;
+      newMeasurement?: string | undefined;
+      cutAndFillMode?: string | undefined;
+      stockpileMode?: string | undefined;
+      cutVolume?: string | undefined;
+      totalVolume?: string | undefined;
+      fillVolume?: string | undefined;
+      netVolume?: string | undefined;
+      perimeter?: string | undefined;
+      area?: string | undefined;
+      snappingDisablePrompt?: string | undefined;
+      snappingDisablePromptAlternate?: string | undefined;
+      showSettings?: string | undefined;
+      hideSettings?: string | undefined;
+      unsupported?: string | undefined;
+      errorInsufficientData?: string | undefined;
+      errorPerimeterTooLarge?: string | undefined;
+      errorUnsupportedCoordinateSystem?: string | undefined;
+      errorUnsupportedLayerTransparency?: string | undefined;
+      errorUnknown?: string | undefined;
+      inputUnits?: string | undefined;
+      displayUnits?: string | undefined;
+      elevationInputUnit?: string | undefined;
+      elevationDisplayUnit?: string | undefined;
+      volumeDisplayUnit?: string | undefined;
+      areaDisplayUnit?: string | undefined;
+      perimeterDisplayUnit?: string | undefined;
+  };
   /** @internal */
   protected messages: {
       componentLabel: string;

package/dist/components/arcgis-volume-measurement/customElement.js

@@ -259,7 +259,7 @@ class le extends R {
     super(...arguments), this.viewModel = oe(this), this.messages = G({ blocking: !0 }), this.#e = X(), this._settingsPopoverIsOpen = !1, this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-area", this.state = this.viewModel.state, this.volumeDisplayUnit = this.viewModel.volumeDisplayUnit, this.volumeDisplayUnitOptions = this.viewModel.volumeDisplayUnitOptions, this.elevationDisplayUnit = this.viewModel.elevationDisplayUnit, this.elevationDisplayUnitOptions = this.viewModel.elevationDisplayUnitOptions, this.elevationInputUnit = this.viewModel.elevationInputUnit, this.elevationInputUnitOptions = this.viewModel.elevationInputUnitOptions, this.areaDisplayUnit = this.viewModel.areaDisplayUnit, this.areaDisplayUnitOptions = this.viewModel.areaDisplayUnitOptions, this.perimeterDisplayUnit = this.viewModel.perimeterDisplayUnit, this.perimeterDisplayUnitOptions = this.viewModel.perimeterDisplayUnitOptions, this.hideHeader = !1, this.hideSettingsButton = !1, this.hideElevationDisplayUnitSelect = !1, this.hideElevationInputUnitSelect = !1, this.hideVolumeDisplayUnitSelect = !1, this.hideModeSelect = !1, this.hideStartButton = !1, this.hideVisualization = this.viewModel.hideVisualization, this.headingLevel = 2, this.hideAreaDisplayUnitSelect = !1, this.hidePerimeterDisplayUnitSelect = !1, this.arcgisPropertyChange = Z()("analysis", "state"), this.arcgisReady = F();
   }
   static {
-    this.properties = { _settingsPopoverIsOpen: 16, view: 0, analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, referenceElement: 1, mode: 1, state: 32, volumeDisplayUnit: 1, volumeDisplayUnitOptions: 0, elevationDisplayUnit: 1, elevationDisplayUnitOptions: 0, elevationInputUnit: 1, elevationInputUnitOptions: 0, areaDisplayUnit: 1, areaDisplayUnitOptions: 0, perimeterDisplayUnit: 1, perimeterDisplayUnitOptions: 0, hideHeader: 5, hideSettingsButton: 5, hideElevationDisplayUnitSelect: 5, hideElevationInputUnitSelect: 5, hideVolumeDisplayUnitSelect: 5, hideModeSelect: 5, hideStartButton: 5, hideVisualization: 5, headingLevel: 9, hideAreaDisplayUnitSelect: 5, hidePerimeterDisplayUnitSelect: 5 };
+    this.properties = { _settingsPopoverIsOpen: 16, view: 0, analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, referenceElement: 1, mode: 1, state: 32, volumeDisplayUnit: 1, volumeDisplayUnitOptions: 0, elevationDisplayUnit: 1, elevationDisplayUnitOptions: 0, elevationInputUnit: 1, elevationInputUnitOptions: 0, areaDisplayUnit: 1, areaDisplayUnitOptions: 0, perimeterDisplayUnit: 1, perimeterDisplayUnitOptions: 0, hideHeader: 5, hideSettingsButton: 5, hideElevationDisplayUnitSelect: 5, hideElevationInputUnitSelect: 5, hideVolumeDisplayUnitSelect: 5, hideModeSelect: 5, hideStartButton: 5, hideVisualization: 5, headingLevel: 9, hideAreaDisplayUnitSelect: 5, hidePerimeterDisplayUnitSelect: 5 };
   }
   static {
     this.styles = se;