@arcgis/charts-components 5.2.0-next.6 → 5.2.0-next.61

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

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

package/dist/chunks/class-breaks.js

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import W from "@arcgis/core/Color.js";
 import { createClassBreaksRenderer as q } from "@arcgis/core/smartMapping/renderers/color.js";
-import { a3 as G, bU as _ } from "./index2.js";
-import { cloneDeep as J, memoize as U, isEqual as T, sortBy as Y, flatMap as Q } from "lodash-es";
+import { a3 as G, cm as _ } from "./index2.js";
+import { cloneDeep as J, memoize as Y, isEqual as T, sortBy as Q, flatMap as U } from "lodash-es";
 import { getSchemes as X } from "@arcgis/core/smartMapping/symbology/color.js";
-import { j as L } from "./index.js";
+import { k as L } from "./index.js";
 import { i as k, f as b, g as C, R as F } from "./rest-js-object-literals.js";
 import * as Z from "@arcgis/core/smartMapping/symbology/support/colorRamps.js";
 import { u as ee } from "./chart-object-literals.js";
-function j(e) {
+function z(e) {
   let o;
   switch (e.length) {
     case 4: {
@@ -57,7 +57,7 @@ function j(e) {
 function x(e) {
   let o;
   if (typeof e == "string" && e.startsWith("#")) {
-    const t = j(e);
+    const t = z(e);
     t && (o = t);
   } else Array.isArray(e) && e.every((t) => typeof t == "number") && (e.length === 4 ? o = e : e.length === 3 && (o = [...e, 255]));
   return o;
@@ -104,7 +104,7 @@ function te(e) {
     }
   })), n;
 }
-function z(e) {
+function j(e) {
   const { numericFields: o, configFields: t, inlineData: s } = e, c = s;
   return "dataItems" in s && Object.entries(t).forEach(([n, r]) => {
     o.forEach((a) => {
@@ -164,7 +164,7 @@ async function se(e) {
     numericFields: s,
     configFields: c,
     inlineData: i
-  }), i = z({
+  }), i = j({
     numericFields: s,
     configFields: c,
     inlineData: i
@@ -178,9 +178,9 @@ async function se(e) {
   return l && (a = await G(l)), { chartRenderer: r, iLayer: l, layer: a };
 }
 const $e = {
-  hexToRGB: j,
+  hexToRGB: z,
   convertColor: x,
-  removeConfigFieldsFromData: z
+  removeConfigFieldsFromData: j
 }, w = Z.all(), re = X({ geometryType: "point", theme: "high-to-low" });
 function H(e, o, t) {
   const s = Math.max(0, Math.min(1, t));
@@ -331,7 +331,7 @@ function E(e, o) {
 function fe(e) {
   return [
     ...e.colors ?? [],
-    ...Q(e.colorsForClassBreaks ?? [], (o) => o.colors ?? [])
+    ...U(e.colorsForClassBreaks ?? [], (o) => o.colors ?? [])
   ];
 }
 function ue(e) {
@@ -358,7 +358,7 @@ function Ie(e, o) {
         weights: t
       });
       return { ramp: f, score: u };
-    }), l = Y(i, [
+    }), l = Q(i, [
       (f) => -f.score,
       // descending score
       (f) => f.ramp.name
@@ -440,7 +440,7 @@ function he(e) {
   const { colorRampName: o, availableColorRamps: t } = e;
   return de(o, t) ?? P.defaultColorRampForCharts;
 }
-const Ne = U(
+const Ne = Y(
   async (e) => {
     const {
       data: o,

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

@@ -1,24 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as p, s as b, a as _, b as L } from "./bar-chart-series.js";
+import { g as p, s as b, a as _, b as L, W as u } from "./rounded-corners.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 { S as T, s as N } from "./serial-chart-model.js";
-import { f as q } from "./utils.js";
+import { g as k, a as C, e as v, b as M, f as z, s as O, h as B, c as V, i as A, d as D, j as F, k as H, n as W, o as d, p as j, q as w, r as P, W as T } from "./negative-values-stacked-to-baseline.js";
+import { S as N, s as q } from "./serial-chart-model.js";
+import { f as R } from "./utils.js";
 import { u as S } from "./chart-object-literals.js";
-import { j as Y, g as l, i as g } from "./index5.js";
-import { w as E, x as y, Y as m } from "./index.js";
-import { an as f } from "./index2.js";
+import { bt as $, ap as f, bs as l, bd as g } from "./index2.js";
+import { z as E, A as y, $ 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);
   return t && G(e, i, t), t;
 };
-class o extends T {
+class o extends N {
   constructor() {
     super(...arguments), this._chartType = S.ComboLineAndBarSeries;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && (Y(e.config?.series) && this.initDefaultSeries(), this.updateSeriesFromLayerFilter()), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && ($(e.config?.series) && this.initDefaultSeries(), await this.rebuildSeries()), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
@@ -86,11 +85,11 @@ class o extends T {
    * @param seriesIndex The index of the series.
    */
   getSeriesLineStyle(e) {
-    return u(e, this._config);
+    return k(e, this._config);
   }
   setSeriesLineStyle(e, i) {
     const s = this._config.series?.[i];
-    l(s) && k(e, i, this._config);
+    l(s) && C(e, i, this._config);
   }
   /**
    * Gets the line width of the series based on the series index.
@@ -99,11 +98,11 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getSeriesLineWidth(e) {
-    return C(e, this._config);
+    return v(e, this._config);
   }
   setSeriesLineWidth(e, i) {
     const s = this._config.series?.[i];
-    l(s) && v(e, i, this._config);
+    l(s) && M(e, i, this._config);
   }
   /**
    * Gets the marker color of the series based on the series index.
@@ -112,11 +111,11 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getSeriesMarkerColor(e) {
-    return M(e, this._config);
+    return z(e, this._config);
   }
   setSeriesMarkerColor(e, i) {
     const s = this._config.series?.[i];
-    l(s) && z(e, i, this._config);
+    l(s) && O(e, i, this._config);
   }
   /**
    * Gets the marker style of the series based on the series index.
@@ -125,11 +124,11 @@ class o extends T {
    * @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) && V(e, i, this._config);
   }
   /**
    * Gets the marker size of the series based on the series index.
@@ -137,7 +136,7 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getSeriesMarkerSize(e) {
-    return V(e, this._config);
+    return A(e, this._config);
   }
   setSeriesMarkerSize(e, i) {
     const s = this._config.series?.[i];
@@ -153,7 +152,7 @@ class o extends T {
   }
   setLineSmoothed(e, i) {
     const s = this._config.series?.[i];
-    l(s) && A({
+    l(s) && H({
       smoothed: e,
       seriesIndex: i,
       config: this._config
@@ -165,7 +164,7 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   isAreaVisible(e) {
-    return H(e, this._config);
+    return W(e, this._config);
   }
   setAreaVisible(e, i) {
     const s = this._config.series?.[i];
@@ -185,7 +184,7 @@ class o extends T {
   }
   setMarkerVisible(e, i) {
     const s = this._config.series?.[i];
-    l(s) && W({
+    l(s) && w({
       visible: e,
       seriesIndex: i,
       config: this._config
@@ -198,7 +197,7 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getAreaColor(e) {
-    return w(e, this._config);
+    return P(e, this._config);
   }
   setAreaColor(e, i) {
     const s = this._config.series?.[i];
@@ -206,10 +205,10 @@ class o extends T {
       visible: !0,
       seriesIndex: i,
       config: this._config
-    }), N(e, i, this._config));
+    }), q(e, i, this._config));
   }
   /**
-   * Gets whether to hide oversized data labels of the side-by-side series based on the series index. '
+   * 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`.
    *
@@ -272,8 +271,8 @@ n([
 n([
   a
 ], o.prototype, "setSeriesHideOversizedStackedLabels");
-const K = [P];
-q(o, K);
+const K = [T, u];
+R(o, K);
 export {
   o as ComboBarLineChartModel
 };

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

@@ -1,43 +1,58 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { cloneDeep as l } from "lodash-es";
-import { C as n, m as b } from "./model-setter.js";
-import { E as f, T as i, I 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);
-  return s && c(t, a, s), s;
+import { cloneDeep as m } from "lodash-es";
+import { C as L, m as d } from "./model-setter.js";
+import { H as p, T as l, M as v } from "./index.js";
+var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, f = (e, t, a, r) => {
+  for (var s = u(t, a), o = e.length - 1, i; o >= 0; o--)
+    (i = e[o]) && (s = i(t, a, s) || s);
+  return s && y(t, a, s), s;
 };
 function h(e) {
   return e !== void 0 && "dataLabelsSymbol" in e;
 }
-const L = (e) => {
-  for (const t of e.series)
-    if (t.dataLabels !== void 0)
-      return t.dataLabels.content;
-}, v = (e, t) => {
-  for (const a of t.series)
-    (a.dataLabels === void 0 || e === void 0) && (a.dataLabels = f({
+const n = (e, t) => {
+  if (t !== void 0)
+    return e.series[t]?.dataLabels?.content;
+  for (const a of e.series)
+    if (a.dataLabels !== void 0)
+      return a.dataLabels.content;
+}, b = (e, t, a) => {
+  const r = a !== void 0 ? [t.series[a]] : t.series;
+  for (const s of r)
+    s !== void 0 && ((s.dataLabels === void 0 || e === void 0) && (s.dataLabels = p({
       text: "",
       visible: !0,
-      font: d(i.DataLabels),
-      type: i.DataLabels
-    })), e !== void 0 && (a.dataLabels.content = l(e));
+      font: v(l.DataLabels),
+      type: l.DataLabels
+    })), e !== void 0 && (s.dataLabels.content = m(e)));
 };
-class u extends n {
+class c extends L {
   /**
    * Data labels text symbol (font, color, style).
    */
   get dataLabelsSymbol() {
-    return L(this._config);
+    return n(this._config);
   }
   set dataLabelsSymbol(t) {
-    v(t, this._config);
+    b(t, this._config);
+  }
+  /**
+   * Gets the data labels text symbol for a specific series in the chart config.
+   */
+  getDataLabelsSymbol(t) {
+    return n(this._config, t);
+  }
+  setDataLabelsSymbol(t, a) {
+    b(t, this._config, a);
   }
 }
-p([
-  b
-], u.prototype, "dataLabelsSymbol");
+f([
+  d
+], c.prototype, "dataLabelsSymbol");
+f([
+  d
+], c.prototype, "setDataLabelsSymbol");
 export {
-  u as W,
+  c as W,
   h as i
 };

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

@@ -1,21 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { C as h } from "./chart-model.js";
 import { k as y } from "./chart-object-literals.js";
-import { S as d, E as b, T as r, I as v } from "./index.js";
+import { X as d, H as b, T as r, M as v } from "./index.js";
 import { m as o, C as f } from "./model-setter.js";
 const L = (t) => {
   let e = !1;
   return t.legend !== void 0 && (e = t.legend.visible ?? !0), e;
 }, u = (t, e) => {
   e.legend === void 0 && (e.legend = d()), e.legend.visible = t;
-}, x = (t) => t.legend?.title?.content, D = (t, e) => {
+}, x = (t) => t.legend?.title?.content, M = (t, e) => {
   e.legend === void 0 && (e.legend = d()), (e.legend.title === void 0 || t === void 0) && (e.legend.title = b({
     text: "",
     visible: !0,
     font: v(r.LegendTitle),
     type: r.LegendTitle
   })), t !== void 0 && (e.legend.title.content = t);
-}, M = (t) => t.legend?.body, V = (t, e) => {
+}, D = (t) => t.legend?.body, V = (t, e) => {
   e.legend === void 0 && (e.legend = d()), e.legend.body = t ?? b({
     text: "",
     visible: !0,
@@ -118,13 +118,13 @@ class g extends h {
     return x(this._config);
   }
   set legendTitleSymbol(e) {
-    D(e, this._config);
+    M(e, this._config);
   }
   /**
    * Legend item text symbol (font, color, style).
    */
   get legendTextSymbol() {
-    return M(this._config);
+    return D(this._config);
   }
   set legendTextSymbol(e) {
     V(e, this._config);
@@ -172,7 +172,7 @@ a([
 a([
   o
 ], g.prototype, "legendRoundMarker");
-const E = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, k = (t, e, i) => {
+const k = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, E = (t, e, i) => {
   i && t.series?.[i] ? t.series[i].dataTooltipVisible = e : t.series && t.series.forEach((p) => {
     p.dataTooltipVisible = e;
   });
@@ -181,10 +181,10 @@ const E = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, k = (t, e, i)
     p.dataTooltipReverseColor = e;
   });
 };
-var q = Object.defineProperty, z = Object.getOwnPropertyDescriptor, T = (t, e, i, p) => {
-  for (var l = z(e, i), s = t.length - 1, n; s >= 0; s--)
+var X = Object.defineProperty, q = Object.getOwnPropertyDescriptor, T = (t, e, i, p) => {
+  for (var l = q(e, i), s = t.length - 1, n; s >= 0; s--)
     (n = t[s]) && (l = n(e, i, l) || l);
-  return l && q(e, i, l), l;
+  return l && X(e, i, l), l;
 };
 class _ extends h {
   /**
@@ -195,10 +195,10 @@ class _ extends h {
    * @param seriesIndex - The index of the series.
    */
   getDataTooltipVisibility(e) {
-    return E(this._config, e);
+    return k(this._config, e);
   }
   setDataTooltipVisibility(e, i) {
-    k(this._config, e, i);
+    E(this._config, e, i);
   }
   /**
    * Gets the setting of the `dataTooltipReverseColor` property.
@@ -220,15 +220,15 @@ T([
 T([
   o
 ], _.prototype, "setDataTooltipReverseColor");
-var A = Object.defineProperty, G = Object.getOwnPropertyDescriptor, J = (t, e, i, p) => {
-  for (var l = G(e, i), s = t.length - 1, n; s >= 0; s--)
+var z = Object.defineProperty, A = Object.getOwnPropertyDescriptor, G = (t, e, i, p) => {
+  for (var l = A(e, i), s = t.length - 1, n; s >= 0; s--)
     (n = t[s]) && (l = n(e, i, l) || l);
-  return l && A(e, i, l), l;
+  return l && z(e, i, l), l;
 };
-const K = (t) => t.colorMatch ?? !0, N = (t, e) => {
+const J = (t) => t.colorMatch ?? !0, K = (t, e) => {
   e.colorMatch = t;
 };
-class Q extends f {
+class N extends f {
   /**
    * Whether the chart should attempt to match the data source's colors.
    *
@@ -236,19 +236,19 @@ class Q extends f {
    * `false`: Use the colors defined in the config.
    */
   get colorMatch() {
-    return K(this._config);
+    return J(this._config);
   }
   set colorMatch(e) {
-    N(e, this._config);
+    K(e, this._config);
   }
 }
-J([
+G([
   o
-], Q.prototype, "colorMatch");
-var U = Object.defineProperty, X = Object.getOwnPropertyDescriptor, Y = (t, e, i, p) => {
-  for (var l = X(e, i), s = t.length - 1, n; s >= 0; s--)
+], N.prototype, "colorMatch");
+var Q = Object.defineProperty, U = Object.getOwnPropertyDescriptor, Y = (t, e, i, p) => {
+  for (var l = U(e, i), s = t.length - 1, n; s >= 0; s--)
     (n = t[s]) && (l = n(e, i, l) || l);
-  return l && U(e, i, l), l;
+  return l && Q(e, i, l), l;
 };
 const Z = (t) => t.series[0]?.dataLabels?.visible ?? !1, I = (t, e) => {
   e.series.forEach((i) => {
@@ -276,7 +276,7 @@ Y([
 ], ee.prototype, "dataLabelsVisibility");
 export {
   g as M,
-  Q as W,
+  N as W,
   _ as a,
   ee as b
 };