@arcgis/map-components 5.1.0-next.1 → 5.1.0-next.100

package/dist/chunks/async-utils.js

@@ -1,75 +1,82 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import b from "@arcgis/core/core/Accessor.js";
-import { property as a, subclass as f } from "@arcgis/core/core/accessorSupport/decorators.js";
+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 h, r as p } from "./maybe.js";
-var m = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (r, t, o, e) => {
-  for (var n = e > 1 ? void 0 : e ? w(t, o) : t, l = r.length - 1, u; l >= 0; l--)
-    (u = r[l]) && (n = (e ? u(t, o, n) : u(n)) || n);
-  return e && n && m(t, o, n), n;
+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;
 };
-function _(r = "Aborted") {
-  return new d("AbortError", r);
+function j(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);
+  }
+}
+function v(t = "Aborted") {
+  return new d("AbortError", t);
 }
-function H(r, t = "Aborted") {
-  if (v(r))
-    throw _(t);
+function H(t, r = "Aborted") {
+  if (g(t))
+    throw v(r);
 }
-function c(r) {
-  return r instanceof AbortSignal ? r : r?.signal ?? void 0;
+function c(t) {
+  return t instanceof AbortSignal ? t : t?.signal ?? void 0;
 }
-function v(r) {
-  return c(r)?.aborted ?? !1;
+function g(t) {
+  return c(t)?.aborted ?? !1;
 }
-function A(r) {
-  return r?.name === "AbortError";
+function y(t) {
+  return t?.name === "AbortError";
 }
-function g(r) {
-  return { ok: !0, value: r };
+function A(t) {
+  return { ok: !0, value: t };
 }
-function C(r) {
-  return { ok: !1, error: r };
+function C(t) {
+  return { ok: !1, error: t };
 }
-function y(r) {
-  return r?.ok ? r.value : null;
+function E(t) {
+  return t?.ok ? t.value : null;
 }
-function E(r) {
-  return r != null && !r.ok ? r.error : null;
+function k(t) {
+  return t != null && !t.ok ? t.error : null;
 }
-function k(r, t) {
-  const o = c(r);
-  if (o == null)
+function I(t, r) {
+  const e = c(t);
+  if (e == null)
     return;
-  if (o.aborted) {
-    t();
+  if (e.aborted) {
+    r();
     return;
   }
-  const e = () => t();
-  return o.addEventListener("abort", e, { once: !0 }), { remove: () => o.removeEventListener("abort", e) };
+  const o = () => r();
+  return e.addEventListener("abort", o, { once: !0 }), { remove: () => e.removeEventListener("abort", o) };
 }
-function P(r, t) {
-  return new i(r, t);
+function P(t, r) {
+  return new i(t, r);
 }
-let i = class extends b {
-  constructor(r, t) {
+let i = class extends f {
+  constructor(t, r) {
     super({}), this._abortHandle = null, this.abort = () => {
-      this._abortController = h(this._abortController);
+      this._abortController = p(this._abortController);
     }, this.remove = this.abort, this._abortController = new AbortController();
-    const { signal: o } = this._abortController;
-    this.promise = r(o), this.promise.then(
-      (e) => {
-        this._result = g(e), this._cleanup();
+    const { signal: e } = this._abortController;
+    this.promise = t(e), this.promise.then(
+      (o) => {
+        this._result = A(o), this._cleanup();
       },
-      (e) => {
-        this._result = C(e), this._cleanup();
+      (o) => {
+        this._result = C(o), this._cleanup();
       }
-    ), this._abortHandle = k(t, this.abort);
+    ), this._abortHandle = I(r, this.abort);
   }
   get value() {
-    return y(this._result);
+    return E(this._result);
   }
   get error() {
-    return E(this._result);
+    return k(this._result);
   }
   get finished() {
     return this._result != null;
@@ -78,58 +85,59 @@ let i = class extends b {
     this.abort();
   }
   _cleanup() {
-    this._abortHandle = p(this._abortHandle), this._abortController = null;
+    this._abortHandle = h(this._abortHandle), this._abortController = null;
   }
   [Symbol.dispose]() {
     this._cleanup();
   }
 };
 s([
-  a()
+  l()
 ], i.prototype, "value", 1);
 s([
-  a()
+  l()
 ], i.prototype, "error", 1);
 s([
-  a()
+  l()
 ], i.prototype, "finished", 1);
 s([
-  a()
+  l()
 ], i.prototype, "promise", 2);
 s([
-  a()
+  l()
 ], i.prototype, "_result", 2);
 i = s([
-  f("esri.components.asyncUtils.ReactiveTask")
+  b("esri.components.asyncUtils.ReactiveTask")
 ], i);
-function q(r) {
-  return r.catch((t) => {
-    if (!A(t))
-      throw t;
+function q(t) {
+  return t.catch((r) => {
+    if (!y(r))
+      throw r;
   });
 }
-function x(r, t = {}) {
+function x(t, r = {}) {
   if ("requestIdleCallback" in window)
-    return window.requestIdleCallback(r, t);
-  const o = t.timeout != null ? t.timeout : 50, e = typeof performance < "u" && performance.now ? performance.now.bind(performance) : Date.now, n = e();
+    return window.requestIdleCallback(t, r);
+  const e = r.timeout != null ? r.timeout : 50, o = typeof performance < "u" && performance.now ? performance.now.bind(performance) : Date.now, n = o();
   return window.setTimeout(() => {
-    r({
+    t({
       didTimeout: !1,
       timeRemaining() {
-        return Math.max(0, o - (e() - n));
+        return Math.max(0, e - (o() - n));
       }
     });
   }, 1);
 }
-function D(r) {
-  "cancelIdleCallback" in window && window.cancelIdleCallback(r), window.clearTimeout(r);
+function L(t) {
+  "cancelIdleCallback" in window && window.cancelIdleCallback(t), window.clearTimeout(t);
 }
 export {
-  v as a,
+  g as a,
   q as b,
   P as c,
-  D as d,
-  A as i,
+  L as d,
+  y as i,
+  j as l,
   x as r,
   H as t
 };

package/dist/chunks/component-utils.js

@@ -1,19 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import "@arcgis/toolkit/log";
-function v(t) {
+import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
+import { resolveReferenceElement as g } from "@arcgis/toolkit/dom";
+function N(t) {
   t.el.childElem && (t.el.childElem.ownedBy = t.el);
-  const e = u(t);
+  const e = h(t);
   if (!e) {
-    const i = h(t);
+    const i = g(t);
     if (!i) {
-      c(t);
+      o(t);
       return;
     }
     return l(i, t, !0), i;
   }
-  return g(e, t.el.parent) || (t.el.parent = e, e.localName === "arcgis-expand" ? y(e, t) : l(e, t, !1)), e;
+  return E(e, t.el.parent) || (t.el.parent = e, e.localName === "arcgis-expand" ? y(e, t) : l(e, t, !1)), e;
 }
-function u({ el: t }) {
+function h({ el: t }) {
   for (let e = t.parentElement; e; e = e?.parentElement ?? null) {
     if (a.has(e.localName))
       return e;
@@ -22,7 +23,7 @@ function u({ el: t }) {
   }
 }
 const a = /* @__PURE__ */ new Set(["arcgis-map", "arcgis-scene", "arcgis-link-chart", "arcgis-expand"]);
-function g(t, e) {
+function E(t, e) {
   return t !== e ? !1 : t.localName === "arcgis-expand";
 }
 function s(t, e, i = "arcgisReady") {
@@ -30,32 +31,44 @@ function s(t, e, i = "arcgisReady") {
   if (r.view)
     e(r.view);
   else {
-    let n = function(o) {
-      o.target === t && (s(t, e, i), t.removeEventListener(i, n));
+    let n = function(d) {
+      d.target === t && (s(t, e, i), t.removeEventListener(i, n));
     };
     t.addEventListener(i, n);
   }
 }
 const y = (t, e) => s(t, (i) => {
-  const r = d(e);
-  e.el.shadowRoot ? t.content = e.el : e.el.childElem && t.content != null && r.append(e.el.childElem), e.el.view = i;
+  const r = c(e);
+  if (e.el.shadowRoot ? t.content = e.el : e.el.childElem && t.content != null && r.append(e.el.childElem), e.el.view = i, t.referenceElement) {
+    e.referenceElement = t.referenceElement;
+    return;
+  }
+  u(
+    () => t.referenceElement,
+    (n) => {
+      e.referenceElement = n;
+    },
+    {
+      once: !0
+    }
+  );
 }), l = (t, e, i) => s(
   t,
   (r) => {
-    i && c(e), e.el.view = r, e.referenceElement = t;
+    i && o(e), e.el.view = r, e.referenceElement = t;
   },
   "arcgisViewReadyChange"
 );
-function C(t) {
+function T(t) {
   return t == null || t === "";
 }
-function N(t, e) {
+function B(t, e) {
   return t?.position === e?.position && t?.heading === e.heading && t?.tilt === e.tilt && t?.fov === e.fov;
 }
-function S(t, e) {
+function F(t, e) {
   return e === void 0 || t?.targetGeometry !== e?.targetGeometry || t?.rotation !== e?.rotation || t?.scale !== e?.scale;
 }
-function R(t, e) {
+function L(t, e) {
   return f(e?.center, t);
 }
 function f(t, e) {
@@ -70,31 +83,24 @@ function f(t, e) {
   } else if (e && !t?.equals(e))
     return e;
 }
-function c(t) {
-  t.el.childElem && d(t).append(t.el.childElem);
+function o(t) {
+  t.el.childElem && c(t).append(t.el.childElem);
 }
-function d(t) {
+function c(t) {
   return t.el.shadowRoot ?? t.el;
 }
-function h(t, e) {
-  const i = t.referenceElement;
-  if (typeof i != "string")
-    return i ?? void 0;
-  const r = i.includes("#") || i.includes(".") || i.includes("["), n = t.el.getRootNode();
-  return (r ? void 0 : n.querySelector(`#${i}`)) ?? n.querySelector(i) ?? void 0;
-}
-const T = (t) => t.el.childElem;
-async function p(t) {
+const P = (t) => t.el.childElem;
+async function b(t) {
   const e = typeof t == "function" ? t() : t;
   e && ("setFocus" in e && typeof e.setFocus == "function" ? await e.setFocus() : e instanceof HTMLElement && e.focus());
 }
 export {
-  v as a,
-  N as b,
+  N as a,
+  B as b,
   f as c,
-  C as d,
-  T as g,
-  S as i,
-  R as p,
-  p as s
+  T as d,
+  P as g,
+  F as i,
+  L as p,
+  b as s
 };