@arcgis/map-components 6.0.0-next.0 → 6.0.0-next.10

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,8 +1,8 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { html as O } from "lit";
-import { initializeProjection as S } from "@arcgis/core/applications/Components/featureUtils.js";
-import { signal as R } from "@arcgis/core/applications/Components/reactiveUtils.js";
-import { when as A, watch as c } from "@arcgis/core/core/reactiveUtils.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { html as C } from "lit";
+import { initializeProjection as R } from "@arcgis/core/applications/Components/featureUtils.js";
+import { signal as O } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { watch as u, when as A } from "@arcgis/core/core/reactiveUtils.js";
 import P from "@arcgis/core/geometry/Point.js";
 import F from "@arcgis/core/Graphic.js";
 import { GenericController as L, useDirection as G, makeController as M, makeGenericController as _ } from "@arcgis/lumina/controllers";
@@ -12,63 +12,66 @@ import { createRef as V } from "lit/directives/ref.js";
 import { c as k, S as x } from "./slots.js";
 import { i as T, t as H } from "./async-utils.js";
 import { observeAncestorsMutation as j, unsafeGetCalciteModeName as q } from "@arcgis/toolkit/dom";
-import { createEvent as C } from "@arcgis/lumina";
-async function* U(i, t) {
-  for (const e of i) {
-    const o = await y(e, t).catch(() => {
+import { createEvent as S } from "@arcgis/lumina";
+async function* U(n, t) {
+  for (const e of n) {
+    const i = await y(e, t).catch(() => {
     });
     if (t.aborted)
       return;
-    yield* Array.isArray(o) ? o.filter((r) => r instanceof F) : [];
+    yield* Array.isArray(i) ? i.filter((o) => o instanceof F) : [];
   }
 }
 async function* v() {
   yield* [];
 }
-async function* K(i, t) {
-  await y(i, t).catch(() => {
+async function* K(n, t) {
+  await y(n, t).catch(() => {
   });
 }
-async function N(i, t, e, o) {
-  let r;
-  if (e instanceof P ? (await S(e.spatialReference, i.spatialReference), H(o.signal), r = i.toScreen(e)) : r = e, !r)
+async function N(n, t, e, i) {
+  let o;
+  if (e instanceof P ? (await R(e.spatialReference, n.spatialReference), H(i.signal), o = n.toScreen(e)) : o = e, !o)
     return v();
-  const n = Promise.withResolvers(), a = i.fetchPopupFeatures(r, {
-    ...o,
+  const r = Promise.withResolvers(), a = n.fetchPopupFeatures(o, {
+    ...i,
     defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
-    hitTestResolver: n
+    hitTestResolver: r
   }) ?? v();
-  return await n.promise, a;
+  return await r.promise, a;
 }
-function d(i, t) {
+function d(n, t) {
   if (t instanceof P)
     return t;
   const e = "width" in t ? { x: t.x + t.width / 2, y: t.y + t.height / 2 } : t;
-  return i.toMap(e) ?? void 0;
+  return n.toMap(e) ?? void 0;
 }
-async function $(i, t, e, o) {
-  const r = {};
+async function $(n, t, e, i) {
+  const o = {};
   return {
-    diagnostics: r,
-    featureStream: await N(i, t, e, {
-      diagnostics: r,
-      signal: o
+    diagnostics: o,
+    featureStream: await N(n, t, e, {
+      diagnostics: o,
+      signal: i
     }),
-    location: d(i, e)
+    location: d(n, e)
   };
 }
-class ne extends L {
+class re extends L {
   //#endregion
   //#region Lifecycle
   constructor(t) {
-    super(t), this.direction = G(), this.popupRef = V(), this._popupElement = R(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = k(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
-      const o = e.reason;
-      if (o?.name === "webgl:required") {
-        const { name: r } = o;
-        this.webGLError = { name: r };
+    super(t), this.direction = G(), this.popupRef = V(), this._popupElement = O(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = k(), this.attributionHeight = 0, this._uiContainer = null, this.component.listenOn(globalThis, "unhandledrejection", (e) => {
+      const i = e.reason;
+      if (i?.name === "webgl:required") {
+        const { name: o } = i;
+        this.webGLError = { name: o };
       }
     });
   }
+  get _focusRegionSelectionSupported() {
+    return !this.component.popupDisabled && (this.component.popupComponentEnabled || !!this.popupElement && this.popupElement !== this._defaultPopupElement);
+  }
   get popupElement() {
     return this._popupElement.value;
   }
@@ -78,33 +81,44 @@ class ne extends L {
   //#endregion
   //#region Private Methods
   hostLifecycle() {
+    const { view: t } = this.component, e = t.focusRegionShortcutEnabled;
     return [
-      A(() => this.component.view.ready, () => {
-        this._assignDefaultPopup();
-      }),
-      c(() => this.component.view.popup?.visible, (e, o) => {
-        (e || o) && this._cancelPopupOperation(), e && this.popupElement?.open && (this.popupElement.open = !1);
-      }, { initial: !0 }),
-      c(
-        () => this.component.popupElement?.open,
-        (e, o) => {
-          o && !e && this._cancelPopupOperation();
-        },
-        // Using sync to preemptively prevent a close notification from canceling a replacement operation.
-        { initial: !0, sync: !0 }
-      ),
-      this.component.view.on("focus-region-select", (e) => this._handleFocusRegionSelect(e)),
-      this.component.view.on(
-        "click",
-        [],
-        (e) => {
-          const o = e.native;
-          e.button !== 0 || o?.ctrlKey || o?.metaKey || this._handleOpenPopup(e).catch(() => {
-          });
-        },
-        // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
-        -2
-      )
+      ...[
+        u(() => this.component.focusRegionShortcutEnabled ?? this._focusRegionSelectionSupported, (o) => {
+          this.component.view.focusRegionShortcutEnabled = o;
+        }, { initial: !0, sync: !0 }),
+        A(() => this.component.view.ready, () => {
+          this._assignDefaultPopup();
+        }),
+        u(() => this.component.view.popup?.visible, (o, r) => {
+          (o || r) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
+        }, { initial: !0 }),
+        u(
+          () => this.component.popupElement?.open,
+          (o, r) => {
+            r && !o && this._cancelPopupOperation();
+          },
+          // Using sync to preemptively prevent a close notification from canceling a replacement operation.
+          { initial: !0, sync: !0 }
+        ),
+        this.component.view.on("focus-region-select", (o) => this._handleFocusRegionSelect(o)),
+        this.component.view.on(
+          "click",
+          [],
+          (o) => {
+            const r = o.native;
+            o.button !== 0 || r?.ctrlKey || r?.metaKey || this._handleOpenPopup(o).catch(() => {
+            });
+          },
+          // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
+          -2
+        )
+      ],
+      {
+        remove: () => {
+          t.focusRegionShortcutEnabled = e;
+        }
+      }
     ];
   }
   hostDestroy() {
@@ -112,39 +126,39 @@ class ne extends L {
   }
   async openPopup(t = {}) {
     this._assignDefaultPopup();
-    const e = this.popupElement, o = t.location ?? e?.location, r = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!o;
-    r ? (this._cancelPopupOperation(), this.component.view.closePopup()) : this.closePopup();
-    const n = new AbortController();
-    if (this._popupAbortController = n, e) {
-      const { fetchFeatures: a, shouldFocus: h, title: u, featureStream: w, promises: b, location: l, ...E } = t, f = l ? d(this.component.view, l) : void 0, g = l ?? o, p = r && g ? $(this.component.view, e, g, n.signal) : null, m = p ? Promise.withResolvers() : null;
-      p && m && (p.catch(() => {
-      }), e.featureStream = K(m.promise, n.signal));
+    const e = this.popupElement, i = t.location ?? e?.location, o = !!e && !t.featureStream && !t.promises?.length && !!t.fetchFeatures && !!i;
+    this._cancelPopupOperation();
+    const r = new AbortController();
+    if (this._popupAbortController = r, e) {
+      const { fetchFeatures: a, shouldFocus: h, title: l, featureStream: E, promises: b, location: c, ...g } = t, m = c ? d(this.component.view, c) : void 0, w = c ?? i, p = o && w ? $(this.component.view, e, w, r.signal) : null, f = p ? Promise.withResolvers() : null;
+      p && f && (p.catch(() => {
+      }), e.featureStream = K(f.promise, r.signal));
       try {
         await e.componentOnReady();
       } catch (s) {
-        throw p && this._isCurrentPopupOperation(n) && (n.abort(), e.open = !1, await e.clear()), s;
+        throw p && this._isCurrentPopupOperation(r) && (r.abort(), e.open = !1, await e.clear()), s;
       }
-      if (!this._isCurrentPopupOperation(n))
+      if (!this._isCurrentPopupOperation(r))
         return;
       if (p)
         try {
           const s = await p;
-          if (!this._isCurrentPopupOperation(n))
+          if (!this._isCurrentPopupOperation(r))
             return;
-          Object.assign(e, E), u !== void 0 && (e.heading = u), await e.openFeatureStream(s);
+          Object.assign(e, g), l !== void 0 && (e.heading = l), await e.openFeatureStream(s);
         } catch (s) {
           if (!T(s))
-            throw this._isCurrentPopupOperation(n) && (e.open = !1, await e.clear()), s;
+            throw this._isCurrentPopupOperation(r) && (e.open = !1, await e.clear()), s;
           return;
         } finally {
-          m?.resolve();
+          f?.resolve();
         }
       else
-        Object.assign(e, E), u !== void 0 && (e.heading = u), w ? await e.openFeatureStream({ featureStream: w, location: f }) : b?.length ? await e.openFeatureStream({
-          featureStream: U(b, n.signal),
-          location: f
-        }) : (e.featureStream = null, l !== void 0 && (e.location = f), e.open = !0);
-      h && this._isCurrentPopupOperation(n) && await e.setFocus();
+        Object.assign(e, g), l !== void 0 && (e.heading = l), E ? await e.openFeatureStream({ featureStream: E, location: m }) : b?.length ? await e.openFeatureStream({
+          featureStream: U(b, r.signal),
+          location: m
+        }) : (e.featureStream = null, c !== void 0 && (e.location = m), e.open = !0);
+      h && this._isCurrentPopupOperation(r) && await e.setFocus();
     } else {
       const { location: a, ...h } = t;
       await this.component.view.openPopup({
@@ -154,7 +168,7 @@ class ne extends L {
     }
   }
   closePopup() {
-    this._cancelPopupOperation(), this.popupElement && (this.popupElement.open = !1, this.popupElement.clear()), this.component.view.closePopup();
+    this._cancelPopupOperation(), this.popupElement ? (this.popupElement.open = !1, this.popupElement.clear()) : this.component.view.closePopup();
   }
   _cancelPopupOperation() {
     this._popupAbortController?.abort(), this._popupAbortController = null;
@@ -163,7 +177,7 @@ class ne extends L {
     return this._popupAbortController === t && !t.signal.aborted;
   }
   _assignDefaultPopup() {
-    this.popupRef.value && !this.popupElement && (this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
+    this.popupRef.value && !this.popupElement && (this._defaultPopupElement = this.popupRef.value, this.popupElement = this.popupRef.value, this.popupElement.referenceElement = this.component.el, this.popupElement.view = this.component.view);
   }
   handleAttributionHeightChange(t) {
     if (!(this.attributionHeight === t || !this.component.el.shadowRoot)) {
@@ -194,7 +208,7 @@ class ne extends L {
     }
   }
   _handleFocusRegionSelect(t) {
-    this._assignDefaultPopup(), this.popupElement && queueMicrotask(() => {
+    this._assignDefaultPopup(), !(!this._focusRegionSelectionSupported || !this.popupElement) && queueMicrotask(() => {
       const { focusRegion: e } = this.component.view;
       !t.defaultPrevented && e && this.openPopup({ fetchFeatures: !0, location: e }).catch(() => {
       });
@@ -205,7 +219,7 @@ class ne extends L {
     !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
   }
   _webGLErrorAlert() {
-    return this.webGLError ? O`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? C`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
@@ -213,52 +227,52 @@ class ne extends L {
     return x({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function pe(i) {
+function pe(n) {
   M((t, e) => {
-    const o = () => {
-      if (i.attributionMode !== "auto")
+    const i = () => {
+      if (n.attributionMode !== "auto")
         return;
-      const r = q(i.el);
-      i.view.attributionMode !== r && (i.view.attributionMode = r);
+      const o = q(n.el);
+      n.view.attributionMode !== o && (n.view.attributionMode = o);
     };
-    e.onLifecycle(() => (o(), j(i.el, ["class"], o))), e.onUpdate((r) => {
-      r.has("attributionMode") && i.attributionMode === "auto" && o();
+    e.onLifecycle(() => (i(), j(n.el, ["class"], i))), e.onUpdate((o) => {
+      o.has("attributionMode") && n.attributionMode === "auto" && i();
     });
   });
 }
-const se = _((i, t) => {
-  const e = C();
+const se = _((n, t) => {
+  const e = S();
   return t.onLifecycle(
-    () => c(
+    () => u(
       () => {
-        const { map: o } = i;
-        if (!o || o.destroyed)
+        const { map: i } = n;
+        if (!i || i.destroyed)
           return [];
-        const r = [];
-        return o.loadError && r.push(o), o.basemap?.loadError && r.push(o.basemap), o.ground.loadError && r.push(o.ground), [...o.allLayers, ...o.allTables].forEach((n) => {
-          n.loadError && r.push(n);
-        }), r;
+        const o = [];
+        return i.loadError && o.push(i), i.basemap?.loadError && o.push(i.basemap), i.ground.loadError && o.push(i.ground), [...i.allLayers, ...i.allTables].forEach((r) => {
+          r.loadError && o.push(r);
+        }), o;
       },
-      (o) => {
-        o.length && (i.loadErrorSources = o, e.emit());
+      (i) => {
+        i.length && (n.loadErrorSources = i, e.emit());
       }
     )
   ), e;
 }), ae = _(
-  (i, t) => {
-    const e = C();
+  (n, t) => {
+    const e = S();
     return t.onLifecycle(
-      () => c(
-        () => i.view?.readyState,
-        (o) => {
-          (o === "map-content-error" || o === "rendering-error") && e.emit();
+      () => u(
+        () => n.view?.readyState,
+        (i) => {
+          (i === "map-content-error" || i === "rendering-error") && e.emit();
         }
       )
     ), e;
   }
 );
 export {
-  ne as U,
+  re as U,
   ae as a,
   pe as b,
   se as u

package/dist/chunks/useCloseEvent.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { makeGenericController as t } from "@arcgis/lumina/controllers";
 import { createEvent as s } from "@arcgis/lumina";
 const a = t((e, r) => (r.onLoaded(() => {

package/dist/chunks/useLayerById.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
 import { makeController as u } from "@arcgis/lumina/controllers";
 function l(r, i) {

package/dist/chunks/useT9n.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 const s = o(t);

package/dist/chunks/useView.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { proxyExports as i, GenericController as s } from "@arcgis/lumina/controllers";
 import { a as t } from "./component-utils.js";
 import * as r from "@arcgis/core/core/reactiveUtils.js";

package/dist/chunks/useViewModel.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { proxyExports as r } from "@arcgis/lumina/controllers";
 import { AccessorController as i } from "@arcgis/lumina-toolkit/useAccessor";
 import { isEsriInternalEnv as n } from "@arcgis/toolkit/error";

package/dist/chunks/useWidget.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { proxyExports as v, getControllersCount as w, trackPropKey as b } from "@arcgis/lumina/controllers";
 import { AccessorController as y, getAccessorControllerBoundProperties as E, makeBinderProxy as g } from "@arcgis/lumina-toolkit/useAccessor";
 import { isEsriInternalEnv as x } from "@arcgis/toolkit/error";

package/dist/chunks/utils.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { html as c } from "lit";
 import { safeClassMap as p, safeStyleMap as m, nothing as a } from "@arcgis/lumina";
 import { classes as y } from "@arcgis/toolkit/dom";

package/dist/chunks/utils2.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { formatNumber as l, substitute as s } from "@arcgis/core/intl.js";
 import { g as o } from "./titleUtils.js";
 const u = /^-?(\d+(\.\d+)?)\s*((px)|(pt))?$/iu;

package/dist/chunks/utils3.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 function n(t, a) {
   return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }

package/dist/chunks/utils4.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { formatNumber as i } from "@arcgis/core/intl.js";
 const p = /* @__PURE__ */ new Map([
   ["a3-landscape", "a3-landscape"],

package/dist/chunks/utils5.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { d as s } from "./types.js";
 function u(t) {
   return t.localName === "arcgis-utility-network-trace-analysis";

package/dist/chunks/utils6.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const r = [
   -45,
   0,

package/dist/chunks/video-utils.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { formatDate as i } from "@arcgis/core/intl.js";
 function e(t) {
   return i(Math.round(r(t)) * 1e3, { minute: "2-digit", second: "2-digit" });

package/dist/chunks/visible-element.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 function n(e) {
   return e.hidden ? null : e.children;
 }

package/dist/chunks/zoom.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { css as a } from "lit";
 function l(o) {
   if (!o)

package/dist/components/arcgis-add-attachment-view/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
 import { css as f, html as a } from "lit";
 import { LitElement as h, createEvent as p } from "@arcgis/lumina";

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

@@ -1,7 +1,7 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { css as m, html as o } from "lit";
-import F from "@arcgis/core/popup/FeatureContent.js";
+import F from "@arcgis/core/popup/FeatureModel.js";
 import p from "@arcgis/core/Graphic.js";
 import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
 import { LitElement as _, renderElement as A } from "@arcgis/lumina";

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

@@ -106,7 +106,9 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    */
   accessor autoDestroyDisabled: 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.
+   * If true, hides all unit-reset buttons. Unit-selection dropdowns remain available.
+   *
+   * Resetting a unit clears the corresponding overrides on the component and its analysis. The component then uses the corresponding value from [ViewOptions.displayUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits), or [ViewOptions.inputUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#inputUnits) for input units, when that option is set and its resolved unit is included in the component's available units. Otherwise, it uses its default unit if available, or the first available unit.
    *
    * @default false
    * @since 5.2
@@ -240,15 +242,18 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
    *
    * When no unit is explicitly set on the component or its analysis, this property uses the area unit configured in the view through
    * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * If that option is unset or unavailable in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions),
+   * the component uses its default unit if available, or the first available unit.
    * This property overrides the area unit on this component's analysis without changing the units configured in the view.
+   * The reset button clears both overrides and resumes this inheritance and fallback behavior.
    */
   accessor unit: SystemOrAreaUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `metric`, `imperial`, `square-inches`, `square-feet`, `square-us-feet`, `square-yards`, `square-miles`, `square-meters`, `square-kilometers`, `acres`, `ares`, `hectares`.
-   * If the unit inherited from the view through
+   * When neither the component nor its analysis has an explicit unit, the unit inherited from
    * [view.options.displayUnits.area](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
-   * is not listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions), the component checks whether its default unit is listed there.
+   * is used if listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions). Otherwise, 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
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions).
    */

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

@@ -1,7 +1,7 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as v } from "../../chunks/runtime.js";
 import { css as b, html as c } from "lit";
-import { LitElement as y, createEvent as x, safeClassMap as M } from "@arcgis/lumina";
+import { LitElement as x, createEvent as y, safeClassMap as M } from "@arcgis/lumina";
 import { usePropertyChange as O } from "@arcgis/lumina/controllers";
 import { u as U } from "../../chunks/useT9n.js";
 import { m as k } from "../../chunks/useViewModel.js";
@@ -9,20 +9,20 @@ import { t as z, a as V } from "../../chunks/async-utils.js";
 import { g } from "../../chunks/globalCss.js";
 import { V as u } from "../../chunks/visible-element.js";
 import $ from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
-import { property as o, subclass as D } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as o, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
 import w from "@arcgis/core/views/interactive/options/SnappingOptions.js";
-import { A as S } from "../../chunks/AnalysisViewModel.js";
-import { g as A, a as C, b as h, r as E, m as _, c as R } from "../../chunks/measurementUtils.js";
+import { A } from "../../chunks/AnalysisViewModel.js";
+import { g as D, a as C, b as h, r as E, m as _, c as R } from "../../chunks/measurementUtils.js";
 const j = b`.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 B = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (e, t, i, l) => {
   for (var s = l > 1 ? void 0 : l ? L(t, i) : t, n = e.length - 1, d; n >= 0; n--)
     (d = e[n]) && (s = (l ? d(t, i, s) : d(s)) || s);
   return l && s && B(t, i, s), s;
 };
-let r = class extends S {
+let r = class extends A {
   constructor() {
-    super(...arguments), this.snappingOptions = new w(), this.supportedViewType = "2d", this.unsupportedErrorMessage = "The Area Measurement 2D component is only supported in 2D views.", this.shouldForceInteractive = !1;
+    super(...arguments), this.snappingOptions = new w(), this.supportedViewType = "2d", this.unsupportedErrorMessage = "The Area Measurement 2D component is only supported in 2D views.";
   }
   initialize() {
     this.addHandles([
@@ -50,7 +50,7 @@ let r = class extends S {
   }
   get state() {
     const { analysis: e, disabled: t, operationState: i, ready: l, supported: s } = this, { valid: n } = e;
-    return A({ supported: s, disabled: t, ready: l, operationState: i, valid: n });
+    return D({ supported: s, disabled: t, ready: l, operationState: i, valid: n });
   }
   get displayState() {
     return C(this.state, !!this.analysis.geometry);
@@ -88,7 +88,7 @@ let r = class extends S {
   }
   async place(e) {
     const t = this.analysisView;
-    t && (await t.place(e), z(e?.signal), t === this.analysisView && !this.interactionDisabled && (t.interactive = !0));
+    t && (await t.place(e), z(e?.signal));
   }
   clearAnalysis() {
     this.analysis.geometry = null;
@@ -125,12 +125,12 @@ a([
   o({ readOnly: !0 })
 ], r.prototype, "canResetUnit", 1);
 r = a([
-  D("components.area-measurement-2d.AreaMeasurement2dViewModel")
+  S("components.area-measurement-2d.AreaMeasurement2dViewModel")
 ], r);
 const P = k(r);
-class I extends y {
+class T extends x {
   constructor() {
-    super(...arguments), this.viewModel = P(this), this.messages = U({ name: "area-measurement-2d", blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.hideStartButton = !1, this.hideResetUnitsButton = !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 = O()("analysis", "interactionDisabled", "state"), this.arcgisReady = x();
+    super(...arguments), this.viewModel = P(this), this.messages = U({ name: "area-measurement-2d", blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.hideStartButton = !1, this.hideResetUnitsButton = !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 = O()("analysis", "interactionDisabled", "state"), this.arcgisReady = y();
   }
   static {
     this.properties = { view: 0, analysis: 0, autoDestroyDisabled: 5, hideStartButton: 5, hideResetUnitsButton: 5, hideUnitSelect: 5, hideVisualization: 5, icon: 3, interactionDisabled: 5, label: 1, messageOverrides: 0, referenceElement: 1, snappingOptions: 0, state: 32, unit: 1, unitOptions: 0 };
@@ -166,7 +166,7 @@ class I extends y {
     }}></arcgis-unit-select>` })}${u({ hidden: this.hideStartButton, children: c`<calcite-button slot=actions .disabled=${p === "unsupported" || p === "disabled" || this.interactionDisabled} @click=${this.start}>${i.newMeasurement}</calcite-button>` })}</arcgis-measurement-content></div>`;
   }
 }
-v("arcgis-area-measurement-2d", I);
+v("arcgis-area-measurement-2d", T);
 export {
-  I as ArcgisAreaMeasurement2d
+  T as ArcgisAreaMeasurement2d
 };