@arcgis/map-components 5.2.0-next.12 → 5.2.0-next.120

package/dist/components/arcgis-aggregated-features/customElement.js

@@ -1,22 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
-import { css as m, html as n } from "lit";
-import "@arcgis/core/core/Collection.js";
-import F from "@arcgis/core/popup/Feature.js";
-import _ from "@arcgis/core/Graphic.js";
+import { c } from "../../chunks/runtime.js";
+import { css as m, html as o } from "lit";
+import F from "@arcgis/core/popup/FeatureContent.js";
+import p from "@arcgis/core/Graphic.js";
 import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
-import { LitElement as A, renderElement as p } from "@arcgis/lumina";
-import { a as w } from "../../chunks/maybe.js";
-import { usePropertyChange as f, bypassReadOnly as d } from "@arcgis/lumina/controllers";
-import { getDisplayedSymbol as I } from "@arcgis/core/symbols/support/symbolUtils.js";
-import { g as v } from "../../chunks/feature-utils.js";
-import { i as b } from "../../chunks/async-utils.js";
-import { stripHTML as S } from "@arcgis/core/applications/Components/stringUtils.js";
-import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as _, renderElement as A } from "@arcgis/lumina";
+import { a as f } from "../../chunks/maybe.js";
+import { usePropertyChange as w, bypassReadOnly as d } from "@arcgis/lumina/controllers";
+import { getDisplayedSymbol as C } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { g as I } from "../../chunks/feature-utils.js";
+import { i as v } from "../../chunks/async-utils.js";
+import { stripHTML as b } from "@arcgis/core/applications/Components/stringUtils.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
 const x = m`calcite-notice{padding:var(--calcite-space-lg)}`;
