@arcgis/map-components 5.1.0-next.102 → 5.1.0-next.104

package/dist/chunks/async-utils.js

@@ -1,50 +1,50 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import f from "@arcgis/core/core/Accessor.js";
-import { property as l, subclass as b } from "@arcgis/core/core/accessorSupport/decorators.js";
-import d from "@arcgis/core/core/Error.js";
-import { a as p, r as h } from "./maybe.js";
-import { log as m } from "@arcgis/toolkit/log";
-var w = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (t, r, e, o) => {
-  for (var n = o > 1 ? void 0 : o ? _(r, e) : r, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (n = (o ? u(r, e, n) : u(n)) || n);
-  return o && n && w(r, e, n), n;
+import d from "@arcgis/core/core/Accessor.js";
+import { property as l, subclass as m } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Error.js";
+import { a as h, r as w } from "./maybe.js";
+import { log as _ } from "@arcgis/toolkit/log";
+var v = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (t, r, e, o) => {
+  for (var n = o > 1 ? void 0 : o ? A(r, e) : r, i = t.length - 1, u; i >= 0; i--)
+    (u = t[i]) && (n = (o ? u(r, e, n) : u(n)) || n);
+  return o && n && v(r, e, n), n;
 };
-function j(t, r, e) {
+function S(t, r, e) {
   if (t && typeof t == "object" && !Array.isArray(t)) {
-    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, a = e ? `${e} - ${String(t)}` : String(t);
-    m("error", r, a, n);
+    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, i = e ? `${e} - ${String(t)}` : String(t);
+    _("error", r, i, n);
   }
 }
-function v(t = "Aborted") {
-  return new d("AbortError", t);
+function f(t = "Aborted") {
+  return new p("AbortError", t);
 }
-function H(t, r = "Aborted") {
+function j(t, r = "Aborted") {
   if (g(t))
-    throw v(r);
+    throw f(r);
 }
-function c(t) {
+function b(t) {
   return t instanceof AbortSignal ? t : t?.signal ?? void 0;
 }
 function g(t) {
-  return c(t)?.aborted ?? !1;
+  return b(t)?.aborted ?? !1;
 }
 function y(t) {
   return t?.name === "AbortError";
 }
-function A(t) {
+function C(t) {
   return { ok: !0, value: t };
 }
-function C(t) {
+function E(t) {
   return { ok: !1, error: t };
 }
-function E(t) {
+function k(t) {
   return t?.ok ? t.value : null;
 }
-function k(t) {
+function T(t) {
   return t != null && !t.ok ? t.error : null;
 }
-function I(t, r) {
-  const e = c(t);
+function c(t, r) {
+  const e = b(t);
   if (e == null)
     return;
   if (e.aborted) {
@@ -54,29 +54,29 @@ function I(t, r) {
   const o = () => r();
   return e.addEventListener("abort", o, { once: !0 }), { remove: () => e.removeEventListener("abort", o) };
 }
-function P(t, r) {
-  return new i(t, r);
+function H(t, r) {
+  return new s(t, r);
 }
-let i = class extends f {
+let s = class extends d {
   constructor(t, r) {
     super({}), this._abortHandle = null, this.abort = () => {
-      this._abortController = p(this._abortController);
+      this._abortController = h(this._abortController);
     }, this.remove = this.abort, this._abortController = new AbortController();
     const { signal: e } = this._abortController;
     this.promise = t(e), this.promise.then(
       (o) => {
-        this._result = A(o), this._cleanup();
+        this._result = C(o), this._cleanup();
       },
       (o) => {
-        this._result = C(o), this._cleanup();
+        this._result = E(o), this._cleanup();
       }
-    ), this._abortHandle = I(r, this.abort);
+    ), this._abortHandle = c(r, this.abort);
   }
   get value() {
-    return E(this._result);
+    return k(this._result);
   }
   get error() {
-    return k(this._result);
+    return T(this._result);
   }
   get finished() {
     return this._result != null;
@@ -85,30 +85,30 @@ let i = class extends f {
     this.abort();
   }
   _cleanup() {
-    this._abortHandle = h(this._abortHandle), this._abortController = null;
+    this._abortHandle = w(this._abortHandle), this._abortController = null;
   }
   [Symbol.dispose]() {
     this._cleanup();
   }
 };
-s([
+a([
   l()
-], i.prototype, "value", 1);
-s([
+], s.prototype, "value", 1);
+a([
   l()
-], i.prototype, "error", 1);
-s([
+], s.prototype, "error", 1);
+a([
   l()
-], i.prototype, "finished", 1);
-s([
+], s.prototype, "finished", 1);
+a([
   l()
-], i.prototype, "promise", 2);
-s([
+], s.prototype, "promise", 2);
+a([
   l()
-], i.prototype, "_result", 2);
-i = s([
-  b("esri.components.asyncUtils.ReactiveTask")
-], i);
+], s.prototype, "_result", 2);
+s = a([
+  m("esri.components.asyncUtils.ReactiveTask")
+], s);
 function q(t) {
   return t.catch((r) => {
     if (!y(r))
@@ -131,13 +131,25 @@ function x(t, r = {}) {
 function L(t) {
   "cancelIdleCallback" in window && window.cancelIdleCallback(t), window.clearTimeout(t);
 }
+function M(t, r) {
+  const e = new AbortController();
+  return c(r, () => e.abort()), new Promise((o, n) => {
+    let i = setTimeout(() => {
+      i = void 0, o();
+    }, t);
+    c(e, () => {
+      i !== void 0 && (clearTimeout(i), i = void 0, n(f()));
+    });
+  });
+}
 export {
   g as a,
   q as b,
-  P as c,
-  L as d,
+  H as c,
+  M as d,
+  L as e,
   y as i,
-  j as l,
+  S as l,
   x as r,
-  H as t
+  j as t
 };

package/dist/chunks/time-utils.js

@@ -1,5 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-const l = "system", d = "unknown", f = Intl.DateTimeFormat().resolvedOptions().timeZone, o = {
+const a = "system", u = "unknown";
+const l = Intl.DateTimeFormat().resolvedOptions().timeZone, o = {
   milliseconds: 1,
   seconds: 1e3,
   minutes: 6e4,
@@ -16,38 +17,49 @@ const l = "system", d = "unknown", f = Intl.DateTimeFormat().resolvedOptions().t
 function c(e, s, n) {
   return e === 0 ? 0 : e * o[s] / o[n];
 }
-function r(e) {
+function m(e) {
   return e instanceof Date && !Number.isNaN(e.getTime());
 }
 function g(e, s, n = "hours") {
   const t = new Date(e.getTime()), i = c(s, n, "milliseconds");
   return t.setTime(t.getTime() + i), t;
 }
-function u(e, s) {
-  const n = c(s, "hours", "milliseconds"), t = new Date(e.getTime() + n), i = t.toISOString().slice(0, 10), a = t.getUTCHours() * 60 + t.getUTCMinutes();
-  return { localDate: i, minutesSinceMidnight: a };
+function f(e, s) {
+  const n = c(s, "hours", "milliseconds"), t = new Date(e.getTime() + n), i = t.toISOString().slice(0, 10), r = t.getUTCHours() * 60 + t.getUTCMinutes();
+  return { localDate: i, minutesSinceMidnight: r };
 }
 function T(e) {
   const s = e?.environment?.lighting;
-  if (m(s)) {
+  if (d(s)) {
     const n = s.displayUTCOffset ?? 0, t = s.date;
-    if (r(t)) {
-      const { localDate: i } = u(t, n);
+    if (m(t)) {
+      const { localDate: i } = f(t, n);
       return i;
     }
   }
 }
-function m(e) {
+function d(e) {
   return e?.type === "sun";
 }
+function h(e) {
+  switch (e) {
+    case a:
+      return l;
+    case u:
+      return "UTC";
+    default:
+      return e;
+  }
+}
 export {
-  f as a,
-  r as b,
+  l as a,
+  m as b,
   c,
-  u as d,
+  f as d,
   T as g,
-  m as i,
+  d as i,
   g as o,
-  l as s,
-  d as u
+  h as r,
+  a as s,
+  u
 };

package/dist/chunks/useArcgisViewReadyError.js

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { html as u } from "lit";
-import { when as p, watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import { GenericController as h, useDirection as c, makeGenericController as a } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as m } from "@arcgis/toolkit/dom";
-import { createRef as f } from "lit/directives/ref.js";
-import { c as E, S as d } from "./slots.js";
-import { createEvent as l } from "@arcgis/lumina";
-class _ extends h {
+import { html as c } from "lit";
+import { when as n, watch as r } from "@arcgis/core/core/reactiveUtils.js";
+import { GenericController as u, useDirection as m, makeGenericController as l } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as d } from "@arcgis/toolkit/dom";
+import { createRef as E } from "lit/directives/ref.js";
+import { c as f, S as w } from "./slots.js";
+import { createEvent as a } from "@arcgis/lumina";
+class y extends u {
   //#endregion
   //#region Lifecycle
-  constructor(t) {
-    super(t), this.direction = c(), this.popupRef = f(), this.slotGroupRefs = E(), this.attributionHeight = 0, this._uiContainer = null, this.component.listen("arcgisViewClick", (o) => {
-      const e = o.detail.native;
-      o.detail.button !== 0 || e?.ctrlKey || e?.metaKey || this._handleOpenPopup(o.detail);
+  constructor(e) {
+    super(e), this.direction = m(), this.popupRef = E(), this.slotGroupRefs = f(), this.attributionHeight = 0, this._uiContainer = null, this.component.listen("arcgisViewClick", (o) => {
+      const t = o.detail.native;
+      o.detail.button !== 0 || t?.ctrlKey || t?.metaKey || this._handleOpenPopup(o.detail);
     }), this.component.listenOn(globalThis, "unhandledrejection", (o) => {
-      const e = o.reason;
-      if (e?.name === "webgl:required") {
-        const { name: i } = e;
-        this.webGLError = { name: i };
+      const t = o.reason;
+      if (t?.name === "webgl:required") {
+        const { name: p } = t;
+        this.webGLError = { name: p };
       }
     });
   }
@@ -25,22 +25,22 @@ class _ extends h {
   //#region Private Methods
   hostLifecycle() {
     return [
-      p(() => this.component.view.ready, () => {
+      n(() => this.component.view.ready, () => {
         this._assignDefaultPopup();
       }),
       // Close component popup when view popup is opened
-      p(() => this.component.view.popup?.visible, () => {
+      n(() => this.component.view.popup?.visible, () => {
         this.popupElement?.open && (this.popupElement.open = !1);
       })
     ];
   }
-  async openPopup(t) {
+  async openPopup(e) {
     if (this._assignDefaultPopup(), this.closePopup(), this.popupElement) {
       await this.popupElement.componentOnReady(), this.popupElement.open = !0;
-      const { fetchFeatures: o } = t;
-      delete t.fetchFeatures, Object.assign(this.popupElement, t), o && this.popupElement.fetchFeatures();
+      const { fetchFeatures: o } = e;
+      delete e.fetchFeatures, Object.assign(this.popupElement, e), o && this.popupElement.fetchFeatures();
     } else
-      await this.component.view.openPopup(t);
+      await this.component.view.openPopup(e);
   }
   closePopup() {
     this.popupElement && (this.popupElement.open = !1), this.component.view.closePopup();
@@ -48,68 +48,127 @@ class _ extends h {
   _assignDefaultPopup() {
     this.popupRef.value && !this.popupElement && (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) {
+  handleAttributionHeightChange(e) {
+    if (!(this.attributionHeight === e || !this.component.el.shadowRoot)) {
+      if (this.attributionHeight = e, !this._uiContainer) {
         const o = this.component.el.shadowRoot.querySelector(".arcgis-map-container-ui");
         this._uiContainer = o;
       }
       this._uiContainer?.style.setProperty("--arcgis-internal-attribution-space-top", `${this.attributionHeight}px`);
     }
   }
-  async _handleOpenPopup(t) {
-    if (this._assignDefaultPopup(), this.popupElement && !this.component.popupDisabled) {
-      t.stopPropagation();
-      const { location: o, promises: e } = await this.popupElement.handleViewClick(t);
-      e?.length ? this.openPopup({ location: o, promises: e }) : this.popupElement.open && this.closePopup();
+  _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(e) {
+    if (this._assignDefaultPopup(), !this.component.popupDisabled) {
+      if (this._maybeDisableViewPopup(), this.popupElement) {
+        const { location: o, promises: t } = await this.popupElement?.handleViewClick(e) ?? {};
+        t?.length ? this.openPopup({ location: o, promises: t }) : this.popupElement?.open && this.closePopup();
+      }
+      this._maybeResetViewPopup();
     }
   }
-  _handlePopupSlotChange(t) {
-    const o = m(t.target, "arcgis-popup");
+  _handlePopupSlotChange(e) {
+    const o = d(e.target, "arcgis-popup");
     !this.popupElement && o.length ? this.popupElement = o[0] : o.length || (this.popupElement = void 0);
   }
   _webGLErrorAlert() {
-    return this.webGLError ? u`<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
   render() {
-    return d({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (t) => this._handlePopupSlotChange(t), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
+    return w({ direction: this.direction, popupComponentEnabled: this.component.popupComponentEnabled, slotGroupRefs: this.slotGroupRefs, handlePopupSlotChange: (e) => this._handlePopupSlotChange(e), webGLErrorElement: this._webGLErrorAlert(), popupElement: this.popupRef });
   }
 }
-const v = a((n, t) => {
-  const o = l();
-  return t.onLifecycle(
-    () => s(
+const V = l((i, e) => {
+  const o = a();
+  return e.onLifecycle(
+    () => r(
       () => {
-        const { map: e } = n;
-        if (!e || e.destroyed)
+        const { map: t } = i;
+        if (!t || t.destroyed)
           return [];
-        const i = [];
-        return e.loadError && i.push(e), e.basemap?.loadError && i.push(e.basemap), e.ground.loadError && i.push(e.ground), [...e.allLayers, ...e.allTables].forEach((r) => {
-          r.loadError && i.push(r);
-        }), i;
+        const p = [];
+        return t.loadError && p.push(t), t.basemap?.loadError && p.push(t.basemap), t.ground.loadError && p.push(t.ground), [...t.allLayers, ...t.allTables].forEach((s) => {
+          s.loadError && p.push(s);
+        }), p;
       },
-      (e) => {
-        e.length && (n.loadErrorSources = e, o.emit());
+      (t) => {
+        t.length && (i.loadErrorSources = t, o.emit());
       }
     )
   ), o;
-}), G = a(
-  (n, t) => {
-    const o = l();
-    return t.onLifecycle(
-      () => s(
-        () => n.view?.readyState,
-        (e) => {
-          (e === "map-content-error" || e === "rendering-error") && o.emit();
+});
+function h(i = document) {
+  const e = i.activeElement;
+  if (e)
+    return e.shadowRoot && e.shadowRoot.activeElement !== null ? h(e.shadowRoot) : e;
+}
+class L extends u {
+  #e;
+  #t;
+  #o;
+  focusPopup() {
+    const e = h();
+    this.#i(), this.component.popupElement && (this.component.popupElement.setFocus(), this.#e = this._watchPopupElementClose(() => {
+      this.#e = void 0, this.focusOnReturnFocusElement(e);
+    })), this.#o = this._watchViewPopupOpen(() => {
+      this.#o = void 0, this._popup?.focus(), this.#t = this._watchViewPopupClose(() => {
+        this.#t = void 0, this.focusOnReturnFocusElement(e);
+      });
+    });
+  }
+  focusOnReturnFocusElement(e) {
+    e && "setFocus" in e ? e.setFocus?.() : e?.focus();
+  }
+  hostDisconnected() {
+    this.#i();
+  }
+  get _popup() {
+    return this.component.popup ?? this.component.view?.popup;
+  }
+  #i() {
+    this.#e?.remove(), this.#t?.remove(), this.#o?.remove(), this.#e = void 0, this.#t = void 0, this.#o = void 0;
+  }
+  _watchPopupElementClose(e) {
+    return this.component.popupElement?.addEventListener("arcgisClose", e, { once: !0 }), {
+      remove: () => {
+        this.component.popupElement?.removeEventListener("arcgisClose", e);
+      }
+    };
+  }
+  _watchViewPopupOpen(e) {
+    return n(() => this._popup?.visible, e, { once: !0, initial: !0, sync: !0 });
+  }
+  _watchViewPopupClose(e) {
+    return this._popup?.container?.addEventListener("calciteFlowItemClose", e, { once: !0 }), {
+      remove: () => {
+        this._popup?.container?.removeEventListener("calciteFlowItemClose", e);
+      }
+    };
+  }
+}
+const G = l(
+  (i, e) => {
+    const o = a();
+    return e.onLifecycle(
+      () => r(
+        () => i.view?.readyState,
+        (t) => {
+          (t === "map-content-error" || t === "rendering-error") && o.emit();
         }
       )
     ), o;
   }
 );
 export {
-  _ as U,
+  L as P,
+  y as U,
   G as a,
-  v as u
+  V as u
 };

package/dist/components/arcgis-bookmarks/customElement.d.ts

@@ -18,6 +18,9 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * When a bookmark with a timeExtent is selected, the [arcgis-map.timeExtent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeExtent) of the Map will be set to the timeExtent of the selected bookmark.
  * To disable time capability in the Bookmarks component, set [timeDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#timeDisabled) to `true`.
  *
+ * Starting with version `5.1`, on [@arcgisBookmarkSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#event-arcgisBookmarkSelect) the selected bookmark's name is announced to assistive technologies. Visit the [Accessibility guide](xref://site.self/accessibility/#assistive-technologies) to learn more
+ * about live announcements supporting more audiences.
+ *
  * The Bookmarks component can be used to create, edit, reorder, and delete bookmarks.
  * To enable these features, set the following properties to `true`:
  * [showAddBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#showAddBookmarkButton), [showEditBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#showEditBookmarkButton), and [dragEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#dragEnabled).