@arcgis/map-components 5.2.0-next.98 → 6.0.0-next.0

package/dist/components/arcgis-elevation-profile/customElement.d.ts

@@ -68,6 +68,7 @@ import type { SystemOrLengthUnit } from "@arcgis/core/core/units.js";
 export abstract class ArcgisElevationProfile extends LitElement {
   /** @internal */
   protected _messages: Partial<{
+      reset: string;
       cancelButtonLabel: string;
       chartTooltip: string;
       clearProfile: string;
@@ -117,6 +118,7 @@ export abstract class ArcgisElevationProfile extends LitElement {
       unitElevationSelectLabel: string;
       zoomOut: string;
   }> & T9nMeta<{
+      reset: string;
       cancelButtonLabel: string;
       chartTooltip: string;
       clearProfile: string;
@@ -249,12 +251,21 @@ export abstract class ArcgisElevationProfile extends LitElement {
    * The measurement system (imperial, metric) or specific unit (e.g. feet, kilometers) used to display distance values
    * in the chart, results and legend.
    *
+   * When no distance 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 distance unit on this component's analysis without changing the units configured in the view.
+   *
    * @since 5.0
    */
   accessor distanceUnit: SystemOrLengthUnit | undefined;
   /**
    * List of available units unit systems (imperial, metric) and specific units (e.g. feet, kilometers) for displaying
    * the distance values. These are the options displayed in the distance unit dropdown in the settings popover.
+   * 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 [distanceUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-elevation-profile/#distanceUnitOptions), 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
+   * [distanceUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-elevation-profile/#distanceUnitOptions).
    *
    * @since 5.0
    */
@@ -281,12 +292,21 @@ export abstract class ArcgisElevationProfile extends LitElement {
    * The measurement system (imperial, metric) or specific unit (e.g. feet, kilometers) used to display elevation values
    * in the chart, results and legend.
    *
+   * 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 elevationUnit: SystemOrLengthUnit | undefined;
   /**
    * List of available units unit systems (imperial, metric) and specific units (e.g. feet, kilometers) for displaying
    * the elevation values. These are the options displayed in the elevation unit dropdown in the settings popover.
+   * 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 [elevationUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-elevation-profile/#elevationUnitOptions), 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
+   * [elevationUnitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-elevation-profile/#elevationUnitOptions).
    *
    * @since 5.0
    */
@@ -353,6 +373,13 @@ export abstract class ArcgisElevationProfile extends LitElement {
    * @default false
    */
   accessor hideLegend: boolean;
+  /**
+   * If true, all unit-reset buttons will be hidden. Unit selection dropdowns remain available, but users cannot reset units to their defaults using the UI.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor hideResetUnitsButton: boolean;
   /**
    * If true, the button to select features in the view will be hidden.
    *
@@ -409,6 +436,14 @@ export abstract class ArcgisElevationProfile extends LitElement {
    * @since 5.0
    */
   get indicatorRelativePosition(): number | undefined;
+  /**
+   * Indicates whether interactive creation and editing of the analysis are disabled. When true, users cannot create a new analysis interactively or modify an existing analysis using its editing manipulators. Any interactive operation in progress is canceled. If the analysis is already complete, it and its results remain visible.
+   *
+   * @default false
+   * @default false
+   * @since 5.2
+   */
+  accessor interactionDisabled: boolean;
   /** The component's default label. */
   accessor label: string | undefined;
   /**
@@ -419,6 +454,7 @@ export abstract class ArcgisElevationProfile extends LitElement {
    * @since 5.0
    */
   accessor messageOverrides: {
+      reset?: string | undefined;
       cancelButtonLabel?: string | undefined;
       chartTooltip?: string | undefined;
       clearProfile?: string | undefined;
@@ -542,8 +578,8 @@ export abstract class ArcgisElevationProfile extends LitElement {
    */
   stop(): Promise<void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "analysis" | "effectiveDisplayUnits" | "elevationInfo" | "feature" | "geometry" | "indicatorRelativePosition" | "progress" | "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "analysis" | "effectiveDisplayUnits" | "elevationInfo" | "feature" | "geometry" | "indicatorRelativePosition" | "interactionDisabled" | "progress" | "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisElevationProfile["arcgisPropertyChange"]["detail"];

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -4,27 +4,27 @@ import { css as S, html as c } from "lit";
 import { ref as U } from "lit/directives/ref.js";
 import { createChart as k } from "@arcgis/core/applications/Components/analysisUtils.js";
 import { signal as M } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { ignoreAbortErrors as m } from "@arcgis/core/core/promiseUtils.js";
-import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as O, createEvent as B, nothing as u, safeClassMap as v } from "@arcgis/lumina";
-import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
+import { ignoreAbortErrors as v } from "@arcgis/core/core/promiseUtils.js";
+import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as B, createEvent as O, nothing as u, safeClassMap as m } from "@arcgis/lumina";
+import { usePropertyChange as D } from "@arcgis/lumina/controllers";
 import { slotChangeHasContent as _ } from "@arcgis/toolkit/dom/slots";
-import { u as D } from "../../chunks/useT9n.js";
-import { m as V } from "../../chunks/useViewModel.js";
-import { t as P, c as x } from "../../chunks/async-utils.js";
+import { u as $ } from "../../chunks/useT9n.js";
+import { m as E } from "../../chunks/useViewModel.js";
+import { t as V, c as x } from "../../chunks/async-utils.js";
 import { g as f } from "../../chunks/globalCss.js";
-import z from "@arcgis/core/analysis/ElevationProfileAnalysis.js";
-import { property as a, subclass as E } from "@arcgis/core/core/accessorSupport/decorators.js";
+import P from "@arcgis/core/analysis/ElevationProfileAnalysis.js";
+import { property as a, subclass as z } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { A } from "../../chunks/AnalysisViewModel.js";
 import { a as F } from "../../chunks/maybe.js";
 import { c as y, d as w } from "../../chunks/measurementUtils.js";
 import { m as L } from "../../chunks/handle.js";
 const I = S`.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)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{--internal-chart-height: 180px;--internal-gap: var(--calcite-spacing-sm-plus);width:550px;isolation:isolate;position:relative;container-type:inline-size}.root{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--internal-gap)}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:calc(var(--internal-gap) * -1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--calcite-spacing-xs)}.action-button{width:auto;min-height:32px}.main-container{display:flex;position:relative;flex-flow:column;width:100%;height:var(--internal-chart-height)}.chart-container{position:relative;width:100%;height:100%}.prompt-container{box-sizing:border-box;display:grid;place-content:center;padding-inline:var(--calcite-spacing-md);height:100%;text-align:center}.prompt-message{margin:0;width:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;transition-delay:0;opacity:0;&.visible{transition-delay:50ms;opacity:1}&.small{inset-inline-start:0;inset-block-start:-24px;left:unset;transform:none;color:var(--calcite-color-brand)}}@container (max-width: 400px){.esri-widget--panel{height:auto}.actions{flex-direction:column}.action-button{align-self:stretch}}`;
-async function T(t, e, i) {
-  const r = await R(t, e);
-  return P(i), H(r) ? r.highlight(e) : L();
+async function R(t, e, i) {
+  const r = await T(t, e);
+  return V(i), H(r) ? r.highlight(e) : L();
 }
-async function R(t, e) {
+async function T(t, e) {
   const i = e?.layer;
   if (!(!i || i.type === "subtype-sublayer" || i.type === "sublayer" || i.type === "building-component"))
     return await t.whenLayerView(i);
@@ -45,13 +45,13 @@ function q(t) {
   return t?.type === "polyline";
 }
 var N = Object.defineProperty, J = Object.getOwnPropertyDescriptor, o = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? J(e, i) : e, l = t.length - 1, d; l >= 0; l--)
-    (d = t[l]) && (s = (r ? d(e, i, s) : d(s)) || s);
-  return r && s && N(e, i, s), s;
+  for (var n = r > 1 ? void 0 : r ? J(e, i) : e, l = t.length - 1, d; l >= 0; l--)
+    (d = t[l]) && (n = (r ? d(e, i, n) : d(n)) || n);
+  return r && n && N(e, i, n), n;
 };
-let n = class extends A {
+let s = class extends A {
   constructor() {
-    super(...arguments), this.highlightDisabled = !1, this.uniformChartScaling = !1, this.shouldForceInteractive = !1, this.supportedViewType = "both", this.unsupportedErrorMessage = "";
+    super(...arguments), this._resettingUnits = !1, this.highlightDisabled = !1, this.uniformChartScaling = !1, this.shouldForceInteractive = !1, this.supportedViewType = "both", this.unsupportedErrorMessage = "";
   }
   get _hasSamples() {
     const { progress: t } = this;
@@ -132,12 +132,13 @@ let n = class extends A {
     return this.disabled || !this.ready ? "disabled" : this._selectingPromise ? "selecting" : this.operationState === "active" ? "creating" : this.analysis.valid ? this.featureIsSelected ? "selected" : "created" : "ready";
   }
   get distanceUnit() {
-    return y(
-      this._userDistanceUnit,
-      this.analysis.displayUnits?.distance,
-      this.distanceUnitOptions,
-      this.defaultMeasurementSystem
-    );
+    return y({
+      userUnit: this._userDistanceUnit,
+      analysisUnit: this.analysis.displayUnits?.distance,
+      options: this.distanceUnitOptions,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.length
+    });
   }
   set distanceUnit(t) {
     this._userDistanceUnit = t;
@@ -149,12 +150,13 @@ let n = class extends A {
     this._userDistanceUnitOptions = t;
   }
   get elevationUnit() {
-    return y(
-      this._userElevationUnit,
-      this.analysis.displayUnits?.elevation,
-      this.elevationUnitOptions,
-      this.defaultMeasurementSystem
-    );
+    return y({
+      userUnit: this._userElevationUnit,
+      analysisUnit: this.analysis.displayUnits?.elevation,
+      options: this.elevationUnitOptions,
+      defaultUnit: this.defaultMeasurementSystem,
+      viewUnit: this.view?.options.displayUnits.verticalLength
+    });
   }
   set elevationUnit(t) {
     this._userElevationUnit = t;
@@ -165,22 +167,36 @@ let n = class extends A {
   set elevationUnitOptions(t) {
     this._userElevationUnitOptions = t;
   }
+  get canResetDistanceUnit() {
+    return this._userDistanceUnit != null || this.analysis.displayUnits.distance != null;
+  }
+  get canResetElevationUnit() {
+    return this._userElevationUnit != null || this.analysis.displayUnits.elevation != null;
+  }
   //#endregion
   //#region Public Methods
+  resetUnit(t) {
+    this._resettingUnits = !0;
+    try {
+      t === "distance" ? this._userDistanceUnit = void 0 : this._userElevationUnit = void 0, this.analysis.displayUnits[t] = null;
+    } finally {
+      this._resettingUnits = !1;
+    }
+  }
   initialize() {
     this.addHandles([
-      p(
+      g(
         () => ({
           analysis: this.analysis,
           unitDistance: this._userDistanceUnit,
           unitElevation: this._userElevationUnit
         }),
         ({ analysis: t, unitDistance: e, unitElevation: i }) => {
-          i && (t.displayUnits.elevation = i), e && (t.displayUnits.distance = e);
+          this._resettingUnits || (i && (t.displayUnits.elevation = i), e && (t.displayUnits.distance = e));
         },
         { sync: !0, initial: !0 }
       ),
-      p(
+      g(
         () => ({
           selectedFeature: this.feature,
           profiles: this.analysis.profiles.toArray()
@@ -188,13 +204,13 @@ let n = class extends A {
         ({ selectedFeature: t, profiles: e }, i) => {
           this._highlightSelectedFeature(this.highlightDisabled ? void 0 : t), this.analysis.viewOptions.geometryVisualizationVisible = !this.highlightDisabled && t == null;
           const r = i?.selectedFeature;
-          e.forEach((s) => {
-            switch (s.type) {
+          e.forEach((n) => {
+            switch (n.type) {
               case "scene":
-                this._excludeSelectedFeatureFromProfile(s, t, r);
+                this._excludeSelectedFeatureFromProfile(n, t, r);
                 break;
               case "input":
-                s.chartOptions.lineVisible = t != null, s.viewOptions.lineVisible = t != null;
+                n.chartOptions.lineVisible = t != null, n.viewOptions.lineVisible = t != null;
                 break;
             }
           });
@@ -207,6 +223,8 @@ let n = class extends A {
     this._removeSelectionHighlight();
   }
   async select() {
+    if (this.interactionDisabled)
+      return;
     const t = this.analysisView;
     if (!t)
       return;
@@ -218,10 +236,12 @@ let n = class extends A {
       },
       clear: !1
     });
-    e.finally(() => {
+    this._selectingPromise = e;
+    try {
+      await v(e);
+    } finally {
       this._selectingPromise === e && (this._selectingPromise = void 0);
-    }), this._selectingPromise = e, await e.catch(() => {
-    });
+    }
   }
   async place(t) {
     await this.analysisView?.place(t);
@@ -231,13 +251,13 @@ let n = class extends A {
   }
   // Should never happen because both 2d and 3d are supported
   constructAnalysis() {
-    return new z();
+    return new P();
   }
   _highlightSelectedFeature(t) {
     this._removeSelectionHighlight();
     const e = this.view;
     !e || !t || (this._selectionHighlightTask = x(
-      async (i) => await T(e, t, { signal: i })
+      async (i) => await R(e, t, { signal: i })
     ));
   }
   _removeSelectionHighlight() {
@@ -251,102 +271,108 @@ let n = class extends A {
 };
 o([
   a()
-], n.prototype, "_userDistanceUnit", 2);
+], s.prototype, "_userDistanceUnit", 2);
 o([
   a()
-], n.prototype, "_userDistanceUnitOptions", 2);
+], s.prototype, "_userDistanceUnitOptions", 2);
 o([
   a()
-], n.prototype, "_userElevationUnit", 2);
+], s.prototype, "_userElevationUnit", 2);
 o([
   a()
-], n.prototype, "_userElevationUnitOptions", 2);
+], s.prototype, "_userElevationUnitOptions", 2);
 o([
   a()
-], n.prototype, "_selectingPromise", 2);
+], s.prototype, "_selectingPromise", 2);
 o([
   a()
-], n.prototype, "_selectedFeature", 2);
+], s.prototype, "_selectedFeature", 2);
 o([
   a()
-], n.prototype, "_selectionHighlightTask", 2);
+], s.prototype, "_selectionHighlightTask", 2);
 o([
   a()
-], n.prototype, "_hasSamples", 1);
+], s.prototype, "_hasSamples", 1);
 o([
   a()
-], n.prototype, "doneButtonAvailable", 1);
+], s.prototype, "doneButtonAvailable", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "effectiveDisplayUnits", 1);
+], s.prototype, "effectiveDisplayUnits", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "errorState", 1);
+], s.prototype, "errorState", 1);
 o([
   a()
-], n.prototype, "feature", 1);
+], s.prototype, "feature", 1);
 o([
   a()
-], n.prototype, "featureIsSelected", 1);
+], s.prototype, "featureIsSelected", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "hasVertices", 1);
+], s.prototype, "hasVertices", 1);
 o([
   a()
-], n.prototype, "highlightDisabled", 2);
+], s.prototype, "highlightDisabled", 2);
 o([
   a()
-], n.prototype, "indicatorRelativePosition", 1);
+], s.prototype, "indicatorRelativePosition", 1);
 o([
   a()
-], n.prototype, "geometry", 1);
+], s.prototype, "geometry", 1);
 o([
   a()
-], n.prototype, "elevationInfo", 1);
+], s.prototype, "elevationInfo", 1);
 o([
   a()
-], n.prototype, "profiles", 1);
+], s.prototype, "profiles", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "progress", 1);
+], s.prototype, "progress", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "results", 1);
+], s.prototype, "results", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "selectButtonAvailable", 1);
+], s.prototype, "selectButtonAvailable", 1);
 o([
   a({ readOnly: !0 })
-], n.prototype, "state", 1);
+], s.prototype, "state", 1);
 o([
   a()
-], n.prototype, "uniformChartScaling", 2);
+], s.prototype, "uniformChartScaling", 2);
 o([
   a()
-], n.prototype, "distanceUnit", 1);
+], s.prototype, "distanceUnit", 1);
 o([
   a()
-], n.prototype, "distanceUnitOptions", 1);
+], s.prototype, "distanceUnitOptions", 1);
 o([
   a()
-], n.prototype, "elevationUnit", 1);
+], s.prototype, "elevationUnit", 1);
 o([
   a()
-], n.prototype, "elevationUnitOptions", 1);
-n = o([
-  E("components.elevation-profile.ElevationProfileViewModel")
-], n);
+], s.prototype, "elevationUnitOptions", 1);
+o([
+  a({ readOnly: !0 })
+], s.prototype, "canResetDistanceUnit", 1);
+o([
+  a({ readOnly: !0 })
+], s.prototype, "canResetElevationUnit", 1);
+s = o([
+  z("components.elevation-profile.ElevationProfileViewModel")
+], s);
 function b(t) {
   const e = t?.filter((i) => w.includes(i));
   return e && e.length > 0 ? e : w.slice();
 }
