@arcgis/map-components 5.2.0-next.129 → 5.2.0-next.130

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

@@ -147,13 +147,21 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * Unit system (imperial, metric) or specific unit used for displaying the area. Possible values are listed in
    * [areaDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnitOptions).
    *
+   * When no area unit is explicitly set on the component or its analysis, this property uses the area unit configured in the view through
+   * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * This property overrides the area unit on this component's analysis without changing the units configured in the view.
+   *
    * @since 5.0
    */
   accessor areaDisplayUnit: SystemOrAreaUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's area display unit dropdown.
    * By default, the following units are included: `metric`, `imperial`, `square-inches`, `square-feet`, `square-yards`, `square-miles`, `square-nautical-miles`, `square-us-feet`, `square-millimeters`, `square-centimeters`, `square-decimeters`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.
-   * Possible [areaDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
+   * is not listed in [areaDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [areaDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#areaDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -181,13 +189,21 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * Unit system (imperial, metric) or specific unit used for displaying the cut and fill target elevation. Possible values are listed in
    * [elevationDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnitOptions).
    *
+   * When no elevation unit is explicitly set on the component or its analysis, this property uses the vertical length unit configured in the view through
+   * [view.options.displayUnits.verticalLength](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * This property overrides the elevation unit on this component's analysis without changing the units configured in the view.
+   *
    * @since 5.0
    */
   accessor elevationDisplayUnit: SystemOrLengthUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `metric`, `imperial`, `meters`, `millimeters`, `centimeters`, `decimeters`, `kilometers`, `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`.
-   * Possible [elevationDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [view.options.displayUnits.verticalLength](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
+   * is not listed in [elevationDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [elevationDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -199,6 +215,12 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * This controls which unit is used when entering an elevation value via the tool's UI (for example, using the
    * shift manipulator tooltip input in "Cut & Fill Volume" mode).
    *
+   * When no elevation input unit is explicitly set on the component or its analysis, this property uses the vertical length input unit configured in the view through
+   * [view.options.inputUnits.verticalLength](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#inputUnits).
+   * The `metric` and `imperial` measurement systems resolve to `meters` and `feet`, respectively.
+   * This property overrides the elevation input unit on this component's analysis without changing the units configured in the view.
+   * Changing this property preserves the target surface elevation.
+   *
    * @since 5.0
    */
   accessor elevationInputUnit: LengthUnit;
@@ -207,7 +229,12 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    *
    * By default, the following units are included: `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`,
    * `millimeters`, `centimeters`, `decimeters`, `meters`, `kilometers`.
-   * The current [elevationInputUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationInputUnit) value can only be a subset of this list.
+   * The unit inherited from the view through
+   * [view.options.inputUnits.verticalLength](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#inputUnits)
+   * resolves to `meters` for `metric` and `feet` for `imperial`.
+   * If the inherited unit is not listed in [elevationInputUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationInputUnitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [elevationInputUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#elevationInputUnitOptions).
    *
    * @since 5.0
    */
@@ -427,13 +454,21 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * Unit system (imperial, metric) or specific unit used for displaying the perimeter values. Possible values are
    * listed in [perimeterDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnitOptions).
    *
+   * When no perimeter unit is explicitly set on the component or its analysis, this property uses the length unit configured in the view through
+   * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * This property overrides the perimeter unit on this component's analysis without changing the units configured in the view.
+   *
    * @since 5.0
    */
   accessor perimeterDisplayUnit: SystemOrLengthUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's perimeter display unit dropdown.
    * By default, the following units are included: `metric`, `imperial`, `meters`, `millimeters`, `centimeters`, `decimeters`, `kilometers`, `inches`, `feet`, `yards`, `miles`, `nautical-miles`, `us-feet`.
-   * Possible [perimeterDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
+   * is not listed in [perimeterDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [perimeterDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#perimeterDisplayUnitOptions).
    *
    * @since 5.0
    */
@@ -464,13 +499,21 @@ export abstract class ArcgisVolumeMeasurement extends LitElement {
    * Unit system (imperial, metric) or specific unit used for displaying the volume values. Possible values are listed in
    * [volumeDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnitOptions).
    *
+   * When no volume unit is explicitly set on the component or its analysis, this property uses the volume unit configured in the view through
+   * [view.options.displayUnits.volume](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * This property overrides the volume unit on this component's analysis without changing the units configured in the view.
+   *
    * @since 5.0
    */
   accessor volumeDisplayUnit: SystemOrVolumeUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `imperial`, `metric`, `liters`, `megaliters`, `gigaliters`, `cubic-millimeters`, `cubic-centimeters`, `cubic-decimeters`, `cubic-meters`, `cubic-kilometers`, `cubic-inches`, `cubic-us-feet`, `cubic-feet`, `cubic-yards`, `cubic-miles`.
-   * Possible [volumeDisplayUnit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [view.options.displayUnits.volume](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
+   * is not listed in [volumeDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnitOptions), the component checks whether its default unit is listed there.
+   * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
+   * [volumeDisplayUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/#volumeDisplayUnitOptions).
    *
    * @since 5.0
    */

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as B } from "../../chunks/runtime.js";
 import { css as H, html as d } from "lit";
-import { LitElement as R, createEvent as F, nothing as D, safeClassMap as O, safeStyleMap as q } from "@arcgis/lumina";
+import { LitElement as R, createEvent as q, nothing as D, safeClassMap as O, safeStyleMap as F } from "@arcgis/lumina";
 import { usePropertyChange as Z } from "@arcgis/lumina/controllers";
 import { createRef as X, ref as k } from "lit/directives/ref.js";
 import { u as G } from "../../chunks/useT9n.js";
@@ -90,12 +90,13 @@ let r = class extends ee {
   }
   get volumeDisplayUnit() {
     const i = this.volumeDisplayUnitOptions;
-    return m(
-      this._userVolumeDisplayUnit,
-      this.analysis.displayUnits?.volume,
-      i,
-      this.defaultMeasurementSystem
-    );
+    return m({
+      userUnit: this._userVolumeDisplayUnit,
+      analysisUnit: this.analysis.displayUnits?.volume,
+      options: i,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.volume
+    });
   }
   set volumeDisplayUnit(i) {
     this._userVolumeDisplayUnit = i;
@@ -108,12 +109,13 @@ let r = class extends ee {
   }
   get elevationDisplayUnit() {
     const i = this.elevationDisplayUnitOptions;
-    return m(
-      this._userElevationDisplayUnit,
-      this.analysis.displayUnits?.elevation,
-      i,
-      this.defaultMeasurementSystem
-    );
+    return m({
+      userUnit: this._userElevationDisplayUnit,
+      analysisUnit: this.analysis.displayUnits?.elevation,
+      options: i,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.verticalLength
+    });
   }
   set elevationDisplayUnit(i) {
     this._userElevationDisplayUnit = i;
@@ -125,21 +127,18 @@ let r = class extends ee {
     this._userElevationInputUnitOptions = i;
   }
   get elevationInputUnit() {
-    const i = this.elevationInputUnitOptions;
-    return m(
-      this._userElevationInputUnit,
-      this.analysis.inputUnits?.elevation,
-      i,
-      this._defaultElevationInputUnit
-    );
+    const i = this.elevationInputUnitOptions, e = this.view?.options.inputUnits.verticalLength, t = e === "imperial" ? "feet" : e === "metric" ? "meters" : e;
+    return m({
+      userUnit: this._userElevationInputUnit,
+      analysisUnit: this.analysis.inputUnits?.elevation,
+      options: i,
+      defaultUnit: this._defaultElevationInputUnit,
+      viewUnit: t
+    });
   }
   set elevationInputUnit(i) {
-    const e = this.analysis.cutFillOptions.targetElevation ?? 0;
-    this.analysis.cutFillOptions.targetElevation = re(
-      e,
-      this.elevationInputUnit,
-      i ?? this.elevationInputUnit
-    ), this._userElevationInputUnit = i;
+    const { cutFillOptions: e, inputUnits: t } = this.analysis, { targetElevation: a } = e;
+    i && a != null && (e.targetElevation = re(a, t.elevation ?? "meters", i)), this._userElevationInputUnit = i;
   }
   get areaDisplayUnitOptions() {
     return g(this._userAreaUnitOptions, V, V);
@@ -149,12 +148,13 @@ let r = class extends ee {
   }
   get areaDisplayUnit() {
     const i = this.areaDisplayUnitOptions;
-    return m(
-      this._userAreaDisplayUnit,
-      this.analysis.displayUnits?.area,
-      i,
-      this.defaultMeasurementSystem
-    );
+    return m({
+      userUnit: this._userAreaDisplayUnit,
+      analysisUnit: this.analysis.displayUnits?.area,
+      options: i,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.area
+    });
   }
   set areaDisplayUnit(i) {
     this._userAreaDisplayUnit = i;
@@ -167,12 +167,13 @@ let r = class extends ee {
   }
   get perimeterDisplayUnit() {
     const i = this.perimeterDisplayUnitOptions;
-    return m(
-      this._userPerimeterDisplayUnit,
-      this.analysis.displayUnits?.length,
-      i,
-      this.defaultMeasurementSystem
-    );
+    return m({
+      userUnit: this._userPerimeterDisplayUnit,
+      analysisUnit: this.analysis.displayUnits?.length,
+      options: i,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.length
+    });
   }
   set perimeterDisplayUnit(i) {
     this._userPerimeterDisplayUnit = i;
@@ -256,7 +257,7 @@ r = s([
 const oe = J(r);
 class le extends R {
   constructor() {
-    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 = "cut-and-fill-volume-calculation", this.interactionDisabled = this.viewModel.interactionDisabled, 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", "interactionDisabled", "state"), this.arcgisReady = F();
+    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 = "cut-and-fill-volume-calculation", this.interactionDisabled = this.viewModel.interactionDisabled, 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", "interactionDisabled", "state"), this.arcgisReady = q();
   }
   static {
     this.properties = { _settingsPopoverIsOpen: 16, view: 0, analysis: 0, autoDestroyDisabled: 5, icon: 3, interactionDisabled: 5, 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 };
@@ -292,13 +293,13 @@ class le extends R {
     this._settingsPopoverIsOpen = !0;
   }
   render() {
-    const { messages: e, viewModel: t } = this, { measurement: a, state: o } = t, c = this.volumeDisplayUnitOptions, p = this.volumeDisplayUnit, _ = this.elevationDisplayUnitOptions, $ = this.elevationDisplayUnit, I = this.elevationInputUnitOptions, E = this.elevationInputUnit, P = this.perimeterDisplayUnitOptions, C = this.perimeterDisplayUnit, A = this.areaDisplayUnitOptions, L = this.areaDisplayUnit, U = t.analysisView?.error?.name, T = [
-      v({ hidden: this.hideElevationInputUnitSelect, options: I, selectLabel: e.elevationInputUnit, value: E, onChange: (l) => {
+    const { messages: e, viewModel: t } = this, { measurement: a, state: o } = t, c = this.volumeDisplayUnitOptions, p = this.volumeDisplayUnit, _ = this.elevationDisplayUnitOptions, $ = this.elevationDisplayUnit, E = this.elevationInputUnitOptions, I = this.elevationInputUnit, P = this.perimeterDisplayUnitOptions, C = this.perimeterDisplayUnit, A = this.areaDisplayUnitOptions, L = this.areaDisplayUnit, U = t.analysisView?.error?.name, j = [
+      v({ hidden: this.hideElevationInputUnitSelect, options: E, selectLabel: e.elevationInputUnit, value: I, onChange: (l) => {
         this.viewModel.elevationInputUnit = l;
       } })
-    ], j = [
+    ], T = [
       v({ hidden: this.hideElevationDisplayUnitSelect, options: _, selectLabel: e.elevationDisplayUnit, value: $, onChange: (l) => {
-        this.analysis.displayUnits.elevation = l;
+        this.viewModel.elevationDisplayUnit = l;
       } }),
       v({ hidden: this.hideVolumeDisplayUnitSelect, options: c, selectLabel: e.volumeDisplayUnit, value: p, onChange: (l) => {
         this.viewModel.volumeDisplayUnit = l;
@@ -314,15 +315,15 @@ class le extends R {
       this.hideVolumeDisplayUnitSelect,
       this.hideAreaDisplayUnitSelect,
       this.hidePerimeterDisplayUnitSelect
-    ].filter((l) => !l).length === 0, x = this.hideSettingsButton || f && b, w = (this._settingsPopoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
+    ].filter((l) => !l).length === 0, w = this.hideSettingsButton || f && b, x = (this._settingsPopoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
     return d`<div aria-label=${e.componentLabel ?? D} class=${O({
       root: !0,
       [M.widget]: !0,
       [M.panel]: !0
-    })} role=presentation>${o === "disabled" && d`<calcite-scrim></calcite-scrim>` || ""}${h({ hidden: this.hideHeader && x, children: d`<div class=${O({
+    })} role=presentation>${o === "disabled" && d`<calcite-scrim></calcite-scrim>` || ""}${h({ hidden: this.hideHeader && w, children: d`<div class=${O({
       header: !0,
       "no-content": this.hideHeader
-    })}>${h({ hidden: this.hideHeader, children: K({ class: "heading", level: this.headingLevel, children: e.title }) })}<span style=${q({ flex: 1 })}></span>${h({ hidden: x, children: d`<calcite-action icon=gear slot=settings .text=${w} title=${w ?? D} ${k(this.#e)}></calcite-action><calcite-popover slot=settings .label=${w} .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${x ? !1 : void 0} @calcitePopoverOpen=${this._onSettingsPopoverOpen} @calcitePopoverClose=${this._onSettingsPopoverClose} ${k(this.#i)}><div class="settings-content">${h({ hidden: f, children: d`<div><p .hidden=${b}>${e.inputUnits}</p>${T}</div>` })}${h({ hidden: b, children: d`<div><p .hidden=${f}>${e.displayUnits}</p>${j}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${h({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
+    })}>${h({ hidden: this.hideHeader, children: K({ class: "heading", level: this.headingLevel, children: e.title }) })}<span style=${F({ flex: 1 })}></span>${h({ hidden: w, children: d`<calcite-action icon=gear slot=settings .text=${x} title=${x ?? D} ${k(this.#e)}></calcite-action><calcite-popover slot=settings .label=${x} .referenceElement=${this.#e.value} overlay-positioning=fixed placement=bottom-end auto-close .open=${w ? !1 : void 0} @calcitePopoverOpen=${this._onSettingsPopoverOpen} @calcitePopoverClose=${this._onSettingsPopoverClose} ${k(this.#i)}><div class="settings-content">${h({ hidden: f, children: d`<div><p .hidden=${b}>${e.inputUnits}</p>${j}</div>` })}${h({ hidden: b, children: d`<div><p .hidden=${f}>${e.displayUnits}</p>${T}</div>` })}</div></calcite-popover>` })}</div>` })}<div class="content">${h({ hidden: this.hideModeSelect, children: d`<calcite-label>${this.messages.measurementMode}<calcite-select label="Select measurement mode" .value=${this.mode} @calciteSelectChange=${(l) => {
       this.analysis.measureType = l.target.selectedOption.value;
     }}><calcite-option value=cut-fill>${e.cutAndFillMode}</calcite-option><calcite-option value=stockpile>${e.stockpileMode}</calcite-option></calcite-select></calcite-label>` })}${U != null && ce({ error: U, messages: e }) || ""}<arcgis-measurement-content .state=${t.displayState} .hintLabel=${e.hint} .unsupportedLabel=${e.unsupported} .items=${[
       {