@arcgis/map-components 6.0.0-next.2 → 6.0.0-next.21

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,265 +1,331 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/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";
-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";
+import { html as R } from "lit";
+import { initializeProjection as O } from "@arcgis/core/applications/Components/featureUtils.js";
+import { signal as L } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { watch as f, when as x } from "@arcgis/core/core/reactiveUtils.js";
+import C from "@arcgis/core/geometry/Point.js";
+import A from "@arcgis/core/Graphic.js";
+import { GenericController as F, useDirection as M, makeController as G, makeGenericController as P } from "@arcgis/lumina/controllers";
 import { getSlotAssignedElements as D } from "@arcgis/toolkit/dom/slots";
-import { whenOrAbort as y } from "@arcgis/toolkit/promise";
-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 { whenOrAbort as S } from "@arcgis/toolkit/promise";
+import { createRef as _ } from "lit/directives/ref.js";
+import { c as V, S as k } from "./slots.js";
+import { i as U, t as z } from "./async-utils.js";
+import { observeAncestorsMutation as T, unsafeGetCalciteModeName as W } from "@arcgis/toolkit/dom";
+import { createEvent as y } from "@arcgis/lumina";
+async function* H(r, e) {
+  for (const t of r) {
+    const i = await S(t, e).catch(() => {
     });
-    if (t.aborted)
+    if (e.aborted)
       return;
-    yield* Array.isArray(o) ? o.filter((r) => r instanceof F) : [];
+    yield* Array.isArray(i) ? i.filter((o) => o instanceof A) : [];
   }
 }
