@arcgis/charts-components 5.0.0-next.16 → 5.0.0-next.161

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

@@ -1,70 +1,135 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { C as v } from "./chart-model.js";
+import "@arcgis/toolkit/type";
+import { e as B, W as O, a as m } from "./series-types.js";
 import "@arcgis/toolkit/intl";
-import { isEqual as x } from "lodash-es";
-import { e as F, W as v, a as l } from "./series-types.js";
-import { aB as B, aq as I, aw as O, ai as b, ag as U, b as m, x as M, cg as L } from "./interfaces.js";
+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 "@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 "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.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 "@arcgis/core/request.js";
 import "./runtime.js";
+import { l as h, j as d, k as f } from "./index4.js";
 import "@arcgis/toolkit/dom";
-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 A, 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.16 */
-class le extends T {
+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);
+}, 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 = {
+    ...L(e),
+    ...i.fillSymbol,
+    color: s
+  } : d(i) && (i.lineSymbol = {
+    ...D(e),
+    ...i.lineSymbol,
+    color: s
+  }));
+}, Ie = (s) => s.series.map((e) => e.id), Oe = (s, e) => {
+  e.series?.sort(
+    (t, i) => s.findIndex((r) => t.id === r) - s.findIndex((r) => i.id === r)
+  );
+}, 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)
+    });
+    E(t, 1, n);
+  }
+  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) => {
+  let e;
+  const t = s.series.find(
+    (i) => (h(i) || d(i) || f(i)) && i.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);
+  });
+};
+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;
+};
+class c extends v {
   /**
    * Time interval size for a temporal bar/line chart.
    */
   get temporalBinningSize() {
-    return P(this._config);
+    return j(this._config);
   }
   set temporalBinningSize(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      V(e, this._config), this.emitConfigUpdate("temporalBinningSize");
-    });
+    w(e, this._config);
   }
   /**
    * Time interval units for a temporal bar/line chart.
    */
   get temporalBinningUnit() {
-    return W(this._config);
+    return z(this._config);
   }
   set temporalBinningUnit(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      k(e, this._config), this.emitConfigUpdate("temporalBinningUnit");
-    });
+    K(e, this._config);
   }
   /**
    * Time aggregation type for a temporal bar/line chart.
    */
   get timeAggregationType() {
-    return E(this._config);
+    return Y(this._config);
   }
   set timeAggregationType(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      R(e, this._config), this.emitConfigUpdate("timeAggregationType");
-    });
+    $(e, this._config);
   }
   /**
    * Whether to trim incomplete time intervals for a temporal bar/line chart.
    */
   get trimIncompleteTimeInterval() {
-    return z(this._config);
+    return G(this._config);
   }
   set trimIncompleteTimeInterval(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      K(e, this._config), this.emitConfigUpdate("trimIncompleteTimeInterval");
-    });
+    Z(e, this._config);
   }
   /**
    * Policy which tells the chart how to handle null values.
@@ -76,75 +141,41 @@ class le extends T {
    * `interpolate`: Bar series: same effect as `null` - Line series: connects the lines across null values.
    */
   get nullPolicy() {
-    return j(this._config);
+    return q(this._config);
   }
   set nullPolicy(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      G(e, this._config), this.emitConfigUpdate("nullPolicy");
-    });
+    H(e, this._config);
   }
-  /**
-   * Resets the time interval to default for a temporal line chart.
-   */
   resetTimeInterval() {
-    this.guardSetterFromAsyncOverwrite(() => {
-      X(this._config), this.emitConfigUpdate("resetTimeInterval");
-    });
+    J(this._config);
   }
 }
-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 = {
-    ...B(e),
-    ...i.fillSymbol,
-    color: s
-  } : a(i) && (i.lineSymbol = {
-    ...I(e),
-    ...i.lineSymbol,
-    color: s
-  }));
-}, ye = (s) => s.series.map((e) => e.id), ue = (s, e) => {
-  e.series?.sort(
-    (t, i) => s.findIndex((r) => t.id === r) - s.findIndex((r) => i.id === r)
-  );
-}, pe = (s) => s.stackedType ?? F.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)
-    });
-    Y(t, 1, o);
-  }
-  t.axes?.[1] && (e === F.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 t = s.series.find(
-    (i) => (n(i) || a(i) || g(i)) && i.nullCategory !== void 0
-  );
-  return (n(t) || a(t) || g(t)) && (e = t?.nullCategory), e;
-}, Ae = (s, e) => {
-  s.series.forEach((t) => {
-    (n(t) || a(t) || g(t)) && (t.nullCategory = e);
-  });
+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;
 };
