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

package/dist/chunks/model-with-multi-axes.js

@@ -1,8 +1,8 @@
-import { W as p, o as _ } from "./series-types.js";
-import { fetchT9nStringsBundle as X, getElementLocale as N } from "@arcgis/toolkit/intl";
-import { cloneDeep as z } from "lodash-es";
+import { fetchT9nStringsBundle as _, getElementLocale as C } from "@arcgis/toolkit/intl";
+import { cloneDeep as X } from "lodash-es";
+import { W as p, o as v } from "./series-types.js";
 import "d3-array";
-import { aA as m, aG as g, aH as h, aL as E, m as R, H as w, I as O, f as k, ay as H, b as W, ab as Y, aM as b } from "./interfaces2.js";
+import { ab as x, b2 as g, a9 as f, cm as R, p as E, g as N, b7 as z, aj as k, aa as W, ac as H, j as Y, a7 as y } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,329 +10,251 @@ 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 { g as P } from "./runtime.js";
 import "@arcgis/toolkit/dom";
 import "@arcgis/core/intl.js";
-import { f } from "./rest-js-object-literals.js";
-import { g as Z, c as K } from "./index.js";
-import { c as P, G as l } from "./common.js";
-import { g as C, S, T as j, U as q, V as $, W as J, X as Q, Y as ii, Z as ti, _ as ei, $ as si, a0 as oi, a1 as ni, a2 as ri, a3 as ai, a4 as gi, l as li, a5 as ci, a6 as fi, a as T, a7 as L, a8 as V, a9 as A, aa as u, s as x, ab as ui, ac as v, ad as G, ae as hi, af as di, ag as xi, ah as mi, e as y, ai as o, aj as bi, ak as Ci, al as yi, am as pi, an as _i, ao as Si, ap as Ti, aq as Li, ar as Vi, as as Ai, at as vi, au as Gi, av as Ui, aw as Di, ax as Bi, ay as Fi, az as Ii } from "./data.js";
-import { getAssetPath as Mi } from "@esri/calcite-components";
-import { c as Xi } from "./index3.js";
+import { R as u } from "./rest-js-object-literals.js";
+import { c as Z, b as j } from "./index4.js";
+import { G as c } from "./common.js";
+import { g as b, O as A, P as $, Q as q, R as Q, S as J, T as K, U as tt, V as it, W as et, X as st, Y as rt, Z as ot, _ as nt, $ as at, a0 as gt, a1 as ct, a2 as lt, a3 as ut, a4 as ht, a5 as ft, a6 as dt, a7 as mt, l as xt, a8 as yt, a9 as bt, a as T, aa as L, ab as F, ac as V, ad as h, s as m, ae as St, af as w, ag as G, ah as pt, ai as _t, aj as Ct, ak as vt, e as S, al as r, am as At, an as Tt, ao as Lt, ap as Ft, aq as Vt, ar as wt, as as Gt, at as Ut, au as Ot, av as Bt, aw as Dt, ax as It, ay as Mt, az as Xt, aA as Rt, aB as Et, aC as Nt } from "./data.js";
+import { getAssetPath as zt } from "@esri/calcite-components";
+import { c as kt } from "./index.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.142 */
-const Ni = (e) => e.title?.content, zi = (e, i) => {
+v4.34.0-next.144 */
+const Wt = (e) => e.title?.content, Ht = (e, t) => {
   if (e) {
-    const t = C(i);
-    i.title === void 0 && (i.title = m({
+    const i = b(t);
+    t.title === void 0 && (t.title = x({
       text: "",
       visible: !0,
-      font: h(g.ChartTitle),
+      font: f(g.ChartTitle),
       type: g.ChartTitle
-    })), i.title.content = e, i.title.content.text = t;
+    })), t.title.content = e, t.title.content.text = i;
   }
-}, Ei = (e) => e.subtitle?.content, Ri = (e, i) => {
+}, Yt = (e) => e.subtitle?.content, Pt = (e, t) => {
   if (e) {
-    const t = C(i);
-    i.subtitle === void 0 && (i.subtitle = m({
+    const i = b(t);
+    t.subtitle === void 0 && (t.subtitle = x({
       text: "",
       visible: !0,
-      font: h(g.ChartSubtitle),
+      font: f(g.ChartSubtitle),
       type: g.ChartSubtitle
-    })), i.subtitle.content = e, i.subtitle.content.text = t;
+    })), t.subtitle.content = e, t.subtitle.content.text = i;
   }
-}, wi = (e) => e.footer?.content, Oi = (e, i) => {
+}, Zt = (e) => e.footer?.content, jt = (e, t) => {
   if (e) {
-    const t = S(i);
-    i.footer === void 0 && (i.footer = m({
+    const i = A(t);
+    t.footer === void 0 && (t.footer = x({
       text: "",
       visible: !0,
-      font: h(g.DescriptionText),
+      font: f(g.DescriptionText),
       type: g.DescriptionText
-    })), i.footer.content = e, i.footer.content.text = t;
-  }
-}, ki = (e) => e.background, Hi = (e, i) => {
-  i.background = e;
-}, Wi = (e, i) => i.series[e]?.id, Yi = (e, i) => i.series.findIndex((t) => t.id === e), Zi = (e) => e.series.length ?? 0, Ki = (e, i) => i.series[e].visible ?? !0;
-function Pi(e, i) {
-  let t;
-  return e.length !== 0 && i < e.length && (t = e[i].dataTooltipValueFormat), t;
-}
-function ji(e) {
-  const { series: i, seriesIndex: t, valueFormat: s } = e;
-  i.length !== 0 && t < i.length && (i[t].dataTooltipValueFormat = s);
-}
+    })), t.footer.content = e, t.footer.content.text = i;
+  }
+}, $t = (e) => e.background, qt = (e, t) => {
+  t.background = e;
+};
 class U extends EventTarget {
   constructor() {
-    super(...arguments), this.dataStore = {}, this.setupFinished = new Promise((i) => {
-      this.resolveSetup = i;
+    super(...arguments), this.dirtyAsyncSetters = [], this.asyncConfigUpdateInProgress = !1, this.dataStore = {}, this.setupFinished = new Promise((t) => {
+      this.resolveSetup = t;
     });
   }
-  static {
-    this.supportsCustomSort = !1;
-  }
   /**
    * Checks if the current chart model is for the same chart as another chart model.
    * @param {ChartModel | undefined} otherModel The other chart model to compare to.
-   * @returns {boolean}
    */
-  isSameChartAs(i) {
-    const t = i?.getLayer();
-    return t !== void 0 && this._config.id === i?.getChartId() && this.layerInfo?.layer.id === t.id;
+  isSameChartAs(t) {
+    const i = t?.layer;
+    return i !== void 0 && this._config.id === t?.chartId && this.layerInfo?.layer.id === i.id;
   }
   /**
-   * Gets the current chart configuration object.
-   * @returns {ChartConfig}
+   * The current chart configuration object.
    */
-  getConfig() {
+  get config() {
     return this._config;
   }
-  /**
-   * Sets the chart configuration object.
-   * @param {ChartConfig} config The configuration object.
-   */
-  setConfig(i) {
-    this._config = i, this.emitConfigUpdate("setConfig");
+  set config(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config = t, this.emitConfigUpdate("config");
+    });
   }
   /**
-   * Gets the chart type.
-   * @returns {ChartTypes}
+   * The chart type.
    */
-  getChartType() {
+  get chartType() {
     return this._chartType;
   }
   /**
-   * Gets the associated layer.
-   * @returns {SupportedLayer | undefined}
+   * The associated layer.
    */
-  getLayer() {
+  get layer() {
     return this.layerInfo?.layer;
   }
   /**
-   * Gets the chart id.
-   * @returns {string | undefined}
+   * The chart ID.
    */
-  getChartId() {
+  get chartId() {
     return this._config.id;
   }
-  /**
-   * Sets the chart id.
-   * @param {string} id
-   */
-  setChartId(i) {
-    this._config.id = i;
+  set chartId(t) {
+    this._config.id = t;
   }
   //#end region
   // ---------------------------------------------------------------------------------------------
-  // #region General Methods
+  // #region General Properties
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the version of the chart configuration.
-   * @returns {string}
+   * The version of the chart configuration.
    */
-  getVersion() {
-    return this.getVersion();
+  get version() {
+    return $(this._config);
   }
   /**
-   * Gets the chart title text.
-   * @returns {string}
+   * The chart title text.
+   * @type {string}
    */
-  getTitleText() {
-    return C(this._config);
+  get titleText() {
+    return b(this._config);
   }
-  /**
-   * Sets the chart title text.
-   * @param {string} title The title text.
-   */
-  setTitleText(i) {
-    j(i, this._config), this.emitConfigUpdate("setTitleText");
+  set titleText(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      q(t, this._config), this.emitConfigUpdate("titleText");
+    });
   }
   /**
-   * Gets the chart subtitle text.
+   * The chart subtitle text.
    * @returns {string}
    */
-  getSubtitleText() {
-    return q(this._config);
+  get subtitleText() {
+    return Q(this._config);
   }
-  /**
-   * Sets the chart subtitle text.
-   * @param {string} subtitle The subtitle text.
-   */
-  setSubtitleText(i) {
-    $(i, this._config), this.emitConfigUpdate("setSubtitleText");
+  set subtitleText(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      J(t, this._config), this.emitConfigUpdate("subtitleText");
+    });
   }
   /**
-   * Gets the chart description text.
-   * @returns {string}
+   * The chart description text.
    */
-  getDescriptionText() {
-    return S(this._config);
+  get descriptionText() {
+    return A(this._config);
   }
-  /**
-   * Sets the chart description text.
-   * @param {string} description The description text.
-   */
-  setDescriptionText(i) {
-    J(i, this._config), this.emitConfigUpdate("setDescriptionText");
+  set descriptionText(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      K(t, this._config), this.emitConfigUpdate("descriptionText");
+    });
   }
   /**
-   * Gets whether or not the chart title is visible.
+   * Whether or not the chart title is visible.
    *
    * `true`: Chart title is visible.
    *
    * `false`: Chart title is hidden.
    *
-   * @returns {boolean}
-   *
    * **Note: Even if the title is visible, it may not be displayed if the title text is empty.**
    */
-  getChartTitleVisibility() {
-    return Q(this._config);
+  get chartTitleVisibility() {
+    return tt(this._config);
   }
-  /**
-   * Sets whether or not the chart title is visible.
-   *
-   * `true`: Show chart title.
-   *
-   * `false`: Hide chart title.
-   *
-   * @param {boolean} visibility The visibility state of the chart title.
-   *
-   * **Note: Even if the title is visible, it may not be displayed if the title text is empty.**
-   */
-  setChartTitleVisibility(i) {
-    ii(i, this._config), this.emitConfigUpdate("setChartTitleVisibility");
+  set chartTitleVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      it(t, this._config), this.emitConfigUpdate("chartTitleVisibility");
+    });
   }
   /**
-   * Gets whether or not the chart subtitle is visible.
+   * Whether or not the chart subtitle is visible.
    *
    * `true`: Chart subtitle is visible.
    *
    * `false`: Chart subtitle is hidden.
    *
-   * @returns {boolean}
-   *
    * **Note: Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.**
    */
-  getChartSubtitleVisibility() {
-    return ti(this._config);
+  get chartSubtitleVisibility() {
+    return et(this._config);
   }
-  /**
-   * Sets whether or not the chart subtitle is visible.
-   *
-   * `true`: Show chart subtitle.
-   *
-   * `false`: Hide chart subtitle.
-   *
-   * @param {boolean} visibility The visibility state of the chart subtitle.
-   *
-   * **Note: Even if the subtitle is visible, it may not be displayed if the subtitle text is empty.**
-   */
-  setChartSubtitleVisibility(i) {
-    ei(i, this._config), this.emitConfigUpdate("setChartSubtitleVisibility");
+  set chartSubtitleVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      st(t, this._config), this.emitConfigUpdate("chartSubtitleVisibility");
+    });
   }
   /**
-   * Gets whether or not the chart description is visible.
+   * Whether or not the chart description is visible.
    *
    * `true`: Description is visible.
    *
    * `false`: Description is hidden.
    *
-   * @returns {boolean}
-   *
    * **Note: Even if the description is visible, it may not be displayed if the description text is empty.**
    */
-  getDescriptionVisibility() {
-    return si(this._config);
+  get descriptionVisibility() {
+    return rt(this._config);
   }
-  /**
-   * Sets whether or not the chart description is visible.
-   *
-   * `true`: Show description.
-   *
-   * `false`: Hide description.
-   *
-   * @param {boolean} visibility The visibility state of the description.
-   *
-   * **Note: Even if the description is visible, it may not be displayed if the description text is empty.**
-   */
-  setDescriptionVisibility(i) {
-    oi(i, this._config), this.emitConfigUpdate("setDescriptionVisibility");
+  set descriptionVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ot(t, this._config), this.emitConfigUpdate("descriptionVisibility");
+    });
   }
   /**
-   * Gets the chart renderer.
-   * @returns {IDrawingInfo["renderer"] | undefined} The chart renderer if defined, otherwise undefined.
+   * The chart renderer.
    */
-  getChartRenderer() {
-    return ni(this._config);
+  get chartRenderer() {
+    return nt(this._config);
   }
-  /**
-   * Sets the chart renderer.
-   * @param renderer The chart renderer to set.
-   */
-  setChartRenderer(i) {
-    ri(i, this._config), this.emitConfigUpdate("setChartRenderer");
+  set chartRenderer(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      at(t, this._config), this.emitConfigUpdate("chartRenderer");
+    });
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
-  //#region Format Methods
+  //#region Format Properties
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the title text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * The title text symbol. Contains styling information such as font, color, and symbol style.
    */
-  getTitleSymbol() {
-    return Ni(this._config);
+  get titleSymbol() {
+    return Wt(this._config);
   }
-  /**
-   * Sets the title text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} titleSymbol The title symbol.
-   */
-  setTitleSymbol(i) {
-    zi(i, this._config), this.emitConfigUpdate("setTitleSymbol");
+  set titleSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ht(t, this._config), this.emitConfigUpdate("titleSymbol");
+    });
   }
   /**
-   * Gets the subtitle text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * The subtitle text symbol. Contains styling information such as font, color, and symbol style.
    */
-  getSubtitleSymbol() {
-    return Ei(this._config);
+  get subtitleSymbol() {
+    return Yt(this._config);
   }
-  /**
-   * Sets the subtitle text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} subtitleSymbol The title symbol.
-   */
-  setSubtitleSymbol(i) {
-    Ri(i, this._config), this.emitConfigUpdate("setSubtitleSymbol");
+  set subtitleSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Pt(t, this._config), this.emitConfigUpdate("subtitleSymbol");
+    });
   }
   /**
-   * Gets the description text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * The description text symbol. Contains styling information such as font, color, and symbol style.
    */
-  getDescriptionSymbol() {
-    return wi(this._config);
+  get descriptionSymbol() {
+    return Zt(this._config);
   }
-  /**
-   * Sets the description text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} descriptionSymbol The description symbol.
-   */
-  setDescriptionSymbol(i) {
-    Oi(i, this._config), this.emitConfigUpdate("setDescriptionSymbol");
+  set descriptionSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      jt(t, this._config), this.emitConfigUpdate("descriptionSymbol");
+    });
   }
   /**
-   * Gets the background color of the chart.
-   * @returns {Color | undefined}
+   * The background color of the chart.
    */
-  getBackgroundColor() {
-    return ki(this._config);
+  get backgroundColor() {
+    return $t(this._config);
   }
-  /**
-   * Sets the background color of the chart.
-   * @param {Color | undefined} backgroundColor The background color.
-   */
-  setBackgroundColor(i) {
-    Hi(i, this._config), this.emitConfigUpdate("setBackgroundColor");
+  set backgroundColor(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      qt(t, this._config), this.emitConfigUpdate("backgroundColor");
+    });
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -343,8 +265,8 @@ class U extends EventTarget {
    * @param seriesIndex The series index
    * @returns {boolean}
    */
-  getSeriesVisibility(i) {
-    return Ki(i, this._config);
+  getSeriesVisibility(t) {
+    return gt(t, this._config);
   }
   /**
    * Sets the visibility of a series.
@@ -354,8 +276,10 @@ class U extends EventTarget {
    * @param {string} props.sliceId
    * @param {WebChartDataItem} props.sliceData
    */
-  setSeriesVisibility(i) {
-    E({ detail: i }, this._config), this.emitConfigUpdate("setSeriesVisibility");
+  setSeriesVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      R({ detail: t }, this._config), this.emitConfigUpdate("setSeriesVisibility");
+    });
   }
   /**
    * Gets the series ID for a given series index.
@@ -365,8 +289,8 @@ class U extends EventTarget {
    * @param {number} seriesIndex The index of the series.
    * @returns {string | undefined}
    */
-  getSeriesId(i) {
-    return Wi(i, this._config);
+  getSeriesId(t) {
+    return ct(t, this._config);
   }
   /**
    * Gets the series index for a given series ID.
@@ -376,22 +300,20 @@ class U extends EventTarget {
    * @param {string} seriesId
    * @returns {number | undefined}
    */
-  getSeriesIndex(i) {
-    return Yi(i, this._config);
+  getSeriesIndex(t) {
+    return lt(t, this._config);
   }
   /**
-   * Gets the length of the series array.
-   * @returns {number}
+   * The length of the series array.
    */
-  getSeriesLength() {
-    return Zi(this._config);
+  get seriesLength() {
+    return ut(this._config);
   }
   /**
-   * Gets the chart sub type of the series.
-   * @returns {ChartSubType}
+   * The chart sub type of the series.
    */
-  getChartSubType() {
-    return R(this._config.series);
+  get chartSubType() {
+    return E(this._config.series);
   }
   /**
    * Gets the data tooltip value format for a series.
@@ -401,8 +323,8 @@ class U extends EventTarget {
    * @param {number} seriesIndex The index of the series to retrieve the value format for.
    * @returns {NumberFormatOptions | undefined}
    */
-  getDataTooltipValueFormat(i) {
-    return Pi(this._config.series, i);
+  getDataTooltipValueFormat(t) {
+    return ht(this._config.series, t);
   }
   /**
    * Sets the data tooltip value format for a series.
@@ -410,86 +332,48 @@ class U extends EventTarget {
    * @param {number} seriesIndex The index of the series to set the value format for.
    * @param {NumberFormatOptions | undefined} valueFormat The value format to set.
    */
-  setDataTooltipValueFormat(i, t) {
-    ji({
-      series: this._config.series,
-      seriesIndex: i,
-      valueFormat: t
+  setDataTooltipValueFormat(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ft({
+        series: this._config.series,
+        seriesIndex: t,
+        valueFormat: i
+      });
     });
   }
   //#endregion
-  // ---------------------------------------------------------------------------------------------
-  // #region Data Methods
+  //---------------------------------------------------------------------------------------------
+  // #region Data Properties
   // ---------------------------------------------------------------------------------------------
   /**
-   * Sets whether to fetch `null` values for them to be counted or displayed as categories on the chart.
-   *
-   * @param fetchNULLValues Whether to fetch `null` values.
+   * Whether to fetch `null` values for them to be counted or displayed as categories on the chart.
    */
-  setFetchNULLValues(i) {
-    ai(i, this._config), this.emitConfigUpdate("setFetchNULLValues");
+  get fetchNULLValues() {
+    return dt(this._config);
   }
-  /**
-   * Gets whether to fetch `null` values for them to be counted or displayed as categories on the chart.
-   *
-   * @returns {boolean} Boolean value indicates whether NULL values will be fetched.
-   */
-  getFetchNULLValues() {
-    return gi(this._config);
-  }
-  /**
-   * Gets the split-by values for the chart.
-   * @returns {string[]}
-   */
-  getSplitByValues() {
-    return li(this._config);
-  }
-  /**
-   * Get the sort order kind.
-   * Only called if `supportsCustomSort` is true.
-   */
-  getSortOrderKind() {
-    return "";
-  }
-  /**
-   * Get custom sort values.
-   * Only called if `supportsCustomSort` is true.
-   */
-  async getCustomSortValues() {
-    return await new Promise((i) => i([]));
-  }
-  /**
-   * Set sort order kind.
-   * Only called if `supportsCustomSort` is true.
-   */
-  setSortOrderKind(i, t) {
+  set fetchNULLValues(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      mt(t, this._config), this.emitConfigUpdate("fetchNULLValues");
+    });
   }
   /**
-   * Check if the given sort order is a 'custom sort'.
-   * Only called if `supportsCustomSort` is true.
+   * The split-by values for the chart.
    */
-  isSortOrderCustomSort(i) {
-    return i === P;
+  get splitByValues() {
+    return xt(this._config);
   }
   /**
    * Gets the data filter for the bar chart.
    * @returns {WebChartDataFilters | undefined}
    */
   getDataFilters() {
-    return ci(this._config);
+    return yt(this._config);
   }
   /**
    * Shared method for all chart types.
    */
-  async setDataFilters(i) {
-    if (fi(i, this._config), this.constructor.supportsCustomSort) {
-      const t = this.getSortOrderKind();
-      if (this.isSortOrderCustomSort(t)) {
-        const s = await this.getCustomSortValues();
-        this.setSortOrderKind(t, s);
-      }
-    }
-    this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilters");
+  async setDataFilters(t) {
+    bt(t, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilters");
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -499,10 +383,10 @@ class U extends EventTarget {
    * Emits a config update event.
    * @category Protected
    */
-  emitConfigUpdate(i) {
+  emitConfigUpdate(t) {
     this.dispatchEvent(
       new CustomEvent("arcgisChartsModelConfigChange", {
-        detail: { config: this._config, functionCalled: i }
+        detail: { config: this._config, setterName: t }
       })
     );
   }
@@ -513,234 +397,213 @@ class U extends EventTarget {
    * @param params.iLayer The layer description to use if the layer is not provided
    * @param params.config The config object to be loaded.
    */
-  async loadConfigFromLayer(i) {
-    const { layer: t, iLayer: s, config: a } = i;
-    let r = t;
-    if (!r && s && (r = await w(s)), r) {
-      const c = await O(r, !0), { objectIdField: M } = r;
+  async loadConfigFromLayer(t) {
+    const { layer: i, iLayer: s, config: a } = t;
+    this.commonStrings = await _(
+      C(document.documentElement).t9nLocale,
+      P("./assets/common/t9n"),
+      "messages."
+    );
+    let n = i;
+    if (!n && s && (n = await N(s)), n) {
+      const l = await z(n, !0), { objectIdField: M } = n;
       this.layerInfo = {
-        layer: r,
-        layerFieldsInfo: c,
+        layer: n,
+        layerFieldsInfo: l,
         objectIdField: M
       };
     }
-    this._config = a !== void 0 ? await Xi(a) : await this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = k().title), s && (this._config.iLayer = s);
+    this._config = a !== void 0 ? await kt(a) : this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = k().title), s && (this._config.iLayer = s);
+  }
+  /**
+   * Guards a setter from being called while an async config update is in progress so that the value being set is not overwritten by the async config update.
+   * @param setter The setter callback to call after setup or async config update is finished.
+   */
+  async guardSetterFromAsyncOverwrite(t) {
+    t(), this.asyncConfigUpdateInProgress && (await this.setupFinished, t());
   }
   // #endregion
 }
-class D extends U {
+class O extends U {
   /**
-   * Gets the x-axis title text.
-   * @returns {string}
+   * The x-axis title text.
    */
-  getXAxisTitleText() {
+  get xAxisTitleText() {
     return T(0, this._config);
   }
-  /**
-   * Sets the x-axis title text.
-   * @param {string} newXAxisTitleText - The new x-axis title text.
-   */
-  setXAxisTitleText(i) {
-    L(i, 0, this._config), this.emitConfigUpdate("setXAxisTitleText");
+  set xAxisTitleText(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      L(t, 0, this._config), this.emitConfigUpdate("xAxisTitleText");
+    });
   }
   /**
-   * Gets whether the x-axis title is visible or not.
-   *
-   * `true`: X-axis title is visible.
-   *
-   * `false`: X-axis title is hidden.
-   *
-   * @returns {boolean}
+   * Whether the x-axis title is visible.
+   * true: X-axis title is visible.
+   * false: X-axis title is hidden.
    */
-  getXAxisTitleVisibility() {
-    return V(0, this._config);
+  get xAxisTitleVisibility() {
+    return F(0, this._config);
   }
-  /**
-   * Sets the visibility of the x-axis title.
-   *
-   * `true`: X-axis title is visible.
-   *
-   * `false`: X-axis title is hidden.
-   *
-   * @param {boolean} newXAxisTitleVisibility - Whether the x-axis title is visible or not.
-   */
-  setXAxisTitleVisibility(i) {
-    A(i, 0, this._config), this.emitConfigUpdate("setXAxisTitleVisibility");
+  set xAxisTitleVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      V(t, 0, this._config), this.emitConfigUpdate("xAxisTitleVisibility");
+    });
   }
   /**
-   * Gets the maximum bound that is currently set for the x-axis.
-   * @returns {number | null}
+   * Maximum bound set for the x-axis. Null indicates no explicit maximum.
    */
-  getMaxXBound() {
-    return u({ config: this._config, axisIndex: 0, isMax: !0 });
+  get maxXBound() {
+    return h({ config: this._config, axisIndex: 0, isMax: !0 });
   }
-  /**
-   * Sets the maximum bound for the x-axis.
-   * @param {number | null} newMaxXBound - The new maximum bound for the x-axis.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  setMaxXBound(i) {
-    x({ config: this._config, value: i, axisIndex: 0, isMax: !0 }), this.emitConfigUpdate("setMaxXBound");
+  set maxXBound(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      m({ config: this._config, value: t, axisIndex: 0, isMax: !0 }), this.emitConfigUpdate("maxXBound");
+    });
   }
   /**
-   * Gets the minimum bound that is currently set for the x-axis.
-   * @returns {number | null}
+   * Minimum bound set for the x-axis. Null indicates no explicit minimum.
    */
-  getMinXBound() {
-    return u({ config: this._config, axisIndex: 0, isMax: !1 });
+  get minXBound() {
+    return h({ config: this._config, axisIndex: 0, isMax: !1 });
   }
-  /**
-   * Sets the minimum bound for the x-axis.
-   * @param {number | null} newMinXBound - The new minimum bound for the x-axis.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  setMinXBound(i) {
-    ui(this._config, i), this.emitConfigUpdate("setMinXBound");
+  set minXBound(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      St(this._config, t), this.emitConfigUpdate("minXBound");
+    });
   }
   /**
-   * Gets the x-axis title text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * X-axis title text symbol (font, color, style).
    */
-  getXAxisTitleSymbol() {
-    return v(this._config, 0);
+  get xAxisTitleSymbol() {
+    return w(this._config, 0);
   }
-  /**
-   * Sets the x-axis title text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} newXAxisTitle - The new x-axis title text symbol.
-   */
-  setXAxisTitleSymbol(i) {
-    G({ symbol: i, axisIndex: 0, config: this._config }), this.emitConfigUpdate("setXAxisTitleSymbol");
+  set xAxisTitleSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      G({ symbol: t, axisIndex: 0, config: this._config }), this.emitConfigUpdate("xAxisTitleSymbol");
+    });
   }
   /**
-   * Gets the axis labels text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * Axis labels text symbol (font, color, style).
    */
-  getAxisLabelsSymbol() {
-    return hi(this._config);
+  get axisLabelsSymbol() {
+    return pt(this._config);
   }
-  /**
-   * Sets the axis labels text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} newAxisLabelsSymbol - The new axis labels text symbol.
-   */
-  setAxisLabelsSymbol(i) {
-    di(i, this._config), this.emitConfigUpdate("setAxisLabelsSymbol");
+  set axisLabelsSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      _t(t, this._config), this.emitConfigUpdate("axisLabelsSymbol");
+    });
   }
   /**
-   * Gets the axis lines symbol. Contains styling information such as line width, line style, and line color.
-   * @returns {ISimpleLineSymbol | undefined}
+   * Axis lines symbol (line width, style, color).
    */
-  getAxisLinesSymbol() {
-    return xi(this._config);
+  get axisLinesSymbol() {
+    return Ct(this._config);
   }
-  /**
-   * Sets the axis lines symbol. Contains styling information such as line width, line style, and line color.
-   * @param {ISimpleLineSymbol | undefined} newAxisLinesSymbol - The new axis lines symbol.
-   */
-  setAxisLinesSymbol(i) {
-    mi(i, this._config), this.emitConfigUpdate("setAxisLinesSymbol");
+  set axisLinesSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      vt(t, this._config), this.emitConfigUpdate("axisLinesSymbol");
+    });
   }
 }
-const qi = (e) => {
-  for (const i of e.axes ?? [])
-    for (const t of i?.guides ?? [])
-      if (t.label !== void 0)
-        return t.label;
-}, $i = (e, i) => {
-  for (const t of i.axes ?? [])
-    for (const s of t?.guides ?? []) {
+const Qt = (e) => {
+  for (const t of e.axes ?? [])
+    for (const i of t?.guides ?? [])
+      if (i.label !== void 0)
+        return i.label;
+}, Jt = (e, t) => {
+  for (const i of t.axes ?? [])
+    for (const s of i?.guides ?? []) {
       const a = s.label?.text ?? "";
-      s.label = z(e), s.label !== void 0 && (s.label.text = a);
+      s.label = X(e), s.label !== void 0 && (s.label.text = a);
     }
 };
-function n(e) {
+function o(e) {
   return {
     ...e,
-    axis: e.orientation === l.X ? e.config.axes?.[0] : e.config.axes?.[1],
+    axis: e.orientation === c.X ? e.config.axes?.[0] : e.config.axes?.[1],
     index: e.index ?? 0,
-    orientation: e.orientation ?? l.Y
+    orientation: e.orientation ?? c.Y
   };
 }
-const Ji = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.visible ?? !0;
-}, Qi = (e) => {
-  const { visible: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].visible = i);
+const Kt = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.visible ?? !0;
+}, ti = (e) => {
+  const { visible: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].visible = t);
 }, B = (e) => {
-  const i = Y(e.start, e.end);
-  Z(e.style) && i === f.SFS ? e.style = { type: f.SFS, color: e.style.color } : K(e.style) && i === f.SLS && (e.style = { type: f.SLS, color: e.style.color });
-}, it = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.start ?? null;
-}, tt = (e) => {
-  const { start: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].start = i, B(t.guides[s]));
-}, et = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.end;
-}, st = (e) => {
-  const { end: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].end = i, B(t.guides[s]));
-}, ot = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.name;
-}, nt = (e) => {
-  const { name: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].name = i);
-}, rt = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.label?.text;
-}, at = (e) => {
-  const { labelText: i, axis: t, index: s } = n(e), a = t?.guides?.[s]?.label ?? H(i, h(g.GuideLabel), g.GuideLabel);
-  t?.guides?.[s] !== void 0 && (t.guides[s].label = { ...a, text: i });
-}, gt = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.above ?? !1;
-}, lt = (e) => {
-  const { above: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].above = i);
-}, ct = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.style;
-}, ft = (e) => {
-  const { style: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].style = i);
-}, F = (e) => {
-  const { config: i, name: t, index: s, orientation: a } = e, r = a === l.X ? i.axes?.[0] : i.axes?.[1];
-  if (r !== void 0) {
-    r.guides = r.guides ?? [];
-    const c = {
+  const t = Y(e.start, e.end);
+  Z(e.style) && t === u.SFS ? e.style = { type: u.SFS, color: e.style.color } : j(e.style) && t === u.SLS && (e.style = { type: u.SLS, color: e.style.color });
+}, ii = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.start ?? null;
+}, ei = (e) => {
+  const { start: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].start = t, B(i.guides[s]));
+}, si = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.end;
+}, ri = (e) => {
+  const { end: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].end = t, B(i.guides[s]));
+}, oi = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.name;
+}, ni = (e) => {
+  const { name: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].name = t);
+}, ai = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.label?.text;
+}, gi = (e) => {
+  const { labelText: t, axis: i, index: s } = o(e), a = i?.guides?.[s]?.label ?? W(t, f(g.GuideLabel), g.GuideLabel);
+  i?.guides?.[s] !== void 0 && (i.guides[s].label = { ...a, text: t });
+}, ci = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.above ?? !1;
+}, li = (e) => {
+  const { above: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].above = t);
+}, ui = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.style;
+}, hi = (e) => {
+  const { style: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].style = t);
+}, D = (e) => {
+  const { config: t, name: i, index: s, orientation: a } = e, n = a === c.X ? t.axes?.[0] : t.axes?.[1];
+  if (n !== void 0) {
+    n.guides = n.guides ?? [];
+    const l = {
       type: p.Guide,
-      name: t,
-      start: r.valueFormat.type === p.DateAxisFormat ? "" : 0,
-      style: W()
+      name: i,
+      start: n.valueFormat.type === p.DateAxisFormat ? "" : 0,
+      style: H()
     };
-    s !== void 0 && s < r.guides.length ? r.guides.splice(s, 0, c) : r.guides.push(c);
+    s !== void 0 && s < n.guides.length ? n.guides.splice(s, 0, l) : n.guides.push(l);
   }
 }, I = (e) => {
-  const { config: i, index: t, orientation: s } = e, a = s === l.X ? i.axes?.[0] : i.axes?.[1];
-  a?.guides !== void 0 && (t !== void 0 && t < a.guides.length ? a.guides.splice(t, 1) : a.guides.pop());
-}, ut = (e) => {
-  const { axis: i, index: t } = n(e);
-  return i?.guides?.[t]?.tooltipReverseColor ?? !1;
-}, ht = (e) => {
-  const { reverseColor: i, axis: t, index: s } = n(e);
-  t?.guides?.[s] !== void 0 && (t.guides[s].tooltipReverseColor = i);
+  const { config: t, index: i, orientation: s } = e, a = s === c.X ? t.axes?.[0] : t.axes?.[1];
+  a?.guides !== void 0 && (i !== void 0 && i < a.guides.length ? a.guides.splice(i, 1) : a.guides.pop());
+}, fi = (e) => {
+  const { axis: t, index: i } = o(e);
+  return t?.guides?.[i]?.tooltipReverseColor ?? !1;
+}, di = (e) => {
+  const { reverseColor: t, axis: i, index: s } = o(e);
+  i?.guides?.[s] !== void 0 && (i.guides[s].tooltipReverseColor = t);
 };
 class d extends U {
   /**
-   * Gets the guide labels text symbol. Contains styling information such as font, color, and symbol style.
+   * The guide labels text symbol (font, color, style).
    * @returns {WebChartTextSymbol | undefined}
    */
-  getGuideLabelsSymbol() {
-    return qi(this._config);
+  get guideLabelsSymbol() {
+    return Qt(this._config);
   }
-  /**
-   * Sets the guide labels text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} newGuideLabelsSymbol
-   */
-  setGuideLabelsSymbol(i) {
-    $i(i, this._config), this.emitConfigUpdate("setGuideLabels");
+  set guideLabelsSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Jt(t, this._config), this.emitConfigUpdate("guideLabelsSymbol");
+    });
   }
   /**
    * Gets whether a guide is visible.
@@ -748,8 +611,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {boolean}
    */
