@arcgis/charts-components 4.34.0-next.16 → 4.34.0-next.160

package/dist/chunks/box-plot-model.js

@@ -1,7 +1,8 @@
-import { WebChartTypes as f, WebChartOrderDataByTypes as u, WebChartSortOrderKinds as b, RESTFieldType as we } from "@arcgis/charts-spec";
-import { memoize as ne, isEmpty as Be, isEqual as Me, cloneDeep as le } from "lodash-es";
+import "@arcgis/toolkit/intl";
+import "lodash-es";
+import { W as O } from "./series-types.js";
 import "d3-array";
-import { ae as R, b as T, W as C, b4 as ve, a5 as Oe, a4 as _e, c9 as B, z as Ae, i as Ie, b6 as de, b7 as ce, bR as I, a3 as ye, U as V, af as fe, ao as De, as as $, aS as P, az as Te, Y as Ve, P as Pe, T as H } from "./interfaces.js";
+import { a3 as n, aK as I, aD as x, cg as A, a6 as b, Y as U, b2 as l, a0 as g, a1 as c } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -9,509 +10,97 @@ 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 { g as W, p as We, j as M } from "./index4.js";
-import { R as Ee, u as v, c as X, d as j, S as Ue, T as Ne, f as N, U as ke, C as qe, H as ze, F as Ke, a as Ye, M as Re, e as $e } from "./serial-chart-data.js";
-import { B as y } from "./common.js";
-import { M as Xe, a as je, b as Je, c as Ge } from "./model-with-data-labels.js";
-import { M as He } from "./model-with-rotation.js";
-import { g as Qe, s as Q, b as Ze, a as Z } from "./series.js";
+import "./runtime.js";
+import { j as o } from "./index4.js";
+import "@arcgis/toolkit/dom";
+import { C as P, M as W, a as D } from "./model-with-multi-axes.js";
+import { B as N } from "./common.js";
+import { M as V, a as E, b as T, c as R } from "./model-with-data-labels.js";
+import "@arcgis/core/intl.js";
+import { M as z } from "./model-with-rotation.js";
+import { i as K, f as Y, e as k } from "./data.js";
+import { g as j, s as d, a as q, b as f } from "./series.js";
+import { s as G, g as X, a as H, b as J, c as Q, d as m, e as u, f as y, h as S, i as p, j as Z, k as $, l as ee, m as C, n as te, o as ie, p as se, q as re, r as _, t as oe, u as L, v as ne, w as F, x as ae, y as he, z as le, A as ge, B as ce, C as de, D as w } from "./box-plot-data.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.16 */
-const et = (s, e) => e?.series?.[s]?.name, ee = (s, e, t) => {
-  const i = t;
-  i?.series?.[e] !== void 0 && (i.series[e].name = s);
-}, tt = (s, e) => {
-  let t;
-  const i = e.series?.[s];
-  return i?.type === f.BoxPlotSeries ? t = i.fillSymbol?.color : i?.type === f.LineSeries && (t = i.lineSymbol?.color), t;
-}, ue = (s) => {
-  const e = s.series[0];
-  return s.showMean === !0 && W(e) ? e.fillSymbol?.color : void 0;
-}, K = (s, e) => {
-  const t = e.series[0];
-  e.showMean === !0 && W(t) && (t.fillSymbol !== void 0 ? t.fillSymbol.color = s : t.fillSymbol = {
-    ...R(),
-    color: s
-  });
-}, te = (s, e, t) => {
-  const o = t?.series?.[e];
-  o?.type === f.BoxPlotSeries && o.fillSymbol !== void 0 ? o.fillSymbol.color = s : o?.type === f.LineSeries && o.lineSymbol !== void 0 && (o.lineSymbol.color = s, o.markerSymbol !== void 0 && (o.markerSymbol.color = s));
-}, he = (s) => s.series.map((e) => e.id), me = (s, e) => {
-  e?.series?.sort(
-    (t, i) => s.findIndex((o) => t.id === o) - s.findIndex((o) => i.id === o)
-  );
-}, st = (s, e, t) => {
-  const i = he(t), [o] = i.splice(s, 1);
-  i.splice(e, 0, o), me(i, t);
-}, it = (s) => U(s) ? s.series.findIndex((e) => e.type === f.BoxPlotSeries) : -1, F = (s) => T(s)?.x ?? C, k = ne(
-  (s) => {
-    const e = T(s), t = e?.query?.where?.split("=")[0].trim() ?? "";
-    return Ie(e?.query?.where) ? "" : t;
-  },
-  (s) => T(s)?.query?.where
-), O = ne(
-  // without memoizing, the worst case efficiency is O(series.length), best case is O(1)
-  // with memoizing, the worst case efficiency for repeated calls becomes O(1)
-  (s) => Ae(s?.series).filter((e) => e !== ""),
-  // using series array address as key, since a change to the numeric fields will always rebuild a fresh series array
-  (s) => s?.series
-), D = async (s) => {
-  const { category: e, seriesIndex: t, y: i } = s, r = {
-    ...await $(t),
-    x: e === void 0 || e === "" ? C : e,
-    y: i,
-    query: {}
-  };
-  return le(r);
-}, ot = async (s) => {
-  const { category: e, seriesIndex: t, y: i } = s, r = {
-    ...await De({ seriesIndex: t }),
-    x: e === void 0 || e === "" ? C : e,
-    y: i,
-    query: {}
-  };
-  return le(r);
-};
-async function Se(s) {
-  const { x: e, y: t, seriesTemplate: i } = s, { id: o, fillSymbol: r } = i ?? {}, a = await $(), n = o ?? `series_${Date.now()}`;
-  return a.id = n, a.name = n, a.x = e, a.y = t, r ? a.fillSymbol = r : a.fillSymbol && (a.fillSymbol.color = P, a.fillSymbol?.outline && (a.fillSymbol.outline.color = P)), a;
-}
-async function ge(s) {
-  const { numericFields: e, config: t, layerInfo: i, category: o } = s, { layerFieldsInfo: r } = i, a = [], n = o ?? F(t);
-  let l = !1;
-  if (e.length === 0) {
-    const d = await D({
-      y: "",
-      seriesIndex: 0,
-      category: n
-    });
-    a.push(d);
-  } else if (n === C) {
-    const d = await N(), c = e.length > 1 ? e : e[0], L = await D({
-      y: c,
-      seriesIndex: 0,
-      category: n
-    }), m = e.length > 1 ? d.axisLabels.values : B(i.layerFieldsInfo, e[0]), p = {
-      ...L,
-      id: e[0],
-      name: m,
-      x: n
-    }, S = t.series.find((h) => Me(c, h.y) && h.query?.where === void 0);
-    S !== void 0 && (!t.colorMatch && "fillSymbol" in S && (p.fillSymbol = S.fillSymbol, l = !0), p.id = S.id, p.name = S.name), a.push(p);
-  } else
-    for (let d = 0; d < e.length; d += 1) {
-      const c = e[d], L = await D({
-        y: c,
-        seriesIndex: d,
-        category: n
-      }), m = B(r, c), p = {
-        ...L,
-        id: c,
-        name: m,
-        x: n
-      }, S = t.series.find((h) => c === h.y);
-      S !== void 0 && (!t.colorMatch && "fillSymbol" in S && (p.fillSymbol = S.fillSymbol, l = !0), p.id = S.id, p.name = S.name), a.push(p);
-    }
-  return t.series.length === 1 && a.length === 1 && !t.colorMatch && "fillSymbol" in t.series[0] && (a[0].fillSymbol = t.series[0].fillSymbol, l = !0), t.colorMatch = !l, a;
-}
-const pe = (s) => s?.query?.where?.split("=")[1].trim().replace(/'/gu, "") ?? "", rt = (s) => s.series.some((e) => e.type === f.LineSeries) && s.series.some((e) => e.type === f.BoxPlotSeries);
-async function at(s, e) {
-  const t = [];
-  return s.forEach((i) => {
-    if (i.type === f.BoxPlotSeries) {
-      const { type: o, fillSymbol: r, ...a } = i;
-      t.push({
-        ...a,
-        type: f.LineSeries,
-        lineSymbol: {
-          ...ye({ width: V }),
-          ...r !== void 0 ? { color: r.color } : {}
-        },
-        markerSymbol: {
-          ...fe(),
-          ...r !== void 0 ? { color: r.color } : {}
-        }
-      });
-    }
-  }), t.unshift(
-    await Se({
-      x: s[0].x,
-      y: s[0].y,
-      seriesTemplate: e
-    })
-  ), t;
-}
-function nt(s) {
-  const e = s.slice(1), t = [];
-  return e.forEach((i) => {
-    if (i.type === f.LineSeries) {
-      const { type: o, lineSymbol: r, markerSymbol: a, ...n } = i, l = R();
-      t.push({
-        ...n,
-        type: f.BoxPlotSeries,
-        fillSymbol: {
-          ...l,
-          color: r?.color
-        }
-      });
-    }
-  }), t;
-}
-function Ce(s) {
-  const { formerSeries: e, newSeries: t, showMean: i } = s;
-  let o = t;
-  const r = (l) => l.type === (i ? f.LineSeries : f.BoxPlotSeries), a = e.filter(r).map((l) => l.id), n = t.filter(r).map((l) => l.id);
-  return a.length === n.length && JSON.stringify(a) !== JSON.stringify(n) && (o = o.sort(
-    (l, d) => a.findIndex((c) => c === l.id) - a.findIndex((c) => c === d.id)
-  )), o;
-}
-async function lt(s) {
-  const { config: e, layerInfo: t, splitByField: i, numericFields: o, category: r } = s, { layer: a, layerFieldsInfo: n } = t, { fetchNullValues: l } = T(e)?.query ?? {}, d = r ?? F(e), { categoriesArray: c, splitByFieldType: L } = await ke({
-    config: e,
-    layer: a,
-    layerFieldsInfo: n,
-    xAxisField: d !== C ? d : void 0,
-    aggregationFields: o,
-    splitByField: i,
-    fetchNullValues: l
-  });
-  let m = [], p = !1;
-  const S = rt(e);
-  if (c.length === 0) {
-    m = await ge({
-      numericFields: o,
-      category: d,
-      config: e,
-      layerInfo: t
-    });
-    for (const h of m)
-      h.query && (h.query.where = `${i}=''`);
-  } else
-    for (let h = 0; h < c.length; h += 1) {
-      const w = c[h], A = {
-        y: o,
-        seriesIndex: h,
-        category: d
-      }, G = S ? await ot(A) : await D(A), xe = {
-        fieldName: i,
-        fieldValueToMatch: w ?? "",
-        subtypeInfo: de(t.layer),
-        fieldList: t.layerFieldsInfo
-      }, Fe = ce(xe), z = `${w}`, x = {
-        ...G,
-        id: z,
-        name: Fe ?? z,
-        x: d === void 0 || d === "" ? C : d,
-        query: {
-          ...G.query,
-          where: `${i}=${L === we.String && w !== null ? `'${w}'` : w}`
-        }
-      }, g = e.series.find((Le) => pe(Le) === z);
-      g !== void 0 && (e.colorMatch || (x.type === f.BoxPlotSeries ? W(g) ? x.fillSymbol = g.fillSymbol : x.fillSymbol = {
-        ...R(),
-        color: g.lineSymbol?.color
-      } : W(g) ? (x.lineSymbol = {
-        ...ye({ width: V }),
-        ...g.fillSymbol !== void 0 ? { color: g.fillSymbol.color } : {}
-      }, x.markerSymbol = {
-        ...fe(),
-        ...g.fillSymbol !== void 0 ? { color: g.fillSymbol.color } : {}
-      }) : (x.lineSymbol = g.lineSymbol, x.markerSymbol = g.markerSymbol), p = !0), x.id = g.id, x.name = g.name), m.push(x);
-    }
-  if (m = Ce({
-    formerSeries: e.series,
-    newSeries: m,
-    showMean: U(e)
-  }), e.colorMatch = !p, U(e)) {
-    const h = e.series.find((A) => A.type === f.BoxPlotSeries), w = await Se({
-      x: d,
-      y: o,
-      seriesTemplate: h
-    });
-    m.unshift(w);
-  }
-  return m;
-}
-const q = async (s) => {
-  const { splitByField: e, numericFields: t, category: i, config: o, layerInfo: r } = s, n = !(t.length > 1 && i !== C) && e !== "";
-  Y(n ? o.showMean : !1, o), o.series = n ? await lt({
-    config: o,
-    layerInfo: r,
-    splitByField: e,
-    numericFields: t,
-    category: i
-  }) : await ge({
-    numericFields: t,
-    config: o,
-    layerInfo: r,
-    category: i
-  });
-}, be = (s) => s?.standardizeValues ?? !1;
-async function _(s, e) {
-  const { layerFieldsInfo: t } = e, i = be(s), o = await N();
-  let r = i ? o.axisLabels.standardizedValues : o.axisLabels.values, a = s?.series?.map((n) => n.y).flat();
-  return a = [...new Set(a)], a.length === 1 && (r = B(t, a[0])), r;
-}
-async function J(s, e) {
-  const { layerFieldsInfo: t } = e, i = F(s), o = O(s), r = k(s), a = o.map((c) => B(t ?? [], c)).join(", "), n = B(t ?? [], i);
-  let l = "";
-  const d = await N();
-  return o.length > 0 && (i !== C && r !== "" ? l = I(d.titleLabels.distributionOfFieldsByCategoryAndSplitBy, {
-    valueFields: a,
-    category: n,
-    splitByField: r
-  }) : i !== C ? l = I(d.titleLabels.distributionOfFieldsByCategory, {
-    valueFields: a,
-    category: n
-  }) : r !== "" ? l = I(d.titleLabels.distributionOfFieldsByCategory, {
-    valueFields: a,
-    category: r
-  }) : l = I(d.titleLabels.distributionOfField, {
-    valueField: a
-  })), l;
-}
-const dt = async (s, e, t) => {
-  const { layerFieldsInfo: i } = t, o = F(e), r = k(e), a = O(e), n = ve(i);
-  let l;
-  !n.includes(o) && n.includes(s) ? l = Oe() : n.includes(o) && !n.includes(s) && (l = _e()), l !== void 0 && Ee(e, l), await q({
-    splitByField: r,
-    numericFields: a,
-    category: s,
-    config: e,
-    layerInfo: t
-  });
-  const d = s !== C ? B(i, s) : "";
-  v(e, 0, d);
-  const c = await _(e, t);
-  v(e, 1, c), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, ct = async (s, e, t) => {
-  const i = F(e), o = k(e);
-  await q({
-    splitByField: o,
-    numericFields: s,
-    category: i,
-    config: e,
-    layerInfo: t
-  });
-  const r = await _(e, t);
-  v(e, 1, r), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, se = (s) => {
-  const { series: e, splitByField: t, layerInfo: i, commonStrings: o } = s;
-  let r = typeof e.y == "string" ? B(i.layerFieldsInfo, e.y) : o.axisLabels.values;
-  Be(t) || (r = pe(e));
-  const a = {
-    fieldName: t,
-    fieldValueToMatch: r ?? "",
-    subtypeInfo: de(i.layer),
-    fieldList: i.layerFieldsInfo
-  };
-  return r = ce(a) ?? r, r ?? e.id;
-}, yt = async (s, e, t) => {
-  const i = F(e), o = O(e);
-  await q({
-    splitByField: s,
-    numericFields: o,
-    category: i,
-    config: e,
-    layerInfo: t
-  });
-  const r = await _(e, t);
-  v(e, 1, r), e?.title !== void 0 && (e.title.content.text = await J(e, t)), X(e, null), j(e, null);
-}, ft = (s) => s?.showOutliers ?? !1, ut = async (s, e, t) => {
-  e.showOutliers = s;
-  const i = await _(e, t);
-  v(e, 1, i);
-}, ht = async (s, e, t) => {
-  e.standardizeValues = s;
-  const i = await _(e, t);
-  v(e, 1, i);
-}, E = (s) => {
-  let e = y.xAxisAsc;
-  const t = s.orderOptions?.data?.orderType ?? u.Category, i = s.orderOptions?.data?.orderBy ?? b.Ascending;
-  switch (t) {
-    case u.Category:
-      e = Array.isArray(i) ? y.customSort : i === b.Ascending ? y.xAxisAsc : y.xAxisDesc;
-      break;
-    case u.Mean:
-      e = i === b.Ascending ? y.meanAsc : y.meanDesc;
-      break;
-    case u.Median:
-      e = i === b.Ascending ? y.medianAsc : y.medianDesc;
-      break;
-  }
-  return e;
-}, ie = (s, e, t) => {
-  let i = u.Category, o = b.Ascending;
-  if (e.orderOptions = e.orderOptions ?? {}, s === y.customSort && t !== void 0)
-    e.orderOptions.data = {
-      orderType: u.Category,
-      orderBy: t
-    };
-  else {
-    switch (s) {
-      case y.xAxisAsc: {
-        i = u.Category, o = b.Ascending;
-        break;
-      }
-      case y.xAxisDesc: {
-        i = u.Category, o = b.Descending;
-        break;
-      }
-      case y.meanAsc: {
-        i = u.Mean, o = b.Ascending;
-        break;
-      }
-      case y.meanDesc: {
-        i = u.Mean, o = b.Descending;
-        break;
-      }
-      case y.medianAsc: {
-        i = u.Median, o = b.Ascending;
-        break;
-      }
-      case y.medianDesc: {
-        i = u.Median, o = b.Descending;
-        break;
-      }
-    }
-    e.orderOptions.data = {
-      orderType: i,
-      orderBy: o
-    };
-  }
-}, U = (s) => s.showMean ?? !1, Y = async (s = !1, e, t) => {
-  const i = s ? t : ue(e), o = (s ?? !1) !== (e.showMean ?? !1);
-  if (e.showMean = s, o) {
-    let r;
-    s ? r = We(e.series) ? await at(e.series) : e.series : r = nt(e.series), r && (r = Ce({
-      formerSeries: e.series,
-      newSeries: r,
-      showMean: s
-    }), e.series = r);
-  }
-  return s && t !== void 0 && K(t, e), { previousMeanLinesBoxColor: i };
-}, oe = (s) => {
-  let e = [];
-  const t = s.orderOptions?.data?.orderType;
-  return E(s) === y.customSort && t === u.Category && (e = s.orderOptions?.data?.orderBy), e;
-}, re = (s, e) => {
-  e.orderOptions ??= {};
-  const t = e.orderOptions?.data?.orderType;
-  E(e) === y.customSort && t === u.Category && (e.orderOptions.data = {
-    orderType: u.Category,
-    orderBy: s
-  });
-}, mt = (s) => s.dataFilters, St = (s, e) => {
-  s !== void 0 ? e.dataFilters = s : delete e.dataFilters;
-}, ae = async (s, e) => {
-  const t = F(s), i = Ue(s)?.type, o = O(s);
-  let r = [];
-  return i === f.CategoryAxisFormat && (t === C ? r = o : t.trim() !== "" && t !== C && (r = await Ne({
-    layerInfo: e,
-    config: s,
-    category: t
-  }))), r;
-};
-class gt extends qe {
+v4.34.0-next.160 */
+class fe extends P {
   constructor() {
-    super(...arguments), this._chartType = f.BoxPlotSeries;
+    super(...arguments), this._chartType = O.BoxPlotSeries, this._category = n, this._splitByField = "", this._numericFields = [];
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.commonStrings = await N(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
-  // Data Props
+  // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the category field for the box plot.
-   * @returns {string}
-   */
-  getCategory() {
-    return F(this._config);
-  }
-  /**
-   * Sets the category field for the box plot.
-   * @param {string} newCategory The new category field.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
+   * The category field for the box plot.
    */
-  async setCategory(e) {
-    await dt(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setCategory");
+  get category() {
+    return this._category;
   }
-  /**
-   * Gets the list of the category values for the chart.
-   * @returns {string[]}
-   */
-  async getCustomSortValues() {
-    return await ae(this._config, this.layerInfo);
+  set category(e) {
+    const t = e.trim() === "";
+    this._category = t ? n : e, this.dirtyAsyncSetters.push("category"), this.processSeriesRebuild();
   }
   /**
-   * Gets the numeric fields array for the box plot.
-   * @returns {string[]}
+   * The numeric fields array for the box plot.
    */
-  getNumericFields() {
-    return O(this._config);
+  get numericFields() {
+    return this._numericFields;
   }
-  /**
-   * Sets the numeric field or numeric fields array for the box plot.
-   * @param {string[] | string} newNumericFields The new numeric field or numeric fields array.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setNumericFields(e) {
+  set numericFields(e) {
     const { layerFieldsInfo: t } = this.layerInfo;
-    typeof e == "string" && (e = [e]), ze(t, e) ? (await ct(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields")) : console.log("Invalid numericFields");
+    typeof e == "string" && (e = [e]), K(t, e) ? (this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), G(this._category, this._numericFields) && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), this.processSeriesRebuild()) : console.log("Invalid numericFields");
   }
   /**
-   * Gets the split-by field for the box plot.
-   * @returns {string}
+   * The split-by field for the box plot.
    */
-  getSplitByField() {
-    return k(this._config);
+  get splitByField() {
+    return this._splitByField;
   }
-  /**
-   * Sets the split-by field for the box plot.
-   * @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) {
-    Ke(this.layerInfo.layerFieldsInfo, e) ? (await yt(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField")) : console.log("Invalid splitByField");
+  set splitByField(e) {
+    Y(this.layerInfo.layerFieldsInfo, e) ? (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild()) : console.log("Invalid splitByField");
   }
   /**
-   * Gets whether outliers are shown.
-   * @returns {boolean}
+   * Whether outliers are shown.
    */
-  getShowOutliers() {
-    return ft(this._config);
+  get showOutliers() {
+    return X(this._config);
   }
-  /**
-   * Sets whether outliers are shown.
-   * @param {boolean} newShowOutliersState The new show outliers state.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setShowOutliers(e) {
-    await ut(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setShowOutliers");
+  set showOutliers(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      H({
+        newShowOutliers: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("showOutliers");
+    });
   }
   /**
-   * Gets whether values are standardized as z-scores.
-   * @returns {boolean}
+   * Whether values are standardized as z-scores.
    */
-  getStandardizeValues() {
-    return be(this._config);
+  get standardizeValues() {
+    return J(this._config);
   }
-  /**
-   * Sets whether values are standardized as z-scores.
-   * @param {boolean} newStandardizeValuesState The new standardize values state.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setStandardizeValues(e) {
-    await ht(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setStandardizeValues");
+  set standardizeValues(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Q({
+        newStandardizeValues: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("standardizeValues");
+    });
   }
   /**
    * Gets the sort order of the box plot data.
    * @returns {"xAxisAsc" | "xAxisDesc"| "meanAsc" | "meanDesc" | "medianAsc" | "medianDesc" | "customSort"}
    */
   getSortOrder() {
-    return E(this._config);
+    return m(this._config);
   }
   /**
    * Sets the sort order of the box plot data.
@@ -519,107 +108,149 @@ class gt extends qe {
    * @param {string[]} orderByList The new list of category's values for custom sort.
    */
   setSortOrder(e, t) {
-    ie(e, this._config, t), this.emitConfigUpdate("setSortOrder");
+    this.guardSetterFromAsyncOverwrite(() => {
+      u(e, this._config, t), this.emitConfigUpdate("setSortOrder");
+    });
   }
   /**
-   * Gets the list of category's values for custom sort
+   * Gets the list of the category values for the chart.
    * @returns {string[]}
    */
-  getOrderByList() {
-    return oe(this._config);
+  async getCustomSortValues() {
+    return await y(this._config, this.layerInfo);
   }
   /**
-   * Sets the list of category's values for custom sort
-   * @param {string[]} newOrderByList The new list of category's values
+   * Sets the data filter for the bar chart.
+   * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
    */
-  setOrderByList(e) {
-    re(e, this._config), this.emitConfigUpdate("setOrderByList");
+  async setDataFilters(e) {
+    super.setDataFilters(e);
+    const t = m(this._config);
+    if (t === N.customSort) {
+      const i = await y(this._config, this.layerInfo);
+      u(t, this._config, i);
+    }
+    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
   }
   /**
-   * Updates the series based on the layer filter.
-   * @async **This method is `async` and must be awaited for the changes to take effect.*
+   * The list of category's values for custom sort
    */
-  async updateSeriesFromLayerFilter() {
-    await q({
-      splitByField: this.getSplitByField(),
-      numericFields: this.getNumericFields(),
-      category: this.getCategory(),
-      config: this._config,
-      layerInfo: this.layerInfo
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("updateSeriesFromLayerFilter");
+  get orderByList() {
+    return S(this._config);
   }
-  /**
-   * Gets the data filter for the bar chart.
-   * @returns {WebChartDataFilters | undefined}
-   */
-  getDataFilter() {
-    return mt(this._config);
+  set orderByList(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      p(e, this._config), this.emitConfigUpdate("orderByList");
+    });
   }
   /**
-   * Sets the data filter for the bar chart.
-   * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
+   * Updates the series based on the layer filter.
+   * @async **This method is `async` and must be awaited for the changes to take effect.*
    */
-  async setDataFilter(e) {
-    St(e, this._config);
-    const t = E(this._config);
-    if (t === y.customSort) {
-      const i = await ae(this._config, this.layerInfo);
-      ie(t, this._config, i);
-    }
-    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
+  async updateSeriesFromLayerFilter() {
+    this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"), await this.processSeriesRebuild();
   }
   // ---------------------------------------------------------------------------------------------
-  // Series Props
+  // #region  Series Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets whether mean lines are shown.
-   * @returns {boolean | undefined}
+   * Whether mean lines are shown.
    */
-  getShowMeanLines() {
-    return U(this._config);
+  get showMeanLines() {
+    return Z(this._config);
   }
-  /**
-   * Sets whether mean lines are shown.
-   * @param {boolean | undefined} newShowMeanLines The new show mean lines state.
-   */
-  async setShowMeanLines(e) {
-    const { previousMeanLinesBoxColor: t } = await Y(
-      e,
-      this._config,
-      this.previousMeanLinesBoxColor
-    );
-    this.previousMeanLinesBoxColor = t, this.emitConfigUpdate("setShowMeanLines");
+  set showMeanLines(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const { previousMeanLinesBoxColor: t } = $({
+        newShowMeanLines: e,
+        config: this._config,
+        commonStrings: this.commonStrings,
+        previousMeanLinesBoxColor: this.previousMeanLinesBoxColor
+      });
+      this.previousMeanLinesBoxColor = t, this.emitConfigUpdate("showMeanLines");
+    });
   }
   /**
-   * Gets the color of the boxes when showing mean lines. Only applicable when mean lines are shown.
-   * @returns {Color | undefined}
+   * The color of the boxes when showing mean lines. Only applicable when mean lines are shown.
    */
-  getMeanLinesBoxColor() {
-    return ue(this._config);
+  get meanLinesBoxColor() {
+    return ee(this._config);
   }
-  /**
-   * Sets the color of the boxes when showing mean lines. Only applicable when mean lines are shown.
-   * @param {Color | undefined} newColor The new color.
-   */
-  setMeanLinesBoxColor(e) {
-    K(e, this._config), this.emitConfigUpdate("setMeanLinesBoxColor");
+  set meanLinesBoxColor(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      C(e, this._config), this.emitConfigUpdate("meanLinesBoxColor");
+    });
   }
   // ---------------------------------------------------------------------------------------------
-  // Protected Methods
+  // #region Protected Methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await Te();
-    return e.series = [await $()], e;
+  /**
+   * Sets up the local props based on the current config.
+   * @category Protected
+   */
+  setupLocalProps() {
+    this._category = te(this._config), this._splitByField = ie(this._config), this._numericFields = se(this._config);
+  }
+  generateDefaultConfig() {
+    const e = I(this.commonStrings);
+    return e.series = [x(this.commonStrings)], e;
   }
   /**
    * Resets the config to the default config
    */
-  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 !re(this.category, this.numericFields, this.splitByField);
+  }
+  /**
+   * 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 = [], _(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 _(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 {
+      category: this.category,
+      splitByField: this.splitByField,
+      numericFields: this.numericFields,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    };
+  }
+  // #endregion
   // ---------------------------------------------------------------------------------------------
-  // Series Methods
+  // #region Series Methods
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the name of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -627,7 +258,7 @@ class gt extends qe {
    * @returns {string | undefined}
    */
   getSeriesName(e) {
-    return et(e, this._config);
+    return oe(e, this._config);
   }
   /**
    * Sets name of the series based on the series index.
@@ -635,7 +266,9 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesName(e, t) {
-    ee(e, t, this._config), this.emitConfigUpdate("setSeriesName");
+    this.guardSetterFromAsyncOverwrite(() => {
+      L(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`.
@@ -643,7 +276,7 @@ class gt extends qe {
    * @returns {Color | undefined}
    */
   getSeriesColor(e) {
-    return tt(e, this._config);
+    return ne(e, this._config);
   }
   /**
    * Sets the color of the series based on the series index.
@@ -651,7 +284,9 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesColor(e, t) {
-    te(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
+    this.guardSetterFromAsyncOverwrite(() => {
+      F(e, t, this._config), this.emitConfigUpdate("setSeriesColor");
+    });
   }
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -663,8 +298,8 @@ class gt extends qe {
    */
   getSeriesLineStyle(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && M(t))
-      return Qe(t);
+    if (this.showMeanLines === !0 && o(t))
+      return j(t);
   }
   /**
    * Sets the line style of the series based on the series index.
@@ -675,8 +310,10 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesLineStyle(e, t) {
-    const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && M(i) && Q(e, i), this.emitConfigUpdate("setSeriesLineStyle");
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = this._config.series[t];
+      this.showMeanLines === !0 && o(i) && d(e, i), this.emitConfigUpdate("setSeriesLineStyle");
+    });
   }
   /**
    * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -688,8 +325,8 @@ class gt extends qe {
    */
   getSeriesLineWidth(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && M(t))
-      return Ze(t);
+    if (this.showMeanLines === !0 && o(t))
+      return q(t);
   }
   /**
    * Sets the line width of the series based on the series index.
@@ -700,22 +337,21 @@ class gt extends qe {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesLineWidth(e, t) {
-    const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && M(i) && Z(e, i), this.emitConfigUpdate("setSeriesLineWidth");
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = this._config.series[t];
+      this.showMeanLines === !0 && o(i) && f(e, i), this.emitConfigUpdate("setSeriesLineWidth");
+    });
   }
   /**
-   * Gets the order of the series array by returning an array of series ids.
-   * @returns {string[]}
+   * The order of the series array by returning an array of series ids.
    */
-  getOrderOfSeries() {
-    return he(this._config);
+  get orderOfSeries() {
+    return ae(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) {
-    me(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
+  set orderOfSeries(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      he(e, this._config), this.emitConfigUpdate("orderOfSeries");
+    });
   }
   /**
    * Moves a series from one index in the series array to another.
@@ -723,90 +359,116 @@ class gt extends qe {
    * @param {number} toIndex Index to move the series to.
    */
   moveSeries(e, t) {
-    st(e, t, this._config), this.emitConfigUpdate("moveSeries");
+    this.guardSetterFromAsyncOverwrite(() => {
+      le(e, t, this._config), this.emitConfigUpdate("moveSeries");
+    });
   }
   /**
-   * Get the index of the box plot series in the series array in config object when show mean is true.
-   *
-   * **NOTE**: There is only one box plot series when show mean is true. The function returns '-1' if show mean is false.
-   * @param config - config object
+   * The index of the box plot series in the series array in config object when show mean is true.
+   * **Note:** There is only one box plot series when show mean is true. The function returns '-1' if show mean is false.
    */
-  getBoxPlotSeriesIndexWhenMeanLinesShown() {
-    return it(this._config);
+  get boxPlotSeriesIndexWhenMeanLinesShown() {
+    return ge(this._config);
   }
   /**
    * Move 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 `BoxPlotDataSortingKinds.customSort`.
+   * **Note:** This method should be only used when the sort order is set to `BoxPlotDataSortingKinds.customSort`.
    * @param {number} fromIndex The index to move the custom sort item from.
    * @param {number} toIndex The index to move the category item to.
    */
   moveCustomSortValuesInOrderByList(e, t) {
-    const i = oe(this._config), [o] = i.splice(e, 1);
-    i.splice(t, 0, o), re(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = S(this._config), [s] = i.splice(e, 1);
+      i.splice(t, 0, s), p(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    });
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region General Methods
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Generate the proper chart title given the current config.
+   */
+  generateChartTitle() {
+    return ce(this._config, this.layerInfo, this.commonStrings);
   }
+  /**
+   * Generate the proper x-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  generateXAxisTitle() {
+    return this._category !== n ? A(this.layerInfo.layerFieldsInfo, this._category) : "";
+  }
+  /**
+   * Generate the proper y-axis title given the current config.
+   */
+  generateYAxisTitle() {
+    return de(this._config, this.layerInfo, this.commonStrings);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Reset Methods
+  // ---------------------------------------------------------------------------------------------
   /**
    * Resets the series styling to the default styling.
    */
   resetSeriesStyling() {
-    const e = this.getSeriesLength(), t = this.getShowMeanLines();
-    for (let i = t === !0 ? 1 : 0; i < e; i += 1) {
-      const o = this.getSeriesId(i), r = Ve({
-        colorIndex: i,
-        opacity: Pe
-      }), a = this._config.series[i];
-      te(r, i, this._config);
-      const n = se({
-        series: a,
-        splitByField: this.getSplitByField(),
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings
-      });
-      ee(n ?? o, i, this._config), t === !0 && M(a) && (Q(H, a), Z(V, a));
-    }
-    t === !0 && K(P, this._config), this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
+    this.guardSetterFromAsyncOverwrite(() => {
+      for (let e = this.showMeanLines === !0 ? 1 : 0; e < this.seriesLength; e += 1) {
+        const t = this.getSeriesId(e), i = b({
+          colorIndex: e,
+          opacity: U
+        }), s = this._config.series[e];
+        F(i, e, this._config);
+        const r = w({
+          series: s,
+          splitByField: this._splitByField,
+          layerInfo: this.layerInfo,
+          commonStrings: this.commonStrings
+        });
+        L(r ?? t, e, this._config), this.showMeanLines === !0 && o(s) && (d(g, s), f(c, s));
+      }
+      this.showMeanLines === !0 && C(l, this._config), this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
+    });
   }
   /**
    * Returns whether the series styling is able to be reset.
    * @returns {boolean}
    */
   resetAvailable() {
-    const e = !this.getColorMatch(), t = this.getShowMeanLines(), i = t === !0 && this.getMeanLinesBoxColor() !== P;
-    let o = !1, r = !1;
-    if (!e) {
-      const a = this.getSeriesLength();
-      for (let n = t === !0 ? 1 : 0; n < a; n += 1) {
-        const l = this._config.series[n], d = se({
-          series: l,
-          splitByField: this.getSplitByField(),
+    const e = !this.colorMatch, t = this.showMeanLines === !0 && this.meanLinesBoxColor !== l;
+    let i = !1, s = !1;
+    if (!e)
+      for (let r = this.showMeanLines === !0 ? 1 : 0; r < this.seriesLength; r += 1) {
+        const a = this._config.series[r], h = w({
+          series: a,
+          splitByField: this._splitByField,
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
-        }), c = this.getSeriesName(n);
-        if (d !== void 0 && d !== c) {
-          o = !0;
+        }), B = this.getSeriesName(r);
+        if (h !== void 0 && h !== B) {
+          i = !0;
           break;
         }
-        if (t === !0 && M(l)) {
-          const L = this.getSeriesLineStyle(n), m = this.getSeriesLineWidth(n);
-          if (L !== H || m !== V) {
-            r = !0;
+        if (this.showMeanLines === !0 && o(a)) {
+          const v = this.getSeriesLineStyle(r), M = this.getSeriesLineWidth(r);
+          if (v !== g || M !== c) {
+            s = !0;
             break;
           }
         }
       }
-    }
-    return e || i || o || r;
+    return e || t || i || s;
   }
 }
-Ye(gt, [
-  Re,
-  Xe,
-  je,
-  Je,
-  He,
-  Ge,
-  $e
+k(fe, [
+  W,
+  V,
+  E,
+  T,
+  z,
+  R,
+  D
 ]);
 export {
-  gt as BoxPlotModel
+  fe as BoxPlotModel
 };