@arcgis/charts-components 4.34.0-next.142 → 4.34.0-next.144

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

@@ -1,8 +1,8 @@
 import "@arcgis/toolkit/intl";
-import { isEqual as _ } from "lodash-es";
-import { e as C, W as A } from "./series-types.js";
+import { isEqual as x } from "lodash-es";
+import { e as A, W as v, a as l } from "./series-types.js";
+import { az as I, ap as B, au as O, ah as b, af as U, b as m, x as M, cd as L } from "./interfaces.js";
 import "d3-array";
-import { au as F, s as x, av as v, aw as B, ax as b, m as d, C as h, i as O, c as M } from "./interfaces2.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,197 +12,186 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { C as T, M as U, b as N, a as L } from "./model-with-multi-axes.js";
-import { b as n, a as r, f as g } from "./index.js";
-import { t as w, v as D, w as E, x as V, y as W, z as k, A as P, B as X, C as z, D as j, E as K, b as S, j as f, k as o, u as G, s as m, h as R, F as Y, G as p, H as q, m as H, f as J, I as Q, i as Z, J as $, K as ee, L as ie, M as y, N as u, O as te, P as se, Q as ae, R as oe, e as ne } from "./data.js";
-import { M as re, a as le, b as ge, c as fe } from "./model-with-data-labels.js";
-import { M as ce } from "./model-with-rotation.js";
+import { C as T, M as w, b as D, a as N } from "./model-with-multi-axes.js";
+import { l as n, j as a, k as g } from "./index4.js";
+import { t as P, v as V, w as W, x as k, y as E, z as R, A as z, B as K, C as j, D as G, E as X, b as _, j as h, k as c, u as Y, s as f, f as q, i as H, F as y, G as u, H as p, I as S, J as C, K as J, L as Q, h as Z, m as $, M as F, N as ee, e as te } from "./data.js";
+import { S as ie } from "./common.js";
+import { M as se, a as re, b as oe, c as ne } from "./model-with-data-labels.js";
+import { M as ae } from "./model-with-rotation.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.142 */
-class de extends T {
+v4.34.0-next.144 */
+class le extends T {
   /**
-   * Sets the time interval size for a temporal bar/line chart.
-   * @returns {number | undefined}
+   * Time interval size for a temporal bar/line chart.
    */
-  getTemporalBinningSize() {
-    return w(this._config);
-  }
-  /**
-   * Sets the time interval size for a temporal bar/line chart.
-   * @param {number | undefined} newSize The new time interval size.
-   */
-  setTemporalBinningSize(e) {
-    D(e, this._config), this.emitConfigUpdate("setTemporalBinningSize");
-  }
-  /**
-   * Gets the time interval units for a temporal bar/line chart.
-   * @returns {WebChartTemporalBinningUnits | undefined}
-   */
-  getTemporalBinningUnit() {
-    return E(this._config);
+  get temporalBinningSize() {
+    return P(this._config);
   }
-  /**
-   * Sets the time interval units for a temporal bar/line chart.
-   * @param {WebChartTemporalBinningUnits | undefined} newUnit The new time interval units.
-   */
-  setTemporalBinningUnit(e) {
-    V(e, this._config), this.emitConfigUpdate("setTemporalBinningUnit");
+  set temporalBinningSize(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      V(e, this._config), this.emitConfigUpdate("temporalBinningSize");
+    });
   }
   /**
-   * Gets the time aggregation type for a temporal bar/line chart.
-   * @returns {WebChartTimeAggregationTypes | undefined}
+   * Time interval units for a temporal bar/line chart.
    */
-  getTimeAggregationType() {
+  get temporalBinningUnit() {
     return W(this._config);
   }
-  /**
-   * Sets the time aggregation type for a temporal bar/line chart.
-   * @param {WebChartTimeAggregationTypes | undefined} newTimeAggregationType The new time aggregation type.
-   */
-  setTimeAggregationType(e) {
-    k(e, this._config), this.emitConfigUpdate("setTimeAggregationType");
+  set temporalBinningUnit(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      k(e, this._config), this.emitConfigUpdate("temporalBinningUnit");
+    });
   }
   /**
-   * Gets whether to trim incomplete time intervals for a temporal bar/line chart.
-   * @returns {boolean | undefined}
+   * Time aggregation type for a temporal bar/line chart.
    */
-  getTrimIncompleteTimeInterval() {
-    return P(this._config);
+  get timeAggregationType() {
+    return E(this._config);
   }
-  /**
-   * Sets whether to trim incomplete time intervals for a temporal bar/line chart.
-   * @param {boolean | undefined} newTrimIncompleteTimeInterval The new state.
-   */
-  setTrimIncompleteTimeInterval(e) {
-    X(e, this._config), this.emitConfigUpdate("setTrimIncompleteTimeInterval");
+  set timeAggregationType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      R(e, this._config), this.emitConfigUpdate("timeAggregationType");
+    });
   }
   /**
-   * Gets the 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.
-   *
-   * @return {WebChartNullPolicyTypes | undefined}
+   * Whether to trim incomplete time intervals for a temporal bar/line chart.
    */
-  getNullPolicy() {
+  get trimIncompleteTimeInterval() {
     return z(this._config);
   }
+  set trimIncompleteTimeInterval(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      K(e, this._config), this.emitConfigUpdate("trimIncompleteTimeInterval");
+    });
+  }
   /**
-   * Sets the policy which tells the chart how to handle null values.
+   * 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.
-   *
-   * @param {WebChartNullPolicyTypes | undefined} newNullPolicy The new null policy.
    */
