@arcgis/map-components 5.2.0-next.129 → 5.2.0-next.130

package/dist/chunks/measurementUtils.js

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-function m({
+function l({
   supported: e,
   disabled: s,
-  ready: i,
+  ready: r,
   operationState: t,
-  valid: r
+  valid: a
 }) {
-  return e ? s || !i ? "disabled" : t === "active" ? "measuring" : r ? "measured" : "ready" : "unsupported";
+  return e ? s || !r ? "disabled" : t === "active" ? "measuring" : a ? "measured" : "ready" : "unsupported";
 }
-function l(e, s) {
+function d(e, s) {
   switch (e) {
     case "unsupported":
     case "measured":
@@ -20,7 +20,7 @@ function l(e, s) {
       return s ? "measured" : "measuring";
   }
 }
-const a = ["metric", "imperial"], n = [
+const u = ["metric", "imperial"], n = [
   "inches",
   "feet",
   "yards",
@@ -32,7 +32,7 @@ const a = ["metric", "imperial"], n = [
   "decimeters",
   "meters",
   "kilometers"
-], u = [
+], c = [
   "square-inches",
   "square-feet",
   "square-yards",
@@ -47,7 +47,7 @@ const a = ["metric", "imperial"], n = [
   "acres",
   "ares",
   "hectares"
-], c = [
+], m = [
   "liters",
   "megaliters",
   "gigaliters",
@@ -61,11 +61,11 @@ const a = ["metric", "imperial"], n = [
   "cubic-feet",
   "cubic-yards",
   "cubic-miles"
-], o = [...a, ...n], d = [...a, ...u], f = [...a, ...c];
-function b(e, s = !0) {
+], o = [...u, ...n], f = [...u, ...c], b = [...u, ...m];
+function g(e, s = !0) {
   return s ? e == null ? { state: "unavailable" } : { state: "available", value: e } : { state: "invalid" };
 }
-function g(e, s) {
+function h(e, s) {
   switch (s.type) {
     case "length":
       return e.formatLength(s);
@@ -77,27 +77,35 @@ function g(e, s) {
       return "";
   }
 }
-function h(e) {
+function p(e) {
   return e === "imperial" || e === "metric";
 }
-function p(e, s, i = s) {
-  const t = e?.filter((r) => s.includes(r));
-  return t && t.length > 0 ? t.slice() : i.slice();
+function q(e, s, r = s) {
+  const t = e?.filter((a) => s.includes(a));
+  return t && t.length > 0 ? t.slice() : r.slice();
 }
-function q(e, s, i, t) {
-  const r = e ?? s ?? t ?? void 0;
-  return r && i.includes(r) ? r : i[0];
+function y({
+  userUnit: e,
+  analysisUnit: s,
+  options: r,
+  defaultUnit: t,
+  viewUnit: a
+}) {
+  if (e == null && s == null && a != null && r.includes(a))
+    return a;
+  const i = e ?? s ?? t ?? void 0;
+  return i && r.includes(i) ? i : r[0];
 }
 export {
-  l as a,
-  b,
-  q as c,
+  d as a,
+  g as b,
+  y as c,
   o as d,
-  f as e,
-  g as f,
-  m as g,
-  h as i,
+  b as e,
+  h as f,
+  l as g,
+  p as i,
   n as l,
-  d as m,
-  p as r
+  f as m,
+  q as r
 };

package/dist/chunks/svgUtils.js

@@ -3,7 +3,7 @@ import { svg as a, html as H } from "lit";
 import { getBoundingBox as J, computeBBox as V, getTransformMatrix as X } from "@arcgis/core/applications/Components/svgUtils.js";
 import j from "@arcgis/core/Color.js";
 import { nothing as t, safeStyleMap as Y } from "@arcgis/lumina";
-import { p as q, t as K } from "./utils3.js";
+import { p as q, t as K } from "./utils2.js";
 let Q = 0;
 function Z() {
   return Q++;

package/dist/chunks/univariateUtils.js

@@ -2,7 +2,7 @@
 import { html as h, svg as S } from "lit";
 import { renderColorRampPreviewHTML as R } from "@arcgis/core/symbols/support/symbolUtils.js";
 import { renderElement as C, safeStyleMap as z } from "@arcgis/lumina";
-import { p as d, s as E, g as $ } from "./utils3.js";
+import { p as d, s as E, g as $ } from "./utils2.js";
 const b = 10, p = 20, u = 10, g = 20;
 function v(n) {
   return typeof n == "number";

package/dist/chunks/utils.js

@@ -1,12 +1,80 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-function a(e) {
-  const { x: t, y: n, width: r, height: i } = e.getBoundingClientRect();
-  return { x: t + r / 2, y: n + i / 2 };
+import { html as c } from "lit";
+import { safeClassMap as p, safeStyleMap as m, nothing as a } from "@arcgis/lumina";
+import { classes as y } from "@arcgis/toolkit/dom";
+import { g as v, a as $ } from "./action-utils.js";
+import { s as b } from "./component-utils.js";
+function A(e) {
+  return e && "visibilityMode" in e ? e.visibilityMode : null;
 }
-function c(e) {
-  return e?.spatialReference?.isWebMercator || e?.spatialReference?.isGeographic || !1;
+function x(e, t) {
+  if (!("visible" in e))
+    return;
+  A(t) === "exclusive" && e.visible || (e.visible = !e.visible);
+}
+function P(e, t) {
+  "panel" in e && (e.panel.open = !e.panel.open, e.panel.open && t && t());
+}
+function I(e) {
+  return Array.isArray(e) ? e.filter((t) => t !== "legend") : e === "legend" ? null : e;
+}
+function T(e) {
+  const t = I(e.panel?.content);
+  return Array.isArray(t) ? t.length > 0 : !!t;
+}
+function h(e) {
+  return !!e && "content" in e && e.content.type === "track-info";
+}
+function D(e) {
+  return !!e && "content" in e && e.content.type === "telemetry-display";
+}
+function V(e) {
+  return h(e) || D(e);
+}
+function q(e, t, i, n) {
+  e && i === t.layer?.uid && (b(e), n?.(null));
+}
+function M(e, t, i) {
+  i.type === "toggle" && (i.value = !i.value), e(i, t);
+}
+function w(e) {
+  return e.actionsSections.map((t) => t.filter((i) => i.visible));
+}
+function R(e, t, i) {
+  return e.updateComplete.then(() => {
+    const n = () => {
+      const r = Array.from(e.el.shadowRoot?.querySelectorAll(`calcite-list-item[data-item="${t}"]`) ?? []);
+      if (r.length < 2)
+        return;
+      const l = r.find(i);
+      l && r.filter((o) => o !== l).forEach((o) => o.remove());
+    };
+    return n(), e.updateComplete.then(n);
+  });
+}
+function S(e, t) {
+  const { icon: i } = t;
+  if (i)
+    return null;
+  const n = "image" in t ? t.image : void 0;
+  return n ? c`<span aria-hidden=true class=${p(y(e.itemActionIcon, { [e.itemActionImage]: !!n }))} style=${m(v(n))}></span>` : null;
+}
+function j(e, t, i) {
+  const { item: n, css: r, handleAction: l } = e, { active: o, disabled: u, title: s, type: f, indicator: d } = t, g = $(t);
+  return c`<calcite-action .active=${f === "toggle" ? t.value : !1} data-action-id=${t.id ?? a} .disabled=${u} .icon=${g ?? void 0} .indicator=${d} .loading=${o} @click=${() => M(l, n, t)} slot=${(i ? void 0 : "actions-end") ?? a} .text=${s ?? ""} .textEnabled=${i} title=${s ?? void 0 ?? a}>${S(r, t)}</calcite-action>`;
 }
 export {
-  c,
-  a as f
+  S as F,
+  j as L,
+  h as a,
+  D as b,
+  P as c,
+  w as d,
+  I as e,
+  q as f,
+  A as g,
+  T as h,
+  V as i,
+  R as r,
+  x as t
 };

package/dist/chunks/utils2.js

@@ -1,80 +1,56 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { html as c } from "lit";
-import { safeClassMap as p, safeStyleMap as m, nothing as a } from "@arcgis/lumina";
-import { classes as y } from "@arcgis/toolkit/dom";
-import { g as v, a as $ } from "./action-utils.js";
-import { s as b } from "./component-utils.js";
-function A(e) {
-  return e && "visibilityMode" in e ? e.visibilityMode : null;
-}
-function x(e, t) {
-  if (!("visible" in e))
-    return;
-  A(t) === "exclusive" && e.visible || (e.visible = !e.visible);
-}
-function P(e, t) {
-  "panel" in e && (e.panel.open = !e.panel.open, e.panel.open && t && t());
-}
-function I(e) {
-  return Array.isArray(e) ? e.filter((t) => t !== "legend") : e === "legend" ? null : e;
-}
-function T(e) {
-  const t = I(e.panel?.content);
-  return Array.isArray(t) ? t.length > 0 : !!t;
-}
-function h(e) {
-  return !!e && "content" in e && e.content.type === "track-info";
-}
-function D(e) {
-  return !!e && "content" in e && e.content.type === "telemetry-display";
-}
-function V(e) {
-  return h(e) || D(e);
-}
-function q(e, t, i, n) {
-  e && i === t.layer?.uid && (b(e), n?.(null));
-}
-function M(e, t, i) {
-  i.type === "toggle" && (i.value = !i.value), e(i, t);
-}
-function w(e) {
-  return e.actionsSections.map((t) => t.filter((i) => i.visible));
-}
-function R(e, t, i) {
-  return e.updateComplete.then(() => {
-    const n = () => {
-      const r = Array.from(e.el.shadowRoot?.querySelectorAll(`calcite-list-item[data-item="${t}"]`) ?? []);
-      if (r.length < 2)
-        return;
-      const l = r.find(i);
-      l && r.filter((o) => o !== l).forEach((o) => o.remove());
-    };
-    return n(), e.updateComplete.then(n);
-  });
-}
-function S(e, t) {
-  const { icon: i } = t;
-  if (i)
+import { formatNumber as l, substitute as s } from "@arcgis/core/intl.js";
+import { g as o } from "./titleUtils.js";
+const u = /^-?(\d+(\.\d+)?)\s*((px)|(pt))?$/iu;
+function m(t, e, r) {
+  switch (e) {
+    case "heatmap-ramp":
+      return (r[t.label] || t.label) ?? null;
+    case "stretch-ramp":
+      const n = "value" in t ? t.value : void 0, a = t.label ? r[t.label] : "";
+      return a ? `${a}: ${typeof n == "string" ? n : l(n ?? 0, {
+        style: "decimal",
+        notation: n?.toString().toLowerCase().includes("e") ? "scientific" : "standard"
+      })}` : "";
+    default:
+      return t.label ?? null;
+  }
+}
+function g(t, e) {
+  return !!(e && e === "Stretched" && "version" in t && typeof t.version == "number" && t.version >= 10.3 && t.declaredClass === "esri.layers.ImageryLayer");
+}
+function d(t) {
+  return t ? t / 72 * 96 : 0;
+}
+function c(t) {
+  return t ? t * 72 / 96 : 0;
+}
+function p(t) {
+  if (typeof t == "string") {
+    const e = t.match(u);
+    if (e) {
+      const r = Number(e[1]), n = e[3]?.toLowerCase(), a = t.startsWith("-"), i = n === "px" ? c(r) : r;
+      return a ? -i : i;
+    }
     return null;
-  const n = "image" in t ? t.image : void 0;
-  return n ? c`<span aria-hidden=true class=${p(y(e.itemActionIcon, { [e.itemActionImage]: !!n }))} style=${m(v(n))}></span>` : null;
+  }
+  return t;
+}
+function h(t, e) {
+  const r = o(t, e, !1), n = r ? t.previewTemplateAriaLabel : t.previewAriaLabel;
+  return s(n ?? "", { label: r });
 }
-function j(e, t, i) {
-  const { item: n, css: r, handleAction: l } = e, { active: o, disabled: u, title: s, type: f, indicator: d } = t, g = $(t);
-  return c`<calcite-action .active=${f === "toggle" ? t.value : !1} data-action-id=${t.id ?? a} .disabled=${u} .icon=${g ?? void 0} .indicator=${d} .loading=${o} @click=${() => M(l, n, t)} slot=${(i ? void 0 : "actions-end") ?? a} .text=${s ?? ""} .textEnabled=${i} title=${s ?? void 0 ?? a}>${S(r, t)}</calcite-action>`;
+function v(t, e) {
+  if (!e || !t)
+    return;
+  const r = t.querySelector("svg") ?? t.querySelector("canvas") ?? t;
+  !(r instanceof SVGElement) && !r.hasAttribute("role") && r.setAttribute("role", "img"), r.setAttribute("aria-label", e);
 }
 export {
-  S as F,
-  j as L,
-  h as a,
-  D as b,
-  P as c,
-  w as d,
-  I as e,
-  q as f,
-  A as g,
-  T as h,
-  V as i,
-  R as r,
-  x as t
+  m as a,
+  h as g,
+  g as i,
+  d as p,
+  v as s,
+  p as t
 };

package/dist/chunks/utils3.js

@@ -1,56 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { formatNumber as l, substitute as s } from "@arcgis/core/intl.js";
-import { g as o } from "./titleUtils.js";
-const u = /^-?(\d+(\.\d+)?)\s*((px)|(pt))?$/iu;
-function m(t, e, r) {
-  switch (e) {
-    case "heatmap-ramp":
-      return (r[t.label] || t.label) ?? null;
-    case "stretch-ramp":
-      const n = "value" in t ? t.value : void 0, a = t.label ? r[t.label] : "";
-      return a ? `${a}: ${typeof n == "string" ? n : l(n ?? 0, {
-        style: "decimal",
-        notation: n?.toString().toLowerCase().includes("e") ? "scientific" : "standard"
-      })}` : "";
-    default:
-      return t.label ?? null;
-  }
+function n(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
-function g(t, e) {
-  return !!(e && e === "Stretched" && "version" in t && typeof t.version == "number" && t.version >= 10.3 && t.declaredClass === "esri.layers.ImageryLayer");
+function h(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
-function d(t) {
-  return t ? t / 72 * 96 : 0;
-}
-function c(t) {
-  return t ? t * 72 / 96 : 0;
-}
-function p(t) {
-  if (typeof t == "string") {
-    const e = t.match(u);
-    if (e) {
-      const r = Number(e[1]), n = e[3]?.toLowerCase(), a = t.startsWith("-"), i = n === "px" ? c(r) : r;
-      return a ? -i : i;
-    }
-    return null;
-  }
-  return t;
-}
-function h(t, e) {
-  const r = o(t, e, !1), n = r ? t.previewTemplateAriaLabel : t.previewAriaLabel;
-  return s(n ?? "", { label: r });
-}
-function v(t, e) {
-  if (!e || !t)
-    return;
-  const r = t.querySelector("svg") ?? t.querySelector("canvas") ?? t;
-  !(r instanceof SVGElement) && !r.hasAttribute("role") && r.setAttribute("role", "img"), r.setAttribute("aria-label", e);
+function M(t, a) {
+  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * (1 / a) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
 }
+const o = 120, r = 50, s = 5;
 export {
-  m as a,
-  h as g,
-  g as i,
-  d as p,
-  v as s,
-  p as t
+  r as a,
+  h as b,
+  M as c,
+  s as d,
+  n as f,
+  o as m
 };

package/dist/chunks/utils4.js

@@ -1,19 +1,51 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-function n(t, a) {
-  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
+import { formatNumber as i } from "@arcgis/core/intl.js";
+const p = /* @__PURE__ */ new Map([
+  ["a3-landscape", "a3-landscape"],
+  ["a3-portrait", "a3-portrait"],
+  ["a4-landscape", "a4-landscape"],
+  ["a4-portrait", "a4-portrait"],
+  ["letter-ansi-a-landscape", "ansi-a-landscape"],
+  ["letter-ansi-a-portrait", "ansi-a-portrait"],
+  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
+  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
+]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
+function f(a) {
+  if (!a)
+    return;
+  const t = a.layoutTemplateInfo;
+  if (!t)
+    return;
+  const [e, n] = t.pageSize;
+  return `${i(e)} × ${i(n)} ${a.pageUnits}`;
 }
-function h(t, a) {
-  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
+function d(a, t) {
+  const { label: e, layout: n, layoutItem: o } = a, r = n && !o && t[n] ? t[n] : null;
+  return r || ((e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled);
 }
-function M(t, a) {
-  return 2 * Math.atan(Math.tan(Math.PI * (t / 2) / 180) * (1 / a) / Math.sqrt((1 / a) ** 2 + 1)) * 180 / Math.PI;
+function g(a) {
+  return p.get(a);
+}
+const b = /* @__PURE__ */ new Map([
+  ["AIX", "aix"],
+  ["EPS", "eps"],
+  ["GIF", "gif"],
+  ["JPG", "jpg"],
+  ["PDF", "pdf"],
+  ["PNG32", "png32"],
+  ["PNG8", "png8"],
+  ["SVG", "svg"],
+  ["SVGZ", "svgz"],
+  ["TIFF", "tiff"]
+]), s = "map-only";
+function m(a) {
+  return a?.toLowerCase() === s;
 }
-const o = 120, r = 50, s = 5;
 export {
-  r as a,
-  h as b,
-  M as c,
-  s as d,
-  n as f,
-  o as m
+  f as a,
+  g as b,
+  b as f,
+  d as g,
+  m as i,
+  u as r
 };

package/dist/chunks/utils5.js

@@ -1,51 +1,55 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { formatNumber as i } from "@arcgis/core/intl.js";
-const p = /* @__PURE__ */ new Map([
-  ["a3-landscape", "a3-landscape"],
-  ["a3-portrait", "a3-portrait"],
-  ["a4-landscape", "a4-landscape"],
-  ["a4-portrait", "a4-portrait"],
-  ["letter-ansi-a-landscape", "ansi-a-landscape"],
-  ["letter-ansi-a-portrait", "ansi-a-portrait"],
-  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
-  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
-]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
-function f(a) {
-  if (!a)
-    return;
-  const t = a.layoutTemplateInfo;
-  if (!t)
-    return;
-  const [e, n] = t.pageSize;
-  return `${i(e)} × ${i(n)} ${a.pageUnits}`;
+const r = [
+  -45,
+  0,
+  45,
+  -90,
+  90,
+  -135,
+  180,
+  135
+], s = [...r, -180], l = 200, h = {
+  0: { label: "north", iconName: "chevron-up" },
+  45: { label: "northEast", iconName: "chevron-up-right" },
+  90: { label: "east", iconName: "chevron-right" },
+  135: { label: "southEast", iconName: "chevron-down-right" },
+  180: { label: "south", iconName: "chevron-down" },
+  "-135": { label: "southWest", iconName: "chevron-down-left" },
+  "-90": { label: "west", iconName: "chevron-left" },
+  "-45": { label: "northWest", iconName: "chevron-up-left" }
+};
+function u(e) {
+  const t = i(e), o = s.map((n) => ({
+    angle: n,
+    offset: Math.abs(n - t)
+  })).sort((n, c) => n.offset - c.offset)[0].angle;
+  return o === -180 ? 180 : o;
+}
+function d(e) {
+  const t = e * Math.PI / 180;
+  return { x: Math.sin(t), y: Math.cos(t) };
+}
+function f(e, t) {
+  const a = t.y - e.y, o = t.x - e.x, n = Math.sqrt(o * o + a * a);
+  return { x: o / n, y: a / n };
 }
-function d(a, t) {
-  const { label: e, layout: n, layoutItem: o } = a, r = n && !o && t[n] ? t[n] : null;
-  return r || ((e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled);
+function g(e) {
+  const { x: t, y: a, width: o, height: n } = e.getBoundingClientRect();
+  return { x: t + o / 2, y: a + n / 2 };
 }
-function g(a) {
-  return p.get(a);
+function m(e) {
+  return e?.spatialReference?.isWebMercator || e?.spatialReference?.isGeographic || !1;
 }
-const b = /* @__PURE__ */ new Map([
-  ["AIX", "aix"],
-  ["EPS", "eps"],
-  ["GIF", "gif"],
-  ["JPG", "jpg"],
-  ["PDF", "pdf"],
-  ["PNG32", "png32"],
-  ["PNG8", "png8"],
-  ["SVG", "svg"],
-  ["SVGZ", "svgz"],
-  ["TIFF", "tiff"]
-]), s = "map-only";
-function m(a) {
-  return a?.toLowerCase() === s;
+function i({ x: e, y: t }) {
+  return Math.atan2(e, t) * 180 / Math.PI;
 }
 export {
-  f as a,
-  g as b,
-  b as f,
-  d as g,
-  m as i,
-  u as r
+  d as a,
+  r as b,
+  m as c,
+  l as d,
+  h as e,
+  g as f,
+  f as t,
+  u as v
 };

package/dist/components/arcgis-area-measurement-2d/customElement.d.ts

@@ -227,12 +227,20 @@ export abstract class ArcgisAreaMeasurement2d extends LitElement {
   /**
    * Unit system (imperial, metric) or specific unit used for displaying the area values. Possible values are listed in
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unitOptions).
+   *
+   * 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).
+   * This property overrides the area unit on this component's analysis without changing the units configured in the view.
    */
   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`.
-   * Possible [unit](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/#unit) values can only be a subset of this list.
+   * If the unit inherited from the view through
+   * [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.
+   * 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).
    */
   accessor unitOptions: Array<SystemOrAreaUnit>;
   /**