-class Fe extends T {
+class a extends v {
   constructor() {
-    super(...arguments), this._xAxisField = "", this._aggregationType = l.Count, this._splitByField = "", this._numericFields = [];
+    super(...arguments), this._xAxisField = "", this._aggregationType = m.Count, this._splitByField = "", this._numericFields = [];
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -157,7 +188,7 @@ class Fe extends T {
     return this._xAxisField;
   }
   set xAxisField(e) {
-    if (this._xAxisField = e, this.dirtyAsyncSetters.push("xAxisField"), e.trim() === "" || e === m) {
+    if (this._xAxisField = e, this.dirtyAsyncSetters.push("xAxisField"), e.trim() === "" || e === S) {
       const r = this.numericFields;
       this.resetConfig(), this.numericFields = r;
     }
@@ -179,7 +210,7 @@ class Fe extends T {
     return this._splitByField;
   }
   set splitByField(e) {
-    this.layerInfo?.layerFieldsInfo && q(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild());
+    this.layerInfo?.layerFieldsInfo && R(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild());
   }
   /**
    * The numeric fields array for the chart.
@@ -189,77 +220,56 @@ class Fe extends T {
   }
   set numericFields(e) {
     typeof e == "string" && (e = [e]);
-    const t = H(this.layerInfo?.layerFieldsInfo ?? [], e), i = (this.xAxisField === "" || this.xAxisField === m) && e.length === 0;
+    const t = k(this.layerInfo?.layerFieldsInfo ?? [], e), i = (this.xAxisField === "" || this.xAxisField === S) && e.length === 0;
     if (t && !i) {
-      const r = this.layerInfo?.objectIdField ?? "";
-      e.length === 0 ? (e.push(r), this._aggregationType = l.Count) : this._aggregationType === l.Count && e.length >= 1 && !e.includes(r) && (this._aggregationType = l.Sum), this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), this.numericFields.length > 1 && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), this.processSeriesRebuild();
+      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();
   }
   /**
    * Gets whether the series should be assigned to the second value axis.
+   *
    * @param seriesIndex - The index of the series.
-   * @returns {boolean}
    */
   getAssignToSecondValueAxis(e) {
-    return ge(e, this._config);
+    return Ae(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.
-   */
   setAssignToSecondValueAxis(e, t) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      he({ assign: e, seriesIndex: t, config: this._config, commonStrings: this.commonStrings }), this.emitConfigUpdate("setAssignToSecondValueAxis");
-    });
+    Ce({ assign: e, seriesIndex: t, config: this._config, commonStrings: this.commonStrings });
   }
   /**
    * Gets the sort order for the bar chart.
-   * @returns {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc" | "customSort"}
    */
   getSortOrder() {
-    return y(this._config);
+    return T(this._config)[0];
   }
-  /**
-   * 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, t) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      u(e, this._config, t), this.emitConfigUpdate("setSortOrder");
-    });
+    b(e, this._config, t);
   }
   /**
    * Gets the list of the category values for the chart.
-   * @returns {string[]}
    */
   async getCustomSortValues() {
-    return await p(this._config, this.layerInfo);
+    return await x(this._config, this.layerInfo);
   }
-  /**
-   * Sets the data filter for the bar chart.
-   * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
-   */
   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);
+    const t = T(this._config)[0];
+    if (t === re.customSort) {
+      this.startAsyncUpdate();
+      const i = await x(this._config, this.layerInfo);
+      b(t, this._config, i), this.finishAsyncUpdate();
     }
-    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
+    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * The list of custom sort values for custom sort
    */
   get orderByList() {
-    return S(this._config);
+    return F(this._config);
   }
   set orderByList(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      !M(this._config) && (C(e, this._config), this.emitConfigUpdate("orderByList"));
-    });
+    !U(this._config) && A(e, this._config);
   }
   /**
    * Updates the series based on the layer filter.
@@ -273,12 +283,10 @@ class Fe extends T {
    * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
    */
   get binTemporalData() {
-    return J(this._config);
+    return Q(this._config);
   }
   set binTemporalData(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Q(e, this._config), this.emitConfigUpdate("enableTemporalBinning");
-    });
+    ee(e, this._config);
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -287,135 +295,93 @@ class Fe extends T {
   /**
    * Gets the name of the series based on the series index.
    * If the index is out of bounds, it will return `undefined`.
-   * @param {number} seriesIndex The index of the series.
-   * @returns {string | undefined}
+   *
+   * @param seriesIndex - The index of the series.
    */
   getSeriesName(e) {
-    return ce(e, this._config);
+    return be(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, t) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      de(e, t, this._config), this.emitConfigUpdate("setSeriesName");
-    });
+    Fe(e, t, this._config);
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
-   * @param {number} seriesIndex The index of the series.
-   * @returns {Color | undefined}
+   *
+   * @param seriesIndex - The index of the series.
    */
   getSeriesColor(e) {
-    return me(e, this._config);
+    return ve(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, t) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      fe(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
-    });
+    Be(e, t, this._config);
   }
   /**
    * Gets the order of the series array by returning an array of series ids.
-   * @returns {string[]}
    */
   getOrderOfSeries() {
-    return ye(this._config);
+    return Ie(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) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ue(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
-    });
+    Oe(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
    * 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.
-   *
-   * @default sideBySide
-   *
-   * @returns {WebChartStackedKinds | undefined}
+   * **Note**: Currently this property is only used for bar and line series.
    */
   get stackedType() {
-    return pe(this._config);
+    return We(this._config);
   }
   set stackedType(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Se({
-        newStackedType: e,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings
-      }), this.emitConfigUpdate("stackedType");
+    Le({
+      newStackedType: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
-  /**
-   * 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, t) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      const i = this.getOrderOfSeries(), [r] = i.splice(e, 1);
-      i.splice(t, 0, r), this.setOrderOfSeries(i), this.emitConfigUpdate("moveSeries");
-    });
+    const i = this.getOrderOfSeries(), [r] = i.splice(e, 1);
+    i.splice(t, 0, r), this.setOrderOfSeries(i);
   }
-  /**
-   * Moves the custom sort values in-place for the order by list in the config.
-   * **Note:** This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
-   * @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, 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");
-    });
+    const i = F(this._config), [r] = i.splice(e, 1);
+    i.splice(t, 0, r), A(i, this._config);
   }
   /**
    * The null category configuration of the bar chart.
+   *
+   * @requires 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 Ce(this._config);
+    return De(this._config);
   }
   set nullCategory(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      const t = this.nullCategory;
-      x(t, e) || (Ae(this._config, e), this.emitConfigUpdate("setNullCategory"));
-    });
+    const t = this.nullCategory;
+    W(t, e) || Me(this._config, e);
   }
   /**
    * Sets up the local props based on the current config.
-   * @category Protected
+   *
+   * @private
    */
   setupLocalProps() {
-    this._xAxisField = Z(this._config), this._aggregationType = h(this._config), this._splitByField = $(this._config), this._numericFields = c(this._config);
+    this._xAxisField = se(this._config), this._aggregationType = y(this._config), this._splitByField = te(this._config), this._numericFields = u(this._config);
   }
-  /**
-   * Resets the config to the default config
-   * @category Protected
-   */
   resetConfig() {
     const e = this._config.id;
-    this._config = this.generateDefaultConfig(), this._config.id = e, this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("resetConfig");
+    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
-   * @category Protected
+   *
+   * @private
    */
   canUseSynchronousSeriesRebuild() {
     return this.splitByField === "" || this.numericFields.length > 1;
@@ -423,22 +389,20 @@ class Fe extends T {
   /**
    * 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
+   * @private
    */
   async processSeriesRebuild() {
     if (this.layerInfo !== void 0) {
       const e = this.dirtyAsyncSetters[this.dirtyAsyncSetters.length - 1];
       if (this.canUseSynchronousSeriesRebuild())
-        this.dirtyAsyncSetters = [], A(this.getBuildNewSeriesProps());
+        this.dirtyAsyncSetters = [], C(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 A(this.getBuildNewSeriesProps());
-        this.asyncConfigUpdateInProgress = !1, this.resolveSetup?.();
+        for (this.startAsyncUpdate(); this.dirtyAsyncSetters.length > 0; )
+          this.dirtyAsyncSetters = [], await C(this.getBuildNewSeriesProps());
+        this.finishAsyncUpdate();
       }
-      this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
+      this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
     }
   }
   // #endregion
@@ -465,42 +429,85 @@ class Fe extends T {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return this.layerInfo !== void 0 ? ee(this._config, this.layerInfo, this.commonStrings) : "";
-  }
-  /**
-   * Generate the proper x-axis title given the current config.
-   */
-  generateXAxisTitle() {
-    return this.layerInfo !== void 0 ? L(this.layerInfo.layerFieldsInfo, this._xAxisField) : "";
+    return this.layerInfo !== void 0 ? ie(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
    */
   generateYAxisTitle() {
-    return this.layerInfo !== void 0 ? _({
+    return this.layerInfo !== void 0 ? I({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
-      numericFields: c(this._config),
-      aggregationType: h(this._config)
+      numericFields: u(this._config),
+      aggregationType: y(this._config)
     }) : "";
   }
   // #endregion
 }
-te(Fe, [
-  w,
-  se,
-  re,
+l([
+  o
+], a.prototype, "setAssignToSecondValueAxis");
+l([
+  o
+], a.prototype, "setSortOrder");
+l([
+  o
+], a.prototype, "setDataFilters");
+l([
+  o
+], a.prototype, "orderByList");
+l([
+  o
+], a.prototype, "binTemporalData");
+l([
+  o
+], a.prototype, "setSeriesName");
+l([
+  o
+], a.prototype, "setSeriesColor");
+l([
+  o
+], a.prototype, "setOrderOfSeries");
+l([
+  o
+], a.prototype, "stackedType");
+l([
+  o
+], a.prototype, "moveSeries");
+l([
+  o
+], a.prototype, "moveCustomSortValuesInOrderByList");
+l([
+  o
+], a.prototype, "nullCategory");
+l([
+  o
+], a.prototype, "resetConfig");
+const Ee = [
+  _e,
   oe,
-  ae,
   ne,
-  D,
-  N,
-  le
-]);
+  ae,
+  ge,
+  le,
+  ce,
+  xe,
+  Te,
+  c,
+  ye,
+  me,
+  ue,
+  fe,
+  pe,
+  he,
+  de,
+  Se
+];
+X(a, Ee);
 export {
-  Fe as S,
-  de as a,
-  ce as g,
-  fe as s
+  a as S,
+  Fe as a,
+  be as g,
+  Be as s
 };