@arcgis/map-components 5.2.0-next.7 → 5.2.0-next.71

package/dist/chunks/utils2.js

@@ -52,13 +52,13 @@ function y(r, t, i) {
 function w(r, t) {
   return !!(t && t === "Stretched" && "version" in r && typeof r.version == "number" && r.version >= 10.3 && r.declaredClass === "esri.layers.ImageryLayer");
 }
-function N(r) {
+function v(r) {
   return r ? r / 72 * 96 : 0;
 }
 function b(r) {
   return r ? r * 72 / 96 : 0;
 }
-function v(r) {
+function N(r) {
   if (typeof r == "string") {
     const t = r.match(m);
     if (t) {
@@ -76,7 +76,8 @@ function L(r, t) {
 function F(r, t) {
   if (!t || !r)
     return;
-  (r.querySelector("svg") ?? r.querySelector("canvas") ?? r).setAttribute("aria-label", t);
+  const i = r.querySelector("svg") ?? r.querySelector("canvas") ?? r;
+  !(i instanceof SVGElement) && !i.hasAttribute("role") && i.setAttribute("role", "img"), i.setAttribute("aria-label", t);
 }
 export {
   y as a,
@@ -84,7 +85,7 @@ export {
   u as c,
   L as g,
   w as i,
-  N as p,
+  v as p,
   F as s,
-  v as t
+  N as t
 };

package/dist/chunks/utils3.js

@@ -1,51 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { formatNumber as i } from "@arcgis/core/intl.js";
-const p = /* @__PURE__ */ new Map([
-  ["a3-landscape", "a3-landscape"],
-  ["a3-portrait", "a3-portrait"],
-  ["a4-landscape", "a4-landscape"],
-  ["a4-portrait", "a4-portrait"],
-  ["letter-ansi-a-landscape", "ansi-a-landscape"],
-  ["letter-ansi-a-portrait", "ansi-a-portrait"],
-  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
-  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
-]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
-function f(a) {
-  if (!a)
-    return;
-  const t = a.layoutTemplateInfo;
-  if (!t)
-    return;
-  const [e, n] = t.pageSize;
-  return `${i(e)} × ${i(n)} ${a.pageUnits}`;
+function n(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
-function d(a, t) {
-  const { label: e, layout: n, layoutItem: o } = a, r = n && !o && t[n] ? t[n] : null;
-  return r || ((e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled);
+function h(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
-function g(a) {
-  return p.get(a);
-}
-const b = /* @__PURE__ */ new Map([
-  ["AIX", "aix"],
-  ["EPS", "eps"],
-  ["GIF", "gif"],
-  ["JPG", "jpg"],
-  ["PDF", "pdf"],
-  ["PNG32", "png32"],
-  ["PNG8", "png8"],
-  ["SVG", "svg"],
-  ["SVGZ", "svgz"],
-  ["TIFF", "tiff"]
-]), s = "map-only";
-function m(a) {
-  return a?.toLowerCase() === s;
+function M(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * (1 / a) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
+const o = 120, r = 50, s = 5;
 export {
-  f as a,
-  g as b,
-  b as f,
-  d as g,
-  m as i,
-  u as r
+  r as a,
+  h as b,
+  M as c,
+  s as d,
+  n as f,
+  o as m
 };

package/dist/chunks/utils4.js

@@ -0,0 +1,51 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { formatNumber as i } from "@arcgis/core/intl.js";
+const p = /* @__PURE__ */ new Map([
+  ["a3-landscape", "a3-landscape"],
+  ["a3-portrait", "a3-portrait"],
+  ["a4-landscape", "a4-landscape"],
+  ["a4-portrait", "a4-portrait"],
+  ["letter-ansi-a-landscape", "ansi-a-landscape"],
+  ["letter-ansi-a-portrait", "ansi-a-portrait"],
+  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
+  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
+]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
+function f(a) {
+  if (!a)
+    return;
+  const t = a.layoutTemplateInfo;
+  if (!t)
+    return;
+  const [e, n] = t.pageSize;
+  return `${i(e)} × ${i(n)} ${a.pageUnits}`;
+}
+function d(a, t) {
+  const { label: e, layout: n, layoutItem: o } = a, r = n && !o && t[n] ? t[n] : null;
+  return r || ((e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled);
+}
+function g(a) {
+  return p.get(a);
+}
+const b = /* @__PURE__ */ new Map([
+  ["AIX", "aix"],
+  ["EPS", "eps"],
+  ["GIF", "gif"],
+  ["JPG", "jpg"],
+  ["PDF", "pdf"],
+  ["PNG32", "png32"],
+  ["PNG8", "png8"],
+  ["SVG", "svg"],
+  ["SVGZ", "svgz"],
+  ["TIFF", "tiff"]
+]), s = "map-only";
+function m(a) {
+  return a?.toLowerCase() === s;
+}
+export {
+  f as a,
+  g as b,
+  b as f,
+  d as g,
+  m as i,
+  u as r
+};

package/dist/chunks/zoom.js

@@ -0,0 +1,32 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { css as a } from "lit";
+function l(o) {
+  if (!o)
+    return !1;
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
+    return !1;
+  const c = e(o), r = o.constraints?.effectiveMaxScale;
+  return r === 0 || c > r;
+}
+function i(o) {
+  if (!o)
+    return !1;
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
+    return !1;
+  const c = e(o), r = o.constraints?.effectiveMinScale;
+  return r === 0 || c < r;
+}
+function e(o) {
+  const t = o?.animation?.target;
+  return (t && "then" in t ? void 0 : t?.scale) ?? o?.scale ?? 0;
+}
+const s = a`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;max-width:fit-content}.zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.horizontal{flex-flow:row-reverse nowrap}.horizontal .zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}`;
+export {
+  i as a,
+  l as c,
+  s
+};

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

@@ -1,33 +1,33 @@
 /* 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 { c } from "../../chunks/runtime.js";
+import { css as m, html as o } from "lit";
 import "@arcgis/core/core/Collection.js";
-import F from "@arcgis/core/popup/Feature.js";
-import _ 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 F from "@arcgis/core/popup/FeatureContent.js";
+import p from "@arcgis/core/Graphic.js";
+import _ from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import { LitElement as y, 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 y {
   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 _({
-      symbol: new y({
+    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.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 _({
         outline: {
           width: 1.5,
           color: "cyan"
         },
         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, 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 +43,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 +80,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 +101,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 +130,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 +154,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} .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

@@ -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
    *       ],
    *     ],
    *  }),
@@ -130,6 +130,7 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
   /** @internal */
   protected messages: {
       area: string;
+      aria: { label: string; };
       componentLabel: string;
       hint: string;
       mode: string;
@@ -144,6 +145,7 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
       unsupported: string;
   } & T9nMeta<{
       area: string;
+      aria: { label: string; };
       componentLabel: string;
       hint: string;
       mode: string;
@@ -190,8 +192,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. */