@arcgis/map-components 5.1.0-next.3 → 5.1.0-next.30

package/dist/chunks/AnalysisViewModel.js

@@ -1,19 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { forceInteractive as _ } from "@arcgis/core/applications/Components/analysisUtils.js";
 import f from "@arcgis/core/core/Accessor.js";
-import { property as r, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as o, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { ignoreAbortErrors as v } from "@arcgis/core/core/promiseUtils.js";
 import { when as m, watch as w, on as A, whenOnce as g } from "@arcgis/core/core/reactiveUtils.js";
 import { log as p } from "@arcgis/toolkit/log";
 import { c as u, t as O, i as I, a as b } from "./async-utils.js";
 import { a as h } from "./maybe.js";
-var F = Object.defineProperty, T = Object.getOwnPropertyDescriptor, a = (s, e, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? T(e, i) : e, c = s.length - 1, l; c >= 0; c--)
-    (l = s[c]) && (o = (n ? l(e, i, o) : l(o)) || o);
-  return n && o && F(e, i, o), o;
+import { getDefaultUnitForView as F } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+var T = Object.defineProperty, R = Object.getOwnPropertyDescriptor, n = (e, s, t, a) => {
+  for (var r = a > 1 ? void 0 : a ? R(s, t) : s, l = e.length - 1, c; l >= 0; l--)
+    (c = e[l]) && (r = (a ? c(s, t, r) : c(r)) || r);
+  return a && r && T(s, t, r), r;
 };
 const y = Symbol("interactiveHandle");
-let t = class extends f {
+let i = class extends f {
   // #region Lifecycle
   // Intentionally keep constructor side-effect free: callers may set properties in any order after instantiation.
   constructor() {
@@ -21,10 +22,10 @@ let t = class extends f {
   }
   initialize() {
     this._set("analysis", this.constructAnalysis()), this._ownsAnalysis = !0;
-    const s = () => {
+    const e = () => {
       !this._changeFromReconnect && !this._viewHasAnalysis && (this._ownsAnalysis = !1);
-      const e = !this._changeFromReconnect;
-      this._changeFromReconnect = !1, e && this._scheduleViewReconnect();
+      const s = !this._changeFromReconnect;
+      this._changeFromReconnect = !1, s && this._scheduleViewReconnect();
     };
     this.addHandles([
       m(
@@ -34,12 +35,12 @@ let t = class extends f {
         },
         { sync: !0, initial: !0 }
       ),
-      w(() => [this.analysis, this._viewHasAnalysis], s, { sync: !0 }),
+      w(() => [this.analysis, this._viewHasAnalysis], e, { sync: !0 }),
       A(
         () => this.view,
         "analysis-view-destroy",
-        (e) => {
-          e.analysis === this.analysis && s();
+        (s) => {
+          s.analysis === this.analysis && e();
         }
       ),
       w(
@@ -48,9 +49,9 @@ let t = class extends f {
           ready: !!this.view?.ready,
           supported: this.supported
         }),
-        ({ view: e }, i) => {
-          const n = i?.view;
-          e !== n && (this._userOperationInfo = h(this._userOperationInfo), this._disconnectFromView(n)), this._scheduleViewReconnect();
+        ({ view: s }, t) => {
+          const a = t?.view;
+          s !== a && (this._userOperationInfo = h(this._userOperationInfo), this._disconnectFromView(a)), this._scheduleViewReconnect();
         },
         { sync: !0, initial: !0 }
       )
@@ -59,11 +60,14 @@ let t = class extends f {
   destroy() {
     this._reconnectViewTask = h(this._reconnectViewTask), this._userOperationInfo = h(this._userOperationInfo), this.analysisView != null && (this.analysisView.visible = void 0), this._disconnectFromView(this.view), this._set("view", null), this._ownsAnalysis && this.analysis?.destroy();
   }
+  get defaultMeasurementSystem() {
+    return this.view?.ready ? F(this.view) : "metric";
+  }
   get active() {
     return this._userOperationInfo?.state === "running";
   }
-  set analysis(s) {
-    s !== this._get("analysis") && (this._userOperationInfo = h(this._userOperationInfo), this._disconnectFromView(this.view), this._setExternalAnalysis(s), this._scheduleViewReconnect());
+  set analysis(e) {
+    e !== this._get("analysis") && (this._userOperationInfo = h(this._userOperationInfo), this._disconnectFromView(this.view), this._setExternalAnalysis(e), this._scheduleViewReconnect());
   }
   get connectingToView() {
     return !!this._reconnectViewTask;
@@ -71,8 +75,8 @@ let t = class extends f {
   get disabled() {
     return !this.view?.ready || !this.supported;
   }
-  set hideVisualization(s) {
-    this._set("hideVisualization", s), this.analysisView && (this.analysisView.visible = !s);
+  set hideVisualization(e) {
+    this._set("hideVisualization", e), this.analysisView && (this.analysisView.visible = !e);
   }
   get ready() {
     return !!this.analysisView && !this.connectingToView;
@@ -81,8 +85,8 @@ let t = class extends f {
     return !this.view || this.supportedViewType === "both" || this.view.type === this.supportedViewType;
   }
   get _viewHasAnalysis() {
-    const { view: s } = this;
-    return s?.analyses.includes(this.analysis) === !0;
+    const { view: e } = this;
+    return e?.analyses.includes(this.analysis) === !0;
   }
   // #endregion
   // #region Public Methods
@@ -98,26 +102,26 @@ let t = class extends f {
    * If the required analysis inputs are missing, this calls `place()` once the view is ready. You can provide a custom
    * `operation` to override the default behavior. Set `clear: false` to retain existing analysis inputs.
    */
-  async start(s) {
+  async start(e) {
     if (this.hideVisualization) {
       p("warn", this, "Cannot start analysis when not visible");
       return;
     }
-    this.stop(), s?.clear !== !1 && this.clear();
-    const e = {
+    this.stop(), e?.clear !== !1 && this.clear();
+    const s = {
       task: null,
       abort: null,
       state: "pending"
-    }, i = u(async (n) => {
-      if (e.state = "wait-for-view-ready", await g(() => this.ready, n), e.state = "running", !this.analysisView || !this.view)
+    }, t = u(async (a) => {
+      if (s.state = "wait-for-view-ready", await g(() => this.ready, a), s.state = "running", !this.analysisView || !this.view)
         return;
       this.operationState = "active";
-      const o = s?.operation?.({ signal: n }) ?? this.place({ signal: n });
-      await v(o);
+      const r = e?.operation?.({ signal: a }) ?? this.place({ signal: a });
+      await v(r);
     });
-    return i.promise.finally(() => {
-      (this._userOperationInfo === e || !this._userOperationInfo) && (this.operationState = "inactive");
-    }), e.task = i, e.abort = () => i.abort(), this._userOperationInfo = e, await i.promise;
+    return t.promise.finally(() => {
+      (this._userOperationInfo === s || !this._userOperationInfo) && (this.operationState = "inactive");
+    }), s.task = t, s.abort = () => t.abort(), this._userOperationInfo = s, await t.promise;
   }
   /**
    * Stop the active user operation, if any.
@@ -131,7 +135,7 @@ let t = class extends f {
    * Define the interactive placement workflow for the analysis.
    * Implement in subclasses to collect required inputs. Honor `AbortSignal`.
    */
-  place(s) {
+  place(e) {
     throw new Error("place() not implemented for this analysis view model");
   }
   /**
@@ -143,7 +147,7 @@ let t = class extends f {
    * Hook for subclasses managing an analysis that belongs to a layer.
    * Called when the view is ready and the `analysisView` is created.
    */
-  onConnectToAnalysisView(s) {
+  onConnectToAnalysisView(e) {
   }
   /**
    * Hook for subclasses to react when the view becomes unready and the
@@ -153,99 +157,102 @@ let t = class extends f {
   }
   _scheduleViewReconnect() {
     this._reconnectViewTask = h(this._reconnectViewTask);
-    const s = u(async (e) => {
+    const e = u(async (s) => {
       try {
-        await this._reconnectView(e);
-      } catch (i) {
-        if (O(e), !I(i)) {
-          p("warn", this, `Failed to use analysis in view model. ${String(i)}`);
+        await this._reconnectView(s);
+      } catch (t) {
+        if (O(s), !I(t)) {
+          p("warn", this, `Failed to use analysis in view model. ${String(t)}`);
           return;
         }
-        throw i;
+        throw t;
       } finally {
-        s === this._reconnectViewTask && (this._reconnectViewTask = void 0);
+        e === this._reconnectViewTask && (this._reconnectViewTask = void 0);
       }
     });
-    this._reconnectViewTask = s;
+    this._reconnectViewTask = e;
   }
   /**
    * Reconnect the analysis to the current view, obtaining an `analysisView` when supported and ready.
    * Aborts active operations that are past the "waiting for view" phase.
    */
-  async _reconnectView(s) {
-    const { view: e } = this, i = e?.ready && this.supported, n = this.analysis;
-    if (this._userOperationInfo = d(this._userOperationInfo), this._disconnectFromView(e), !i || !e || !n)
+  async _reconnectView(e) {
+    const { view: s } = this, t = s?.ready && this.supported, a = this.analysis;
+    if (this._userOperationInfo = d(this._userOperationInfo), this._disconnectFromView(s), !t || !s || !a)
       return;
-    this._ownsAnalysis && (this._changeFromReconnect = !0, e.analyses.add(n));
-    const o = await e.whenAnalysisView(n);
-    if (this.analysisView = o, b(s)) {
+    this._ownsAnalysis && (this._changeFromReconnect = !0, s.analyses.add(a));
+    const r = await s.whenAnalysisView(a);
+    if (this.analysisView = r, b(e)) {
       this._userOperationInfo = d(this._userOperationInfo);
       return;
     }
-    o.visible = !this.hideVisualization, this.shouldForceInteractive && this.addHandles(_(o), y), this.onConnectToAnalysisView(o);
+    r.visible = !this.hideVisualization, this.shouldForceInteractive && this.addHandles(_(r), y), this.onConnectToAnalysisView(r);
   }
   /**
    * Disconnect the analysis from the given view.
    */
-  _disconnectFromView(s) {
-    this._ownsAnalysis && s?.analyses.includes(this.analysis) && (this._changeFromReconnect = !0, this.clearAnalysis(), s.analyses.remove(this.analysis)), this.onDisconnectFromAnalysisView(), this.removeHandles(y), this.analysisView = void 0;
+  _disconnectFromView(e) {
+    this._ownsAnalysis && e?.analyses.includes(this.analysis) && (this._changeFromReconnect = !0, this.clearAnalysis(), e.analyses.remove(this.analysis)), this.onDisconnectFromAnalysisView(), this.removeHandles(y), this.analysisView = void 0;
   }
   /**
    * Set an externally owned analysis.
    */
-  _setExternalAnalysis(s) {
-    this.analysisView && !this._ownsAnalysis && (this.analysisView.visible = void 0, this.removeHandles(y)), this.analysisView = void 0, this._ownsAnalysis = !1, this._set("analysis", s), this._changeFromReconnect = !1;
+  _setExternalAnalysis(e) {
+    this.analysisView && !this._ownsAnalysis && (this.analysisView.visible = void 0, this.removeHandles(y)), this.analysisView = void 0, this._ownsAnalysis = !1, this._set("analysis", e), this._changeFromReconnect = !1;
   }
   // #endregion
 };
-a([
-  r()
-], t.prototype, "active", 1);
-a([
-  r()
-], t.prototype, "analysis", 1);
-a([
-  r()
-], t.prototype, "connectingToView", 1);
-a([
-  r()
-], t.prototype, "disabled", 1);
-a([
-  r()
-], t.prototype, "hideVisualization", 1);
-a([
-  r()
-], t.prototype, "operationState", 2);
-a([
-  r()
-], t.prototype, "ready", 1);
-a([
-  r()
-], t.prototype, "supported", 1);
-a([
-  r()
-], t.prototype, "view", 2);
-a([
-  r()
-], t.prototype, "_ownsAnalysis", 2);
-a([
-  r()
-], t.prototype, "_viewHasAnalysis", 1);
-a([
-  r()
-], t.prototype, "_reconnectViewTask", 2);
-a([
-  r()
-], t.prototype, "analysisView", 2);
-a([
-  r()
-], t.prototype, "shouldForceInteractive", 2);
-t = a([
+n([
+  o()
+], i.prototype, "defaultMeasurementSystem", 1);
+n([
+  o()
+], i.prototype, "active", 1);
+n([
+  o()
+], i.prototype, "analysis", 1);
+n([
+  o()
+], i.prototype, "connectingToView", 1);
+n([
+  o()
+], i.prototype, "disabled", 1);
+n([
+  o()
+], i.prototype, "hideVisualization", 1);
+n([
+  o()
+], i.prototype, "operationState", 2);
+n([
+  o()
+], i.prototype, "ready", 1);
+n([
+  o()
+], i.prototype, "supported", 1);
+n([
+  o()
+], i.prototype, "view", 2);
+n([
+  o()
+], i.prototype, "_ownsAnalysis", 2);
+n([
+  o()
+], i.prototype, "_viewHasAnalysis", 1);
+n([
+  o()
+], i.prototype, "_reconnectViewTask", 2);
+n([
+  o()
+], i.prototype, "analysisView", 2);
+n([
+  o()
+], i.prototype, "shouldForceInteractive", 2);
+i = n([
   V("esri.components.support.AnalysisViewModel")
-], t);
-function d(s) {
-  return s?.state === "running" ? (s.abort(), null) : s;
+], i);
+function d(e) {
+  return e?.state === "running" ? (e.abort(), null) : e;
 }
 export {
-  t as A
+  i as A
 };

package/dist/chunks/action-utils.js

@@ -111,8 +111,8 @@ const Z = async (e, t) => {
 };
 export {
   Q as a,
-  C as b,
+  n as b,
   P as g,
   Z as t,
-  n as z
+  C as z
 };

package/dist/chunks/component-utils.js

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