-  getGuideVisibility(i, t) {
-    return Ji({ config: this._config, index: i, orientation: t });
+  getGuideVisibility(t, i) {
+    return Kt({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets whether a guide is visible
@@ -757,8 +620,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideVisibility(i, t, s) {
-    Qi({ visible: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideVisibility");
+  setGuideVisibility(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ti({ visible: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideVisibility");
+    });
   }
   /**
    * Gets the start value of a guide.
@@ -766,8 +631,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {Date | number | string | null}
    */
-  getGuideStart(i, t) {
-    return it({ config: this._config, index: i, orientation: t });
+  getGuideStart(t, i) {
+    return ii({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets the start value of a guide.
@@ -775,8 +640,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideStart(i, t, s) {
-    tt({ start: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideStart");
+  setGuideStart(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ei({ start: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideStart");
+    });
   }
   /**
    * Gets the end value of a guide.
@@ -784,8 +651,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {Date | number | string | null}
    */
-  getGuideEnd(i, t) {
-    return et({ config: this._config, index: i, orientation: t });
+  getGuideEnd(t, i) {
+    return si({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets the end value of a guide.
@@ -793,8 +660,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideEnd(i, t, s) {
-    st({ end: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideEnd");
+  setGuideEnd(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ri({ end: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideEnd");
+    });
   }
   /**
    * Gets the name of a guide.
@@ -802,8 +671,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {string | undefined}
    */
-  getGuideName(i, t) {
-    return ot({ config: this._config, index: i, orientation: t });
+  getGuideName(t, i) {
+    return oi({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets the name of a guide.
@@ -811,8 +680,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideName(i, t, s) {
-    nt({ name: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideName");
+  setGuideName(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ni({ name: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideName");
+    });
   }
   /**
    * Gets the guide label text.
@@ -820,8 +691,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {string | undefined}
    */
-  getGuideLabelText(i, t) {
-    return rt({ config: this._config, index: i, orientation: t });
+  getGuideLabelText(t, i) {
+    return ai({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets the guide label text.
@@ -829,8 +700,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideLabelText(i, t, s) {
-    at({ labelText: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideLabelText");
+  setGuideLabelText(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      gi({ labelText: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideLabelText");
+    });
   }
   /**
    * Gets whether the guide should be rendered above the other chart elements.
@@ -838,8 +711,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {boolean}
    */
-  getGuideAbove(i, t) {
-    return gt({ config: this._config, index: i, orientation: t });
+  getGuideAbove(t, i) {
+    return ci({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets whether the guide should be rendered above the other chart elements.
@@ -847,8 +720,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideAbove(i, t, s) {
-    lt({ above: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideAbove");
+  setGuideAbove(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      li({ above: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideAbove");
+    });
   }
   /**
    * Gets the guide style.
@@ -856,8 +731,8 @@ class d extends U {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    * @returns {ISimpleFillSymbol | ISimpleLineSymbol | undefined}
    */
-  getGuideStyle(i, t) {
-    return ct({ config: this._config, index: i, orientation: t });
+  getGuideStyle(t, i) {
+    return ui({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets the guide style.
@@ -865,8 +740,10 @@ class d extends U {
    * @param {number} [index] Default `0`. The index of the guide in the list of guides for the given axis orientation.
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
-  setGuideStyle(i, t, s) {
-    ft({ style: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setGuideStyle");
+  setGuideStyle(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      hi({ style: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideStyle");
+    });
   }
   /**
    * Gets whether the tooltip text color should be reversed for a guide.
@@ -874,8 +751,8 @@ class d extends U {
    * @param orientation - The axis orientation of the guide.
    * @returns {boolean}
    */
-  getTooltipReverseColor(i, t) {
-    return ut({ config: this._config, index: i, orientation: t });
+  getTooltipReverseColor(t, i) {
+    return fi({ config: this._config, index: t, orientation: i });
   }
   /**
    * Sets whether the tooltip text color should be reversed for a guide.
@@ -883,11 +760,13 @@ class d extends U {
    * @param index - The index of the guide in the list of guides for the given axis orientation.
    * @param orientation - The axis orientation of the guide.
    */
-  setTooltipReverseColor(i, t, s) {
-    ht({ reverseColor: i, config: this._config, index: t, orientation: s }), this.emitConfigUpdate("setTooltipReverseColor");
+  setTooltipReverseColor(t, i, s) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      di({ reverseColor: t, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setTooltipReverseColor");
+    });
   }
 }
-class dt extends d {
+class mi extends d {
   // ---------------------------------------------------------------------------------------------
   // Guides Methods
   // ---------------------------------------------------------------------------------------------
@@ -903,28 +782,32 @@ class dt extends d {
    * @param {string} name The name of the guide.
    * @param {number} [index] The index to insert the new guide in the list of X-axis guides. If left `undefined`, the guide is appended to the end of the list.
    */
-  addXAxisGuide(i, t) {
-    F({
-      config: this._config,
-      name: i,
-      index: t,
-      orientation: l.X
-    }), this.emitConfigUpdate("addXAxisGuide");
+  addXAxisGuide(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      D({
+        config: this._config,
+        name: t,
+        index: i,
+        orientation: c.X
+      }), this.emitConfigUpdate("addXAxisGuide");
+    });
   }
   /**
    * Deletes an X-axis guide.
    * @param {number} [index] The index of the guide to delete in the list of X-axis guides. If left `undefined`, the last guide in the list is deleted.
    */
-  deleteXAxisGuide(i) {
-    I({
-      config: this._config,
-      index: i,
-      orientation: l.X
-    }), this.emitConfigUpdate("deleteXAxisGuide");
+  deleteXAxisGuide(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      I({
+        config: this._config,
+        index: t,
+        orientation: c.X
+      }), this.emitConfigUpdate("deleteXAxisGuide");
+    });
   }
 }
-y(dt, [d]);
-class xt extends d {
+S(mi, [d]);
+class xi extends d {
   /**
    * Gets the number guides in the Y-axis guides list.
    * @returns {number | undefined} The number of Y-axis guides.
@@ -937,51 +820,55 @@ class xt extends d {
    * @param {string} name The name of the guide.
    * @param {number} [index] The index to insert the new guide in the list of Y-axis guides. If left `undefined`, the guide is appended to the end of the list.
    */
-  addYAxisGuide(i, t) {
-    F({
-      config: this._config,
-      name: i,
-      index: t,
-      orientation: l.Y
-    }), this.emitConfigUpdate("addYAxisGuide");
+  addYAxisGuide(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      D({
+        config: this._config,
+        name: t,
+        index: i,
+        orientation: c.Y
+      }), this.emitConfigUpdate("addYAxisGuide");
+    });
   }
   /**
    * Deletes a Y-axis guide.
    * @param {number} [index] The index of the guide to delete in the list of Y-axis guides. If left `undefined`, the last guide in the list is deleted.
    */
-  deleteYAxisGuide(i) {
-    I({
-      config: this._config,
-      index: i,
-      orientation: l.Y
-    }), this.emitConfigUpdate("deleteYAxisGuide");
+  deleteYAxisGuide(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      I({
+        config: this._config,
+        index: t,
+        orientation: c.Y
+      }), this.emitConfigUpdate("deleteYAxisGuide");
+    });
   }
 }
-y(xt, [d]);
-const mt = (e) => e.horizontalAxisLabelsBehavior ?? _.Rotate, bt = (e, i) => {
-  i.horizontalAxisLabelsBehavior = e;
-}, Ct = (e) => e.verticalAxisLabelsBehavior ?? _.Wrap, yt = (e, i) => {
-  i.verticalAxisLabelsBehavior = e;
-}, pt = (e) => e.cursorCrosshair?.horizontalLineVisible ?? !1, _t = (e, i) => {
-  i.cursorCrosshair === void 0 && (i.cursorCrosshair = b()), i.cursorCrosshair.horizontalLineVisible = e;
-}, St = (e) => e.cursorCrosshair?.verticalLineVisible ?? !1, Tt = (e, i) => {
-  i.cursorCrosshair === void 0 && (i.cursorCrosshair = b()), i.cursorCrosshair.verticalLineVisible = e;
-}, Lt = (e) => e.cursorCrosshair?.style, Vt = (e, i) => {
-  i.cursorCrosshair === void 0 && (i.cursorCrosshair = b()), i.cursorCrosshair.style = e;
-}, At = (e) => e.cursorCrosshair, vt = (e, i) => {
-  i.cursorCrosshair = e;
+S(xi, [d]);
+const yi = (e) => e.horizontalAxisLabelsBehavior ?? v.Rotate, bi = (e, t) => {
+  t.horizontalAxisLabelsBehavior = e;
+}, Si = (e) => e.verticalAxisLabelsBehavior ?? v.Wrap, pi = (e, t) => {
+  t.verticalAxisLabelsBehavior = e;
+}, _i = (e) => e.cursorCrosshair?.horizontalLineVisible ?? !1, Ci = (e, t) => {
+  t.cursorCrosshair === void 0 && (t.cursorCrosshair = y()), t.cursorCrosshair.horizontalLineVisible = e;
+}, vi = (e) => e.cursorCrosshair?.verticalLineVisible ?? !1, Ai = (e, t) => {
+  t.cursorCrosshair === void 0 && (t.cursorCrosshair = y()), t.cursorCrosshair.verticalLineVisible = e;
+}, Ti = (e) => e.cursorCrosshair?.style, Li = (e, t) => {
+  t.cursorCrosshair === void 0 && (t.cursorCrosshair = y()), t.cursorCrosshair.style = e;
+}, Fi = (e) => e.cursorCrosshair, Vi = (e, t) => {
+  t.cursorCrosshair = e;
 };
-class Gt extends D {
+class wi extends O {
   /**
    * Gets the title text of the specified axis.
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    * @returns {string}
    */
-  getAxisTitleText(i) {
-    return o({
+  getAxisTitleText(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => T(t, this._config)
+      axisIndex: t,
+      func: (i) => T(i, this._config)
     }) ?? "";
   }
   /**
@@ -992,13 +879,15 @@ class Gt extends D {
    * **NOTE**: The title text for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setAxisTitleText(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        L(i, s, this._config), this.emitConfigUpdate("setAxisTitleText");
-      }
+  setAxisTitleText(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          L(t, s, this._config), this.emitConfigUpdate("setAxisTitleText");
+        }
+      });
     });
   }
   /**
@@ -1006,11 +895,11 @@ class Gt extends D {
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    * @returns {boolean}
    */
-  getAxisTitleVisibility(i) {
-    return o({
+  getAxisTitleVisibility(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => V(t, this._config)
+      axisIndex: t,
+      func: (i) => F(i, this._config)
     }) ?? !1;
   }
   /**
@@ -1021,13 +910,15 @@ class Gt extends D {
    * **NOTE**: The title visibility for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setAxisTitleVisibility(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        A(i, s, this._config), this.emitConfigUpdate("setAxisTitleVisibility");
-      }
+  setAxisTitleVisibility(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          V(t, s, this._config), this.emitConfigUpdate("setAxisTitleVisibility");
+        }
+      });
     });
   }
   /**
@@ -1035,11 +926,11 @@ class Gt extends D {
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    *@returns {number}
    */
-  getMaxBound(i) {
-    return o({
+  getMaxBound(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => u({ config: this._config, axisIndex: t, isMax: !0 })
+      axisIndex: t,
+      func: (i) => h({ config: this._config, axisIndex: i, isMax: !0 })
     }) ?? Number.NaN;
   }
   /**
@@ -1050,13 +941,15 @@ class Gt extends D {
    * **NOTE**: The maximum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setMaxBound(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        x({ config: this._config, value: i, axisIndex: s, isMax: !0 }), this.emitConfigUpdate("setMaxBound");
-      }
+  setMaxBound(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          m({ config: this._config, value: t, axisIndex: s, isMax: !0 }), this.emitConfigUpdate("setMaxBound");
+        }
+      });
     });
   }
   /**
@@ -1064,11 +957,11 @@ class Gt extends D {
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    * @returns {number}
    */
-  getMinBound(i) {
-    return o({
+  getMinBound(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => u({ config: this._config, axisIndex: t, isMax: !1 })
+      axisIndex: t,
+      func: (i) => h({ config: this._config, axisIndex: i, isMax: !1 })
     }) ?? Number.NaN;
   }
   /**
@@ -1079,13 +972,15 @@ class Gt extends D {
    * **NOTE**: The minimum bound for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setMinBound(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        x({ config: this._config, value: i, axisIndex: s, isMax: !1 }), this.emitConfigUpdate("setMinBound");
-      }
+  setMinBound(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          m({ config: this._config, value: t, axisIndex: s, isMax: !1 }), this.emitConfigUpdate("setMinBound");
+        }
+      });
     });
   }
   /**
@@ -1093,28 +988,35 @@ class Gt extends D {
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    * @returns {CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions | undefined}
    */
-  getAxisValueFormat(i) {
-    return o({
+  getAxisValueFormat(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => pi(t, this._config)
+      axisIndex: t,
+      func: (i) => Ft(i, this._config)
     });
   }
   /**
    * Sets the value format for the specified axis.
-   * @param {CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions} valueFormat The value format to set.
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
+   * @param {CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions} valueFormat The value format to set.
    *
    * **NOTE**: The value format for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  async setAxisValueFormat(i, t) {
-    await o({
-      config: this._config,
-      axisIndex: i,
-      func: async (s) => {
-        await _i({ config: this._config, valueFormat: t, axisIndex: s }), this.emitConfigUpdate("setAxisValueFormat");
-      }
+  setAxisValueFormat(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: t,
+        func: (s) => {
+          Vt({
+            config: this._config,
+            valueFormat: i,
+            axisIndex: s,
+            commonStrings: this.commonStrings
+          }), this.emitConfigUpdate("setAxisValueFormat");
+        }
+      });
     });
   }
   /**
@@ -1127,11 +1029,11 @@ class Gt extends D {
    *
    * @returns {boolean}
    */
-  getLogarithmic(i) {
-    return o({
+  getLogarithmic(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => Si(this._config, t)
+      axisIndex: t,
+      func: (i) => wt(this._config, i)
     }) ?? !1;
   }
   /**
@@ -1147,17 +1049,19 @@ class Gt extends D {
    * **NOTE**: The logarithmic scale for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setLogarithmic(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Ti({
-          config: this._config,
-          isLogarithmic: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setLogarithmic");
-      }
+  setLogarithmic(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Gt({
+            config: this._config,
+            isLogarithmic: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setLogarithmic");
+        }
+      });
     });
   }
   /**
@@ -1165,11 +1069,11 @@ class Gt extends D {
    * @param {number} axisIndex The index of the axis (0 for X-axis, 1 for Y-axis, 2 for second Y-axis).
    * @returns {WebChartAxisScrollBar | undefined}
    */
-  getAxisScrollbar(i) {
-    return o({
+  getAxisScrollbar(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => this._config.axes?.[t]?.scrollbar
+      axisIndex: t,
+      func: (i) => this._config.axes?.[i]?.scrollbar
     });
   }
   /**
@@ -1180,28 +1084,30 @@ class Gt extends D {
    * **NOTE**: The scrollbar configuration for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setAxisScrollbar(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Li({
-          config: this._config,
-          scrollbar: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setAxisScrollbar");
-      }
+  setAxisScrollbar(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Ut({
+            config: this._config,
+            scrollbar: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setAxisScrollbar");
+        }
+      });
     });
   }
   /**
    * Gets the specified title text symbol. Contains styling information such as font, color, and symbol style.
    * @returns {WebChartTextSymbol | undefined}
    */
-  getAxisTitleSymbol(i) {
-    return o({
+  getAxisTitleSymbol(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => v(this._config, t)
+      axisIndex: t,
+      func: (i) => w(this._config, i)
     });
   }
   /**
@@ -1212,13 +1118,15 @@ class Gt extends D {
    * **NOTE**: The title text symbol for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setAxisTitleSymbol(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        G({ symbol: i, config: this._config, axisIndex: s }), this.emitConfigUpdate("setAxisTitleSymbol");
-      }
+  setAxisTitleSymbol(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          G({ symbol: t, config: this._config, axisIndex: s }), this.emitConfigUpdate("setAxisTitleSymbol");
+        }
+      });
     });
   }
   /**
@@ -1226,7 +1134,7 @@ class Gt extends D {
    * @returns {WebChartLabelBehavior}
    */
   getHorizontalAxisLabelsBehavior() {
-    return mt(this._config);
+    return yi(this._config);
   }
   /**
    * Sets the horizontal axis labels behavior for the chart.
@@ -1236,15 +1144,17 @@ class Gt extends D {
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    *
    */
-  setHorizontalAxisLabelsBehavior(i) {
-    bt(i, this._config), this.emitConfigUpdate("setHorizontalAxisLabelsBehavior");
+  setHorizontalAxisLabelsBehavior(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      bi(t, this._config), this.emitConfigUpdate("setHorizontalAxisLabelsBehavior");
+    });
   }
   /**
    * Gets the vertical axis labels behavior for the chart.
    * @returns {WebChartLabelBehavior}
    */
   getVerticalAxisLabelsBehavior() {
-    return Ct(this._config);
+    return Si(this._config);
   }
   /**
    * Sets the vertical axis labels behavior for the chart.
@@ -1253,15 +1163,17 @@ class Gt extends D {
    * **NOTE**: The vertical axis labels behavior for the second Y-axis (axisIndex 2) will only be applied if there is a second Y-axis in the chart.
    * To enable the second Y-axis, use the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setVerticalAxisLabelsBehavior(i) {
-    yt(i, this._config), this.emitConfigUpdate("setVerticalAxisLabelsBehavior");
+  setVerticalAxisLabelsBehavior(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      pi(t, this._config), this.emitConfigUpdate("setVerticalAxisLabelsBehavior");
+    });
   }
   /**
    * Gets the grid lines symbol. Contains styling information such as line width, line style, and line color.
    * @returns {ISimpleLineSymbol | undefined}
    */
   getGridLinesSymbol() {
-    return bi(this._config);
+    return At(this._config);
   }
   /**
    * Sets the grid lines symbol. Contains styling information such as line width, line style, and line color.
@@ -1270,17 +1182,19 @@ class Gt extends D {
    *
    * **NOTE**: To set the grid lines symbol for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setGridLinesSymbol(i, t) {
-    Array.isArray(t) && Ci(i, this._config, t), this.emitConfigUpdate("setGridLinesSymbol");
+  setGridLinesSymbol(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Array.isArray(i) && Tt(t, this._config, i), this.emitConfigUpdate("setGridLinesSymbol");
+    });
   }
   /**
    * Get the default x-axis title text.
    * @returns {Promise<string>}
    */
   async getDefaultXAxisTitleText() {
-    return (await X(
-      N(document.documentElement).t9nLocale,
-      Mi("./assets/common/t9n"),
+    return (await _(
+      C(document.documentElement).t9nLocale,
+      zt("./assets/common/t9n"),
       "messages."
     )).utilsStrings.statistics.count;
   }
@@ -1293,11 +1207,11 @@ class Gt extends D {
    * b. To get the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
    * c. If the displayZeroLine is not set on the axis, the default value of `false` will be returned.
    */
-  getDisplayZeroLine(i) {
-    return o({
+  getDisplayZeroLine(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => Vi(this._config, t)
+      axisIndex: t,
+      func: (i) => Ot(this._config, i)
     }) ?? !1;
   }
   /**
@@ -1310,13 +1224,15 @@ class Gt extends D {
    *
    * **NOTE**: To set the display zero line for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setDisplayZeroLine(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Ai(this._config, i, s), this.emitConfigUpdate("setDisplayZeroLine");
-      }
+  setDisplayZeroLine(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Bt(this._config, t, s), this.emitConfigUpdate("setDisplayZeroLine");
+        }
+      });
     });
   }
   /**
@@ -1327,11 +1243,11 @@ class Gt extends D {
    * a. To get the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
    * b. If the displayCursorTooltip is not set on the axis, the default value of `false` will be returned.
    */
-  getDisplayCursorTooltip(i) {
-    return o({
+  getDisplayCursorTooltip(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => vi(this._config, t)
+      axisIndex: t,
+      func: (i) => Dt(this._config, i)
     }) ?? !1;
   }
   /**
@@ -1343,17 +1259,19 @@ class Gt extends D {
    *
    * **NOTE**: To set the display cursor tooltip for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setDisplayCursorTooltip(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Gi({
-          config: this._config,
-          displayCursorTooltip: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setDisplayCursorTooltip");
-      }
+  setDisplayCursorTooltip(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          It({
+            config: this._config,
+            displayCursorTooltip: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setDisplayCursorTooltip");
+        }
+      });
     });
   }
   /**
@@ -1365,11 +1283,11 @@ class Gt extends D {
    * b. To get the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
    * c. If the `buffer` is not set on the axis, the default value of `false` will be returned.
    */
-  getBuffer(i) {
-    return o({
+  getBuffer(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => Ui(this._config, t)
+      axisIndex: t,
+      func: (i) => Mt(this._config, i)
     }) ?? !1;
   }
   /**
@@ -1382,17 +1300,19 @@ class Gt extends D {
    *
    * **NOTE**: To set the buffer for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setBuffer(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Di({
-          config: this._config,
-          buffer: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setBuffer");
-      }
+  setBuffer(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Xt({
+            config: this._config,
+            buffer: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setBuffer");
+        }
+      });
     });
   }
   /**
@@ -1402,8 +1322,8 @@ class Gt extends D {
    * @remarks
    * a. To get the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
    */
-  getTickSpacing(i) {
-    return yi(this._config, i);
+  getTickSpacing(t) {
+    return Lt(this._config, t);
   }
   /**
    * Sets the tick spacing for the specified axis.
@@ -1414,17 +1334,19 @@ class Gt extends D {
    *
    * **NOTE**: To set the tick spacing for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setTickSpacing(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Bi({
-          config: this._config,
-          tickSpacing: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setTickSpacing");
-      }
+  setTickSpacing(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Rt({
+            config: this._config,
+            tickSpacing: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setTickSpacing");
+        }
+      });
     });
   }
   /**
@@ -1436,11 +1358,11 @@ class Gt extends D {
    * b. To get the setting for the x-axis, the axisIndex should be `0`. For the y-axis, the axisIndex should be `1`.
    * c. If the `integerOnlyValues` is not set on the axis, the default value of `false` will be returned.
    */
-  getIntegerOnlyValues(i) {
-    return o({
+  getIntegerOnlyValues(t) {
+    return r({
       config: this._config,
-      axisIndex: i,
-      func: (t) => Fi(this._config, t)
+      axisIndex: t,
+      func: (i) => Et(this._config, i)
     }) ?? !1;
   }
   /**
@@ -1453,97 +1375,81 @@ class Gt extends D {
    *
    * **NOTE**: To set the integer only values for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setIntegerOnlyValues(i, t) {
-    o({
-      config: this._config,
-      axisIndex: t,
-      func: (s) => {
-        Ii({
-          config: this._config,
-          integerOnlyValues: i,
-          axisIndex: s
-        }), this.emitConfigUpdate("setIntegerOnlyValues");
-      }
+  setIntegerOnlyValues(t, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      r({
+        config: this._config,
+        axisIndex: i,
+        func: (s) => {
+          Nt({
+            config: this._config,
+            integerOnlyValues: t,
+            axisIndex: s
+          }), this.emitConfigUpdate("setIntegerOnlyValues");
+        }
+      });
     });
   }
   /**
-   * Gets the visibility of the horizontal line of the cursor's crosshair.
-   * @returns {boolean}
+   * Visibility of the horizontal line of the cursor's crosshair.
    * @remarks if the cursor crosshair or its horizontal line visibility is not set, the default value of `false` will be returned.
-   */
-  getCursorCrosshairHorizontalLineVisibility() {
-    return pt(this._config);
-  }
-  /**
-   * Sets the visibility of the horizontal line of the cursor's crosshair.
-   * @param visibility The visibility to set for the cursor's crosshair horizontal line
-   * @remarks if the cursor crosshair is not set, it will be created with the default values.
    *
    * **NOTE**: To set the cursor crosshair horizontal line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setCursorCrosshairHorizontalLineVisibility(i) {
-    _t(i, this._config), this.emitConfigUpdate("setCursorCrosshairHorizontalLineVisibility");
+  get cursorCrosshairHorizontalLineVisibility() {
+    return _i(this._config);
   }
-  /**
-   * Gets the visibility of the vertical line of the cursor's crosshair.
-   * @returns {boolean}
-   * @remarks if the cursor crosshair or its vertical line visibility is not set, the default value of `false` will be returned.
-   */
-  getCursorCrosshairVerticalLineVisibility() {
-    return St(this._config);
+  set cursorCrosshairHorizontalLineVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ci(t, this._config), this.emitConfigUpdate("cursorCrosshairHorizontalLineVisibility");
+    });
   }
   /**
-   * Sets the visibility of the vertical line of the cursor's crosshair.
-   * @param visibility The visibility to set for the cursor's crosshair vertical line
-   * @remarks if the cursor crosshair is not set, it will be created with the default values.
+   * Visibility of the vertical line of the cursor's crosshair.
+   * @remarks if the cursor crosshair or its vertical line visibility is not set, the default value of `false` will be returned.
    *
    * **NOTE**: To set the cursor crosshair vertical line visibility for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setCursorCrosshairVerticalLineVisibility(i) {
-    Tt(i, this._config), this.emitConfigUpdate("setCursorCrosshairVerticalLineVisibility");
+  get cursorCrosshairVerticalLineVisibility() {
+    return vi(this._config);
   }
-  /**
-   * Gets the style of the cursor's crosshair from the chart config.
-   * @param config The chart configuration
-   * @returns {boolean}
-   */
-  getCursorCrosshairStyle() {
-    return Lt(this._config);
+  set cursorCrosshairVerticalLineVisibility(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ai(t, this._config), this.emitConfigUpdate("cursorCrosshairVerticalLineVisibility");
+    });
   }
   /**
-   * Sets the style of the cursor's crosshair in the chart config.
-   * @param style The style to set for the cursor's crosshair
-   * @param config The chart configuration
+   * Style of the cursor's crosshair from the chart config.
    *
    * **NOTE**: To set the cursor crosshair style for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setCursorCrosshairStyle(i) {
-    Vt(i, this._config), this.emitConfigUpdate("setCursorCrosshairStyle");
+  get cursorCrosshairStyle() {
+    return Ti(this._config);
   }
-  /**
-   * Gets the cursor crosshair from the chart config.
-   * @param config The chart configuration object
-   * @returns {WebChartCursorCrosshair | undefined}
-   */
-  getCursorCrosshair() {
-    return At(this._config);
+  set cursorCrosshairStyle(t) {
+    t && this.guardSetterFromAsyncOverwrite(() => {
+      Li(t, this._config), this.emitConfigUpdate("cursorCrosshairStyle");
+    });
   }
   /**
-   * Sets the cursor crosshair in the chart config.
-   * @param cursorCrosshair The cursor crosshair to set
-   * @param config The chart configuration object
+   * Cursor crosshair from the chart config.
    *
    * **NOTE**: To set the cursor crosshair for the second Y-axis (axisIndex 2), ensure there is a second Y-axis in the chart by using the `setAssignToSecondValueAxis(true, 1)` method to assign a series to the second Y-axis.
    */
-  setCursorCrosshair(i) {
-    vt(i, this._config), this.emitConfigUpdate("setCursorCrosshair");
+  get cursorCrosshair() {
+    return Fi(this._config);
+  }
+  set cursorCrosshair(t) {
+    t && this.guardSetterFromAsyncOverwrite(() => {
+      Vi(t, this._config), this.emitConfigUpdate("cursorCrosshair");
+    });
   }
 }
-y(Gt, [D]);
+S(wi, [O]);
 export {
   U as C,
-  Gt as M,
-  xt as a,
-  dt as b,
-  D as c
+  wi as M,
+  xi as a,
+  mi as b,
+  O as c
 };