@arcgis/charts-components 5.1.0-next.0 → 5.1.0-next.10

package/dist/chunks/chart-ui-utils.js

@@ -1,84 +1,89 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { w as c, W as r } from "./series-types.js";
-import { g as i } from "./runtime.js";
-import { fetchT9nStringsBundle as o, getElementLocale as h } from "@arcgis/toolkit/intl";
-function m(a) {
-  const s = c(a.series);
-  let e = "graph-bar";
-  switch (s) {
-    case r.LineSeries: {
-      e = "graph-time-series";
+import { w as o, W as e } from "./series-types.js";
+import { g as h } from "./runtime.js";
+import { fetchT9nStringsBundle as n, getElementLocale as p } from "@arcgis/toolkit/intl";
+import { i as m } from "./utils.js";
+function y(s) {
+  const c = o(s.series);
+  let t = "graph-bar";
+  switch (c) {
+    case e.LineSeries: {
+      t = "graph-time-series";
       break;
     }
-    case r.PieSeries: {
-      e = "pie-chart";
+    case e.PieSeries: {
+      t = "pie-chart";
       break;
     }
-    case r.HistogramSeries: {
-      e = "graph-histogram";
+    case e.HistogramSeries: {
+      t = "graph-histogram";
       break;
     }
-    case r.ScatterSeries: {
-      e = "graph-scatter-plot";
+    case e.ScatterSeries: {
+      t = "graph-scatter-plot";
       break;
     }
-    case r.BoxPlotSeries: {
-      e = "box-chart";
+    case e.BoxPlotSeries: {
+      t = "box-chart";
       break;
     }
-    case r.HeatSeries: {
-      e = "calendar-heat-chart";
+    case e.HeatSeries: {
+      t = "calendar-heat-chart";
       break;
     }
-    case r.BarSeries:
+    case e.BarSeries:
   }
-  return e;
+  return t;
 }
-async function b(a) {
-  const s = await o(
-    h(document.documentElement).t9nLocale,
-    i("./assets/common/t9n"),
+async function k(s, c) {
+  const t = await n(
+    p(document.documentElement).t9nLocale,
+    h("./assets/common/t9n"),
     "messages."
   );
-  return n(a, s);
+  return g({
+    chartType: s,
+    commonStrings: t,
+    config: c
+  });
 }
-function n(a, s) {
-  const e = s.utilsStrings;
-  let t = "";
-  switch (a) {
-    case r.HistogramSeries: {
-      t = e.chartType.histogram;
+function g(s) {
+  const { chartType: c, commonStrings: t, config: i } = s, a = t.utilsStrings;
+  let r = "";
+  switch (c) {
+    case e.HistogramSeries: {
+      r = a.chartType.histogram;
       break;
     }
-    case r.ScatterSeries: {
-      t = e.chartType.scatterplot;
+    case e.ScatterSeries: {
+      r = a.chartType.scatterplot;
       break;
     }
-    case r.BarSeries: {
-      t = e.chartType.barChart;
+    case e.BarSeries: {
+      r = a.chartType.barChart;
       break;
     }
-    case r.LineSeries: {
-      t = e.chartType.lineChart;
+    case e.LineSeries: {
+      r = a.chartType.lineChart;
       break;
     }
-    case r.PieSeries: {
-      t = e.chartType.pieChart;
+    case e.PieSeries: {
+      r = a.chartType.pieChart;
       break;
     }
-    case r.BoxPlotSeries: {
-      t = e.chartType.boxPlot;
+    case e.BoxPlotSeries: {
+      r = a.chartType.boxPlot;
       break;
     }
-    case r.HeatSeries: {
-      t = e.chartType.heatChart;
+    case e.HeatSeries: {
+      i ? r = m(i) ? a.chartType.matrixHeatChart : a.chartType.calendarHeatChart : r = a.chartType.heatChart;
       break;
     }
   }
-  return t;
+  return r;
 }
 export {
-  n as a,
-  b as f,
-  m as g
+  g as a,
+  k as f,
+  y as g
 };

package/dist/chunks/chart-ui-utils2.js

@@ -23,9 +23,9 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "./runtime.js";
+import { i as N } from "./utils.js";
 import { F as m, W as d } from "./interfaces.js";
 import { F as r } from "./common.js";
-import { i as N } from "./utils.js";
 const z = {
   DebounceTimer: 400,
   SliderTimer: 100,

package/dist/chunks/class-breaks.js

@@ -1,90 +1,91 @@
 /* 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 "@arcgis/toolkit/type";
 import "./series-types.js";
-import { a as b, c as x, f as S } from "./rest-js-object-literals.js";
-function f(e) {
-  const t = e.toRgba();
-  return t[3] = Math.round(t[3] * 255), t;
-}
-function g(e, t, r) {
-  const l = Math.max(0, Math.min(1, r));
+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));
   return [
-    Math.round(e[0] + (t[0] - e[0]) * l),
-    Math.round(e[1] + (t[1] - e[1]) * l),
-    Math.round(e[2] + (t[2] - e[2]) * l),
-    Math.round(e[3] + (t[3] - e[3]) * l)
+    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)
   ];
 }
-function k(e) {
-  const { colorRamp: t, numberOfClassBreaks: r, isFlipped: l } = e, c = [];
-  let a = [], n = !1;
-  if (t.colorsForClassBreaks && t.colorsForClassBreaks.length > 0) {
-    const o = t.colorsForClassBreaks.find(
-      (s) => s.numClasses === r
+function O(e) {
+  const { colorRamp: o, numberOfClassBreaks: s, isFlipped: l } = e;
+  let r = [], n = [], c = !1;
+  if (o.colorsForClassBreaks && o.colorsForClassBreaks.length > 0) {
+    const t = o.colorsForClassBreaks.find(
+      (a) => a.numClasses === s
     );
-    if (o?.colors?.length === r) {
-      const s = o.colors.map((i) => f(i));
-      a = l ? s.reverse() : s, n = !0;
+    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) {
-    const o = t.colors || [];
-    if (o.length > 0) {
-      for (let s = 0; s < r; s++) {
-        const i = r > 1 ? s / (r - 1) : 0, u = Math.floor(i * (o.length - 1)), m = Math.min(u + 1, o.length - 1), h = i * (o.length - 1) - u, p = f(o[u]), d = f(o[m]), M = g(p, d, h);
-        c.push(M);
+  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 = [];
+          break;
+        }
+        const y = S(f, h, u);
+        r.push(y);
       }
-      a = c;
+      n = r;
     }
   }
-  return a;
+  return n;
 }
-function C(e) {
-  const { numberOfClassBreaks: t, selectedColorRamp: r, colorRamp: l, isFlipped: c } = e;
-  let a = [], n = [136, 65, 157, 255], o = [237, 248, 251, 255];
-  if (l && l.length > 0 && l.length === t)
-    a = l;
-  else if (r) {
-    a = k({ colorRamp: r, numberOfClassBreaks: t, isFlipped: c }), o = a[0] ?? o, n = a.length > 1 && a[a.length - 1] !== void 0 ? a[a.length - 1] : n;
-    const s = [];
-    if (t > 1)
-      for (let i = 0; i < t; i++) {
-        const u = i / (t - 1), m = g(o, n, u);
-        s.push(m);
+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);
       }
-    else
-      s.push(o);
-    a = s;
+      a.push(c);
+    }
+    n = a;
   }
-  return a;
+  return n;
 }
-function y(e, t = 2) {
+function P(e, o = 2) {
   return `≤ ${((l) => {
-    let c = "";
-    return l % 1 === 0 ? c = l.toString() : c = l.toFixed(t), c;
+    let r = "";
+    return l % 1 === 0 ? r = l.toString() : r = l.toFixed(o), r;
   })(e)}`;
 }
-function T(e) {
-  const { classBreaksRendererResult: t, numberOfClassBreaks: r, selectedColorRamp: l, colorRamp: c, isFlipped: a } = e, n = [], o = t.classBreaksResult.classBreakInfos;
-  if (o && o.length > 0) {
-    const s = C({
-      numberOfClassBreaks: r,
+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: c,
-      isFlipped: a
-    }), i = F(o.flatMap((u) => [u.maxValue]));
-    o.forEach((u, m) => {
-      const { maxValue: h, minValue: p } = u, d = y(h, i);
-      n.push({
-        classMinValue: p,
-        classMaxValue: h,
-        label: d,
+      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: S.SFS,
-          style: x.Solid,
-          color: s[m] || [0, 0, 0, 255],
+          type: A.SFS,
+          style: N.Solid,
+          color: a[d] || [0, 0, 0, 255],
           outline: {
-            style: b.Solid,
+            style: I.Solid,
             width: 0.5,
             color: [50, 50, 50, 0.6]
           }
@@ -92,17 +93,17 @@ function T(e) {
       });
     });
   }
-  return n;
+  return c;
 }
-function w(e) {
-  let t = "#000000";
+function z(e) {
+  let o = "#000000";
   if (e && Array.isArray(e) && e.length >= 3) {
-    const r = Math.max(0, Math.min(255, Math.round(e[0] || 0))), l = Math.max(0, Math.min(255, Math.round(e[1] || 0))), c = Math.max(0, Math.min(255, Math.round(e[2] || 0))), a = r.toString(16).padStart(2, "0"), n = l.toString(16).padStart(2, "0"), o = c.toString(16).padStart(2, "0");
-    t = `#${a}${n}${o}`;
+    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}`;
   }
-  return t;
+  return o;
 }
-const E = {
+const G = {
   all: ["*"],
   light: ["light"],
   dark: ["dark"],
@@ -115,30 +116,94 @@ const E = {
   bright: ["bright"],
   subdued: ["subdued"],
   colorblindFriendly: ["colorblind-friendly"]
-}, I = {
+}, W = {
   all: "all"
-}, F = (e) => {
-  let t = 0;
-  const r = (n, o) => {
-    const s = 10 ** o;
-    return Math.round(n * s) / s;
-  }, l = (n) => {
-    let o = 0;
-    return n.forEach((s) => {
-      const i = s.toString().split(".")[1];
-      i && (o = Math.max(o, i.length));
-    }), o;
-  }, c = [...e].sort((n, o) => n - o), a = l(c);
-  for (; t <= a && c.some(
-    (o, s) => s > 0 && r(o, t) <= r(c[s - 1], t)
+}, V = (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 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)
   ); )
-    t++;
-  return Math.min(t, a);
+    o++;
+  return Math.min(o, n);
 };
+function p(e) {
+  return Math.max(0, Math.min(255, Math.round(e)));
+}
+function g(e) {
+  let o;
+  if (e instanceof v) {
+    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];
+  }
+  return o;
+}
+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;
+  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,
+      // descending score
+      (u) => u.ramp.name
+      // ascending name
+    ]);
+    d[0]?.score > 0 && (c = d[0].ramp);
+  }
+  return c;
+}
+function J(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)
+      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])) {
+          s = !1;
+          break;
+        }
+        c++, t--;
+      }
+    }
+  }
+  return s;
+}
 export {
-  I as C,
-  E as a,
-  w as c,
-  T as e,
-  C as g
+  W as C,
+  G as a,
+  z as c,
+  q as e,
+  k as g,
+  J as i,
+  Y as p
 };

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

@@ -22,6 +22,7 @@ class o extends T {
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
+  /** @private */
   generateDefaultConfig() {
     const e = E(this.commonStrings);
     return e.series = [
@@ -33,6 +34,8 @@ class o extends T {
   }
   /**
    * Initializes the default series for the combo bar-line chart. Used in resetting the series styling.
+   *
+   * @private
    */
   initDefaultSeries() {
     this.defaultSeries = m({

package/dist/chunks/data.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { capitalize as y } from "lodash-es";
 import "@arcgis/toolkit/type";
-import { g as l, t as n, w as F, W as d, a as A } from "./series-types.js";
-import { bV as h, b as $, d as L, aw as N, dh as I, o as H, bK as _, cF as P, df as W, c as v, a as K } from "./index.js";
+import { g as l, t as n, w as F, W as d, a as f } from "./series-types.js";
+import { bV as x, b as $, d as L, aw as N, di as I, o as H, bK as _, cF as P, dg as W, c as v, a as K } from "./index.js";
 import "@arcgis/toolkit/intl";
 import "luxon";
 import "d3-array";
@@ -15,12 +15,13 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
+import "@arcgis/core/intl.js";
 import { H as u, S as o, a as M } from "./common.js";
 function U(e, t) {
   let r;
   return t === n.Category && Array.isArray(e) ? r = o.customSort : t === n.Category ? r = e === l.Ascending ? o.xAxisAsc : o.xAxisDesc : e === l.Ascending ? r = o.yAxisAsc : r = o.yAxisDesc, r;
 }
-function de(e, t) {
+function ne(e, t) {
   let r;
   return t === n.Category && Array.isArray(e) ? r = u.customSort : r = e === l.Ascending ? u.Asc : u.Desc, r;
 }
@@ -34,11 +35,11 @@ const V = (e) => {
   const t = F(e.series);
   let r = !1;
   return (t === d.BarSeries || t === d.LineSeries) && (r = V(e) === o.customSort), r;
-}, ne = (e) => {
+}, le = (e) => {
   let t = [];
   const r = e.orderOptions?.data?.orderType;
   return E(e) && r === n.Category && (t = e.orderOptions?.data?.orderBy), t;
-}, le = (e, t, r, s) => {
+}, ce = (e, t, r, s) => {
   const i = F(t.series), m = I(t);
   t.orderOptions ??= {};
   let a = m ? [""] : l.Ascending;
@@ -62,7 +63,7 @@ const V = (e) => {
       orderBy: a
     });
   }
-}, ce = (e) => e?.series?.[0]?.x ?? "", pe = (e) => {
+}, pe = (e) => e?.series?.[0]?.x ?? "", me = (e) => {
   const {
     config: t,
     xAxisField: r,
@@ -71,14 +72,14 @@ const V = (e) => {
     mode: m,
     layer: a,
     numericFieldIndex: c,
-    seriesIndex: x,
+    seriesIndex: h,
     splitByField: S = "",
     fieldList: O
   } = e, T = F(t.series), b = H(t.series), { idField: D, isTraditionalTypeOID: B } = _(P(a)), C = B && s.length === 1 && s[0] === D;
-  let p = "y", f = "y";
+  let p = "y", A = "y";
   switch (T) {
     case d.PieSeries: {
-      i !== A.NoAggregation ? m === M.Category ? (p = `${i}_${s[0]}_0`.toUpperCase(), f = C ? y(A.Count) : y(`${i} of ${s[0]}`)) : p = K : p = s[0];
+      i !== f.NoAggregation ? m === M.Category ? (p = `${i}_${s[0]}_0`.toUpperCase(), A = C ? y(f.Count) : y(`${i} of ${s[0]}`)) : p = K : p = s[0];
       break;
     }
     case d.BarSeries:
@@ -91,35 +92,35 @@ const V = (e) => {
           fieldName: r,
           numericFields: s,
           fieldList: O ?? []
-        }) || b === W.BarAndLineFromFields ? p = v : (p = `${i}_${s[c ?? 0]}_${c ?? 0}`.toUpperCase(), f = C ? y(A.Count) : y(`${i} of ${s[c ?? 0]}`));
+        }) || b === W.BarAndLineFromFields ? p = v : (p = `${i}_${s[c ?? 0]}_${c ?? 0}`.toUpperCase(), A = C ? y(f.Count) : y(`${i} of ${s[c ?? 0]}`));
       else {
         const g = s[0];
-        p = `${i}_${g}_${x ?? 0}`.toUpperCase(), f = C ? y(A.Count) : y(`${i} of ${g}`);
+        p = `${i}_${g}_${h ?? 0}`.toUpperCase(), A = C ? y(f.Count) : y(`${i} of ${g}`);
       }
       break;
     }
   }
   return {
     name: p,
-    description: f
+    description: A
   };
 };
 function Y(e) {
-  const { fieldName: t, fieldList: r } = e, s = h(r ?? [], t);
+  const { fieldName: t, fieldList: r } = e, s = x(r ?? [], t);
   return t === $ || t === L || t === N || t === void 0 || t.trim() === "" || s === void 0;
 }
 function j(e) {
-  const { fieldName: t, fieldList: r, numericFields: s } = e, i = s.filter((m) => h(r ?? [], m)?.type !== "esriFieldTypeOID");
+  const { fieldName: t, fieldList: r, numericFields: s } = e, i = s.filter((m) => x(r ?? [], m)?.type !== "esriFieldTypeOID");
   return Y({ fieldName: t, fieldList: r }) && (i?.length ?? 0) > 0;
 }
 export {
   V as a,
-  ce as b,
+  pe as b,
   j as c,
-  ne as d,
-  de as e,
+  le as d,
+  ne as e,
   U as f,
-  pe as g,
-  le as s,
+  me as g,
+  ce as s,
   Y as x
 };

package/dist/chunks/gauge-model.js

@@ -333,6 +333,7 @@ class s extends v {
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
+  /** @private */
   generateDefaultConfig() {
     const e = M(this.commonStrings);
     return e.series = [x({ objectIDField: N(this.layerInfo.layer).idField })], e;