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

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/feature-utils.js

@@ -1,9 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { s as u } from "./layer-utils.js";
-import { log as m } from "@arcgis/toolkit/log";
-const l = /^\s*expression\//iu, F = /href=(""|'')/giu, g = /(\{([^{\r\n]+)\})/gu, y = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, L = /'/gu, N = "relationships/", h = /^(?:mailto:|tel:)/u;
-function O(e, t) {
+import { fieldFormatFromFieldInfo as m } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
+import { g as F } from "./layer-utils.js";
+import { log as g } from "@arcgis/toolkit/log";
+const u = /^\s*expression\//iu, y = /href=(""|'')/giu, C = /(\{([^{\r\n]+)\})/gu, L = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, h = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
+function P(e, t) {
   const n = /* @__PURE__ */ new Map();
   if (!e)
     return n;
@@ -15,7 +16,7 @@ function O(e, t) {
   }
   return n;
 }
-function z(e) {
+function U(e) {
   const t = [];
   if (!e)
     return t;
@@ -27,47 +28,51 @@ function z(e) {
     }
   }), t;
 }
-function H(e, t) {
+function $(e, t) {
   return e?.getEffectivePopupTemplate(t) ?? void 0;
 }
-function M(e) {
+function D(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function b(e = "") {
+function I(e = "") {
   return e ? e.includes(N) : !1;
 }
-function P(e = "") {
+function W(e = "") {
   if (e)
-    return !h.test(e.trim().toLowerCase());
+    return !b.test(e.trim().toLowerCase());
 }
 function c(e, t) {
   const n = p(t, e);
   return n ? n.name : e;
 }
-function U(e, t) {
+function q(e, t) {
   return e?.map((n) => c(n, t));
 }
 function f(e) {
-  return e ? l.test(e) : !1;
+  return e ? u.test(e) : !1;
 }
-function C(e, t) {
+function w(e, t) {
   if (!t || !f(t) || !e)
     return;
-  const n = t.replace(l, "").toLowerCase();
+  const n = t.replace(u, "").toLowerCase();
   return e.find(({ name: r }) => r.toLowerCase() === n);
 }
-function $(e, t) {
+function _(e, t) {
   if (!(!e?.length || !t))
     return e.find((n) => n.fieldName?.toLowerCase() === t.toLowerCase());
 }
-function w({
+function A(e) {
+  const { fieldInfo: t, graphic: n, layer: r } = e;
+  return T({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+}
+function T({
   fieldInfo: e,
   graphic: t
 }) {
-  return !!e?.fieldName && !f(e.fieldName) && !b(e.fieldName) && !t?.isAggregate && !t?.popupTemplate;
+  return !!e?.fieldName && !f(e.fieldName) && !I(e.fieldName) && !t?.popupTemplate;
 }
-function D({
+function B({
   expressionInfos: e,
   fieldInfo: t,
   graphic: n,
@@ -76,46 +81,41 @@ function D({
 }) {
   if (!t?.fieldName)
     return null;
-  const o = C(e, t?.fieldName);
+  const o = w(e, t?.fieldName);
   if (o)
     return o.title || null;
-  if (u(i) && w({ fieldInfo: t, graphic: n })) {
-    const s = i.getFieldAlias(t.fieldName);
-    return r ? t.label || s || t.fieldName : s || t.fieldName;
+  const s = A({ fieldInfo: t, graphic: n, layer: i });
+  if (s) {
+    const l = s.getFieldAlias(t.fieldName);
+    return r ? t.label || l || t.fieldName : l || t.fieldName;
   }
   return t.label || t.fieldName;
 }
-function W({
-  fieldInfo: e,
-  isContentFieldInfos: t,
-  layer: n
-}) {
-  if (!e?.fieldName)
+function G(e) {
+  const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
+  if (!n?.fieldName)
     return null;
-  if (u(n)) {
-    const r = n?.getFieldConfiguration?.(e.fieldName)?.fieldFormat;
-    return t && e.fieldFormat || r;
-  }
-  return null;
+  const i = !t.popupTemplate && !t.fieldConfigurations ? m(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
+  return r && n.fieldFormat || i;
 }
 function d(e) {
   return e.trim();
 }
-function A(e) {
-  return e.replaceAll(F, "");
+function x(e) {
+  return e.replaceAll(y, "");
 }
-function x(e, t) {
+function k(e, t) {
   return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function T({
+function R({
   formattedValues: e,
   template: t,
   fieldInfoMap: n
 }) {
   return d(
-    A(
+    x(
       a(
-        a(t, (r) => x(r, n)),
+        a(t, (r) => k(r, n)),
         e
       )
     )
@@ -124,48 +124,48 @@ function T({
 function p(e, t) {
   return !(e && "getField" in e && typeof e.getField == "function") || !t ? null : e.getField(t) ?? null;
 }
-function k(e, t) {
-  return e.replaceAll(g, (n, r, i) => {
+function E(e, t) {
+  return e.replaceAll(C, (n, r, i) => {
     const o = p(t, i);
     return o ? `{${o.name}}` : r;
   });
 }
-function R(e, t, n = !1) {
+function V(e, t, n = !1) {
   const r = t[e];
   if (typeof r == "string") {
     const o = (n ? encodeURIComponent(r) : r).replaceAll(
-      L,
+      h,
       "%27"
     );
     t[e] = o;
   }
 }
-function E(e, t = !1) {
+function v(e, t = !1) {
   const n = { ...e };
-  return Object.keys(n).forEach((r) => R(r, n, t)), n;
+  return Object.keys(n).forEach((r) => V(r, n, t)), n;
 }
-function I(e, t, n) {
+function S(e, t, n) {
   t = d(t);
   const r = t && !t.startsWith("{");
-  return a(e, E(n, r || !1));
+  return a(e, v(n, r || !1));
 }
-function V(e, t, n) {
-  const r = k(e, n);
+function j(e, t, n) {
+  const r = E(e, n);
   return r && r.replaceAll(
-    y,
-    (i, o, s) => I(i, o || s, t)
+    L,
+    (i, o, s) => S(i, o || s, t)
   );
 }
-function q({
+function J({
   values: e,
   globalValues: t,
   layer: n,
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? T({
+  return r ? R({
     formattedValues: t,
-    template: V(
+    template: j(
       r,
       {
         ...t,
@@ -176,7 +176,7 @@ function q({
     fieldInfoMap: i
   }) : "";
 }
-async function _({
+async function K({
   type: e,
   value: t,
   event: n
@@ -184,7 +184,7 @@ async function _({
   try {
     return typeof t == "function" ? t(n) : await t;
   } catch (r) {
-    m("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
+    g("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
       detail: {
         error: r,
         graphic: n.graphic,
@@ -194,7 +194,7 @@ async function _({
     return;
   }
 }
-function B(e) {
+function Q(e) {
   const t = e.attributes, n = e.layer;
   if (!t || !n)
     return "";
@@ -202,22 +202,22 @@ function B(e) {
   return i?.toString() || o || "Unknown";
 }
 export {
-  M as a,
-  z as b,
-  O as c,
-  b as d,
-  _ as e,
-  P as f,
-  H as g,
-  B as h,
+  D as a,
+  U as b,
+  P as c,
+  I as d,
+  K as e,
+  W as f,
+  $ as g,
+  Q as h,
   f as i,
-  D as j,
-  w as k,
-  W as l,
-  k as m,
-  T as n,
-  U as o,
+  B as j,
+  A as k,
+  G as l,
+  E as m,
+  R as n,
+  q as o,
   c as p,
-  $ as q,
-  q as s
+  _ as q,
+  J as s
 };