-  setNullPolicy(e) {
-    j(e, this._config), this.emitConfigUpdate("setNullPolicy");
+  get nullPolicy() {
+    return j(this._config);
+  }
+  set nullPolicy(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      G(e, this._config), this.emitConfigUpdate("nullPolicy");
+    });
   }
   /**
    * Resets the time interval to default for a temporal line chart.
    */
   resetTimeInterval() {
-    K(this._config), this.emitConfigUpdate("resetTimeInterval");
+    this.guardSetterFromAsyncOverwrite(() => {
+      X(this._config), this.emitConfigUpdate("resetTimeInterval");
+    });
   }
 }
-const he = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, me = async (s, e, i) => {
-  s && i.axes !== void 0 && !i.axes?.[2] && (i.axes[2] = (await v(A.BarSeries))[1]), i.series && i.series.forEach((t, a) => {
-    a === e ? t.assignToSecondValueAxis = s : a !== e && t?.assignToSecondValueAxis !== !0 && (t.assignToSecondValueAxis = !1);
-  }), i.axes?.[2] && !i.series.some((t) => t.assignToSecondValueAxis) && i.axes.splice(2, 1);
-}, pe = (s, e) => e.series?.[s]?.name, ye = (s, e, i) => {
-  i.series?.[e] && (i.series[e].name = s);
-}, ue = (s, e) => {
-  const i = e.series?.[s];
-  let t;
-  return n(i) ? t = i.fillSymbol?.color : r(i) && (t = i.lineSymbol?.color), t;
-}, Ce = (s, e, i) => {
-  const t = i.series?.[e];
-  t && (n(t) ? t.fillSymbol = {
-    ...F(e),
-    ...t.fillSymbol,
+const ge = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, he = (s) => {
+  const { assign: e, seriesIndex: t, config: i, commonStrings: r } = s;
+  e && i.axes !== void 0 && !i.axes?.[2] && (i.axes[2] = O(r, v.BarSeries)[1]), i.series && i.series.forEach((o, d) => {
+    d === t ? o.assignToSecondValueAxis = e : d !== t && o?.assignToSecondValueAxis !== !0 && (o.assignToSecondValueAxis = !1);
+  }), i.axes?.[2] && !i.series.some((o) => o.assignToSecondValueAxis) && i.axes.splice(2, 1);
+}, ce = (s, e) => e.series?.[s]?.name, de = (s, e, t) => {
+  t.series?.[e] && (t.series[e].name = s);
+}, me = (s, e) => {
+  const t = e.series?.[s];
+  let i;
+  return n(t) ? i = t.fillSymbol?.color : a(t) && (i = t.lineSymbol?.color), i;
+}, fe = (s, e, t) => {
+  const i = t.series?.[e];
+  i && (n(i) ? i.fillSymbol = {
+    ...I(e),
+    ...i.fillSymbol,
     color: s
-  } : r(t) && (t.lineSymbol = {
-    ...x(e),
-    ...t.lineSymbol,
+  } : a(i) && (i.lineSymbol = {
+    ...B(e),
+    ...i.lineSymbol,
     color: s
   }));
-}, Te = (s) => s.series.map((e) => e.id), Se = (s, e) => {
+}, ye = (s) => s.series.map((e) => e.id), ue = (s, e) => {
   e.series?.sort(
-    (i, t) => s.findIndex((a) => i.id === a) - s.findIndex((a) => t.id === a)
+    (t, i) => s.findIndex((r) => t.id === r) - s.findIndex((r) => i.id === r)
   );
-}, Ie = (s) => s.stackedType ?? C.Side, _e = async (s) => {
-  const { newStackedType: e, config: i, layerInfo: t } = s;
-  if (i.stackedType = e, t !== void 0) {
-    const a = await S({
-      config: i,
-      layerInfo: t,
-      numericFields: o(i),
-      aggregationType: f(i)
+}, pe = (s) => s.stackedType ?? A.Side, Se = (s) => {
+  const { newStackedType: e, config: t, layerInfo: i, commonStrings: r } = s;
+  if (t.stackedType = e, i !== void 0) {
+    const o = _({
+      config: t,
+      layerInfo: i,
+      commonStrings: r,
+      numericFields: c(t),
+      aggregationType: h(t)
     });
-    G(i, 1, a);
+    Y(t, 1, o);
   }
-  i.axes?.[1] && (e === C.Stacked100 ? i.axes[1].valueFormat = B() : i.axes[1].valueFormat = b()), m({ config: i, value: null, axisIndex: 1, isMax: !1 }), m({ config: i, value: null, axisIndex: 1, isMax: !0 });
-}, Ae = (s) => {
+  t.axes?.[1] && (e === A.Stacked100 ? t.axes[1].valueFormat = b() : t.axes[1].valueFormat = U()), f({ config: t, value: null, axisIndex: 1, isMax: !1 }), f({ config: t, value: null, axisIndex: 1, isMax: !0 });
+}, Ce = (s) => {
   let e;
-  const i = s.series.find(
-    (t) => (n(t) || r(t) || g(t)) && t.nullCategory !== void 0
+  const t = s.series.find(
+    (i) => (n(i) || a(i) || g(i)) && i.nullCategory !== void 0
   );
-  return (n(i) || r(i) || g(i)) && (e = i?.nullCategory), e;
+  return (n(t) || a(t) || g(t)) && (e = t?.nullCategory), e;
 }, Fe = (s, e) => {
-  s.series.forEach((i) => {
-    (n(i) || r(i) || g(i)) && (i.nullCategory = e);
+  s.series.forEach((t) => {
+    (n(t) || a(t) || g(t)) && (t.nullCategory = e);
   });
 };
-class xe extends T {
-  static {
-    this.supportsCustomSort = !0;
+class Ae extends T {
+  constructor() {
+    super(...arguments), this._xAxisField = "", this._aggregationType = l.Count, this._splitByField = "", this._numericFields = [];
   }
+  // #endregion
   // ---------------------------------------------------------------------------------------------
   // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the x-axis field for the chart.
-   * @returns {string}
+   * The x-axis field for the chart.
    */
-  getXAxisField() {
-    return R(this._config);
+  get xAxisField() {
+    return this._xAxisField;
+  }
+  set xAxisField(e) {
+    if (this._xAxisField = e, this.dirtyAsyncSetters.push("xAxisField"), e.trim() === "" || e === m) {
+      const r = this.numericFields;
+      this.resetConfig(), this.numericFields = r;
+    }
+    this.processSeriesRebuild();
   }
   /**
-   * Sets the x-axis field for the chart.
-   * @param {string} newXAxisField The new x-axis field.
+   * The aggregation type for the bar chart. Must be one of the values allowed by `WebChartStatisticType`.
    */
-  async setXAxisField(e) {
-    const i = e.trim() === "";
-    !i && this.layerInfo && await Y(e, this._config, this.layerInfo);
-    const t = o(this._config), c = d(this._config.series) === h.BarAndLineFromFields, l = t.includes(this.layerInfo?.objectIdField ?? "");
-    if (i || c && l) {
-      await this.resetConfig();
-      const I = t.length === 1 && t[0] === this.layerInfo?.objectIdField;
-      this.layerInfo && t.length > 0 && !I && await p(t, this._config, this.layerInfo);
-    }
-    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
+  get aggregationType() {
+    return this._aggregationType;
+  }
+  set aggregationType(e) {
+    this._aggregationType = e, this.dirtyAsyncSetters.push("aggregationType"), this.processSeriesRebuild();
   }
   /**
-   * Gets the aggregation type for the bar chart.
-   * @returns {WebChartStatisticType}
+   * The split-by field for the chart.
    */
-  getAggregationType() {
-    return f(this._config);
+  get splitByField() {
+    return this._splitByField;
+  }
+  set splitByField(e) {
+    this.layerInfo?.layerFieldsInfo && q(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild());
   }
   /**
-   * Sets the aggregation type for the chart.
-   * @param {WebChartStatisticType} newAggregationType The new aggregation type. Must be one of the values allowed by `WebChartStatisticType`.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
+   * The numeric fields array for the chart.
    */
-  async setAggregationType(e) {
-    this.layerInfo && (await q(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType"));
+  get numericFields() {
+    return this._numericFields;
+  }
+  set numericFields(e) {
+    if (typeof e == "string" && (e = [e]), H(this.layerInfo?.layerFieldsInfo ?? [], e)) {
+      const i = this.layerInfo?.objectIdField ?? "";
+      e.length === 0 ? (e.push(i), this._aggregationType = l.Count) : this._aggregationType === l.Count && e.length >= 1 && !e.includes(i) && (this._aggregationType = l.Sum), this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), this.numericFields.length > 1 && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), (this.xAxisField === "" || this.xAxisField === m) && this.numericFields.length === 0 && this.resetConfig(), this.processSeriesRebuild();
+    }
   }
   /**
    * Gets whether the series should be assigned to the second value axis.
@@ -210,114 +199,85 @@ class xe extends T {
    * @returns {boolean}
    */
   getAssignToSecondValueAxis(e) {
-    return he(e, this._config);
+    return ge(e, this._config);
   }
   /**
    * Sets whether the series should be assigned to the second value axis.
    * @param assign - The value for the setting.
    * @param seriesIndex - The index of the series.
    */
-  async setAssignToSecondValueAxis(e, i) {
-    await me(e, i, this._config), this.emitConfigUpdate("setAssignToSecondValueAxis");
-  }
-  /**
-   * Gets the split-by field for the chart.
-   * @returns {string}
-   */
-  getSplitByField() {
-    return H(this._config);
-  }
-  /**
-   * Sets the split-by field for the chart.
-   * @param {string} newSplitByField The new split-by field.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setSplitByField(e) {
-    this.layerInfo?.layerFieldsInfo && J(this.layerInfo?.layerFieldsInfo, e) && (await Q(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField"));
-  }
-  /**
-   * Gets the numeric fields array for the chart.
-   * @returns {string[]}
-   */
-  getNumericFields() {
-    return o(this._config);
-  }
-  /**
-   * Sets the numeric field or numeric fields array for the chart.
-   * @param {string | string[]} newNumericFields The new numeric field string or numeric fields array.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setNumericFields(e) {
-    if (typeof e == "string" && (e = [e]), Z(this.layerInfo?.layerFieldsInfo ?? [], e) && this.layerInfo) {
-      await p(e, this._config, this.layerInfo);
-      const t = o(this._config);
-      d(this._config.series) === h.BarAndLineFromFields && t.some((l) => l === this.layerInfo?.objectIdField) && await this.resetConfig(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields");
-    }
+  setAssignToSecondValueAxis(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      he({ assign: e, seriesIndex: t, config: this._config, commonStrings: this.commonStrings }), this.emitConfigUpdate("setAssignToSecondValueAxis");
+    });
   }
   /**
    * Gets the sort order for the bar chart.
    * @returns {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc" | "customSort"}
    */
   getSortOrder() {
-    return $(this._config);
+    return y(this._config);
   }
   /**
    * Sets the sort order for the bar chart.
    * @param {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc"}  newSortOrder The new sort order.
    * @param {string[]} orderByList The list of category's values to order by.
    */
-  setSortOrder(e, i) {
-    ee(e, this._config, i), this.emitConfigUpdate("setSortOrder");
+  setSortOrder(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      u(e, this._config, t), this.emitConfigUpdate("setSortOrder");
+    });
   }
   /**
    * Gets the list of the category values for the chart.
    * @returns {string[]}
    */
   async getCustomSortValues() {
-    return await ie(this._config, this.layerInfo);
+    return await p(this._config, this.layerInfo);
   }
   /**
-   * Gets the list of custom sort values for custom sort
-   * @returns {string[]}
+   * Sets the data filter for the bar chart.
+   * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
    */
-  getOrderByList() {
-    return y(this._config);
+  async setDataFilters(e) {
+    super.setDataFilters(e);
+    const t = y(this._config);
+    if (t === ie.customSort) {
+      const i = await p(this._config, this.layerInfo);
+      u(t, this._config, i);
+    }
+    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
   }
   /**
-   * Sets the list of custom sort values for custom sort
-   * @param {string[]} newOrderByList The new list of custom sort values
+   * The list of custom sort values for custom sort
    */
-  setOrderByList(e) {
-    !O(this._config) && (u(e, this._config), this.emitConfigUpdate("setOrderByList"));
+  get orderByList() {
+    return S(this._config);
+  }
+  set orderByList(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      !M(this._config) && (C(e, this._config), this.emitConfigUpdate("orderByList"));
+    });
   }
   /**
    * 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 && (await te({
-      splitByField: this.getSplitByField(),
-      numericFields: this.getNumericFields(),
-      aggregationType: this.getAggregationType(),
-      config: this._config,
-      layerInfo: this.layerInfo
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("updateSeriesFromLayerFilter"));
-  }
-  /**
-   * Gets whether temporal binning is enabled for all series in the config.
-   * @returns {boolean} - Whether temporal binning is enabled.
-   */
-  getBinTemporalData() {
-    return se(this._config);
+    this.layerInfo !== void 0 && (this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"), await this.processSeriesRebuild());
   }
   /**
-   * Enable or disable temporal binning for all series in the config.
-   * @param {boolean} value - Whether to enable or disable temporal binning.
+   * Whether temporal binning is enabled for all series in the config.
    *
-   * **NOTE** This method removes any existing temporal binning settings if `value` is set to `false`.
+   * **NOTE** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
    */
-  setBinTemporalData(e) {
-    ae(e, this._config), this.emitConfigUpdate("enableTemporalBinning");
+  get binTemporalData() {
+    return J(this._config);
+  }
+  set binTemporalData(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Q(e, this._config), this.emitConfigUpdate("enableTemporalBinning");
+    });
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -330,15 +290,17 @@ class xe extends T {
    * @returns {string | undefined}
    */
   getSeriesName(e) {
-    return pe(e, this._config);
+    return ce(e, this._config);
   }
   /**
    * Sets name of the series based on the series index.
    * @param {string} name The name for the series.
    * @param {number} seriesIndex The index of the series.
    */
-  setSeriesName(e, i) {
-    ye(e, i, this._config), this.emitConfigUpdate("setSeriesName");
+  setSeriesName(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      de(e, t, this._config), this.emitConfigUpdate("setSeriesName");
+    });
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -346,32 +308,36 @@ class xe extends T {
    * @returns {Color | undefined}
    */
   getSeriesColor(e) {
-    return ue(e, this._config);
+    return me(e, this._config);
   }
   /**
    * Sets the color of the series based on the series index.
    * @param {Color | undefined} newColor The new color for the series.
    * @param {number} seriesIndex The index of the series.
    */
-  setSeriesColor(e, i) {
-    Ce(e, i, this._config), this.emitConfigUpdate("setSeriesColor");
+  setSeriesColor(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      fe(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
+    });
   }
   /**
    * Gets the order of the series array by returning an array of series ids.
    * @returns {string[]}
    */
   getOrderOfSeries() {
-    return Te(this._config);
+    return ye(this._config);
   }
   /**
    * Sets the order of the series array by providing an array of series ids.
    * @param {string[]} newOrder The new order of the series array.
    */
   setOrderOfSeries(e) {
-    Se(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
+    this.guardSetterFromAsyncOverwrite(() => {
+      ue(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
+    });
   }
   /**
-   * Gets 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.
    *
    * Currently this property is only used for bar and line series.
@@ -380,34 +346,29 @@ class xe extends T {
    *
    * @returns {WebChartStackedKinds | undefined}
    */
-  getStackedType() {
-    return Ie(this._config);
-  }
-  /**
-   * Sets 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.
-   *
-   * Currently this property is only used for bar and line series.
-   *
-   * @param {WebChartStackedKinds | undefined} newStackedType The new stacked type.
-   *
-   * @default sideBySide
-   */
-  async setStackedType(e) {
-    await _e({
-      newStackedType: e,
-      config: this._config,
-      layerInfo: this.layerInfo
-    }), this.emitConfigUpdate("setStackedType");
+  get stackedType() {
+    return pe(this._config);
+  }
+  set stackedType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Se({
+        newStackedType: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.emitConfigUpdate("stackedType");
+    });
   }
   /**
    * Moves a series from one index in the series array to another.
    * @param {number} fromIndex Index to move the series from.
    * @param {number} toIndex Index to move the series to.
    */
-  moveSeries(e, i) {
-    const t = this.getOrderOfSeries(), [a] = t.splice(e, 1);
-    t.splice(i, 0, a), this.setOrderOfSeries(t), this.emitConfigUpdate("moveSeries");
+  moveSeries(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = this.getOrderOfSeries(), [r] = i.splice(e, 1);
+      i.splice(t, 0, r), this.setOrderOfSeries(i), this.emitConfigUpdate("moveSeries");
+    });
   }
   /**
    * Moves the custom sort values in-place for the order by list in the config.
@@ -416,81 +377,129 @@ class xe extends T {
    * @param {number} fromIndex The index to move the custom sort value from.
    * @param {number} toIndex The index to move the custom sort value to.
    */
-  moveCustomSortValuesInOrderByList(e, i) {
-    const t = y(this._config), [a] = t.splice(e, 1);
-    t.splice(i, 0, a), u(t, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+  moveCustomSortValuesInOrderByList(e, t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = S(this._config), [r] = i.splice(e, 1);
+      i.splice(t, 0, r), C(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    });
   }
   /**
-   * Gets the null category configuration of the bar chart.
-   * @returns {WebChartNullCategory | undefined}
+   * The null category configuration of the bar chart.
    */
-  getNullCategory() {
-    return Ae(this._config);
+  get nullCategory() {
+    return Ce(this._config);
+  }
+  set nullCategory(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this.nullCategory;
+      x(t, e) || (Fe(this._config, e), this.emitConfigUpdate("setNullCategory"));
+    });
   }
   /**
-   * Sets the null category configuration of the bar chart.
-   * @param {WebChartNullCategory} nullCategory [Optional] The null category configuration to set.
+   * Sets up the local props based on the current config.
+   * @category Protected
    */
-  setNullCategory(e) {
-    const i = this.getNullCategory();
-    _(i, e) || (Fe(this._config, e), this.emitConfigUpdate("setNullCategory"));
+  setupLocalProps() {
+    this._xAxisField = Z(this._config), this._aggregationType = h(this._config), this._splitByField = $(this._config), this._numericFields = c(this._config);
   }
   /**
    * Resets the config to the default config
+   * @category Protected
    */
-  async resetConfig() {
+  resetConfig() {
     const e = this._config.id;
-    this._config = await this.generateDefaultConfig(), this._config.id = e, this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("resetConfig");
+    this._config = this.generateDefaultConfig(), this._config.id = e, this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("resetConfig");
+  }
+  /**
+   * 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
+   * @category Protected
+   */
+  canUseSynchronousSeriesRebuild() {
+    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.
+   * @category Protected
+   * @async
+   */
+  async processSeriesRebuild() {
+    if (this.layerInfo !== void 0) {
+      const e = this.dirtyAsyncSetters[this.dirtyAsyncSetters.length - 1];
+      if (this.canUseSynchronousSeriesRebuild())
+        this.dirtyAsyncSetters = [], F(this.getBuildNewSeriesProps());
+      else if (!this.asyncConfigUpdateInProgress) {
+        for (this.asyncConfigUpdateInProgress = !0, this.setupFinished = new Promise((t) => {
+          this.resolveSetup = t;
+        }); this.dirtyAsyncSetters.length > 0; )
+          this.dirtyAsyncSetters = [], await F(this.getBuildNewSeriesProps());
+        this.asyncConfigUpdateInProgress = !1, this.resolveSetup?.();
+      }
+      this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
+    }
+  }
+  // #endregion
+  // #region Private Methods
+  /**
+   * Gets the properties needed to build a new series array.
+   */
+  getBuildNewSeriesProps() {
+    return {
+      xAxisField: this.xAxisField,
+      splitByField: this.splitByField,
+      numericFields: this.numericFields,
+      aggregationType: this.aggregationType,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    };
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
-  // #region General Props
+  // #region Public Methods
   // ---------------------------------------------------------------------------------------------
   /**
    * Generate the proper chart title given the current config.
-   *
-   * @returns {string}
    */
-  async generateChartTitle() {
-    return this.layerInfo !== void 0 ? await oe(this._config, this.layerInfo) : "";
+  generateChartTitle() {
+    return this.layerInfo !== void 0 ? ee(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper x-axis title given the current config.
-   *
-   * @returns {string}
    */
   generateXAxisTitle() {
-    const e = this.getXAxisField();
-    return this.layerInfo !== void 0 ? M(this.layerInfo.layerFieldsInfo, e) : "";
+    return this.layerInfo !== void 0 ? L(this.layerInfo.layerFieldsInfo, this._xAxisField) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
-   *
-   * @returns {string}
    */
-  async generateYAxisTitle() {
-    return this.layerInfo !== void 0 ? await S({
+  generateYAxisTitle() {
+    return this.layerInfo !== void 0 ? _({
       config: this._config,
       layerInfo: this.layerInfo,
-      numericFields: o(this._config),
-      aggregationType: f(this._config)
+      commonStrings: this.commonStrings,
+      numericFields: c(this._config),
+      aggregationType: h(this._config)
     }) : "";
   }
   // #endregion
 }
-ne(xe, [
-  U,
+te(Ae, [
+  w,
+  se,
   re,
-  le,
-  ge,
-  ce,
-  fe,
+  oe,
+  ae,
+  ne,
+  D,
   N,
-  L,
-  de
+  le
 ]);
 export {
-  xe as S,
-  ye as a,
-  Ce as s
+  Ae as S,
+  de as a,
+  fe as s
 };