-async function* v() {
+async function* w() {
   yield* [];
 }
-async function* K(i, t) {
-  await y(i, t).catch(() => {
+async function* j(r, e) {
+  await S(r, e).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)
-    return v();
-  const n = Promise.withResolvers(), a = i.fetchPopupFeatures(r, {
-    ...o,
-    defaultPopupTemplateEnabled: t.defaultPopupTemplateEnabled,
+async function B(r, e, t, i) {
+  let o;
+  if (t instanceof C ? (await O(t.spatialReference, r.spatialReference), z(i.signal), o = r.toScreen(t)) : o = t, !o)
+    return w();
+  const n = Promise.withResolvers(), s = r.fetchPopupFeatures(o, {
+    ...i,
+    defaultPopupTemplateEnabled: e.defaultPopupTemplateEnabled,
     hitTestResolver: n
-  }) ?? v();
-  return await n.promise, a;
+  }) ?? w();
+  return await n.promise, s;
 }
-function d(i, 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;
+function g(r, e) {
+  if (e instanceof C)
+    return e;
+  const t = "width" in e ? { x: e.x + e.width / 2, y: e.y + e.height / 2 } : e;
+  return r.toMap(t) ?? void 0;
 }
-async function $(i, t, e, o) {
-  const r = {};
+async function $(r, e, t, i) {
+  const o = {};
   return {
-    diagnostics: r,
-    featureStream: await N(i, t, e, {
-      diagnostics: r,
-      signal: o
+    diagnostics: o,
+    featureStream: await B(r, e, t, {
+      diagnostics: o,
+      signal: i
     }),
-    location: d(i, e)
+    location: g(r, t)
   };
 }
-class ne extends L {
+class re extends F {
   //#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 };
+  constructor(e) {
+    super(e), this.direction = M(), this.popupRef = _(), this.uiContainerRef = _(), this._popupElement = L(void 0), this._popupAbortController = null, this._popupClickOpenCount = 0, this.slotGroupRefs = V(), this.attributionHeight = 0, this.#e = null, this.component.listenOn(globalThis, "unhandledrejection", (t) => {
+      const i = t.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;
   }
-  set popupElement(t) {
-    this._popupElement.value = t;
+  set popupElement(e) {
+    this._popupElement.value = e;
   }
+  #e;
   //#endregion
   //#region Private Methods
   hostLifecycle() {
+    const { view: e } = this.component, t = e.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
-      )
+      ...[
+        f(() => this.component.focusRegionShortcutEnabled ?? this._focusRegionSelectionSupported, (o) => {
+          this.component.view.focusRegionShortcutEnabled = o;
+        }, { initial: !0, sync: !0 }),
+        x(() => this.component.view.ready, () => {
+          this._assignDefaultPopup();
+        }),
+        f(() => this.component.view.popup?.visible, (o, n) => {
+          (o || n) && this._cancelPopupOperation(), o && this.popupElement?.open && (this.popupElement.open = !1);
+        }, { initial: !0 }),
+        f(
+          () => this.component.popupElement?.open,
+          (o, n) => {
+            n && !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 n = o.native;
+            o.button !== 0 || n?.ctrlKey || n?.metaKey || this._handleOpenPopup(o).catch(() => {
+            });
+          },
+          // @ts-ignore: Core supports a click listener priority argument, needed for Popup click
+          -2
+        )
+      ],
+      {
+        remove: () => {
+          e.focusRegionShortcutEnabled = t;
+        }
+      }
     ];
   }
+  hostConnected() {
+    this._observeCenterSlotElements();
+  }
+  hostUpdated() {
+    this.component.el.isConnected && this._observeCenterSlotElements(), this.component.popupComponentEnabled ? this._assignDefaultPopup() : (this.popupElement === this._defaultPopupElement && (this._cancelPopupOperation(), this._maybeResetViewPopup(), this.popupElement = void 0), this._defaultPopupElement = void 0);
+  }
   hostDestroy() {
-    this._cancelPopupOperation();
+    this._cancelPopupOperation(), this._disconnectCenterSlotResizeObserver();
   }
-  async openPopup(t = {}) {
+  hostDisconnected() {
+    this._disconnectCenterSlotResizeObserver();
+  }
+  async openPopup(e = {}) {
     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 t = this.popupElement, i = e.location ?? t?.location, o = !!t && !e.featureStream && !e.promises?.length && !!e.fetchFeatures && !!i;
+    this._cancelPopupOperation();
     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));
+    if (this._popupAbortController = n, t) {
+      const { fetchFeatures: s, shouldFocus: p, title: a, featureStream: c, promises: m, location: u, ...E } = e, d = u ? g(this.component.view, u) : void 0, v = u ?? i, l = o && v ? $(this.component.view, t, v, n.signal) : null, b = l ? Promise.withResolvers() : null;
+      l && b && (l.catch(() => {
+      }), t.featureStream = j(b.promise, n.signal));
       try {
-        await e.componentOnReady();
-      } catch (s) {
-        throw p && this._isCurrentPopupOperation(n) && (n.abort(), e.open = !1, await e.clear()), s;
+        await t.componentOnReady();
+      } catch (h) {
+        throw l && this._isCurrentPopupOperation(n) && (n.abort(), t.open = !1, await t.clear()), h;
       }
       if (!this._isCurrentPopupOperation(n))
         return;
-      if (p)
+      if (l)
         try {
-          const s = await p;
+          const h = await l;
           if (!this._isCurrentPopupOperation(n))
             return;
-          Object.assign(e, E), u !== void 0 && (e.heading = u), await e.openFeatureStream(s);
-        } catch (s) {
-          if (!T(s))
-            throw this._isCurrentPopupOperation(n) && (e.open = !1, await e.clear()), s;
+          Object.assign(t, E), a !== void 0 && (t.heading = a), await t.openFeatureStream(h);
+        } catch (h) {
+          if (!U(h))
+            throw this._isCurrentPopupOperation(n) && (t.open = !1, await t.clear()), h;
           return;
         } finally {
-          m?.resolve();
+          b?.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(t, E), a !== void 0 && (t.heading = a), c ? await t.openFeatureStream({ featureStream: c, location: d }) : m?.length ? await t.openFeatureStream({
+          featureStream: H(m, n.signal),
+          location: d
+        }) : (t.featureStream = null, u !== void 0 && (t.location = d), t.open = !0);
+      p && this._isCurrentPopupOperation(n) && await t.setFocus();
     } else {
-      const { location: a, ...h } = t;
+      const { location: s, ...p } = e;
       await this.component.view.openPopup({
-        ...h,
-        location: a ? d(this.component.view, a) : void 0
+        ...p,
+        location: s ? g(this.component.view, s) : void 0
       });
     }
   }
   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;
   }
-  _isCurrentPopupOperation(t) {
-    return this._popupAbortController === t && !t.signal.aborted;
+  _isCurrentPopupOperation(e) {
+    return this._popupAbortController === e && !e.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.component.popupComponentEnabled && 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)) {
-      if (this.attributionHeight = t, !this._uiContainer) {
-        const e = this.component.el.shadowRoot.querySelector(".arcgis-map-container-ui");
-        this._uiContainer = e;
-      }
-      this._uiContainer?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`);
+  handleAttributionHeightChange(e) {
+    this.attributionHeight !== e && (this.attributionHeight = e, this._getUiContainer()?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`));
+  }
+  _observeCenterSlotElements() {
+    const e = this._getUiContainer(), { topLeft: t, topRight: i, bottomLeft: o, bottomRight: n } = this.slotGroupRefs, s = [t.value, i.value, o.value, n.value];
+    if (e) {
+      this.#e ??= new ResizeObserver(() => this._updateCenterSlotMaxWidths()), this.#e.disconnect(), this.#e.observe(e);
+      for (const p of s)
+        p && this.#e.observe(p, { box: "border-box" });
+      this._updateCenterSlotMaxWidths();
     }
   }
+  _updateCenterSlotMaxWidths() {
+    const e = this._getUiContainer(), { topLeft: t, topRight: i, bottomLeft: o, bottomRight: n } = this.slotGroupRefs;
+    if (!(e && t.value && i.value && o.value && n.value))
+      return;
+    const s = e.getBoundingClientRect(), p = this._getCenterSlotLayout(s, t.value, i.value), a = this._getCenterSlotLayout(s, o.value, n.value);
+    this._setCenterSlotProperty(e, "--arcgis-internal-top-center-max-width", p.maxWidth), this._setCenterSlotProperty(e, "--arcgis-internal-top-center-position", p.position), this._setCenterSlotProperty(e, "--arcgis-internal-bottom-center-max-width", a.maxWidth), this._setCenterSlotProperty(e, "--arcgis-internal-bottom-center-position", a.position);
+  }
+  _setCenterSlotProperty(e, t, i) {
+    const o = `${i}px`;
+    e.style.getPropertyValue(t) !== o && e.style.setProperty(t, o);
+  }
+  /*
+   * Both sides occupied: reserve the larger extent on both sides so the center
+   * remains aligned with the container midpoint.
+   *
+   * |<------ side reserve ------>|<------ max width ------>|<------ side reserve ------>|
+   * | left extent | unused space |        center           | unused space | right extent |
+   *                                             ^ container midpoint
+   *
+   * One side empty: use the space between the actual extents and reposition
+   * the center within it.
+   *
+   * |<-- left extent -->|<---------------- max width ---------------->|<-- right extent -->|
+   *                     |                   center                    |
+   *                                          ^ position
+   */
+  _getCenterSlotLayout(e, t, i) {
+    const o = t.getBoundingClientRect(), n = i.getBoundingClientRect(), s = o.width > 0, p = n.width > 0, a = o.right - e.left, c = e.right - n.left, m = s && p, u = m ? Math.max(0, e.width - 2 * Math.max(a, c)) : Math.max(0, e.width - a - c);
+    return {
+      maxWidth: u,
+      position: m ? e.width / 2 : a + u / 2
+    };
+  }
+  _disconnectCenterSlotResizeObserver() {
+    this.#e?.disconnect(), this.#e = null;
+  }
+  _getUiContainer() {
+    return this.uiContainerRef.value;
+  }
   _maybeDisableViewPopup() {
     this.component.view && (this.component.popupComponentEnabled || this.popupElement) && (this.previousViewPopupEnabled ??= this.component.view.popupEnabled, this.component.view.popupEnabled = !1);
   }
   _maybeResetViewPopup() {
     this.component.view && this.previousViewPopupEnabled !== void 0 && (this.component.view.popupEnabled = this.previousViewPopupEnabled, this.previousViewPopupEnabled = void 0);
   }
-  async _handleOpenPopup(t) {
+  async _handleOpenPopup(e) {
     if (this._assignDefaultPopup(), !this.component.popupDisabled) {
       this._popupClickOpenCount++, this._maybeDisableViewPopup();
       try {
         this.popupElement && await this.openPopup({
           fetchFeatures: !0,
-          location: { x: t.x, y: t.y }
+          location: { x: e.x, y: e.y }
         });
       } finally {
         this._popupClickOpenCount--, this._popupClickOpenCount || this._maybeResetViewPopup();
       }
     }
   }
-  _handleFocusRegionSelect(t) {
-    this._assignDefaultPopup(), this.popupElement && queueMicrotask(() => {
-      const { focusRegion: e } = this.component.view;
-      !t.defaultPrevented && e && this.openPopup({ fetchFeatures: !0, location: e }).catch(() => {
+  _handleFocusRegionSelect(e) {
+    this._assignDefaultPopup(), !(!this._focusRegionSelectionSupported || !this.popupElement) && queueMicrotask(() => {
+      const { focusRegion: t } = this.component.view;
+      !e.defaultPrevented && t && this.openPopup({ fetchFeatures: !0, location: t }).catch(() => {
       });
     });
   }
-  _handlePopupSlotChange(t) {
-    const e = D(t.target, "arcgis-popup");
-    !this.popupElement && e.length ? this.popupElement = e[0] : e.length || (this.popupElement = void 0);
+  _handlePopupSlotChange(e) {
+    const t = D(e.target, "arcgis-popup")[0];
+    t ? this.popupElement = t : this.popupElement !== this._defaultPopupElement && (this.popupElement = void 0, this._assignDefaultPopup());
   }
   _webGLErrorAlert() {
-    return this.webGLError ? O`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
+    return this.webGLError ? R`<arcgis-webgl-error .errorName=${this.webGLError.name}></arcgis-webgl-error>` : null;
   }
   //#endregion
   //#region Rendering
   render() {
-    return x({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return k({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (e) => this._handlePopupSlotChange(e), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-function pe(i) {
-  M((t, e) => {
-    const o = () => {
-      if (i.attributionMode !== "auto")
+function se(r) {
+  G((e, t) => {
+    const i = () => {
+      if (r.attributionMode !== "auto")
         return;
-      const r = q(i.el);
-      i.view.attributionMode !== r && (i.view.attributionMode = r);
+      const o = W(r.el);
+      r.view.attributionMode !== o && (r.view.attributionMode = o);
     };
-    e.onLifecycle(() => (o(), j(i.el, ["class"], o))), e.onUpdate((r) => {
-      r.has("attributionMode") && i.attributionMode === "auto" && o();
+    t.onLifecycle(() => (i(), T(r.el, ["class"], i))), t.onUpdate((o) => {
+      o.has("attributionMode") && r.attributionMode === "auto" && i();
     });
   });
 }
-const se = _((i, t) => {
-  const e = C();
-  return t.onLifecycle(
-    () => c(
+const pe = P((r, e) => {
+  const t = y();
+  return e.onLifecycle(
+    () => f(
       () => {
-        const { map: o } = i;
-        if (!o || o.destroyed)
+        const { map: i } = r;
+        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((n) => {
+          n.loadError && o.push(n);
+        }), o;
       },
-      (o) => {
-        o.length && (i.loadErrorSources = o, e.emit());
+      (i) => {
+        i.length && (r.loadErrorSources = i, t.emit());
       }
     )
-  ), e;
-}), ae = _(
-  (i, t) => {
-    const e = C();
-    return t.onLifecycle(
-      () => c(
-        () => i.view?.readyState,
-        (o) => {
-          (o === "map-content-error" || o === "rendering-error") && e.emit();
+  ), t;
+}), ae = P(
+  (r, e) => {
+    const t = y();
+    return e.onLifecycle(
+      () => f(
+        () => r.view?.readyState,
+        (i) => {
+          (i === "map-content-error" || i === "rendering-error") && t.emit();
         }
       )
-    ), e;
+    ), t;
   }
 );
 export {
-  ne as U,
+  re as U,
   ae as a,
-  pe as b,
-  se as u
+  se as b,
+  pe as u
 };

package/dist/components/arcgis-add-attachment-view/customElement.d.ts

@@ -31,21 +31,32 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               heading: string;
           };
           "attachment-preview": { noPreview: string; };
+          "attachment-detail-view": {
+              maximize: string;
+              download: string;
+              replace: string;
+              fileName: string;
+              nameCannotBeNull: string;
+              size: string;
+              type: string;
+              reset: string;
+              imageDescription: string;
+          };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
               "file-csv": string;
               "file-excel": string;
               "file-gpx": string;
-              "file-image": string;
               "file-pdf": string;
               "file-ppt": string;
-              "file-sound": string;
               "file-text": string;
-              "file-video": string;
               "file-word": string;
               "file-zip": string;
               file: string;
+              image: string;
+              sound: string;
+              video: string;
           }; };
       }; };
       units: { bytes: {
@@ -75,21 +86,32 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               heading: string;
           };
           "attachment-preview": { noPreview: string; };
+          "attachment-detail-view": {
+              maximize: string;
+              download: string;
+              replace: string;
+              fileName: string;
+              nameCannotBeNull: string;
+              size: string;
+              type: string;
+              reset: string;
+              imageDescription: string;
+          };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
               "file-csv": string;
               "file-excel": string;
               "file-gpx": string;
-              "file-image": string;
               "file-pdf": string;
               "file-ppt": string;
-              "file-sound": string;
               "file-text": string;
-              "file-video": string;
               "file-word": string;
               "file-zip": string;
               file: string;
+              image: string;
+              sound: string;
+              video: string;
           }; };
       }; };
       units: { bytes: {
@@ -129,21 +151,32 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               heading?: string | undefined;
           } | undefined;
           "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
+          "attachment-detail-view"?: {
+              maximize?: string | undefined;
+              download?: string | undefined;
+              replace?: string | undefined;
+              fileName?: string | undefined;
+              nameCannotBeNull?: string | undefined;
+              size?: string | undefined;
+              type?: string | undefined;
+              reset?: string | undefined;
+              imageDescription?: string | undefined;
+          } | undefined;
           thumbnail?: { fileTypes?: {
               "file-cad"?: string | undefined;
               "file-code"?: string | undefined;
               "file-csv"?: string | undefined;
               "file-excel"?: string | undefined;
               "file-gpx"?: string | undefined;
-              "file-image"?: string | undefined;
               "file-pdf"?: string | undefined;
               "file-ppt"?: string | undefined;
-              "file-sound"?: string | undefined;
               "file-text"?: string | undefined;
-              "file-video"?: string | undefined;
               "file-word"?: string | undefined;
               "file-zip"?: string | undefined;
               file?: string | undefined;
+              image?: string | undefined;
+              sound?: string | undefined;
+              video?: string | undefined;
           } | undefined; } | undefined;
       } | undefined; } | undefined;
       units?: { bytes?: {

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).
    */