-const K = V(n);
-class Q extends O {
+const K = E(s);
+class Q extends B {
   constructor() {
-    super(...arguments), this.viewModel = K(this), this._messages = D(), this._chartInitializationTask = M(void 0), this._hideZoomOutButton = !0, this._hasSettingsStartContent = !1, this._hasSettingsEndContent = !1, this.analysis = this.viewModel.analysis, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.effectiveDisplayUnits = this.viewModel.effectiveDisplayUnits, this.feature = this.viewModel.feature, this.hideChart = !1, this.hideChartGridLines = !1, this.hideChartAxisLabels = !1, this.hideClearButton = !1, this.hideLegend = !1, this.hideSelectButton = !1, this.hideSettingsButton = !1, this.hideStartButton = !1, this.hideUniformChartScalingToggle = !1, this.hideDistanceDisplayUnitSelect = !1, this.hideElevationDisplayUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.highlightDisabled = this.viewModel.highlightDisabled, this.icon = "altitude", this.indicatorRelativePosition = this.viewModel.indicatorRelativePosition, this.geometry = this.viewModel.geometry, this.elevationInfo = this.viewModel.elevationInfo, this.profiles = this.viewModel.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.distanceUnit = this.viewModel.distanceUnit, this.distanceUnitOptions = this.viewModel.distanceUnitOptions, this.elevationUnit = this.viewModel.elevationUnit, this.elevationUnitOptions = this.viewModel.elevationUnitOptions, this.arcgisPropertyChange = $()("analysis", "effectiveDisplayUnits", "elevationInfo", "feature", "geometry", "indicatorRelativePosition", "progress", "state"), this.arcgisReady = B();
+    super(...arguments), this.viewModel = K(this), this._messages = $(), this._chartInitializationTask = M(void 0), this._hideZoomOutButton = !0, this._hasSettingsStartContent = !1, this._hasSettingsEndContent = !1, this.analysis = this.viewModel.analysis, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.effectiveDisplayUnits = this.viewModel.effectiveDisplayUnits, this.feature = this.viewModel.feature, this.hideChart = !1, this.hideChartGridLines = !1, this.hideChartAxisLabels = !1, this.hideClearButton = !1, this.hideLegend = !1, this.hideSelectButton = !1, this.hideSettingsButton = !1, this.hideResetUnitsButton = !1, this.hideStartButton = !1, this.hideUniformChartScalingToggle = !1, this.hideDistanceDisplayUnitSelect = !1, this.hideElevationDisplayUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.highlightDisabled = this.viewModel.highlightDisabled, this.icon = "altitude", this.indicatorRelativePosition = this.viewModel.indicatorRelativePosition, this.interactionDisabled = this.viewModel.interactionDisabled, this.geometry = this.viewModel.geometry, this.elevationInfo = this.viewModel.elevationInfo, this.profiles = this.viewModel.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.distanceUnit = this.viewModel.distanceUnit, this.distanceUnitOptions = this.viewModel.distanceUnitOptions, this.elevationUnit = this.viewModel.elevationUnit, this.elevationUnitOptions = this.viewModel.elevationUnitOptions, this.arcgisPropertyChange = D()("analysis", "effectiveDisplayUnits", "elevationInfo", "feature", "geometry", "indicatorRelativePosition", "interactionDisabled", "progress", "state"), this.arcgisReady = O();
   }
   static {
-    this.properties = { _hideZoomOutButton: 16, _chartContainer: 16, _hasSettingsStartContent: 16, _hasSettingsEndContent: 16, analysis: 0, view: 0, autoDestroyDisabled: 5, effectiveDisplayUnits: 32, feature: 0, hideChart: 5, hideChartGridLines: 5, hideChartAxisLabels: 5, hideClearButton: 5, hideLegend: 5, hideSelectButton: 5, hideSettingsButton: 5, hideStartButton: 5, hideUniformChartScalingToggle: 5, hideDistanceDisplayUnitSelect: 5, hideElevationDisplayUnitSelect: 5, hideVisualization: 5, highlightDisabled: 5, icon: 3, indicatorRelativePosition: 40, geometry: 0, elevationInfo: 0, label: 1, messageOverrides: 0, referenceElement: 1, profiles: 0, progress: 40, state: 32, uniformChartScaling: 5, distanceUnit: 1, distanceUnitOptions: 0, elevationUnit: 1, elevationUnitOptions: 0 };
+    this.properties = { _hideZoomOutButton: 16, _chartContainer: 16, _hasSettingsStartContent: 16, _hasSettingsEndContent: 16, analysis: 0, view: 0, autoDestroyDisabled: 5, effectiveDisplayUnits: 32, feature: 0, hideChart: 5, hideChartGridLines: 5, hideChartAxisLabels: 5, hideClearButton: 5, hideLegend: 5, hideSelectButton: 5, hideSettingsButton: 5, hideResetUnitsButton: 5, hideStartButton: 5, hideUniformChartScalingToggle: 5, hideDistanceDisplayUnitSelect: 5, hideElevationDisplayUnitSelect: 5, hideVisualization: 5, highlightDisabled: 5, icon: 3, indicatorRelativePosition: 40, interactionDisabled: 5, geometry: 0, elevationInfo: 0, label: 1, messageOverrides: 0, referenceElement: 1, profiles: 0, progress: 40, state: 32, uniformChartScaling: 5, distanceUnit: 1, distanceUnitOptions: 0, elevationUnit: 1, elevationUnitOptions: 0 };
   }
   static {
     this.styles = I;
@@ -364,17 +390,17 @@ class Q extends O {
     await this.manager.destroy();
   }
   async select() {
-    m(this.viewModel.select());
+    v(this.viewModel.select());
   }
   async start() {
-    m(this.viewModel.start());
+    v(this.viewModel.start());
   }
   async stop() {
     this.viewModel.stop();
   }
   load() {
     this.manager.onLifecycle(() => [
-      p(() => ({ container: this._chartContainer }), ({ container: e }) => {
+      g(() => ({ container: this._chartContainer }), ({ container: e }) => {
         this._destroyChart(), e && (this._chartInitializationTask.value = x(async (i) => await k({
           view: this.viewModel.view,
           analysisView: this.viewModel.analysisView,
@@ -382,24 +408,24 @@ class Q extends O {
           messages: this._messages,
           signal: i,
           uniformScaling: this.viewModel.uniformChartScaling,
-          onRangeChange: (r, s) => {
-            this._hideZoomOutButton = r === 1 && s === 1;
+          onRangeChange: (r, n) => {
+            this._hideZoomOutButton = r === 1 && n === 1;
           },
-          onCursorPositionChange: (r, s) => {
+          onCursorPositionChange: (r, n) => {
             const { analysisView: l } = this.viewModel;
             l && (l.indicatorRelativePosition = r);
           }
         })));
       }, { sync: !0, initial: !0 }),
-      p(() => ({
+      g(() => ({
         chart: this._chart,
         view: this.viewModel.view,
         analysisView: this.viewModel.analysisView,
         uniformScaling: this.viewModel.uniformChartScaling,
         hideGridLines: this.hideChartGridLines,
         hideLabels: this.hideChartAxisLabels
-      }), ({ chart: e, view: i, analysisView: r, uniformScaling: s }) => {
-        e && (e.view = i, e.analysisView = r, e.uniformScaling = s, e.hideGridLines = this.hideChartGridLines, e.hideAxisLabels = this.hideChartAxisLabels);
+      }), ({ chart: e, view: i, analysisView: r, uniformScaling: n }) => {
+        e && (e.view = i, e.analysisView = r, e.uniformScaling = n, e.hideGridLines = this.hideChartGridLines, e.hideAxisLabels = this.hideChartAxisLabels);
       }, { sync: !0, initial: !0 }),
       // Make sure to destroy the chart when the component is disconnected.
       { remove: () => this._destroyChart() }
@@ -429,7 +455,7 @@ class Q extends O {
     this._chartContainer = e;
   }
   render() {
-    return c`<div aria-label=${this._messages.componentLabel ?? u} class=${v({
+    return c`<div aria-label=${this._messages.componentLabel ?? u} class=${m({
       root: !0,
       [f.widget]: !0,
       [f.widgetDisabled]: this.viewModel.state === "disabled",
@@ -453,9 +479,9 @@ class Q extends O {
     }
   }
   _renderContentForReadyState() {
-    const { _messages: e, hideSelectButton: i, hideStartButton: r } = this, { selectButtonAvailable: s } = this.viewModel, l = !i && s;
+    const { _messages: e, hideSelectButton: i, hideStartButton: r } = this, { selectButtonAvailable: n } = this.viewModel, l = !i && n;
     let d;
-    return !r && l ? d = e.readyPrompt : r ? l ? d = e.readyPromptSelectOnly : d = e.errors?.noProfile : d = e.readyPromptCreateOnly, this._renderContent({ prompt: d, chart: !1, actions: g });
+    return !r && l ? d = e.readyPrompt : r ? l ? d = e.readyPromptSelectOnly : d = e.errors?.noProfile : d = e.readyPromptCreateOnly, this._renderContent({ prompt: d, chart: !1, actions: p });
   }
   _renderContentForSelectingState() {
     const { view: e } = this.viewModel;
@@ -481,16 +507,16 @@ class Q extends O {
         prompt: l
       });
     }
-    const s = this._getErrorMessage();
-    return s ? this._renderContent({ chart: !1, actions: r, prompt: s }) : this._renderContent({ chart: !0, actions: r });
+    const n = this._getErrorMessage();
+    return n ? this._renderContent({ chart: !1, actions: r, prompt: n }) : this._renderContent({ chart: !0, actions: r });
   }
   _renderContentForSelectedState() {
     const e = this._getErrorMessage();
-    return e ? this._renderContent({ chart: !1, actions: g, prompt: e }) : this._renderContent({ chart: !0, actions: g });
+    return e ? this._renderContent({ chart: !1, actions: p, prompt: e }) : this._renderContent({ chart: !0, actions: p });
   }
   _renderContentForCreatedState() {
     const e = this._getErrorMessage();
-    return e ? this._renderContent({ chart: !1, actions: g, prompt: e }) : this._renderContent({ chart: !0, actions: g });
+    return e ? this._renderContent({ chart: !1, actions: p, prompt: e }) : this._renderContent({ chart: !0, actions: p });
   }
   _renderContent(e) {
     const { viewModel: i } = this, r = i.geometry != null;
@@ -516,7 +542,7 @@ class Q extends O {
   }
   _renderSpinner(e) {
     const i = e.size === "small", r = e.visible ?? !0;
-    return c`<calcite-loader class=${v({
+    return c`<calcite-loader class=${m({
       spinner: !0,
       small: i,
       visible: r
@@ -530,7 +556,7 @@ class Q extends O {
     return c`<arcgis-elevation-profile-legend .effectiveDisplayUnits=${this.viewModel.effectiveDisplayUnits} .featureSelected=${this.viewModel.featureIsSelected} .messages=${this._messages} .profiles=${this.profiles} .results=${this.viewModel.results}></arcgis-elevation-profile-legend>`;
   }
   _renderSettingsButton() {
-    return c`<arcgis-elevation-profile-settings .hasCustomStartContent=${this._hasSettingsStartContent} .hasCustomEndContent=${this._hasSettingsEndContent} .viewModel=${this.viewModel} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideDistanceDisplayUnitSelect=${this.hideDistanceDisplayUnitSelect} .hideElevationDisplayUnitSelect=${this.hideElevationDisplayUnitSelect} .messages=${this._messages} .messageOverrides=${this.messageOverrides} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.distanceUnitOptions} .unitOptionsElevation=${this.viewModel.elevationUnitOptions} @arcgisElevationProfileSettingsUniformChartScalingChange=${(e) => {
+    return c`<arcgis-elevation-profile-settings .hasCustomStartContent=${this._hasSettingsStartContent} .hasCustomEndContent=${this._hasSettingsEndContent} .viewModel=${this.viewModel} .hideUniformChartScalingToggle=${this.hideUniformChartScalingToggle} .hideDistanceDisplayUnitSelect=${this.hideDistanceDisplayUnitSelect} .hideElevationDisplayUnitSelect=${this.hideElevationDisplayUnitSelect} .hideResetUnitsButton=${this.hideResetUnitsButton} .messages=${this._messages} .messageOverrides=${this.messageOverrides} .uniformChartScaling=${this.viewModel.uniformChartScaling} .unitOptionsDistance=${this.viewModel.distanceUnitOptions} .unitOptionsElevation=${this.viewModel.elevationUnitOptions} @arcgisElevationProfileSettingsUniformChartScalingChange=${(e) => {
       this.viewModel.uniformChartScaling = e.detail;
     }}><slot name=settings-start slot=settings-start @slotchange=${(e) => {
       this._hasSettingsStartContent = _(e);
@@ -539,11 +565,11 @@ class Q extends O {
     }}></slot></arcgis-elevation-profile-settings>`;
   }
   _renderActions({ actions: e }) {
-    const i = this._messages, r = e.map((s) => {
-      switch (s.type) {
+    const i = this._messages, r = e.map((n) => {
+      switch (n.type) {
         case "sketch":
           return h({ hidden: this.hideStartButton, children: this._renderAction({
-            action: s,
+            action: n,
             label: i.sketchButtonLabel,
             primary: !0,
             onClick: () => {
@@ -552,21 +578,21 @@ class Q extends O {
           }) });
         case "sketch-cancel":
           return h({ hidden: this.hideStartButton, children: this._renderAction({
-            action: s,
+            action: n,
             label: i.cancelButtonLabel,
             primary: !1,
             onClick: this._onCancelButtonClick
           }) });
         case "sketch-done":
           return h({ hidden: this.hideStartButton, children: this._renderAction({
-            action: s,
+            action: n,
             label: i.doneButtonLabel,
             primary: !0,
             onClick: this._onDoneButtonClick
           }) });
         case "select":
           return h({ hidden: !this._selectButtonVisible, children: this._renderAction({
-            action: s,
+            action: n,
             label: i.selectButtonLabel,
             primary: !1,
             onClick: () => {
@@ -575,7 +601,7 @@ class Q extends O {
           }) });
         case "select-cancel":
           return h({ hidden: !this._selectButtonVisible, children: this._renderAction({
-            action: s,
+            action: n,
             label: i.cancelButtonLabel,
             primary: !1,
             onClick: this._onCancelButtonClick
@@ -586,14 +612,14 @@ class Q extends O {
     }).filter(Boolean);
     return r.length ? c`<footer class="actions">${r}</footer>` : void 0;
   }
-  _renderAction({ action: e, label: i, onClick: r, primary: s }) {
-    return c`<calcite-button .appearance=${s ? "solid" : "outline-fill"} class="action-button" .disabled=${e.disabled || void 0} @click=${r}>${i}</calcite-button>`;
+  _renderAction({ action: e, label: i, onClick: r, primary: n }) {
+    return c`<calcite-button .appearance=${n ? "solid" : "outline-fill"} class="action-button" .disabled=${e.disabled || this.interactionDisabled && (e.type === "sketch" || e.type === "select")} @click=${r}>${i}</calcite-button>`;
   }
 }
 function h(t) {
   return t.hidden ? void 0 : t.children;
 }
-const g = [{ type: "select" }, { type: "sketch" }], W = {
+const p = [{ type: "select" }, { type: "sketch" }], W = {
   none: void 0,
   "no-valid-input": "noProfile",
   "no-available-profiles": "noProfile",