@arcgis/charts-components 5.2.0-next.4 → 5.2.0-next.40

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 P 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, bW 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,11 +178,11 @@ 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) {
+function W(e, o, t) {
   const s = Math.max(0, Math.min(1, t));
   return [
     Math.round(e[0] + (o[0] - e[0]) * s),
@@ -209,7 +209,7 @@ function ne(e) {
     else
       for (let i = 0; i < o; i++) {
         const l = i / (o - 1);
-        n.push(H(r, a, l));
+        n.push(W(r, a, l));
       }
   }
   return n;
@@ -238,7 +238,7 @@ function le(e) {
           c = [];
           break;
         }
-        const R = f * (a.length - 1) - u, g = H(m, d, R);
+        const R = f * (a.length - 1) - u, g = W(m, d, R);
         i.push(g);
       }
       c = i;
@@ -246,7 +246,7 @@ function le(e) {
   }
   return c;
 }
-function K(e) {
+function H(e) {
   const { numberOfClassBreaks: o, selectedColorRamp: t, colorRamp: s, isFlipped: c = !1 } = e;
   let n = ae(o, s);
   const r = t ? le({ colorRamp: t, numberOfClassBreaks: o, isFlipped: c }) : [];
@@ -304,7 +304,7 @@ function y(e) {
 }
 function M(e) {
   let o;
-  if (e instanceof W) {
+  if (e instanceof P) {
     const t = e.toRgba();
     o = [y(t[0]), y(t[1]), y(t[2]), y(t[3] * 255)];
   } else if (Array.isArray(e) && e.every((t) => typeof t == "number") && e.length === 4) {
@@ -331,12 +331,12 @@ 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) {
   const { ramp: o, breakKeys: t, breakCount: s, weights: c } = e, n = (d) => d.join(","), r = o.colorsForClassBreaks?.find((d) => d.numClasses === s)?.colors ?? [], a = new Set(I(r).map(n)), i = E(t, a), l = new Set(
-    I(K({ numberOfClassBreaks: s, selectedColorRamp: o })).map(
+    I(H({ numberOfClassBreaks: s, selectedColorRamp: o })).map(
       n
     )
   ), f = E(t, l), u = fe(o).filter((d) => !!d), p = new Set(I(u).map(n)), m = E(t, p);
@@ -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
@@ -431,16 +431,16 @@ async function me(e) {
   return r;
 }
 function pe(e) {
-  return e?.length ? e : P.esriColorRamps;
+  return e?.length ? e : K.esriColorRamps;
 }
 function de(e, o) {
   return e ? pe(o).find((s) => s.name === e) : void 0;
 }
 function he(e) {
   const { colorRampName: o, availableColorRamps: t } = e;
-  return de(o, t) ?? P.defaultColorRampForCharts;
+  return de(o, t) ?? K.defaultColorRampForCharts;
 }
-const Ne = U(
+const Ne = Y(
   async (e) => {
     const {
       data: o,
@@ -455,7 +455,7 @@ const Ne = U(
     } = e, f = he({
       colorRampName: n,
       availableColorRamps: r
-    }), u = l ?? !1, p = K({
+    }), u = l ?? !1, p = H({
       numberOfClassBreaks: t,
       selectedColorRamp: f,
       colorRamp: i ? a?.map((m) => m.symbol?.color) : void 0,
@@ -470,7 +470,7 @@ const Ne = U(
     });
   },
   (e) => JSON.stringify(e)
-), P = {
+), K = {
   esriColorRamps: w,
   defaultColorRampForCharts: w.find((e) => e.name === "Blue 3") ?? w[0]
 };
@@ -495,8 +495,8 @@ export {
   oe as b,
   te as c,
   Be as d,
-  P as e,
-  K as f,
+  K as e,
+  H as f,
   Ne as g,
   Me as h,
   $e as i,

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

@@ -1,24 +1,24 @@
 /* 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 D, d as F, j as A, k as H, n as W, o as d, p as j, q as P, r as T, W as w } 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 { j as Z, g as l, i as g } from "./index5.js";
+import { x as E, y, Z as m } from "./index.js";
 import { an as f } from "./index2.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 && (Z(e.config?.series) && this.initDefaultSeries(), this.updateSeriesFromLayerFilter()), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
@@ -86,11 +86,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 +99,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 +112,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 +125,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,11 +137,11 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getSeriesMarkerSize(e) {
-    return V(e, this._config);
+    return D(e, this._config);
   }
   setSeriesMarkerSize(e, i) {
     const s = this._config.series?.[i];
-    l(s) && D(e, i, this._config);
+    l(s) && F(e, i, this._config);
   }
   /**
    * Specify whether line segments of the series should be smoothed.
@@ -149,11 +149,11 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   isLineSmoothed(e) {
-    return F(e, this._config);
+    return A(e, this._config);
   }
   setLineSmoothed(e, i) {
     const s = this._config.series?.[i];
-    l(s) && A({
+    l(s) && H({
       smoothed: e,
       seriesIndex: i,
       config: this._config
@@ -165,7 +165,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 +185,7 @@ class o extends T {
   }
   setMarkerVisible(e, i) {
     const s = this._config.series?.[i];
-    l(s) && W({
+    l(s) && P({
       visible: e,
       seriesIndex: i,
       config: this._config
@@ -198,7 +198,7 @@ class o extends T {
    * @param seriesIndex - The index of the series.
    */
   getAreaColor(e) {
-    return w(e, this._config);
+    return T(e, this._config);
   }
   setAreaColor(e, i) {
     const s = this._config.series?.[i];
@@ -206,10 +206,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 +272,8 @@ n([
 n([
   a
 ], o.prototype, "setSeriesHideOversizedStackedLabels");
-const K = [P];
-q(o, K);
+const K = [w, u];
+R(o, K);
 export {
   o as ComboBarLineChartModel
 };

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

@@ -1,7 +1,7 @@
 /* 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";
+import { F as f, T as i, J 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);

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

@@ -1,7 +1,7 @@
 /* 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 { U as d, F as b, T as r, J as v } from "./index.js";
 import { m as o, C as f } from "./model-setter.js";
 const L = (t) => {
   let e = !1;
@@ -172,19 +172,19 @@ 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;
   });
-}, B = (t, e) => t.series?.[e ?? 0]?.dataTooltipReverseColor ?? !1, F = (t, e, i) => {
+}, F = (t, e) => t.series?.[e ?? 0]?.dataTooltipReverseColor ?? !1, B = (t, e, i) => {
   i && t.series?.[i] ? t.series[i].dataTooltipReverseColor = e : t.series && t.series.forEach((p) => {
     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 J = Object.defineProperty, U = Object.getOwnPropertyDescriptor, T = (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 && q(e, i, l), l;
+  return l && J(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.
@@ -208,10 +208,10 @@ class _ extends h {
    * @param seriesIndex - The index of the series.
    */
   getDataTooltipReverseColor(e) {
-    return B(this._config, e);
+    return F(this._config, e);
   }
   setDataTooltipReverseColor(e, i) {
-    F(this._config, e, i);
+    B(this._config, e, i);
   }
 }
 T([
@@ -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 q = Object.defineProperty, z = Object.getOwnPropertyDescriptor, A = (t, e, i, p) => {
+  for (var l = z(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 && q(e, i, l), l;
 };
-const K = (t) => t.colorMatch ?? !0, N = (t, e) => {
+const G = (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 G(this._config);
   }
   set colorMatch(e) {
-    N(e, this._config);
+    K(e, this._config);
   }
 }
-J([
+A([
   o
-], Q.prototype, "colorMatch");
-var U = Object.defineProperty, X = Object.getOwnPropertyDescriptor, Y = (t, e, i, p) => {
+], N.prototype, "colorMatch");
+var Q = 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 = 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
 };