-class C extends A {
+class $ extends _ {
   constructor() {
-    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new _({
+    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.chartAnimationDisabled = !1, this.defaultPopupTemplateEnabled = !1, this.headingLevel = 2, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new p({
       symbol: new y({
         outline: {
           width: 1.5,
@@ -24,10 +23,10 @@ class C extends A {
         },
         style: "none"
       })
-    }), this.arcgisPropertyChange = f()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
+    }), this.arcgisPropertyChange = w()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
   }
   static {
-    this.properties = { _abortController: 16, aggregatedFeatureCount: 32, selectedAggregatedFeatureIndex: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
+    this.properties = { _abortController: 16, aggregatedFeatureCount: 32, selectedAggregatedFeatureIndex: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, chartAnimationDisabled: 5, defaultPopupTemplateEnabled: 5, headingLevel: 9, location: 0, messageOverrides: 0, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
     this.styles = x;
@@ -43,13 +42,13 @@ class C extends A {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      l(() => [this.feature, this.view], () => {
+      h(() => [this.feature, this.view], () => {
         this._updateAggregatedFeatures();
       }, { initial: !0 }),
-      l(() => this._getAggregatedFeatureItemsHeadingSignature(), () => this.requestUpdate()),
-      l(() => this.flowItems?.length, () => {
-        const { flowItems: e } = this, r = e?.getItemAt((e.length ?? 0) - 1)?.graphic ?? void 0;
-        this._setSelectedAggregatedFeatureIndex(r ? this.aggregatedFeatures.indexOf(r) : -1), this._removeSelectedAggregatedFeature(), r && this._aggregatedGraphicsSet.has(r) && this._addSelectedAggregatedFeature(r);
+      h(() => this._getAggregatedFeatureItemsHeadingSignature(), () => this.requestUpdate()),
+      h(() => this.flowItems?.length, () => {
+        const { flowItems: e } = this, a = e?.getItemAt((e.length ?? 0) - 1)?.graphic ?? void 0;
+        this._setSelectedAggregatedFeatureIndex(a ? this.aggregatedFeatures.indexOf(a) : -1), this._removeSelectedAggregatedFeature(), a && this._aggregatedGraphicsSet.has(a) && this._addSelectedAggregatedFeature(a);
       })
     ]);
   }
@@ -80,7 +79,7 @@ class C extends A {
     d(() => this.loading = e);
   }
   _cancelQuery() {
-    this._abortController = w(this._abortController), this._setLoading(!1);
+    this._abortController = f(this._abortController), this._setLoading(!1);
   }
   _removeBoundaryGraphicFromView(e) {
     e?.graphics.remove(this.selectedAggregateBoundaryFeature);
@@ -101,22 +100,22 @@ class C extends A {
     this._removeBoundaryGraphicFromView(this._boundaryGraphicView), this.selectedAggregateBoundaryFeature.geometry = null, this._boundaryGraphicView = void 0;
   }
   _updateAggregateBoundaryFeature(e) {
-    const { view: t } = this, r = this._boundaryGraphicView;
+    const { view: t } = this, a = this._boundaryGraphicView;
     if (!t) {
       this._removeAggregateBoundaryFeature();
       return;
     }
-    r !== t && this._removeBoundaryGraphicFromView(r), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
+    a !== t && this._removeBoundaryGraphicFromView(a), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
   }
   async _getLayerViewAndQuery(e) {
-    const { view: t } = this, r = v(e);
-    if (!t || !r)
+    const { view: t } = this, a = I(e);
+    if (!t || !a)
       return null;
-    const a = await t.whenLayerView(r);
-    if (!a?.createQuery || !a?.queryFeatures || !a?.queryExtent)
+    const r = await t.whenLayerView(a);
+    if (!r?.createQuery || !r?.queryFeatures || !r?.queryExtent)
       return null;
-    const g = a.createQuery(), i = e.getObjectId();
-    return g.aggregateIds = i != null ? [i] : [], [a, g];
+    const i = r.createQuery(), g = e.getObjectId();
+    return i.aggregateIds = g != null ? [g] : [], [r, i];
   }
   async _updateAggregatedFeatures() {
     this._cancelQuery();
@@ -130,20 +129,20 @@ class C extends A {
       this._resetAggregatedFeaturesState();
       return;
     }
-    const [r, s] = t, a = new AbortController();
-    this._abortController = a, this._setLoading(!0);
+    const [a, s] = t, r = new AbortController();
+    this._abortController = r, this._setLoading(!0);
     try {
-      const [g, i] = await Promise.all([
-        r.queryFeatures(s, { signal: a.signal }),
-        r.queryExtent(s, { signal: a.signal })
+      const [i, g] = await Promise.all([
+        a.queryFeatures(s, { signal: r.signal }),
+        a.queryExtent(s, { signal: r.signal })
       ]);
-      if (this._abortController !== a || a.signal.aborted)
+      if (this._abortController !== r || r.signal.aborted)
         return;
       this._abortController = null, this._setLoading(!1);
-      const o = g.features ?? [];
-      this._setAggregatedFeaturesState(o), i.extent ? this._updateAggregateBoundaryFeature(i.extent) : this._removeAggregateBoundaryFeature();
-    } catch (g) {
-      if (this._abortController !== a || (this._abortController = null, this._setLoading(!1), b(g)))
+      const n = i.features ?? [];
+      this._setAggregatedFeaturesState(n), g.extent ? this._updateAggregateBoundaryFeature(g.extent) : this._removeAggregateBoundaryFeature();
+    } catch (i) {
+      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), v(i)))
         return;
       this._resetAggregatedFeaturesState();
     }
@@ -154,47 +153,47 @@ class C extends A {
   async _addSelectedAggregatedFeature(e) {
     const { view: t } = this;
     if (e && t) {
-      const r = await I(e), s = e.clone();
-      s.symbol = r, this._selectedAggregatedFeature = s, t.graphics.add(this._selectedAggregatedFeature);
+      const a = await C(e), s = e.clone();
+      s.symbol = a, this._selectedAggregatedFeature = s, t.graphics.add(this._selectedAggregatedFeature);
     }
   }
   _removeSelectedAggregatedFeature() {
     this._selectedAggregatedFeature && this.view && (this.view.graphics.remove(this._selectedAggregatedFeature), this._selectedAggregatedFeature = void 0);
   }
   async _selectFeature(e) {
-    const { flowItems: t, view: r } = this;
-    t && this._addFlowItem(p(n`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${r ?? void 0}></arcgis-feature-next>`));
+    const { flowItems: t, view: a } = this;
+    t && this._addFlowItem(A(o`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${t} .graphic=${e.graphic} .headingLevel=${this.headingLevel} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} .hideHeading=${this.hideHeading} .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} .showRelationshipContent=${this.showRelationshipContent} .showUtilityNetworkContent=${this.showUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a ?? void 0}></arcgis-feature-next>`));
   }
   async _selectRelativeAggregatedFeature(e) {
-    const { aggregatedFeatures: t, aggregatedFeatureItems: r, flowItems: s } = this;
-    if (!s || t.length === 0 || r.length === 0)
+    const { aggregatedFeatures: t, aggregatedFeatureItems: a, flowItems: s } = this;
+    if (!s || t.length === 0 || a.length === 0)
       return;
-    const a = t.length;
-    let g = this.selectedAggregatedFeatureIndex >= 0 && this.selectedAggregatedFeatureIndex < a ? this.selectedAggregatedFeatureIndex : -1;
-    if (g === -1) {
+    const r = t.length;
+    let i = this.selectedAggregatedFeatureIndex >= 0 && this.selectedAggregatedFeatureIndex < r ? this.selectedAggregatedFeatureIndex : -1;
+    if (i === -1) {
       const u = s.getItemAt(s.length - 1)?.graphic;
-      g = u ? t.indexOf(u) : -1;
+      i = u ? t.indexOf(u) : -1;
     }
-    const i = g === -1 ? e > 0 ? 0 : a - 1 : (g + e + a) % a, o = r[i];
-    if (!o?.graphic)
+    const g = i === -1 ? e > 0 ? 0 : r - 1 : (i + e + r) % r, n = a[g];
+    if (!n?.graphic)
       return;
-    this._setSelectedAggregatedFeatureIndex(i);
-    const c = s.getItemAt(s.length - 1);
-    if (c?.flowType === "feature") {
-      c.graphic = o.graphic, this._removeSelectedAggregatedFeature(), await this._addSelectedAggregatedFeature(o.graphic);
+    this._setSelectedAggregatedFeatureIndex(g);
+    const l = s.getItemAt(s.length - 1);
+    if (l?.flowType === "feature") {
+      l.graphic = n.graphic, this._removeSelectedAggregatedFeature(), await this._addSelectedAggregatedFeature(n.graphic);
       return;
     }
-    await this._selectFeature(o);
+    await this._selectFeature(n);
   }
   _renderChevronIconNode() {
-    return n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
+    return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   render() {
     const { _renderableAggregatedFeatureItems: e } = this, { loading: t } = this;
-    return t || e.length > 0 ? n`<calcite-list .loading=${t} display-mode=flat .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => n`<calcite-list-item .label=${s.heading ? S(s.heading) : void 0} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : n`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
+    return t || e.length > 0 ? o`<calcite-list .loading=${t} display-mode=flat .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => o`<calcite-list-item .label=${s.heading ? b(s.heading) : void 0} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : o`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
   }
 }
-h("arcgis-aggregated-features", C);
+c("arcgis-aggregated-features", $);
 export {
-  C as ArcgisAggregatedFeatures
+  $ as ArcgisAggregatedFeatures
 };

package/dist/components/arcgis-area-measurement-2d/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
 import type AreaMeasurementAnalysis from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
-import type SnappingOptions from "@arcgis/core/views/interactive/snapping/SnappingOptions.js";
+import type SnappingOptions from "@arcgis/core/views/interactive/options/SnappingOptions.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { AreaMeasurement2DState } from "./types.js";
@@ -63,10 +63,10 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    *   geometry: new Polygon({
    *     rings: [
    *       [
-   *         [-80.208889, 25.775278], // Maimi, Florida
+   *         [-80.208889, 25.775278], // Miami, Florida
    *         [-64.782, 32.293],       // Hamilton, Bermuda
    *         [-66.063889, 18.406389], // San Juan, Puerto Rico
-   *         [-80.208889, 25.775278], // Maimi, Florida
+   *         [-80.208889, 25.775278], // Miami, Florida
    *       ],
    *     ],
    *  }),
@@ -94,6 +94,15 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-area-measurement-2d auto-destroy-disabled></arcgis-area-measurement-2d>
+   * ```
+   *
+   * ```js
+   * areaMeasurement-2dElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -125,11 +134,41 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
    */
   accessor icon: Icon["icon"] | 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;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      area?: string | undefined;
+      aria?: { label?: string | undefined; } | undefined;
+      componentLabel?: string | undefined;
+      hint?: string | undefined;
+      mode?: string | undefined;
+      modes?: {
+          auto?: string | undefined;
+          planar?: string | undefined;
+          geodesic?: string | undefined;
+      } | undefined;
+      newMeasurement?: string | undefined;
+      perimeter?: string | undefined;
+      unit?: string | undefined;
+      unsupported?: string | undefined;
+  };
   /** @internal */
   protected messages: {
       area: string;
+      aria: { label: string; };
       componentLabel: string;
       hint: string;
       mode: string;
@@ -144,6 +183,7 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
       unsupported: string;
   } & T9nMeta<{
       area: string;
+      aria: { label: string; };
       componentLabel: string;
       hint: string;
       mode: string;
@@ -164,7 +204,7 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/snapping/SnappingOptions/) for measuring.
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for measuring.
    *
    * @since 4.28
    */
@@ -179,7 +219,7 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    */
   get state(): AreaMeasurement2DState;
   /**
-   * Unit system (imperial, metric) or specific unit used for displaying the distance values. Possible values are listed in
+   * Unit system (imperial, metric) or specific unit used for displaying the area values. Possible values are listed in
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions).
    */
   accessor unit: SystemOrAreaUnit;
@@ -190,8 +230,8 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    */
   accessor unitOptions: Array<SystemOrAreaUnit>;
   /**
-   * The view associated with the component. 
-   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-area-measurement-2d component will be associated with a map or scene component rather than using the `view` property.
+   * The view associated with the component.
+   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-area-measurement-2d component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapView | undefined;
   /** Clears the current measurement. */
@@ -201,8 +241,8 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
   /** Starts a new measurement. */
   start(): 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" | "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" | "interactionDisabled" | "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: ArcgisAreaMeasurement2d["arcgisPropertyChange"]["detail"];

package/dist/components/arcgis-area-measurement-2d/customElement.js

@@ -1,26 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 import { css as v, html as c } from "lit";
-import { LitElement as b, createEvent as x, nothing as y, safeClassMap as M } from "@arcgis/lumina";
-import { usePropertyChange as k } from "@arcgis/lumina/controllers";
+import { LitElement as b, createEvent as x, safeClassMap as y } from "@arcgis/lumina";
+import { usePropertyChange as M } from "@arcgis/lumina/controllers";
 import { u as O } from "../../chunks/useT9n.js";
-import { m as z } from "../../chunks/useViewModel.js";
-import { b as V } from "../../chunks/async-utils.js";
+import { m as k } from "../../chunks/useViewModel.js";
+import { t as z, a as V } from "../../chunks/async-utils.js";
 import { g as p } from "../../chunks/globalCss.js";
 import { V as g } from "../../chunks/visible-element.js";
-import S from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
-import { property as n, subclass as $ } from "@arcgis/core/core/accessorSupport/decorators.js";
+import D from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
+import { property as n, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import _ from "@arcgis/core/views/interactive/snapping/SnappingOptions.js";
-import { A as U } from "../../chunks/AnalysisViewModel.js";
-import { g as A, a as C, b as m, r as E, m as h, c as D } from "../../chunks/measurementUtils.js";
+import _ from "@arcgis/core/views/interactive/options/SnappingOptions.js";
+import { A as $ } from "../../chunks/AnalysisViewModel.js";
+import { g as A, a as U, b as m, r as C, m as h, c as E } from "../../chunks/measurementUtils.js";
 const j = v`.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}.esri-unit-select{width:100%}.esri-unit-select__label{--calcite-label-margin-bottom: 0;width:100%}:host{display:block}.esri-measurement-widget-content{padding:var(--arcgis-internal-padding);flex-direction:column;gap:var(--calcite-spacing-xxl);display:flex;position:relative;overflow-y:auto}.esri-measurement-widget-content__error{color:var(--calcite-color-status-danger)}.esri-measurement-widget-content__error,.esri-measurement-widget-content__hint{overflow:hidden}.esri-measurement-widget-content__error p,.esri-measurement-widget-content__hint p{margin:0;padding:0}.esri-measurement-widget-content__hint,.esri-measurement-widget-content__error,.esri-measurement-widget-content__measurement,.esri-measurement-widget-content__measurement-item{flex-direction:column;gap:var(--calcite-spacing-md);animation:.25s ease-in-out esri-fade-in;display:flex}.esri-measurement-widget-content__measurement-item--disabled{color:var(--calcite-color-border-ghost)}.esri-measurement-widget-content__measurement-item__value{font-weight:var(--calcite-font-weight-semibold)}.esri-measurement-widget-content__actions{flex-direction:column;justify-content:center;gap:var(--calcite-spacing-xs);display:flex}:host{.esri-widget--panel{min-width:0}}`;
-var P = Object.defineProperty, L = Object.getOwnPropertyDescriptor, o = (t, e, l, s) => {
-  for (var i = s > 1 ? void 0 : s ? L(e, l) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (i = (s ? d(e, l, i) : d(i)) || i);
-  return s && i && P(e, l, i), i;
+var P = Object.defineProperty, L = Object.getOwnPropertyDescriptor, s = (t, e, l, a) => {
+  for (var i = a > 1 ? void 0 : a ? L(e, l) : e, o = t.length - 1, d; o >= 0; o--)
+    (d = t[o]) && (i = (a ? d(e, l, i) : d(i)) || i);
+  return a && i && P(e, l, i), i;
 };
-let r = class extends U {
+let r = class extends $ {
   constructor() {
     super(...arguments), this.snappingOptions = new _(), this.supportedViewType = "2d", this.unsupportedErrorMessage = "The Area Measurement 2D component is only supported in 2D views.", this.shouldForceInteractive = !1;
   }
@@ -49,11 +49,11 @@ let r = class extends U {
     ]);
   }
   get state() {
-    const { analysis: t, disabled: e, operationState: l, ready: s, supported: i } = this, { valid: a } = t;
-    return A({ supported: i, disabled: e, ready: s, operationState: l, valid: a });
+    const { analysis: t, disabled: e, operationState: l, ready: a, supported: i } = this, { valid: o } = t;
+    return A({ supported: i, disabled: e, ready: a, operationState: l, valid: o });
   }
   get displayState() {
-    return C(this.state, !!this.analysis.geometry);
+    return U(this.state, !!this.analysis.geometry);
   }
   get measurement() {
     return {
@@ -63,61 +63,62 @@ let r = class extends U {
     };
   }
   get unitOptions() {
-    return E(this._userUnitOptions, h, h);
+    return C(this._userUnitOptions, h, h);
   }
   set unitOptions(t) {
     this._userUnitOptions = t;
   }
   get unit() {
-    return D(this._userUnit, this.analysis.unit, this.unitOptions, this.defaultMeasurementSystem);
+    return E(this._userUnit, this.analysis.unit, this.unitOptions, this.defaultMeasurementSystem);
   }
   set unit(t) {
     this._userUnit = t;
   }
   async place(t) {
-    this.analysisView && (await this.analysisView.place(t), this.analysisView.interactive = !0);
+    const e = this.analysisView;
+    e && (await e.place(t), z(t?.signal), e === this.analysisView && !this.interactionDisabled && (e.interactive = !0));
   }
   clearAnalysis() {
     this.analysis.geometry = null;
   }
   constructAnalysis() {
-    return new S();
+    return new D();
   }
 };
-o([
+s([
   n({ readOnly: !0 })
 ], r.prototype, "state", 1);
-o([
+s([
   n({ readOnly: !0 })
 ], r.prototype, "displayState", 1);
-o([
+s([
   n()
 ], r.prototype, "measurement", 1);
-o([
+s([
   n({ type: _ })
 ], r.prototype, "snappingOptions", 2);
-o([
+s([
   n()
 ], r.prototype, "unitOptions", 1);
-o([
+s([
   n()
 ], r.prototype, "_userUnitOptions", 2);
-o([
+s([
   n()
 ], r.prototype, "unit", 1);
-o([
+s([
   n()
 ], r.prototype, "_userUnit", 2);
-r = o([
-  $("components.area-measurement-2d.AreaMeasurement2dViewModel")
+r = s([
+  S("components.area-measurement-2d.AreaMeasurement2dViewModel")
 ], r);
-const B = z(r);
+const B = k(r);
 class T extends b {
   constructor() {
-    super(...arguments), this.viewModel = B(this), this.messages = O({ name: "area-measurement-2d", blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.hideStartButton = !1, this.hideUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.icon = "measure-area", this.snappingOptions = this.viewModel.snappingOptions, this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = k()("analysis", "state"), this.arcgisReady = x();
+    super(...arguments), this.viewModel = B(this), this.messages = O({ name: "area-measurement-2d", blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.hideStartButton = !1, this.hideUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.icon = "measure-area", this.interactionDisabled = this.viewModel.interactionDisabled, this.snappingOptions = this.viewModel.snappingOptions, this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "interactionDisabled", "state"), this.arcgisReady = x();
   }
   static {
-    this.properties = { view: 0, analysis: 0, autoDestroyDisabled: 5, hideStartButton: 5, hideUnitSelect: 5, hideVisualization: 5, icon: 3, label: 1, referenceElement: 1, snappingOptions: 0, state: 32, unit: 1, unitOptions: 0 };
+    this.properties = { view: 0, analysis: 0, autoDestroyDisabled: 5, hideStartButton: 5, hideUnitSelect: 5, hideVisualization: 5, icon: 3, interactionDisabled: 5, label: 1, messageOverrides: 0, referenceElement: 1, snappingOptions: 0, state: 32, unit: 1, unitOptions: 0 };
   }
   static {
     this.styles = j;
@@ -132,22 +133,22 @@ class T extends b {
     V(this.viewModel.start());
   }
   render() {
-    const { messages: e, unit: l, unitOptions: s, viewModel: i } = this, { measurement: a, state: d } = i;
-    return c`<div aria-label=${e.componentLabel ?? y} class=${M({
+    const { messages: e, unit: l, unitOptions: a, viewModel: i } = this, { measurement: o, state: d } = i;
+    return c`<div .ariaLabel=${e.aria.label} class=${y({
       [p.widget]: !0,
       [p.panel]: !0
-    })} role=presentation><arcgis-measurement-content .state=${i.displayState} .hintLabel=${e.hint} .unsupportedLabel=${e.unsupported} .items=${[
+    })} aria-live=polite role=region><arcgis-measurement-content .state=${i.displayState} .hintLabel=${e.hint} .unsupportedLabel=${e.unsupported} .items=${[
       {
         title: e.area,
-        measurement: a.area
+        measurement: o.area
       },
       {
         title: e.perimeter,
-        measurement: a.perimeter
+        measurement: o.perimeter
       }
-    ]}>${g({ hidden: this.hideUnitSelect, children: c`<arcgis-unit-select slot=settings .options=${s} .selectLabel=${e.unit} .value=${l} @arcgisUnitSelectChange=${(w) => {
+    ]}>${g({ hidden: this.hideUnitSelect, children: c`<arcgis-unit-select slot=settings .options=${a} .selectLabel=${e.unit} .value=${l} @arcgisUnitSelectChange=${(w) => {
       this.unit = w.detail;
-    }}></arcgis-unit-select>` })}${g({ hidden: this.hideStartButton, children: c`<calcite-button slot=actions .disabled=${d === "unsupported" || d === "disabled"} @click=${this.start}>${e.newMeasurement}</calcite-button>` })}</arcgis-measurement-content></div>`;
+    }}></arcgis-unit-select>` })}${g({ hidden: this.hideStartButton, children: c`<calcite-button slot=actions .disabled=${d === "unsupported" || d === "disabled" || this.interactionDisabled} @click=${this.start}>${e.newMeasurement}</calcite-button>` })}</arcgis-measurement-content></div>`;
   }
 }
 f("arcgis-area-measurement-2d", T);

package/dist/components/arcgis-area-measurement-3d/customElement.d.ts

@@ -132,6 +132,15 @@ export abstract class ArcgisAreaMeasurement3d extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-area-measurement-3d auto-destroy-disabled></arcgis-area-measurement-3d>
+   * ```
+   *
+   * ```js
+   * areaMeasurement-3dElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -163,8 +172,32 @@ export abstract class ArcgisAreaMeasurement3d extends LitElement {
    * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
    */
   accessor icon: Icon["icon"] | 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;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      area?: string | undefined;
+      componentLabel?: string | undefined;
+      hint?: string | undefined;
+      newMeasurement?: string | undefined;
+      perimeterLength?: string | undefined;
+      snappingDisablePrompt?: string | undefined;
+      snappingDisablePromptAlternate?: string | undefined;
+      unit?: string | undefined;
+      unsupported?: string | undefined;
+  };
   /** @internal */
   protected messages: {
       area: string;
@@ -214,8 +247,8 @@ export abstract class ArcgisAreaMeasurement3d extends LitElement {
    */
   accessor unitOptions: Array<SystemOrAreaUnit>;
   /**
-   * The view associated with the component. 
-   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-area-measurement-3d component will be associated with a map or scene component rather than using the `view` property.
+   * The view associated with the component.
+   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-area-measurement-3d component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: SceneView | undefined;
   /** Clears the current measurement. */
@@ -225,8 +258,8 @@ export abstract class ArcgisAreaMeasurement3d extends LitElement {
   /** Starts a new measurement. */
   start(): 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" | "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" | "interactionDisabled" | "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: ArcgisAreaMeasurement3d["arcgisPropertyChange"]["detail"];