@arcgis/charts-components 4.34.0-next.99 → 5.0.0-next.1

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

@@ -1,7 +1,8 @@
-import { WebChartTypes as x } from "@arcgis/charts-spec";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
+import { W as O } from "./series-types.js";
 import "d3-array";
-import { aC as I, av as O, c7 as D, Y as U, $ as W, R as E, aV as g, V as c, W as d } from "./interfaces.js";
+import { a2 as n, aJ as I, aC as x, cf as A, a5 as b, X as U, b1 as l, $ as g, a0 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,124 +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 { fetchT9nStringsBundle as b, getElementLocale as N } from "@arcgis/toolkit/intl";
-import { g as V } from "./runtime.js";
-import { j as a } from "./index5.js";
+import "./runtime.js";
+import { j as o } from "./index4.js";
 import "@arcgis/toolkit/dom";
-import { C as T, M as P, a as A } from "./model-with-y-guides.js";
-import { B as z } from "./common.js";
-import { M as Y, a as k, b as j, c as K } from "./model-with-data-labels.js";
+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 R } from "./model-with-rotation.js";
-import { j as G, k as X, i as q } from "./data.js";
-import { g as $, s as f, a as H, b as m } from "./series.js";
-import { g as J, s as Q, a as S, b as Z, c as ee, d as te, e as ie, f as se, h as oe, i as re, j as ae, k as u, l as C, m as y, n as p, o as ne, p as he, q as le, r as ge, t as ce, u as de, v as L, w as fe, x as M, y as me, z as _, A as Se, B as ue, C as Ce, D as ye, E as pe, F as Le, G as w } from "./box-plot-data.js";
+import { M as z } from "./model-with-rotation.js";
+import { i as k, f as K, e as Y } from "./data.js";
+import { g as j, s as d, a as X, b as f } from "./series.js";
+import { g as q, s as G, a as J, b as $, c as m, d as u, e as S, f as y, h as p, i as H, j as Q, k as Z, l as C, m as ee, n as te, o as ie, p as L, q as se, r as _, t as re, u as F, v as oe, w as ne, x as ae, y as he, z as le, A as ge, B 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.99 */
-class Me extends T {
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+class ce extends P {
   constructor() {
-    super(...arguments), this._chartType = x.BoxPlotSeries;
+    super(...arguments), this._chartType = O.BoxPlotSeries, this._category = n, this._splitByField = "", this._numericFields = [];
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.commonStrings = await b(
-      N(document.documentElement).t9nLocale,
-      V("./assets/common/t9n"),
-      "messages."
-    ), 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();
   }
   // ---------------------------------------------------------------------------------------------
   // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the category field for the box plot.
-   * @returns {string}
-   */
-  getCategory() {
-    return J(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 Q(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 S(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 Z(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]), G(t, e) ? (await ee(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"), 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 te(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) {
-    X(this.layerInfo.layerFieldsInfo, e) ? (await ie(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField")) : console.log("Invalid splitByField");
+  set splitByField(e) {
+    K(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 se(this._config);
+  get showOutliers() {
+    return q(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 oe(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setShowOutliers");
+  set showOutliers(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      G({
+        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 re(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 ae(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setStandardizeValues");
+  set standardizeValues(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      $({
+        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 u(this._config);
+    return m(this._config);
   }
   /**
    * Sets the sort order of the box plot data.
@@ -134,105 +108,147 @@ class Me extends T {
    * @param {string[]} orderByList The new list of category's values for custom sort.
    */
   setSortOrder(e, t) {
-    C(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 y(this._config);
+  async getCustomSortValues() {
+    return await S(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) {
-    p(e, this._config), this.emitConfigUpdate("setOrderByList");
+  async setDataFilters(e) {
+    super.setDataFilters(e);
+    const t = m(this._config);
+    if (t === N.customSort) {
+      const i = await S(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 ne({
-      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 y(this._config);
   }
-  /**
-   * Gets the data filter for the bar chart.
-   * @returns {WebChartDataFilters | undefined}
-   */
-  getDataFilter() {
-    return he(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) {
-    le(e, this._config);
-    const t = u(this._config);
-    if (t === z.customSort) {
-      const i = await S(this._config, this.layerInfo);
-      C(t, this._config, i);
-    }
-    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
+  async updateSeriesFromLayerFilter() {
+    this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"), await this.processSeriesRebuild();
   }
   // ---------------------------------------------------------------------------------------------
   // #region  Series Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets whether mean lines are shown.
-   * @returns {boolean | undefined}
+   * Whether mean lines are shown.
    */
-  getShowMeanLines() {
-    return ge(this._config);
+  get showMeanLines() {
+    return H(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 ce(
-      e,
-      this._config,
-      this.previousMeanLinesBoxColor
-    );
-    this.previousMeanLinesBoxColor = t, this.emitConfigUpdate("setShowMeanLines");
+  set showMeanLines(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const { previousMeanLinesBoxColor: t } = Q({
+        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 de(this._config);
+  get meanLinesBoxColor() {
+    return Z(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) {
-    L(e, this._config), this.emitConfigUpdate("setMeanLinesBoxColor");
+  set meanLinesBoxColor(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      C(e, this._config), this.emitConfigUpdate("meanLinesBoxColor");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected Methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await I();
-    return e.series = [await O()], e;
+  /**
+   * Sets up the local props based on the current config.
+   * @category Protected
+   */
+  setupLocalProps() {
+    this._category = ee(this._config), this._splitByField = te(this._config), this._numericFields = ie(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 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 = [], L(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 L(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
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
   // ---------------------------------------------------------------------------------------------
@@ -242,7 +258,7 @@ class Me extends T {
    * @returns {string | undefined}
    */
   getSeriesName(e) {
-    return fe(e, this._config);
+    return se(e, this._config);
   }
   /**
    * Sets name of the series based on the series index.
@@ -250,7 +266,9 @@ class Me extends T {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesName(e, t) {
-    M(e, t, this._config), this.emitConfigUpdate("setSeriesName");
+    this.guardSetterFromAsyncOverwrite(() => {
+      _(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`.
@@ -258,7 +276,7 @@ class Me extends T {
    * @returns {Color | undefined}
    */
   getSeriesColor(e) {
-    return me(e, this._config);
+    return re(e, this._config);
   }
   /**
    * Sets the color of the series based on the series index.
@@ -266,7 +284,9 @@ class Me extends T {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesColor(e, t) {
-    _(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`.
@@ -278,8 +298,8 @@ class Me extends T {
    */
   getSeriesLineStyle(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && a(t))
-      return $(t);
+    if (this.showMeanLines === !0 && o(t))
+      return j(t);
   }
   /**
    * Sets the line style of the series based on the series index.
@@ -290,8 +310,10 @@ class Me extends T {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesLineStyle(e, t) {
-    const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && a(i) && f(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`.
@@ -303,8 +325,8 @@ class Me extends T {
    */
   getSeriesLineWidth(e) {
     const t = this._config.series[e];
-    if (this.getShowMeanLines() === !0 && a(t))
-      return H(t);
+    if (this.showMeanLines === !0 && o(t))
+      return X(t);
   }
   /**
    * Sets the line width of the series based on the series index.
@@ -315,22 +337,21 @@ class Me extends T {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesLineWidth(e, t) {
-    const i = this._config.series[t];
-    this.getShowMeanLines() === !0 && a(i) && m(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 Se(this._config);
+  get orderOfSeries() {
+    return oe(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) {
-    ue(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
+  set orderOfSeries(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ne(e, this._config), this.emitConfigUpdate("orderOfSeries");
+    });
   }
   /**
    * Moves a series from one index in the series array to another.
@@ -338,16 +359,17 @@ class Me extends T {
    * @param {number} toIndex Index to move the series to.
    */
   moveSeries(e, t) {
-    Ce(e, t, this._config), this.emitConfigUpdate("moveSeries");
+    this.guardSetterFromAsyncOverwrite(() => {
+      ae(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.
+   * 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
    */
-  getBoxPlotSeriesIndexWhenMeanLinesShown() {
-    return ye(this._config);
+  get boxPlotSeriesIndexWhenMeanLinesShown() {
+    return he(this._config);
   }
   /**
    * Move the custom sort values in-place for the order by list in the config.
@@ -357,19 +379,19 @@ class Me extends T {
    * @param {number} toIndex The index to move the category item to.
    */
   moveCustomSortValuesInOrderByList(e, t) {
-    const i = y(this._config), [o] = i.splice(e, 1);
-    i.splice(t, 0, o), p(i, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = y(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.
-   *
-   * @returns {string}
    */
-  async generateChartTitle() {
-    return await pe(this._config, this.layerInfo);
+  generateChartTitle() {
+    return le(this._config, this.layerInfo, this.commonStrings);
   }
   /**
    * Generate the proper x-axis title given the current config.
@@ -377,16 +399,13 @@ class Me extends T {
    * @returns {string}
    */
   generateXAxisTitle() {
-    const e = this.getCategory();
-    return e !== U ? D(this.layerInfo.layerFieldsInfo, e) : "";
+    return this._category !== n ? A(this.layerInfo.layerFieldsInfo, this._category) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
-   *
-   * @returns {string}
    */
-  async generateYAxisTitle() {
-    return await Le(this._config, this.layerInfo);
+  generateYAxisTitle() {
+    return ge(this._config, this.layerInfo, this.commonStrings);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Reset Methods
@@ -395,64 +414,63 @@ class Me extends T {
    * 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), n = W({
-        colorIndex: i,
-        opacity: E
-      }), r = this._config.series[i];
-      _(n, i, this._config);
-      const s = w({
-        series: r,
-        splitByField: this.getSplitByField(),
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings
-      });
-      M(s ?? o, i, this._config), t === !0 && a(r) && (f(c, r), m(d, r));
-    }
-    t === !0 && L(g, 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
+        });
+        _(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() !== g;
-    let o = !1, n = !1;
-    if (!e) {
-      const r = this.getSeriesLength();
-      for (let s = t === !0 ? 1 : 0; s < r; s += 1) {
-        const h = this._config.series[s], l = w({
-          series: h,
-          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
-        }), B = this.getSeriesName(s);
-        if (l !== void 0 && l !== B) {
-          o = !0;
+        }), v = this.getSeriesName(r);
+        if (h !== void 0 && h !== v) {
+          i = !0;
           break;
         }
-        if (t === !0 && a(h)) {
-          const v = this.getSeriesLineStyle(s), F = this.getSeriesLineWidth(s);
-          if (v !== c || F !== d) {
-            n = !0;
+        if (this.showMeanLines === !0 && o(a)) {
+          const M = this.getSeriesLineStyle(r), B = this.getSeriesLineWidth(r);
+          if (M !== g || B !== c) {
+            s = !0;
             break;
           }
         }
       }
-    }
-    return e || i || o || n;
+    return e || t || i || s;
   }
 }
-q(Me, [
-  P,
-  Y,
-  k,
-  j,
+Y(ce, [
+  W,
+  V,
+  E,
+  T,
+  z,
   R,
-  K,
-  A
+  D
 ]);
 export {
-  Me as BoxPlotModel
+  ce as BoxPlotModel
 };