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

package/dist/chunks/serial-chart-model.js

@@ -1,129 +1,134 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { C as v } from "./chart-model.js";
+import { C as I } from "./chart-model.js";
 import "@arcgis/toolkit/type";
-import { e as B, W as O, a as m } from "./series-types.js";
+import { q as b, u as O, r as m } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as W } from "lodash-es";
 import "luxon";
-import "d3-array";
-import { b5 as L, aW as D, b0 as M, aO as P, aM as V, b as S, bK as N, Z as U } from "./index.js";
+import { aD as L, aY as D, az as M, b3 as P, b1 as V, x as d, bK as N, cY as E } from "./index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
 import "@esri/arcgis-html-sanitizer";
-import "@arcgis/core/intl.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/layers/support/CodedValueDomain.js";
+import "@arcgis/core/intl.js";
 import "simple-statistics";
 import "@arcgis/core/request.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/core/sql.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "./runtime.js";
-import { l as h, j as d, k as f } from "./index4.js";
+import { i as h, g as f, l as u } from "./index4.js";
+import "@arcgis/core/applications/Components/imageryUtils.js";
+import "@arcgis/core/geometry/Extent.js";
+import "@arcgis/core/geometry/Point.js";
 import "@arcgis/toolkit/dom";
-import { g as I, u as E, s as _, c as R, b as k, a as X } from "./utils.js";
-import { R as y, S as u, U as j, V as w, W as z, X as K, Y, Z as $, _ as G, $ as Z, a0 as q, a1 as H, a2 as J, I as T, a3 as x, a4 as A, a5 as Q, a6 as ee, T as te, a7 as C, a as ie } from "./serial-chart-data.js";
-import { s as b, d as F, b as se } from "./data.js";
-import { S as re } from "./common.js";
-import { M as oe, a as ne, W as ae, b as le } from "./model-with-tooltips.js";
-import { W as ge } from "./rotated-state.js";
-import { W as ce } from "./data-labels-symbol.js";
-import { W as pe, a as he, b as de } from "./axis-lines-symbol.js";
-import { W as me, b as fe } from "./model-with-guides.js";
-import { W as ye, a as ue, b as Se } from "./generate-x-axis-title.js";
-import { m as o } from "./model-setter.js";
-import { M as _e, a as Te } from "./model-with-y-guides.js";
-import { M as xe } from "./model-with-x-guides.js";
-const Ae = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, Ce = (s) => {
-  const { assign: e, seriesIndex: t, config: i, commonStrings: r } = s;
-  e && i.axes !== void 0 && !i.axes?.[2] && (i.axes[2] = M(r, O.BarSeries)[1]), i.series && i.series.forEach((n, g) => {
-    g === t ? n.assignToSecondValueAxis = e : g !== t && n?.assignToSecondValueAxis !== !0 && (n.assignToSecondValueAxis = !1);
-  }), i.axes?.[2] && !i.series.some((n) => n.assignToSecondValueAxis) && i.axes.splice(2, 1);
-}, be = (s, e) => e.series?.[s]?.name, Fe = (s, e, t) => {
-  t.series?.[e] && (t.series[e].name = s);
+import { g as v, u as U, s as T, c as X, b as k, h as j, a as z } from "./utils.js";
+import { g as S, a as _, U as R, V as Y, W as w, X as K, Y as $, Z as q, _ as G, $ as Z, a0 as H, a1 as J, a2 as Q, a3 as ee, L as x, a4 as F, a5 as C, a6 as y, a7 as ie, a8 as te, b as se, d as oe } from "./serial-chart-data.js";
+import { s as B, d as A, g as re } from "./data.js";
+import { S as ae } from "./common.js";
+import { M as ne, a as le, W as ge, b as pe } from "./model-with-tooltips.js";
+import { W as ce } from "./rotated-state.js";
+import { W as he } from "./data-labels-symbol.js";
+import { W as fe, a as me, b as de } from "./axis-lines-symbol.js";
+import { W as ye, b as ue } from "./model-with-guides.js";
+import { W as Se, a as _e, b as Te } from "./generate-x-axis-title.js";
+import { m as r } from "./model-setter.js";
+import { M as xe, a as Fe } from "./model-with-y-guides.js";
+import { M as Ce } from "./model-with-x-guides.js";
+const Be = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, Ae = (s) => {
+  const { assign: e, seriesIndex: i, config: t, commonStrings: o } = s;
+  e && t.axes !== void 0 && !t.axes?.[2] && (t.axes[2] = M(o, O.BarSeries)[1]), t.series && t.series.forEach((a, g) => {
+    g === i ? a.assignToSecondValueAxis = e : g !== i && a?.assignToSecondValueAxis !== !0 && (a.assignToSecondValueAxis = !1);
+  }), t.axes?.[2] && !t.series.some((a) => a.assignToSecondValueAxis) && t.axes.splice(2, 1);
+}, Ie = (s, e) => e.series?.[s]?.name, be = (s, e, i) => {
+  i.series?.[e] && (i.series[e].name = s);
 }, ve = (s, e) => {
-  const t = e.series?.[s];
-  let i;
-  return h(t) ? i = t.fillSymbol?.color : d(t) && (i = t.lineSymbol?.color), i;
-}, Be = (s, e, t) => {
-  const i = t.series?.[e];
-  i && (h(i) ? i.fillSymbol = {
+  const i = e.series?.[s];
+  let t;
+  return h(i) ? t = i.fillSymbol?.color : f(i) && (t = i.lineSymbol?.color), t;
+}, Oe = (s, e, i) => {
+  const t = i.series?.[e];
+  t && (h(t) ? t.fillSymbol = {
     ...L(e),
-    ...i.fillSymbol,
+    ...t.fillSymbol,
     color: s
-  } : d(i) && (i.lineSymbol = {
+  } : f(t) && (t.lineSymbol = {
     ...D(e),
-    ...i.lineSymbol,
+    ...t.lineSymbol,
     color: s
   }));
-}, Ie = (s) => s.series.map((e) => e.id), Oe = (s, e) => {
+}, We = (s) => s.series.map((e) => e.id), Le = (s, e) => {
   e.series?.sort(
-    (t, i) => s.findIndex((r) => t.id === r) - s.findIndex((r) => i.id === r)
+    (i, t) => s.findIndex((o) => i.id === o) - s.findIndex((o) => t.id === o)
   );
-}, We = (s) => s.stackedType ?? B.Side, Le = (s) => {
-  const { newStackedType: e, config: t, layerInfo: i, commonStrings: r } = s;
-  if (t.stackedType = e, i !== void 0) {
-    const n = I({
-      config: t,
-      layerInfo: i,
-      commonStrings: r,
-      numericFields: u(t),
-      aggregationType: y(t)
+}, De = (s) => s.stackedType ?? b.Side, Me = (s) => {
+  const { newStackedType: e, config: i, layerInfo: t, commonStrings: o } = s;
+  if (i.stackedType = e, t !== void 0) {
+    const a = v({
+      config: i,
+      layerInfo: t,
+      commonStrings: o,
+      numericFields: _(i),
+      aggregationType: S(i)
     });
-    E(t, 1, n);
+    U(i, 1, a);
   }
-  t.axes?.[1] && (e === B.Stacked100 ? t.axes[1].valueFormat = P() : t.axes[1].valueFormat = V()), _({ config: t, value: null, axisIndex: 1, isMax: !1 }), _({ config: t, value: null, axisIndex: 1, isMax: !0 });
-}, De = (s) => {
+  i.axes?.[1] && (e === b.Stacked100 ? i.axes[1].valueFormat = P() : i.axes[1].valueFormat = V()), T({ config: i, value: null, axisIndex: 1, isMax: !1 }), T({ config: i, value: null, axisIndex: 1, isMax: !0 });
+}, Pe = (s) => {
   let e;
-  const t = s.series.find(
-    (i) => (h(i) || d(i) || f(i)) && i.nullCategory !== void 0
+  const i = s.series.find(
+    (t) => (h(t) || f(t) || u(t)) && t.nullCategory !== void 0
   );
-  return (h(t) || d(t) || f(t)) && (e = t?.nullCategory), e;
-}, Me = (s, e) => {
-  s.series.forEach((t) => {
-    (h(t) || d(t) || f(t)) && (t.nullCategory = e);
+  return (h(i) || f(i) || u(i)) && (e = i?.nullCategory), e;
+}, Ve = (s, e) => {
+  s.series.forEach((i) => {
+    (h(i) || f(i) || u(i)) && (i.nullCategory = e);
   });
 };
-var Pe = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, p = (s, e, t, i) => {
-  for (var r = Ve(e, t), n = s.length - 1, g; n >= 0; n--)
-    (g = s[n]) && (r = g(e, t, r) || r);
-  return r && Pe(e, t, r), r;
+var Ne = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, c = (s, e, i, t) => {
+  for (var o = Ee(e, i), a = s.length - 1, g; a >= 0; a--)
+    (g = s[a]) && (o = g(e, i, o) || o);
+  return o && Ne(e, i, o), o;
 };
-class c extends v {
+class p extends I {
   /**
-   * Time interval size for a temporal bar/line chart.
+   * Time interval size for a temporal bar chart or line chart.
    */
   get temporalBinningSize() {
-    return j(this._config);
+    return R(this._config);
   }
   set temporalBinningSize(e) {
-    w(e, this._config);
+    Y(e, this._config);
   }
   /**
-   * Time interval units for a temporal bar/line chart.
+   * Time interval units for a temporal bar chart or line chart.
    */
   get temporalBinningUnit() {
-    return z(this._config);
+    return w(this._config);
   }
   set temporalBinningUnit(e) {
     K(e, this._config);
   }
   /**
-   * Time aggregation type for a temporal bar/line chart.
+   * Time aggregation type for a temporal bar chart or line chart.
    */
   get timeAggregationType() {
-    return Y(this._config);
+    return $(this._config);
   }
   set timeAggregationType(e) {
-    $(e, this._config);
+    q(e, this._config);
   }
   /**
-   * Whether to trim incomplete time intervals for a temporal bar/line chart.
+   * Whether to trim incomplete time intervals for a temporal bar chart or line chart.
    */
   get trimIncompleteTimeInterval() {
     return G(this._config);
@@ -135,45 +140,45 @@ class c extends v {
    * Policy which tells the chart how to handle null values.
    *
    * `null`: Break the bar where null values are present.
-   *
    * `zero`: Treats null values as zero.
-   *
-   * `interpolate`: Bar series: same effect as `null` - Line series: connects the lines across null values.
+   * `interpolate`:
+   *   - Bar series: same effect as `null`
+   *   - Line series: connects the lines across null values.
    */
   get nullPolicy() {
-    return q(this._config);
+    return H(this._config);
   }
   set nullPolicy(e) {
-    H(e, this._config);
+    J(e, this._config);
   }
   resetTimeInterval() {
-    J(this._config);
+    Q(this._config);
   }
 }
-p([
-  o
-], c.prototype, "temporalBinningSize");
-p([
-  o
-], c.prototype, "temporalBinningUnit");
-p([
-  o
-], c.prototype, "timeAggregationType");
-p([
-  o
-], c.prototype, "trimIncompleteTimeInterval");
-p([
-  o
-], c.prototype, "nullPolicy");
-p([
-  o
-], c.prototype, "resetTimeInterval");
-var Ne = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, l = (s, e, t, i) => {
-  for (var r = Ue(e, t), n = s.length - 1, g; n >= 0; n--)
-    (g = s[n]) && (r = g(e, t, r) || r);
-  return r && Ne(e, t, r), r;
+c([
+  r
+], p.prototype, "temporalBinningSize");
+c([
+  r
+], p.prototype, "temporalBinningUnit");
+c([
+  r
+], p.prototype, "timeAggregationType");
+c([
+  r
+], p.prototype, "trimIncompleteTimeInterval");
+c([
+  r
+], p.prototype, "nullPolicy");
+c([
+  r
+], p.prototype, "resetTimeInterval");
+var Ue = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, l = (s, e, i, t) => {
+  for (var o = Xe(e, i), a = s.length - 1, g; a >= 0; a--)
+    (g = s[a]) && (o = g(e, i, o) || o);
+  return o && Ue(e, i, o), o;
 };
-class a extends v {
+class n extends I {
   constructor() {
     super(...arguments), this._xAxisField = "", this._aggregationType = m.Count, this._splitByField = "", this._numericFields = [];
   }
@@ -188,20 +193,25 @@ class a extends v {
     return this._xAxisField;
   }
   set xAxisField(e) {
-    if (this._xAxisField = e, this.dirtyAsyncSetters.push("xAxisField"), e.trim() === "" || e === S) {
-      const r = this.numericFields;
-      this.resetConfig(), this.numericFields = r;
+    if (this._xAxisField = e, e.trim() === "" || e === d) {
+      const o = this.numericFields;
+      this.resetConfig(), this.numericFields = o;
     }
-    this.processSeriesRebuild();
+    this.processSeriesRebuild("xAxisField");
   }
   /**
-   * The aggregation type for the bar chart. Must be one of the values allowed by `WebChartStatisticType`.
+   * The aggregation type for the chart.
    */
   get aggregationType() {
     return this._aggregationType;
   }
   set aggregationType(e) {
-    this._aggregationType = e, this.dirtyAsyncSetters.push("aggregationType"), this.processSeriesRebuild();
+    this._aggregationType = e, ee({
+      aggregationType: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    });
   }
   /**
    * The split-by field for the chart.
@@ -210,7 +220,7 @@ class a extends v {
     return this._splitByField;
   }
   set splitByField(e) {
-    this.layerInfo?.layerFieldsInfo && R(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild());
+    this.layerInfo?.layerFieldsInfo && X(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.processSeriesRebuild("splitByField"));
   }
   /**
    * The numeric fields array for the chart.
@@ -220,11 +230,11 @@ class a extends v {
   }
   set numericFields(e) {
     typeof e == "string" && (e = [e]);
-    const t = k(this.layerInfo?.layerFieldsInfo ?? [], e), i = (this.xAxisField === "" || this.xAxisField === S) && e.length === 0;
-    if (t && !i) {
-      const r = N(this.layerInfo.layer).idField;
-      e.length === 0 && r !== void 0 ? (e.push(r), this._aggregationType = m.Count) : this._aggregationType === m.Count && e.length >= 1 && r !== void 0 && !e.includes(r) && (this._aggregationType = m.Sum), this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), this.numericFields.length > 1 && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), this.processSeriesRebuild();
-    } else i && this.resetConfig();
+    const i = k(this.layerInfo?.layerFieldsInfo ?? [], e), t = (this.xAxisField === "" || this.xAxisField === d) && e.length === 0;
+    if (i && !t) {
+      const o = N(this.layerInfo.layer).idField;
+      e.length === 0 && o !== void 0 ? (e.push(o), this._aggregationType = m.Count) : this._aggregationType === m.Count && e.length >= 1 && o !== void 0 && !e.includes(o) && (this._aggregationType = m.Sum), this._numericFields = e, this.numericFields.length > 1 && (this._splitByField = ""), this.processSeriesRebuild("numericFields");
+    } else t && this.resetConfig();
   }
   /**
    * Gets whether the series should be assigned to the second value axis.
@@ -232,61 +242,61 @@ class a extends v {
    * @param seriesIndex - The index of the series.
    */
   getAssignToSecondValueAxis(e) {
-    return Ae(e, this._config);
+    return Be(e, this._config);
   }
-  setAssignToSecondValueAxis(e, t) {
-    Ce({ assign: e, seriesIndex: t, config: this._config, commonStrings: this.commonStrings });
+  setAssignToSecondValueAxis(e, i) {
+    Ae({ assign: e, seriesIndex: i, config: this._config, commonStrings: this.commonStrings });
   }
   /**
    * Gets the sort order for the bar chart.
    */
   getSortOrder() {
-    return T(this._config)[0];
+    return x(this._config)[0];
   }
-  setSortOrder(e, t) {
-    b(e, this._config, t);
+  setSortOrder(e, i) {
+    B(e, this._config, i);
   }
   /**
    * Gets the list of the category values for the chart.
    */
   async getCustomSortValues() {
-    return await x(this._config, this.layerInfo);
+    return await F(this._config, this.layerInfo);
   }
   async setDataFilters(e) {
     super.setDataFilters(e);
-    const t = T(this._config)[0];
-    if (t === re.customSort) {
+    const i = x(this._config)[0];
+    if (i === ae.customSort) {
       this.startAsyncUpdate();
-      const i = await x(this._config, this.layerInfo);
-      b(t, this._config, i), this.finishAsyncUpdate();
+      const t = await F(this._config, this.layerInfo);
+      B(i, this._config, t), this.finishAsyncUpdate();
     }
     this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
-   * The list of custom sort values for custom sort
+   * The list of values for custom sort.
    */
   get orderByList() {
-    return F(this._config);
+    return A(this._config);
   }
   set orderByList(e) {
-    !U(this._config) && A(e, this._config);
+    !E(this._config) && C(e, this._config);
   }
   /**
    * Updates the series based on the layer filter.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
-  async updateSeriesFromLayerFilter() {
-    this.layerInfo !== void 0 && (this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"), await this.processSeriesRebuild());
+  updateSeriesFromLayerFilter() {
+    this.layerInfo !== void 0 && y(this.getBuildNewSeriesProps());
   }
   /**
    * Whether temporal binning is enabled for all series in the config.
+   *
    * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
    */
   get binTemporalData() {
-    return Q(this._config);
+    return ie(this._config);
   }
   set binTemporalData(e) {
-    ee(e, this._config);
+    te(e, this._config);
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -299,10 +309,10 @@ class a extends v {
    * @param seriesIndex - The index of the series.
    */
   getSeriesName(e) {
-    return be(e, this._config);
+    return Ie(e, this._config);
   }
-  setSeriesName(e, t) {
-    Fe(e, t, this._config);
+  setSeriesName(e, i) {
+    be(e, i, this._config);
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -312,56 +322,56 @@ class a extends v {
   getSeriesColor(e) {
     return ve(e, this._config);
   }
-  setSeriesColor(e, t) {
-    Be(e, t, this._config);
+  setSeriesColor(e, i) {
+    Oe(e, i, this._config);
   }
   /**
    * Gets the order of the series array by returning an array of series ids.
    */
   getOrderOfSeries() {
-    return Ie(this._config);
+    return We(this._config);
   }
   setOrderOfSeries(e) {
-    Oe(e, this._config);
+    Le(e, this._config);
   }
   /**
-   * How the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
+   * How the bars (lines) should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
    * when multiple attributes/fields corresponding to the same set of classes are to be visualized.
    *
-   * **Note**: Currently this property is only used for bar and line series.
+   * **Note**: Currently this property is only used for bar charts and line charts.
    */
   get stackedType() {
-    return We(this._config);
+    return De(this._config);
   }
   set stackedType(e) {
-    Le({
+    Me({
       newStackedType: e,
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings
     });
   }
-  moveSeries(e, t) {
-    const i = this.getOrderOfSeries(), [r] = i.splice(e, 1);
-    i.splice(t, 0, r), this.setOrderOfSeries(i);
+  moveSeries(e, i) {
+    const t = this.getOrderOfSeries(), [o] = t.splice(e, 1);
+    t.splice(i, 0, o), this.setOrderOfSeries(t);
   }
-  moveCustomSortValuesInOrderByList(e, t) {
-    const i = F(this._config), [r] = i.splice(e, 1);
-    i.splice(t, 0, r), A(i, this._config);
+  moveCustomSortValuesInOrderByList(e, i) {
+    const t = A(this._config), [o] = t.splice(e, 1);
+    t.splice(i, 0, o), C(t, this._config);
   }
   /**
-   * The null category configuration of the bar chart.
+   * The null category configuration of the chart.
    *
-   * @requires the following to be set on the model for the null category to be applied:
+   * The following to be set on the model for the null category to be applied:
    * - `fetchNULLValues` to be set to `true` on the model.
    * - `colorMatch` to be set to `false` on the model
    */
   get nullCategory() {
-    return De(this._config);
+    return Pe(this._config);
   }
   set nullCategory(e) {
-    const t = this.nullCategory;
-    W(t, e) || Me(this._config, e);
+    const i = this.nullCategory;
+    W(i, e) || Ve(this._config, e);
   }
   /**
    * Sets up the local props based on the current config.
@@ -369,41 +379,43 @@ class a extends v {
    * @private
    */
   setupLocalProps() {
-    this._xAxisField = se(this._config), this._aggregationType = y(this._config), this._splitByField = te(this._config), this._numericFields = u(this._config);
+    this._xAxisField = re(this._config), this._aggregationType = S(this._config), this._splitByField = se(this._config), this._numericFields = _(this._config);
   }
   resetConfig() {
     const e = this._config.id;
     this._config = this.generateDefaultConfig(), this._config.id = e, this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
-   * Determines if we can rebuild the series synchronously.
-   * We can call the build new series function synchronously when either is true:
-   * - there is no split-by field
-   * - there are multiple numeric fields
+   * Determines if we are using the split-by field, based on the following conditions:
+   *
+   * - there is split-by field
+   * - and, there are not multiple numeric fields
    *
    * @private
    */
-  canUseSynchronousSeriesRebuild() {
-    return this.splitByField === "" || this.numericFields.length > 1;
+  usingSplitBy() {
+    return this.splitByField !== "" && this.numericFields.length <= 1;
   }
   /**
    * Processes the series rebuild.
-   * If multiple async setters are called in succession, this function will only rebuild the series once after all setters have been called.
-   * @async
+   *
    * @private
    */
-  async processSeriesRebuild() {
-    if (this.layerInfo !== void 0) {
-      const e = this.dirtyAsyncSetters[this.dirtyAsyncSetters.length - 1];
-      if (this.canUseSynchronousSeriesRebuild())
-        this.dirtyAsyncSetters = [], C(this.getBuildNewSeriesProps());
-      else if (!this.asyncConfigUpdateInProgress) {
-        for (this.startAsyncUpdate(); this.dirtyAsyncSetters.length > 0; )
-          this.dirtyAsyncSetters = [], await C(this.getBuildNewSeriesProps());
-        this.finishAsyncUpdate();
-      }
-      this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
-    }
+  async processSeriesRebuild(e) {
+    this.usingSplitBy() ? (this.startAsyncUpdate(), await this.fetchSplitByFieldInfos(), y(this.getBuildNewSeriesProps()), this.finishAsyncUpdate()) : y(this.getBuildNewSeriesProps()), this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
+  }
+  /**
+   * Fetches the split-by field information and stores it in a private member for use in building the series.
+   */
+  async fetchSplitByFieldInfos() {
+    return this.splitByFieldInfos = await j({
+      config: this._config,
+      layer: this.layerInfo.layer,
+      layerFieldsInfo: this.layerInfo.layerFieldsInfo,
+      xAxisField: this._xAxisField !== d ? this._xAxisField : void 0,
+      splitByField: this._splitByField,
+      fetchNullValues: this._config?.series?.[0]?.query?.fetchNullValues
+    }), this.splitByFieldInfos;
   }
   // #endregion
   // #region Private Methods
@@ -412,13 +424,14 @@ class a extends v {
    */
   getBuildNewSeriesProps() {
     return {
-      xAxisField: this.xAxisField,
-      splitByField: this.splitByField,
-      numericFields: this.numericFields,
-      aggregationType: this.aggregationType,
+      xAxisFieldName: this._xAxisField,
+      splitByField: this._splitByField,
+      numericFields: this._numericFields,
+      aggregationType: this._aggregationType,
       config: this._config,
       layerInfo: this.layerInfo,
-      commonStrings: this.commonStrings
+      commonStrings: this.commonStrings,
+      splitByFieldInfos: this.splitByFieldInfos
     };
   }
   // #endregion
@@ -429,85 +442,88 @@ class a extends v {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return this.layerInfo !== void 0 ? ie(this._config, this.layerInfo, this.commonStrings) : "";
+    return this.layerInfo !== void 0 ? oe(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
    */
   generateYAxisTitle() {
-    return this.layerInfo !== void 0 ? I({
+    return this.layerInfo !== void 0 ? v({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
-      numericFields: u(this._config),
-      aggregationType: y(this._config)
+      numericFields: _(this._config),
+      aggregationType: S(this._config)
     }) : "";
   }
   // #endregion
 }
 l([
-  o
-], a.prototype, "setAssignToSecondValueAxis");
+  r
+], n.prototype, "aggregationType");
 l([
-  o
-], a.prototype, "setSortOrder");
+  r
+], n.prototype, "setAssignToSecondValueAxis");
 l([
-  o
-], a.prototype, "setDataFilters");
+  r
+], n.prototype, "setSortOrder");
 l([
-  o
-], a.prototype, "orderByList");
+  r
+], n.prototype, "setDataFilters");
 l([
-  o
-], a.prototype, "binTemporalData");
+  r
+], n.prototype, "orderByList");
 l([
-  o
-], a.prototype, "setSeriesName");
+  r
+], n.prototype, "binTemporalData");
 l([
-  o
-], a.prototype, "setSeriesColor");
+  r
+], n.prototype, "setSeriesName");
 l([
-  o
-], a.prototype, "setOrderOfSeries");
+  r
+], n.prototype, "setSeriesColor");
 l([
-  o
-], a.prototype, "stackedType");
+  r
+], n.prototype, "setOrderOfSeries");
 l([
-  o
-], a.prototype, "moveSeries");
+  r
+], n.prototype, "stackedType");
 l([
-  o
-], a.prototype, "moveCustomSortValuesInOrderByList");
+  r
+], n.prototype, "moveSeries");
 l([
-  o
-], a.prototype, "nullCategory");
+  r
+], n.prototype, "moveCustomSortValuesInOrderByList");
 l([
-  o
-], a.prototype, "resetConfig");
-const Ee = [
-  _e,
-  oe,
+  r
+], n.prototype, "nullCategory");
+l([
+  r
+], n.prototype, "resetConfig");
+const ke = [
+  xe,
   ne,
-  ae,
-  ge,
   le,
+  ge,
   ce,
-  xe,
-  Te,
-  c,
+  pe,
+  he,
+  Ce,
+  Fe,
+  p,
+  Se,
   ye,
-  me,
+  _e,
   ue,
   fe,
-  pe,
-  he,
+  me,
   de,
-  Se
+  Te
 ];
-X(a, Ee);
+z(n, ke);
 export {
-  a as S,
-  Fe as a,
-  be as g,
-  Be as s
+  n as S,
+  be as a,
+  Ie as g,
+  Oe as s
 };