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

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-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;