@arcgis/charts-components 5.1.0-next.9 → 5.1.0-next.91

package/dist/chunks/class-breaks.js

@@ -1,109 +1,103 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import v from "@arcgis/core/Color.js";
-import { compact as w, intersection as D, flatMap as E, sortBy as T } from "lodash-es";
+import w from "@arcgis/core/Color.js";
+import { createClassBreaksRenderer as D } from "@arcgis/core/smartMapping/renderers/color.js";
+import { H as R, dT as x } from "./index.js";
+import { memoize as I, isEqual as y, sortBy as T, flatMap as A } from "lodash-es";
 import "@arcgis/toolkit/type";
-import "./series-types.js";
-import { a as I, c as N, f as A } from "./rest-js-object-literals.js";
-function S(e, o, s) {
-  const l = Math.max(0, Math.min(1, s));
+import { u as E } from "./series-types.js";
+import { g as N, f as O, i as H } from "./rest-js-object-literals.js";
+import { getSchemes as K } from "@arcgis/core/smartMapping/symbology/color.js";
+import { a as P } from "./index3.js";
+import * as V from "@arcgis/core/smartMapping/symbology/support/colorRamps.js";
+const b = V.all(), z = K({ geometryType: "point", theme: "high-to-low" });
+function F(e, o, s) {
+  const t = Math.max(0, Math.min(1, s));
   return [
-    Math.round(e[0] + (o[0] - e[0]) * l),
-    Math.round(e[1] + (o[1] - e[1]) * l),
-    Math.round(e[2] + (o[2] - e[2]) * l),
-    Math.round(e[3] + (o[3] - e[3]) * l)
+    Math.round(e[0] + (o[0] - e[0]) * t),
+    Math.round(e[1] + (o[1] - e[1]) * t),
+    Math.round(e[2] + (o[2] - e[2]) * t),
+    Math.round(e[3] + (o[3] - e[3]) * t)
   ];
 }
-function O(e) {
-  const { colorRamp: o, numberOfClassBreaks: s, isFlipped: l } = e;
-  let r = [], n = [], c = !1;
+function $(e, o) {
+  return o?.length === e ? o : [];
+}
+function j(e) {
+  const {
+    numberOfClassBreaks: o,
+    baseColors: s,
+    fallbackStartColor: t = [237, 248, 251, 255],
+    fallbackEndColor: l = [136, 65, 157, 255]
+  } = e;
+  let r = [];
+  if (o > 0) {
+    const n = s?.[0] ?? t, a = s && s.length > 1 ? s[s.length - 1] : l;
+    if (o === 1)
+      r = [n];
+    else
+      for (let i = 0; i < o; i++) {
+        const c = i / (o - 1);
+        r.push(F(n, a, c));
+      }
+  }
+  return r;
+}
+function L(e) {
+  const { colorRamp: o, numberOfClassBreaks: s, isFlipped: t } = e;
+  let l = [], r = !1;
   if (o.colorsForClassBreaks && o.colorsForClassBreaks.length > 0) {
-    const t = o.colorsForClassBreaks.find(
+    const n = o.colorsForClassBreaks.find(
       (a) => a.numClasses === s
     );
-    if (t?.colors?.length === s) {
-      const a = t.colors.map((m) => g(m));
-      a.every((m) => m !== void 0) && (n = l ? a.reverse() : a, c = !0);
+    if (n?.colors?.length === s) {
+      const a = n.colors.map((c) => C(c));
+      a.every((c) => c !== void 0) && (l = t ? a.reverse() : a, r = !0);
     }
   }
-  if (!c) {
-    const t = o.colors || [];
-    if (t.length > 0) {
-      for (let a = 0; a < s; a++) {
-        const i = s > 1 ? a / (s - 1) : 0, m = Math.floor(i * (t.length - 1)), d = Math.min(m + 1, t.length - 1), u = i * (t.length - 1) - m, f = g(t[m]), h = g(t[d]);
-        if (!f || !h) {
-          r = [];
+  if (!r) {
+    const n = o.colors || [];
+    if (n.length > 0) {
+      let a = n.map(C).filter((c) => c !== void 0);
+      t && (a = a.reverse());
+      const i = [];
+      for (let c = 0; c < s; c++) {
+        const m = s > 1 ? c / (s - 1) : 0, u = Math.floor(m * (a.length - 1)), d = Math.min(u + 1, a.length - 1), h = a[u], p = a[d];
+        if (!h || !p) {
+          l = [];
           break;
         }
-        const y = S(f, h, u);
-        r.push(y);
+        const v = m * (a.length - 1) - u, B = F(h, p, v);
+        i.push(B);
       }
-      n = r;
+      l = i;
     }
   }
-  return n;
+  return l;
 }
-function k(e) {
-  const { numberOfClassBreaks: o, selectedColorRamp: s, colorRamp: l, isFlipped: r = !1 } = e;
-  let n = [], c = [136, 65, 157, 255], t = [237, 248, 251, 255];
-  if (l && l.length > 0 && l.length === o ? n = l : s && (n = O({ colorRamp: s, numberOfClassBreaks: o, isFlipped: r })), n.length !== o) {
-    t = n[0] ?? l?.[0] ?? t, c = n.length > 1 && n[n.length - 1] !== void 0 ? n[n.length - 1] : c;
-    const a = [t];
-    if (o > 1) {
-      for (let i = 1; i < o; i++) {
-        const m = i / (o - 1), d = S(t, c, m);
-        a.push(d);
-      }
-      a.push(c);
-    }
-    n = a;
-  }
-  return n;
+function M(e) {
+  const { numberOfClassBreaks: o, selectedColorRamp: s, colorRamp: t, isFlipped: l = !1 } = e;
+  let r = $(o, t);
+  const n = s ? L({ colorRamp: s, numberOfClassBreaks: o, isFlipped: l }) : [];
+  return r.length !== o && (r = n), r.length !== o && (r = j({
+    numberOfClassBreaks: o,
+    baseColors: n.length > 0 ? n : t
+  })), r;
 }
-function P(e, o = 2) {
-  return `≤ ${((l) => {
-    let r = "";
-    return l % 1 === 0 ? r = l.toString() : r = l.toFixed(o), r;
+function q(e, o = 2) {
+  return `≤ ${((t) => {
+    let l = "";
+    return t % 1 === 0 ? l = t.toString() : l = t.toFixed(o), l;
   })(e)}`;
 }
-function q(e) {
-  const { classBreaksRendererResult: o, numberOfClassBreaks: s, selectedColorRamp: l, colorRamp: r, isFlipped: n } = e, c = [], t = o.classBreaksResult.classBreakInfos;
-  if (t && t.length > 0) {
-    const a = k({
-      numberOfClassBreaks: s,
-      selectedColorRamp: l,
-      colorRamp: r,
-      isFlipped: n
-    }), i = V(t.flatMap((m) => [m.maxValue]));
-    t.forEach((m, d) => {
-      const { maxValue: u, minValue: f } = m, h = P(u, i);
-      c.push({
-        classMinValue: f,
-        classMaxValue: u,
-        label: h,
-        symbol: {
-          type: A.SFS,
-          style: N.Solid,
-          color: a[d] || [0, 0, 0, 255],
-          outline: {
-            style: I.Solid,
-            width: 0.5,
-            color: [50, 50, 50, 0.6]
-          }
-        }
-      });
-    });
-  }
-  return c;
-}
-function z(e) {
+function le(e) {
   let o = "#000000";
   if (e && Array.isArray(e) && e.length >= 3) {
-    const s = p(e[0] || 0), l = p(e[1] || 0), r = p(e[2] || 0), n = s.toString(16).padStart(2, "0"), c = l.toString(16).padStart(2, "0"), t = r.toString(16).padStart(2, "0");
-    o = `#${n}${c}${t}`;
+    const s = f(e[0] || 0), t = f(e[1] || 0), l = f(e[2] || 0), r = s.toString(16).padStart(2, "0"), n = t.toString(16).padStart(2, "0"), a = l.toString(16).padStart(2, "0");
+    o = `#${r}${n}${a}`;
   }
   return o;
 }
-const G = {
+const ne = {
   all: ["*"],
   light: ["light"],
   dark: ["dark"],
@@ -116,94 +110,218 @@ const G = {
   bright: ["bright"],
   subdued: ["subdued"],
   colorblindFriendly: ["colorblind-friendly"]
-}, W = {
+}, ce = {
   all: "all"
-}, V = (e) => {
+}, W = (e) => {
   let o = 0;
-  const s = (c, t) => {
-    const a = 10 ** t;
-    return Math.round(c * a) / a;
-  }, l = (c) => {
-    let t = 0;
-    return c.forEach((a) => {
+  const s = (r) => {
+    let n = 0;
+    return r.forEach((a) => {
       const i = a.toString().split(".")[1];
-      i && (t = Math.max(t, i.length));
-    }), t;
-  }, r = [...e].sort((c, t) => c - t), n = l(r);
-  for (; o <= n && r.some(
-    (t, a) => a > 0 && s(t, o) <= s(r[a - 1], o)
+      i && (n = Math.max(n, i.length));
+    }), n;
+  }, t = [...e].sort((r, n) => r - n), l = s(t);
+  for (; o <= l && t.some(
+    (n, a) => a > 0 && x(n, o) <= x(t[a - 1], o)
   ); )
     o++;
-  return Math.min(o, n);
+  return Math.min(o, l);
 };
-function p(e) {
+function f(e) {
   return Math.max(0, Math.min(255, Math.round(e)));
 }
-function g(e) {
+function C(e) {
   let o;
-  if (e instanceof v) {
+  if (e instanceof w) {
     const s = e.toRgba();
-    o = [p(s[0]), p(s[1]), p(s[2]), p(s[3] * 255)];
-  } else if (Array.isArray(e) && e.every((s) => typeof s == "number") && (e.length === 3 || e.length === 4)) {
-    const s = e.length >= 4 ? e[3] ?? 255 : 255, l = p(s <= 1 ? s * 255 : s);
-    return [p(e[0] ?? 0), p(e[1] ?? 0), p(e[2] ?? 0), l];
+    o = [f(s[0]), f(s[1]), f(s[2]), f(s[3] * 255)];
+  } else if (Array.isArray(e) && e.every((s) => typeof s == "number") && e.length === 4) {
+    const s = e.length >= 4 ? e[3] ?? 255 : 255, t = f(s <= 1 ? s * 255 : s);
+    o = [f(e[0] ?? 0), f(e[1] ?? 0), f(e[2] ?? 0), t];
+  }
+  return o;
+}
+function g(e) {
+  const o = [];
+  for (const s of e) {
+    const t = C(s);
+    t && o.push(t);
   }
   return o;
 }
+function k(e, o) {
+  let s = 0;
+  const t = e.size <= o.size ? e : o, l = t === e ? o : e;
+  for (const r of t)
+    l.has(r) && s++;
+  return s;
+}
+function G(e) {
+  return [
+    ...e.colors ?? [],
+    ...A(e.colorsForClassBreaks ?? [], (o) => o.colors ?? [])
+  ];
+}
+function J(e) {
+  const { ramp: o, breakKeys: s, breakCount: t, weights: l } = e, r = (p) => p.join(","), n = o.colorsForClassBreaks?.find((p) => p.numClasses === t)?.colors ?? [], a = new Set(g(n).map(r)), i = k(s, a), c = new Set(
+    g(M({ numberOfClassBreaks: t, selectedColorRamp: o })).map(
+      r
+    )
+  ), m = k(s, c), u = G(o).filter((p) => !!p), d = new Set(g(u).map(r)), h = k(s, d);
+  return i * l.exactN + m * l.generated + h * l.anyOverlap;
+}
 function Y(e, o) {
   const s = {
     exactN: 100,
     generated: 10,
     anyOverlap: 1
-  }, l = (t) => t.join(","), r = (t) => w(t.map(g)), n = (t, a) => D([...t], [...a]).length;
-  let c;
+  }, t = (r) => r.join(",");
+  let l;
   if (e?.length) {
-    const t = r(e.map((u) => u.symbol?.color)), a = new Set(t.map(l)), i = t.length, m = o.map((u) => {
-      const f = new Set(
-        r(k({ numberOfClassBreaks: i, selectedColorRamp: u })).map(l)
-      ), h = n(a, f), y = u.colorsForClassBreaks?.find((b) => b.numClasses === i)?.colors ?? [], x = new Set(r(y).map(l)), C = n(a, x), M = [
-        ...u.colors ?? [],
-        ...E(u.colorsForClassBreaks ?? [], (b) => b.colors ?? [])
-      ], F = new Set(r(M).map(l)), R = n(a, F), B = C * s.exactN + h * s.generated + R * s.anyOverlap;
-      return { ramp: u, score: B };
-    }), d = T(m, [
-      (u) => -u.score,
+    const r = g(e.map((m) => m.symbol?.color)), n = new Set(r.map(t)), a = r.length, i = o.map((m) => {
+      const u = J({
+        ramp: m,
+        breakKeys: n,
+        breakCount: a,
+        weights: s
+      });
+      return { ramp: m, score: u };
+    }), c = T(i, [
+      (m) => -m.score,
       // descending score
-      (u) => u.ramp.name
+      (m) => m.ramp.name
       // ascending name
     ]);
-    d[0]?.score > 0 && (c = d[0].ramp);
+    c[0]?.score > 0 && (l = c[0].ramp);
   }
-  return c;
+  return l;
 }
-function J(e, o) {
+function ie(e, o) {
   let s = !0;
   if (!e?.length || o.length < 2)
     s = !1;
   else {
-    const l = e.map(g), r = o.map((n) => n.symbol.color);
-    if (l.length !== r.length)
+    const t = e.map(C), l = o.map((r) => r.symbol.color);
+    if (t.length !== l.length)
       s = !1;
     else {
-      const n = (a, i) => !!a && !!i && a.length === i.length && a.every((m, d) => m === i[d]);
-      let c = 0, t = r.length - 1;
-      for (; c < l.length && t >= 0; ) {
-        if (!n(l[c], r[t])) {
+      const r = (i, c) => !!i && !!c && i.length === c.length && i.every((m, u) => m === c[u]);
+      let n = 0, a = l.length - 1;
+      for (; n < t.length && a >= 0; ) {
+        if (!r(t[n], l[a])) {
           s = !1;
           break;
         }
-        c++, t--;
+        n++, a--;
       }
     }
   }
   return s;
 }
+async function Q(e) {
+  const { data: o, breaksCount: s, classificationMethod: t, xAxisField: l, colorsForClassBreaks: r } = e;
+  let n = [];
+  const a = await P({
+    categoryField: l ?? "",
+    categoryType: E.DateAxisFormat,
+    numericFields: [R.valueField],
+    inlineData: o
+  });
+  if (a.layer) {
+    const i = z?.primaryScheme, c = await D({
+      layer: a.layer,
+      field: R.valueField,
+      classificationMethod: t,
+      numClasses: s,
+      colorScheme: i
+    });
+    if (c?.classBreaksResult?.classBreakInfos?.length) {
+      const m = W(
+        c.classBreaksResult.classBreakInfos.map((u) => u.maxValue)
+      );
+      n = c.classBreaksResult.classBreakInfos.map((u, d) => ({
+        classMinValue: u.minValue,
+        classMaxValue: u.maxValue,
+        label: q(u.maxValue, m),
+        symbol: {
+          type: H.SFS,
+          style: O.Solid,
+          color: r?.[d] || [0, 0, 0, 255],
+          outline: {
+            style: N.Solid,
+            width: 0.5,
+            color: [50, 50, 50, 0.6]
+          }
+        }
+      }));
+    }
+  }
+  return n;
+}
+function U(e) {
+  const { selectedColorRamp: o, existingClassBreakInfos: s, availableColorRamps: t } = e;
+  if (o)
+    return o;
+  const l = t?.length ? t : S.esriColorRamps;
+  return (s?.length ? Y(s, l) : void 0) ?? S.defaultColorRampForCharts;
+}
+const me = I(
+  async (e) => {
+    const {
+      data: o,
+      breaksCount: s,
+      classificationMethod: t,
+      xAxisField: l,
+      selectedColorRamp: r,
+      availableColorRamps: n,
+      existingClassBreakInfos: a,
+      useExistingColors: i,
+      isFlipped: c
+    } = e, m = U({
+      selectedColorRamp: r,
+      existingClassBreakInfos: a,
+      availableColorRamps: n
+    }), u = M({
+      numberOfClassBreaks: s,
+      selectedColorRamp: m,
+      colorRamp: i ? a?.map((d) => d.symbol?.color) : void 0,
+      isFlipped: c
+    });
+    return await Q({
+      data: o,
+      classificationMethod: t,
+      breaksCount: s,
+      xAxisField: l,
+      colorsForClassBreaks: u
+    });
+  },
+  (e) => JSON.stringify(e)
+), S = {
+  esriColorRamps: b,
+  defaultColorRampForCharts: b.find((e) => e.name === "Blue 3") ?? b[0]
+};
+function ue({
+  currentBreaks: e,
+  configBreaks: o,
+  treatReversedColorsAsEqual: s = !0
+}) {
+  let t = !0;
+  if (Array.isArray(e) && Array.isArray(o)) {
+    const l = (r) => r.map(({ symbol: n, ...a }) => a);
+    if (y(l(e), l(o))) {
+      const r = e.map((c) => c.symbol?.color), n = o.map((c) => c.symbol?.color), a = y(r, n), i = y(r, [...n].reverse());
+      t = s ? !(a || i) : !a;
+    }
+  }
+  return t;
+}
 export {
-  W as C,
-  G as a,
-  z as c,
-  q as e,
-  k as g,
-  J as i,
+  ce as C,
+  ue as a,
+  le as b,
+  S as c,
+  ne as d,
+  me as g,
+  ie as i,
   Y as p
 };

package/dist/chunks/combo-bar-line-chart-model.js

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { g as p, s as b, a as _, b as L } from "./bar-chart-series.js";
 import { m as a } from "./model-setter.js";
-import { g as u, a as k, e as C, b as v, f as M, s as z, h as O, c as B, i as V, d as D, j as F, k as A, n as H, o as d, p as j, q as W, r as w, W as P } from "./negative-values-stacked-to-baseline.js";
+import { g as u, a as k, e as C, b as v, f as M, s as z, h as B, c as O, i as V, d as D, j as F, k as A, n as H, o as d, p as j, q as W, r as w, W as P } from "./negative-values-stacked-to-baseline.js";
 import { S as T, s as N } from "./serial-chart-model.js";
 import { a as q } from "./utils.js";
-import { W as S } from "./series-types.js";
-import { o as K, j as l, l as g } from "./index4.js";
-import { bd as E, b6 as y, bK as f, b3 as m } from "./index.js";
+import { u as S } from "./series-types.js";
+import { j as K, g as l, i as g } from "./index4.js";
+import { aB as E, aC as y, bK as f, a_ as m } from "./index.js";
 var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, n = (c, e, i, s) => {
   for (var t = J(e, i), r = c.length - 1, h; r >= 0; r--)
     (h = c[r]) && (t = h(e, i, t) || t);
@@ -79,7 +79,8 @@ class o extends T {
     }
   }
   /**
-   * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets the line style of the series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex The index of the series.
    */
@@ -91,7 +92,8 @@ class o extends T {
     l(s) && k(e, i, this._config);
   }
   /**
-   * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets the line width of the series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */
@@ -103,7 +105,8 @@ class o extends T {
     l(s) && v(e, i, this._config);
   }
   /**
-   * Gets the marker color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets the marker color of the series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */
@@ -115,19 +118,21 @@ class o extends T {
     l(s) && z(e, i, this._config);
   }
   /**
-   * Gets the marker style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets the marker style of the series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */
   getSeriesMarkerStyle(e) {
-    return O(e, this._config);
+    return B(e, this._config);
   }
   setSeriesMarkerStyle(e, i) {
     const s = this._config.series?.[i];
-    l(s) && B(e, i, this._config);
+    l(s) && O(e, i, this._config);
   }
   /**
-   * Gets the marker size of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets the marker size of the series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    * @param seriesIndex - The index of the series.
    */
   getSeriesMarkerSize(e) {
@@ -154,7 +159,7 @@ class o extends T {
     });
   }
   /**
-   * Specify whether the line series should show area.
+   * Indicate whether the area is visible for the line series.
    *
    * @param seriesIndex - The index of the series.
    */
@@ -186,7 +191,7 @@ class o extends T {
     });
   }
   /**
-   * Specify the color of the filled area for line chart.
+   * Gets the color of the filled area for line chart.
    * **Note:** `areaColor` will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
    *
    * @param seriesIndex - The index of the series.
@@ -203,7 +208,9 @@ class o extends T {
     }), N(e, i, this._config));
   }
   /**
-   * Gets whether to hide oversized data labels of the side-by-side series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets whether to hide oversized data labels of the side-by-side series based on the series index. '
+   *
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */
@@ -215,7 +222,8 @@ class o extends T {
     g(s) && b(e, i, this._config);
   }
   /**
-   * Gets whether to hide oversized data labels of the stacked series based on the series index. If the index is out of bounds, it will return `undefined`.
+   * Gets whether to hide oversized data labels of the stacked series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */

package/dist/chunks/common.js

@@ -85,10 +85,10 @@ export {
   t as H,
   o as L,
   A as M,
-  i as P,
+  n as P,
   s as S,
   l as T,
-  n as a,
+  i as a,
   r as b,
   e as c
 };

package/dist/chunks/data-labels-symbol.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { cloneDeep as l } from "lodash-es";
 import { C as n, m as b } from "./model-setter.js";
-import { aI as f, bB as i, aG as d } from "./index.js";
+import { aJ as f, T as i, aN as d } from "./index.js";
 var c = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (e, t, a, y) => {
   for (var s = m(t, a), o = e.length - 1, r; o >= 0; o--)
     (r = e[o]) && (s = r(t, a, s) || s);