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

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

@@ -1,7 +1,8 @@
-import { WebChartTypes as o, RESTSymbolType as l } from "@arcgis/charts-spec";
-import { cloneDeep as x } from "lodash-es";
+import { W as n } from "./series-types.js";
+import "@arcgis/toolkit/intl";
+import { cloneDeep as P } from "lodash-es";
 import "d3-array";
-import { ad as d, aw as b, a9 as h, X as D, k as p, cr as g, q as N, aF as U, ay as F } from "./interfaces.js";
+import { aj as c, aD as O, af as h, a1 as C, p as m, cz as o, x as A, aM as I, aF as V } 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,26 +10,26 @@ 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 "@arcgis/toolkit/intl";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { C as M } from "./model-with-y-guides.js";
-import { b as r, a as c } from "./common.js";
-import { M as O, a as G, b as A, c as k } from "./model-with-data-labels.js";
+import { C as x } from "./model-with-multi-axes.js";
+import { b as a, a as l } from "./common.js";
+import { M as _, a as w, b as U, c as N } from "./model-with-data-labels.js";
 import "@arcgis/core/intl.js";
-import { i as L, j as w, n as z } from "./data.js";
-import { g as u, s as W, a as B, c as E, b as R, d as j, e as K, f as q, h as m, i as y, j as X } from "./pie-chart-data.js";
+import { e as v, i as M, o as k } from "./data.js";
+import { g as u, s as G, a as z, c as W, b as B, d as R, e as E, f as j, h as f, i as p, j as K } from "./pie-chart-data.js";
+import { R as g } from "./rest-js-object-literals.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 */
-const H = (i) => i.legend?.displayNumericValue ?? !1, J = (i, e) => {
-  e.series[0]?.type === o.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayNumericValue = i);
-}, Q = (i) => i.legend?.displayPercentage ?? !1, Y = (i, e) => {
-  e.series[0]?.type === o.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayPercentage = i);
-}, Z = (i) => i.legend?.labelMaxWidth ?? 200, $ = (i, e) => {
-  e.series[0]?.type === o.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.labelMaxWidth = i);
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+const q = (t) => t.legend?.displayNumericValue ?? !1, H = (t, e) => {
+  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.displayNumericValue = t);
+}, J = (t) => t.legend?.displayPercentage ?? !1, Q = (t, e) => {
+  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.displayPercentage = t);
+}, X = (t) => t.legend?.labelMaxWidth ?? 200, Y = (t, e) => {
+  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.labelMaxWidth = t);
 };
-class P extends O {
+class b extends _ {
   /**
    * Gets the setting for the display of numerical value in the legend items.
    * @returns {boolean}
@@ -36,7 +37,7 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   getDisplayNumericValue() {
-    return H(this._config);
+    return q(this._config);
   }
   /**
    * Sets the setting for the display of numerical value in the legend items.
@@ -45,7 +46,7 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   setDisplayNumericValue(e) {
-    J(e, this._config), this.emitConfigUpdate("setDisplayNumericValue");
+    H(e, this._config), this.emitConfigUpdate("setDisplayNumericValue");
   }
   /**
    * Gets the setting for the display of percentage in the legend items.
@@ -54,7 +55,7 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return Q(this._config);
+    return J(this._config);
   }
   /**
    * Sets the setting for the display of percentage in the legend items.
@@ -63,7 +64,7 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   setDisplayPercentage(e) {
-    Y(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+    Q(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
@@ -72,7 +73,7 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return Z(this._config);
+    return X(this._config);
   }
   /**
    * Sets the maximum width in pixel for the legend item labels.
@@ -81,230 +82,208 @@ class P extends O {
    * This setting is only applicable to pie charts.
    */
   setLabelMaxWidth(e) {
-    $(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
+    Y(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
   }
 }
-L(P, [O]);
-const ee = (i) => i.series?.[0]?.innerRadius, ie = (i, e) => {
-  e.series?.[0] && (e.series[0].innerRadius = i);
-}, te = (i) => i.series?.[0]?.dataLabelsCharacterLimit, se = (i, e) => {
-  e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = i);
-}, S = (i) => i.series[0]?.startAngle, C = (i, e) => {
-  e.series?.[0] && (e.series[0].startAngle = i);
-}, ae = (i) => i.series?.[0]?.displayCategoryOnTooltip ?? !0, re = (i) => i.series?.[0]?.displayNumericValueOnTooltip ?? !0, ne = (i) => i.series?.[0]?.displayPercentageOnTooltip ?? !0, oe = (i, e) => {
-  e.series[0] && (e.series[0].displayPercentageOnTooltip = i);
-}, le = (i) => i.series?.[0]?.valuePrefix, ge = (i, e) => {
-  e.series?.[0] && (e.series[0].valuePrefix = i);
-}, ce = (i) => i.series?.[0]?.valueSuffix, de = (i, e) => {
-  e.series?.[0] && (e.series[0].valueSuffix = i);
-}, fe = (i) => i.series?.[0]?.percentagePrefix, he = (i, e) => {
-  e.series?.[0] && (e.series[0].percentagePrefix = i);
-}, pe = (i) => i.series?.[0]?.percentageSuffix, ue = (i, e) => {
-  e.series?.[0] && (e.series[0].percentageSuffix = i);
-}, me = (i) => {
+v(b, [_]);
+const Z = (t) => t.series?.[0]?.innerRadius, $ = (t, e) => {
+  e.series?.[0] && (e.series[0].innerRadius = t);
+}, ee = (t) => t.series?.[0]?.dataLabelsCharacterLimit, te = (t, e) => {
+  e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
+}, y = (t) => t.series[0]?.startAngle, ie = (t, e) => {
+  e.series?.[0] && (e.series[0].startAngle = t);
+}, se = (t, e) => {
+  e.series?.[0] && (e.series[0].endAngle = t);
+}, re = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, ae = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, ne = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, oe = (t, e) => {
+  e.series[0] && (e.series[0].displayPercentageOnTooltip = t);
+}, le = (t) => t.series?.[0]?.valuePrefix, ge = (t, e) => {
+  e.series?.[0] && (e.series[0].valuePrefix = t);
+}, ce = (t) => t.series?.[0]?.valueSuffix, de = (t, e) => {
+  e.series?.[0] && (e.series[0].valueSuffix = t);
+}, he = (t) => t.series?.[0]?.percentagePrefix, me = (t, e) => {
+  e.series?.[0] && (e.series[0].percentagePrefix = t);
+}, ue = (t) => t.series?.[0]?.percentageSuffix, fe = (t, e) => {
+  e.series?.[0] && (e.series[0].percentageSuffix = t);
+}, pe = (t) => {
   let e;
-  const t = i.series?.[0];
-  return t?.displayNumericValueOnDataLabel === !0 && t?.displayPercentageOnDataLabel === !0 ? e = r.Both : t?.displayNumericValueOnDataLabel === !0 ? e = r.Value : e = r.Percentage, e;
-}, ye = (i, e) => {
-  const t = i === r.Value || i === r.Both, s = i === r.Percentage || i === r.Both;
-  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = t, e.series[0].displayPercentageOnDataLabel = s), e.legend && (e.legend = {
+  const i = t.series?.[0];
+  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = a.Both : i?.displayNumericValueOnDataLabel === !0 ? e = a.Value : e = a.Percentage, e;
+}, ye = (t, e) => {
+  const i = t === a.Value || t === a.Both, s = t === a.Percentage || t === a.Both;
+  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = s), e.legend && (e.legend = {
     ...e.legend,
-    displayNumericValue: t,
+    displayNumericValue: i,
     displayPercentage: s
   });
-}, Se = (i) => i.series?.[0]?.alignDataLabels ?? !1, Ce = (i, e) => {
-  e.series[0] && (e.series[0].alignDataLabels = i);
-}, _e = (i) => i.series?.[0]?.dataLabelsInside ?? !1, be = (i, e) => {
-  e.series[0] && (e.series[0].dataLabelsInside = i);
-}, De = (i) => i.series?.[0]?.dataLabelsOffset ?? 10, Oe = (i, e) => {
-  e.series[0] && (e.series[0].dataLabelsOffset = i);
-}, Le = (i) => i.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Pe = (i, e) => {
-  e.series?.[0] && (e.series[0].numericValueFormat ??= h(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = i, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = i, e.series[0].percentValueFormat ??= h(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = i, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = i);
-}, Te = (i) => i.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ve = (i, e) => {
-  e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = i);
-}, Ie = (i) => i.series[0]?.ticks?.visible ?? !1, ve = (i, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= b(), e.series[0].ticks.visible = i);
-}, xe = (i) => i.series[0]?.ticks?.lineSymbol, Ne = (i, e) => {
-  i && e.series?.[0] && (e.series[0].ticks ??= b(), e.series[0].ticks.lineSymbol = x(i));
-}, Ue = (i, e) => e.series?.[0]?.slices?.[i]?.originalLabel, Fe = (i, e) => e.series?.[0]?.slices?.[i]?.label, Me = (i, e, t) => {
-  t.series?.[0]?.slices?.[e] && (t.series[0].slices[e].label = i);
-}, Ge = (i, e) => e.series?.[0]?.slices?.[i]?.fillSymbol?.color, Ae = (i, e, t) => {
-  const s = t.series?.[0]?.slices?.[e]?.fillSymbol;
-  s !== void 0 ? (s.color = i, s.outline !== void 0 ? s.outline.color = i : s.outline = { type: l.SLS, color: i }) : t.series?.[0]?.slices?.[e] !== void 0 && (t.series[0].slices[e].fillSymbol = {
-    type: l.SFS,
-    color: i,
-    outline: { type: l.SLS, color: i }
+}, Se = (t) => t.series?.[0]?.alignDataLabels ?? !1, Oe = (t, e) => {
+  e.series[0] && (e.series[0].alignDataLabels = t);
+}, Ce = (t) => t.series?.[0]?.dataLabelsInside ?? !1, _e = (t, e) => {
+  e.series[0] && (e.series[0].dataLabelsInside = t);
+}, ve = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, be = (t, e) => {
+  e.series[0] && (e.series[0].dataLabelsOffset = t);
+}, Le = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Fe = (t, e) => {
+  e.series?.[0] && (e.series[0].numericValueFormat ??= h(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= h(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
+}, De = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Te = (t, e) => {
+  e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
+}, Pe = (t) => t.series[0]?.ticks?.visible ?? !1, Ae = (t, e) => {
+  e.series?.[0] && (e.series[0].ticks ??= O(), e.series[0].ticks.visible = t);
+}, Ie = (t) => t.series[0]?.ticks?.lineSymbol, Ve = (t, e) => {
+  t && e.series?.[0] && (e.series[0].ticks ??= O(), e.series[0].ticks.lineSymbol = P(t));
+}, xe = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, we = (t, e) => e.series?.[0]?.slices?.[t]?.label, Ue = (t, e, i) => {
+  i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
+}, Ne = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Me = (t, e, i) => {
+  const s = i.series?.[0]?.slices?.[e]?.fillSymbol;
+  s !== void 0 ? (s.color = t, s.outline !== void 0 ? s.outline.color = t : s.outline = { type: g.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
+    type: g.SFS,
+    color: t,
+    outline: { type: g.SLS, color: t }
   });
-}, ke = (i) => i.series?.[0]?.slices?.map((e) => e.sliceId), _ = (i, e) => {
+}, ke = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), S = (t, e) => {
   e.series?.[0]?.slices?.sort(
-    (t, s) => i.findIndex((a) => t.sliceId === a) - i.findIndex((a) => s.sliceId === a)
+    (i, s) => t.findIndex((r) => i.sliceId === r) - t.findIndex((r) => s.sliceId === r)
   );
-}, we = (i) => i.series?.[0]?.sliceGrouping, T = (i, e) => {
-  e.series?.[0] && (e.series[0].sliceGrouping = i);
-}, V = (i) => i.series?.[0]?.sliceGrouping?.percentageThreshold, ze = (i, e) => {
-  e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = i : e.series[0].sliceGrouping = {
-    sliceId: D.defaultGroupOfSlicesId,
-    percentageThreshold: i
+}, Ge = (t) => t.series?.[0]?.sliceGrouping, L = (t, e) => {
+  e.series?.[0] && (e.series[0].sliceGrouping = t);
+}, F = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, ze = (t, e) => {
+  e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
+    sliceId: C.defaultGroupOfSlicesId,
+    percentageThreshold: t
   };
-}, We = (i) => i.series?.[0]?.slices, I = (i, e) => {
-  e.series?.[0] && (e.series[0].slices = i);
-}, Be = (i) => {
-  I(void 0, i), T(
+}, We = (t) => t.series?.[0]?.slices, D = (t, e) => {
+  e.series?.[0] && (e.series[0].slices = t);
+}, Be = (t) => {
+  D(void 0, t), L(
     {
-      sliceId: D.defaultGroupOfSlicesId,
-      percentageThreshold: V(i) ?? 0
+      sliceId: C.defaultGroupOfSlicesId,
+      percentageThreshold: F(t) ?? 0
     },
-    i
+    t
   );
-}, Ee = (i, e) => e.series[0]?.slices?.[i]?.sliceId, Re = (i, e) => e.series[0]?.slices?.findIndex((t) => t.sliceId === i), je = (i) => i.series[0]?.slices?.length ?? 0;
-class Ke extends M {
+}, Re = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Ee = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), je = (t) => t.series[0]?.slices?.length ?? 0;
+class Ke extends x {
   constructor() {
-    super(...arguments), this._chartType = o.PieSeries, this._mode = c.Category, this._groupedSliceIds = [];
+    super(...arguments), this._chartType = n.PieSeries, this._mode = l.Category, this._groupedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
-    const { config: t } = e;
-    if (t !== void 0) {
-      const s = p(t.series);
-      this._mode = s !== g.PieFromFields ? c.Category : c.Fields;
+    const { config: i } = e;
+    if (i !== void 0) {
+      const s = m(i.series);
+      this._mode = s !== o.PieFromFields ? l.Category : l.Fields;
     }
-    this.resolveSetup();
+    typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the category field for the pie chart.
-   * @returns {string}
+   * Category field for the pie chart.
    */
-  getCategory() {
+  get category() {
     return u(this._config);
   }
-  /**
-   * Sets the category field for the pie chart.
-   * @param {string} category The category field.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setCategory(e) {
-    (!N(this._config) || e.trim() !== "") && (await W({
-      newCategory: e,
-      config: this._config,
-      layerInfo: this.layerInfo,
-      mode: this._mode
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setCategory"));
+  set category(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      (!A(this._config) || e.trim() !== "") && (G({
+        newCategory: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings,
+        mode: this._mode
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("category"));
+    });
   }
   /**
-   * Gets the numeric fields for the pie chart.
-   * @returns {string[]}
+   * Numeric fields for the pie chart.
    */
-  getNumericFields() {
-    return B(this._config);
+  get numericFields() {
+    return z(this._config);
   }
-  /**
-   * Sets the numeric field or numeric fields array for the pie chart.
-   * @param {string[]} numericFields The numeric field or numeric fields array.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setNumericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? w(this.layerInfo.layerFieldsInfo, e) : !0) ? (await E({
-      newNumericFields: e,
-      config: this._config,
-      layerInfo: this.layerInfo,
-      mode: this._mode
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields")) : console.log("Invalid numericFields");
+  set numericFields(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? M(this.layerInfo.layerFieldsInfo, e) : !0) ? (W({
+        newNumericFields: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings,
+        mode: this._mode
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("numericFields")) : console.log("Invalid numericFields");
+    });
   }
   /**
-   * Gets the aggregation type for the pie chart.
-   * @returns {WebChartStatisticType}
+   * Aggregation type for the pie chart.
    */
-  getAggregationType() {
-    return R(this._config, this._mode);
+  get aggregationType() {
+    return B(this._config, this._mode);
   }
-  /**
-   * Sets the aggregation type for the pie chart.
-   * @param {WebChartStatisticType} aggregationType The aggregation type. Must be one of the values allowed by `WebChartStatisticType`.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setAggregationType(e) {
-    await j({
-      newAggregationType: e,
-      config: this._config,
-      layerInfo: this.layerInfo,
-      mode: this._mode
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType");
+  set aggregationType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      R({
+        newAggregationType: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings,
+        mode: this._mode
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("aggregationType");
+    });
   }
   /**
    * Gets the sort order for the pie chart.
    * @returns {PieChartDataSortingKinds}
    */
   getSortOrder() {
-    return K(this._config, this._mode);
+    return E(this._config, this._mode);
   }
   /**
    * Sets the sort order for the pie chart.
    * @param {PieChartDataSortingKinds} sortOrder The sort order.
    */
-  setSortOrder(e, t) {
-    q({
+  setSortOrder(e, i) {
+    j({
       newSortOrderKind: e,
       config: this._config,
-      orderByList: t
+      orderByList: i
     }), this.emitConfigUpdate("setSortOrder");
   }
-  /* Gets the list of category's values for custom sort
-   * @returns {string[]}
+  /* List of category's values for custom sort
    */
-  getOrderByList() {
-    return m(this._config, this._mode);
+  get orderByList() {
+    return f(this._config, this._mode);
   }
-  /**
-   * Sets the list of category's values for custom sort
-   * @param {string[]} orderByList The list of category's values
-   */
-  setOrderByList(e) {
-    y({
-      values: e,
-      config: this._config,
-      mode: this._mode
-    }), this.emitConfigUpdate("setOrderByList");
+  set orderByList(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      p({
+        values: e,
+        config: this._config,
+        mode: this._mode
+      }), this.emitConfigUpdate("orderByList");
+    });
   }
   /**
-   * Gets the pie chart data mode (Category or Fields).
+   * The pie chart data mode (Category or Fields).
    *
    * `category` - The chart is using values from the category field to determine each slice.
    *
    * `fields` - The chart is using aggregated values from the numeric fields to determine each slice.
-   *
-   * @returns {PieChartDataModes}
    */
-  getMode() {
+  get mode() {
     return this._mode;
   }
-  /**
-   * Sets the pie chart data mode (Category or Fields).
-   *
-   * `category` - The chart should use values from the category field to determine each slice.
-   *
-   * `fields` - The chart should use aggregated values from the numeric fields to determine each slice.
-   *
-   * @param {PieChartDataModes} mode The mode.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  setMode(e) {
-    this._mode = e, this.emitConfigUpdate("setMode");
+  set mode(e) {
+    this._mode = e, this.emitConfigUpdate("mode");
   }
   /**
    * Gets the list of the category values for the chart.
    * @returns {string[]}
    */
   async getCustomSortValues() {
-    const e = u(this._config), t = p(this._config.series), s = this.getNumericFields();
-    let a = [];
-    return t === g.PieFromFields ? a = s : e.trim() !== "" && t === g.PieFromCategory && (a = await z({
+    const e = u(this._config), i = m(this._config.series);
+    let s = [];
+    return i === o.PieFromFields ? s = this.numericFields : e.trim() !== "" && i === o.PieFromCategory && (s = await k({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo
-    })), a;
+    })), s;
   }
   /**
    * Moves the custom sort values in-place for the order by list in the config.
@@ -313,152 +292,125 @@ class Ke extends M {
    * @param {number} fromIndex The index to move the custom sort item from.
    * @param {number} toIndex The index to move the category item to.
    */
-  moveCustomSortValuesInOrderByList(e, t) {
-    const s = m(this._config, this._mode), [a] = s.splice(e, 1);
-    s.splice(t, 0, a), y({
-      values: s,
-      config: this._config,
-      mode: this._mode
-    }), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+  moveCustomSortValuesInOrderByList(e, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const s = f(this._config, this._mode), [r] = s.splice(e, 1);
+      s.splice(i, 0, r), p({
+        values: s,
+        config: this._config,
+        mode: this._mode
+      }), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region Format Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the symbol for the ticks connecting the slices to the labels.
-   * @returns {ISimpleLineSymbol | undefined}
+   * Ticks symbol connecting slices to labels.
    */
-  getTicksSymbol() {
-    return xe(this._config);
+  get ticksSymbol() {
+    return Ie(this._config);
   }
-  /**
-   * Sets the symbol for the ticks connecting the slices to the labels.
-   * @param {ISimpleLineSymbol | undefined} lineSymbol The ticks symbol.
-   */
-  setTicksSymbol(e) {
-    Ne(e, this._config), this.emitConfigUpdate("setTicksSymbol");
+  set ticksSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ve(e, this._config), this.emitConfigUpdate("ticksSymbol");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the array of slices for the pie chart.
-   * @returns {WebChartPieChartSlice[] | undefined}
+   * Array of slices for the pie chart.
    */
-  getSlices() {
+  get slices() {
     return We(this._config);
   }
-  /**
-   * Sets the array of slices for the pie chart.
-   * @param {WebChartPieChartSlice[] | undefined} slices The slices array.
-   */
-  setSlices(e) {
-    I(e, this._config), this.emitConfigUpdate("setSlices");
+  set slices(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      D(e, this._config), this.emitConfigUpdate("slices");
+    });
   }
   /**
-   * Gets the array of grouped slice ids for the pie chart.
-   * @returns {string[]}
+   * Array of grouped slice ids for the pie chart.
    */
-  getGroupedSliceIds() {
+  get groupedSliceIds() {
     return this._groupedSliceIds;
   }
-  /**
-   * Sets the array of grouped slice ids for the pie chart.
-   * @param {string[]} groupedSliceIds The grouped slice ids array.
-   */
-  setGroupedSliceIds(e) {
-    this._groupedSliceIds = e, this.emitConfigUpdate("setGroupedSliceIds");
+  set groupedSliceIds(e) {
+    this._groupedSliceIds = e, this.emitConfigUpdate("groupedSliceIds");
   }
   /**
-   * Gets the slice grouping configuration for the pie chart.
-   * @returns {WebChartPieChartGroupSlice | undefined}
+   * Slice grouping configuration for the pie chart.
    */
-  getSliceGrouping() {
-    return we(this._config);
+  get sliceGrouping() {
+    return Ge(this._config);
   }
-  /**
-   * Sets the slice grouping configuration for the pie chart.
-   * @param {WebChartPieChartGroupSlice | undefined} sliceGrouping The slice grouping configuration.
-   */
-  setSliceGrouping(e) {
-    T(e, this._config), this.emitConfigUpdate("setSliceGrouping");
+  set sliceGrouping(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      L(e, this._config), this.emitConfigUpdate("sliceGrouping");
+    });
   }
   /**
-   * Gets the inner radius size for the pie chart.
-   * @returns {number}
+   * Inner radius size for the pie chart.
    */
-  getInnerRadiusSize() {
-    return ee(this._config) ?? 0;
+  get innerRadiusSize() {
+    return Z(this._config) ?? 0;
   }
-  /**
-   * Sets the inner radius size for the pie chart.
-   * @param {number} size The inner radius size.
-   */
-  setInnerRadiusSize(e) {
-    ie(e, this._config), this.emitConfigUpdate("setInnerRadiusSize");
+  set innerRadiusSize(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      $(e, this._config), this.emitConfigUpdate("innerRadiusSize");
+    });
   }
   /**
-   * Gets the threshold below which slices will be grouped.
-   * @returns {number}
+   * Threshold below which slices will be grouped.
    */
-  getGroupingThreshold() {
-    return V(this._config) ?? 0;
+  get groupingThreshold() {
+    return F(this._config) ?? 0;
   }
-  /**
-   * Sets the threshold below which slices will be grouped.
-   * @param {number} threshold The grouping threshold.
-   */
-  setGroupingThreshold(e) {
-    ze(e, this._config), this.emitConfigUpdate("setGroupingThreshold");
+  set groupingThreshold(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ze(e, this._config), this.emitConfigUpdate("groupingThreshold");
+    });
   }
   /**
-   * Gets the character limit for the slice labels.
-   * @returns {number | null}
+   * Character limit for the slice labels.
    */
-  getLabelCharacterLimit() {
-    return te(this._config) ?? null;
+  get labelCharacterLimit() {
+    return ee(this._config) ?? null;
   }
-  /**
-   * Sets the character limit for the slice labels.
-   * @param {number | null} limit The label character limit.
-   */
-  setLabelCharacterLimit(e) {
-    se(e, this._config), this.emitConfigUpdate("setLabelCharacterLimit");
+  set labelCharacterLimit(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      te(e, this._config), this.emitConfigUpdate("labelCharacterLimit");
+    });
   }
   /**
-   * Gets the number of decimal places to display in the slice values.
-   * @returns {number}
+   * Number of decimal places to display in the slice values.
    */
-  getDecimalPlaces() {
+  get decimalPlaces() {
     return Le(this._config) ?? 1;
   }
-  /**
-   * Sets the number of decimal places to display in the slice values.
-   * @param {number} decimalPlaces The decimal places.
-   */
-  setDecimalPlaces(e) {
-    Pe(e, this._config), this.emitConfigUpdate("setDecimalPlaces");
+  set decimalPlaces(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Fe(e, this._config), this.emitConfigUpdate("decimalPlaces");
+    });
   }
   /**
-   * Gets the display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
-   * @returns {PieChartSlicesDisplay}
+   * Display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
    */
-  getDisplayType() {
-    return me(this._config);
+  get displayType() {
+    return pe(this._config);
   }
-  /**
-   * Sets the display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
-   * @param {PieChartSlicesDisplay} displayType The display type.
-   */
-  setDisplayType(e) {
-    ye(e, this._config), this.emitConfigUpdate("setDisplayType");
+  set displayType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ye(e, this._config), this.emitConfigUpdate("displayType");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await U();
-    return e.series = [await F(this.layerInfo?.objectIdField)], e;
+  generateDefaultConfig() {
+    const e = I(this.commonStrings);
+    return e.series = [V(this.commonStrings, this.layerInfo?.objectIdField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
@@ -468,7 +420,7 @@ class Ke extends M {
    * @returns {Date | number | string | null | undefined}
    */
   getOriginalSliceName(e) {
-    return Ue(e, this._config);
+    return xe(e, this._config);
   }
   /**
    * Gets the name of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
@@ -476,15 +428,17 @@ class Ke extends M {
    * @returns {string | undefined}
    */
   getSliceName(e) {
-    return Fe(e, this._config);
+    return we(e, this._config);
   }
   /**
    * Sets name of the slice based on the slice index.
    * @param {string} name The name for the slice.
    * @param {number} sliceIndex The index of the slice.
    */
-  setSliceName(e, t) {
-    Me(e, t, this._config), this.emitConfigUpdate("setSliceName");
+  setSliceName(e, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ue(e, i, this._config), this.emitConfigUpdate("setSliceName");
+    });
   }
   /**
    * Gets the color of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
@@ -492,41 +446,42 @@ class Ke extends M {
    * @returns {Color | undefined}
    */
   getSliceColor(e) {
-    return Ge(e, this._config);
+    return Ne(e, this._config);
   }
   /**
    * Sets the color of the slice based on the slice index.
    * @param {Color | undefined} color The color for the slice.
    * @param {number} sliceIndex The index of the slice.
    */
-  setSliceColor(e, t) {
-    Ae(e, t, this._config), this.emitConfigUpdate("setSliceColor");
+  setSliceColor(e, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Me(e, i, this._config), this.emitConfigUpdate("setSliceColor");
+    });
   }
   /**
-   * Gets the order of the slice array by returning an array of slice ids
-   * @returns {string[] | undefined}
+   * Order of the slice array by returning an array of slice ids
    */
-  getOrderOfSlices() {
+  get orderOfSlices() {
     return ke(this._config);
   }
-  /**
-   * Sets the order of the slices array by providing an array of slice ids.
-   * @param {string[]} order The order of the slices.
-   */
-  setOrderOfSlices(e) {
-    _(e, this._config), this.emitConfigUpdate("setOrderOfSlices");
+  set orderOfSlices(e) {
+    e !== void 0 && this.guardSetterFromAsyncOverwrite(() => {
+      S(e, this._config), this.emitConfigUpdate("orderOfSlices");
+    });
   }
   /**
    * Moves a series from one index in the series array to another.
    * @param {number} fromIndex Index to move the series from.
    * @param {number} toIndex Index to move the series to.
    */
-  moveSeries(e, t) {
-    const s = this.getOrderOfSlices();
-    if (s !== void 0) {
-      const [a] = s.splice(e, 1);
-      s.splice(t, 0, a), _(s, this._config), this.emitConfigUpdate("moveSeries");
-    }
+  moveSeries(e, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const s = this.orderOfSlices;
+      if (s !== void 0) {
+        const [r] = s.splice(e, 1);
+        s.splice(i, 0, r), S(s, this._config), this.emitConfigUpdate("moveSeries");
+      }
+    });
   }
   /**
    * Gets the slice id for a given slice index. If the index is out of bounds, this function will return `undefined`.
@@ -534,7 +489,7 @@ class Ke extends M {
    * @returns {string | undefined}
    */
   getSliceId(e) {
-    return Ee(e, this._config);
+    return Re(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -542,7 +497,7 @@ class Ke extends M {
    * @returns {number | undefined}
    */
   getSliceIndex(e) {
-    return Re(e, this._config);
+    return Ee(e, this._config);
   }
   /**
    * Gets the length of the slices array.
@@ -555,224 +510,183 @@ class Ke extends M {
    * Resets the slices styling to the default styling.
    */
   resetSlices() {
-    Be(this._config), this.emitConfigUpdate("resetSlices");
+    this.guardSetterFromAsyncOverwrite(() => {
+      Be(this._config), this.emitConfigUpdate("resetSlices");
+    });
   }
   /**
    * Returns whether the series styling is able to be reset.
    * @returns {boolean}
    */
   resetAvailable() {
-    const e = !this.getColorMatch();
-    let t = !1;
-    const s = this.getSlices()?.length ?? 0;
-    for (let n = 0; n < s; n += 1) {
-      const f = this.getOriginalSliceName(n), v = this.getSliceName(n);
-      if (f !== void 0 && f?.toString() !== v?.toString()) {
-        t = !0;
+    const e = !this.colorMatch;
+    let i = !1;
+    const s = this.slices?.length ?? 0;
+    for (let r = 0; r < s; r += 1) {
+      const d = this.getOriginalSliceName(r), T = this.getSliceName(r);
+      if (d !== void 0 && d?.toString() !== T?.toString()) {
+        i = !0;
         break;
       }
     }
-    const a = this.getSliceGrouping();
-    return a?.originalLabel !== void 0 && a?.label !== a.originalLabel && (t = !0), e || t;
+    return this.sliceGrouping?.originalLabel !== void 0 && this.sliceGrouping?.label !== this.sliceGrouping.originalLabel && (i = !0), e || i;
   }
   /**
-   * Gets the visibility of the ticks.
-   * @returns {boolean}
+   * Visibility of the ticks.
    */
-  getTicksVisibility() {
-    return Ie(this._config);
+  get ticksVisibility() {
+    return Pe(this._config);
   }
-  /**
-   * Sets the visibility of the ticks.
-   * @param visibility The visibility setting for the ticks.
-   */
-  setTicksVisibility(e) {
-    ve(e, this._config), this.emitConfigUpdate("setTicksVisibility");
+  set ticksVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ae(e, this._config), this.emitConfigUpdate("ticksVisibility");
+    });
   }
   /**
-   * Gets the start angle of the pie chart.
-   * @returns {number | null | undefined}
+   * Start angle of the pie chart.
    */
-  getStartAngle() {
-    return S(this._config);
+  get startAngle() {
+    return y(this._config);
   }
-  /**
-   * Sets the start angle for the pie chart.
-   * @param angle The start angle for the pie chart.
-   */
-  setStartAngle(e) {
-    C(e, this._config), this.emitConfigUpdate("setStartAngle");
+  set startAngle(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ie(e, this._config), this.emitConfigUpdate("startAngle");
+    });
   }
   /**
-   * Gets the end angle of the pie chart.
-   * @returns {number | null | undefined}
+   * End angle of the pie chart.
    */
-  getEndAngle() {
-    return S(this._config);
+  get endAngle() {
+    return y(this._config);
   }
-  /**
-   * Sets the end angle for the pie chart.
-   * @param angle The end angle for the pie chart.
-   */
-  setEndAngle(e) {
-    C(e, this._config), this.emitConfigUpdate("setEndAngle");
+  set endAngle(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      se(e, this._config), this.emitConfigUpdate("endAngle");
+    });
   }
   /**
-   * Gets the display category value on tooltip setting from the chart config.
-   * @returns {boolean}
-   * @remarks If the setting is not found in the config, it will default to `true`.
-   */
-  getDisplayCategoryValueOnTooltip() {
-    return ae(this._config);
-  }
-  /**
-   * Gets the display numeric value on tooltip setting from the chart config.
-   * @returns {boolean}
+   * Display category value on tooltip setting from the chart config.
    * @remarks If the setting is not found in the config, it will default to `true`.
    */
-  getDisplayNumericValueOnTooltip() {
+  get displayCategoryValueOnTooltip() {
     return re(this._config);
   }
-  /**
-   * Sets the display category value on tooltip setting in the chart config.
-   * @param display The boolean value to set the displayCategoryOnTooltip to
-   */
-  setDisplayCategoryOnTooltip(e) {
-    this._config.series[0].displayCategoryOnTooltip = e, this.emitConfigUpdate("setDisplayCategoryValue");
+  set displayCategoryValueOnTooltip(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayCategoryOnTooltip = e, this.emitConfigUpdate("displayCategoryValueOnTooltip");
+    });
   }
   /**
-   * Sets the display numeric value on tooltip setting in the chart config.
-   * @param display The boolean value to set the displayNumericValueOnTooltip to
+   * Display numeric value on tooltip setting from the chart config.
+   * @remarks If the setting is not found in the config, it will default to `true`.
    */
-  setDisplayNumericValueOnTooltip(e) {
-    this._config.series[0].displayNumericValueOnTooltip = e, this.emitConfigUpdate("setDisplayNumericValue");
+  get displayNumericValueOnTooltip() {
+    return ae(this._config);
+  }
+  set displayNumericValueOnTooltip(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayNumericValueOnTooltip = e, this.emitConfigUpdate("displayNumericValueOnTooltip");
+    });
   }
   /**
-   * Gets the display percentage on tooltip setting from the chart config.
-   * @returns {boolean}
+   * Display percentage on tooltip setting from the chart config.
    * @remarks If the setting is not found in the config, it will default to `true`.
    */
-  getDisplayPercentageOnTooltip() {
+  get displayPercentageOnTooltip() {
     return ne(this._config);
   }
-  /**
-   * Sets the display percentage on tooltip setting in the chart config.
-   * @param display The boolean value to set the displayPercentageOnTooltip to
-   */
-  setDisplayPercentageOnTooltip(e) {
-    oe(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+  set displayPercentageOnTooltip(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      oe(e, this._config), this.emitConfigUpdate("displayPercentageOnTooltip");
+    });
   }
   /**
-   * Gets the prefix of the values of the slices.
-   * @returns {string | undefined}
+   * Prefix of the values of the slices.
    */
-  getValuePrefix() {
+  get valuePrefix() {
     return le(this._config);
   }
-  /**
-   * Sets the prefix for the values of the slices.
-   * @param prefix The prefix for the values of the slices.
-   */
-  setValuePrefix(e) {
-    ge(e, this._config), this.emitConfigUpdate("setValuePrefix");
+  set valuePrefix(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ge(e, this._config), this.emitConfigUpdate("valuePrefix");
+    });
   }
   /**
-   * Gets the suffix of the values of the slice.
-   * @returns {string | undefined}
+   * Suffix of the values of the slice.
    */
-  getValueSuffix() {
+  get valueSuffix() {
     return ce(this._config);
   }
-  /**
-   * Sets the suffix for the values of the slices.
-   * @param suffix The suffix for the values of the slices.
-   */
-  setValueSuffix(e) {
-    de(e, this._config), this.emitConfigUpdate("setValueSuffix");
+  set valueSuffix(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      de(e, this._config), this.emitConfigUpdate("valueSuffix");
+    });
   }
   /**
-   * Gets the prefix of the percentages of the slices.
-   * @returns {string | undefined}
+   * Prefix of the percentages of the slices.
    */
-  getPercentagePrefix() {
-    return fe(this._config);
+  get percentagePrefix() {
+    return he(this._config);
   }
-  /**
-   * Sets the prefix for the percentages of the slices.
-   * @param prefix The prefix for the percentages of the slices.
-   */
-  setPercentagePrefix(e) {
-    he(e, this._config), this.emitConfigUpdate("setPercentagePrefix");
+  set percentagePrefix(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      me(e, this._config), this.emitConfigUpdate("percentagePrefix");
+    });
   }
   /**
-   * Gets the suffix of the percentages of the slices.
-   * @returns {string | undefined}
+   * Suffix of the percentages of the slices.
    */
-  getPercentageSuffix() {
-    return pe(this._config);
+  get percentageSuffix() {
+    return ue(this._config);
   }
-  /**
-   * Sets the suffix for the percentages of the slices.
-   * @param suffix The suffix for the percentages of the slices.
-   */
-  setPercentageSuffix(e) {
-    ue(e, this._config), this.emitConfigUpdate("setPercentageSuffix");
+  set percentageSuffix(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      fe(e, this._config), this.emitConfigUpdate("percentageSuffix");
+    });
   }
   /**
-   * Gets the offset for the data labels.
-   * @returns {string | undefined}
+   * Offset for the data labels.
    */
-  getDataLabelsOffset() {
-    return De(this._config);
+  get dataLabelsOffset() {
+    return ve(this._config);
   }
-  /**
-   * Sets the offset for the data labels.
-   * @param offset The offset for the data labels.
-   */
-  setDataLabelsOffset(e) {
-    Oe(e, this._config), this.emitConfigUpdate("setDataLabelsOffset");
+  set dataLabelsOffset(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      be(e, this._config), this.emitConfigUpdate("dataLabelsOffset");
+    });
   }
   /**
-   * Gets the align data labels setting for the pie chart.
-   * @returns {boolean | undefined}
+   * Align data labels setting for the pie chart.
    */
-  getAlignDataLabels() {
+  get alignDataLabels() {
     return Se(this._config);
   }
-  /**
-   * Sets the align data labels setting for the pie chart.
-   * @param align The align data labels setting for the pie chart.
-   */
-  setAlignDataLabels(e) {
-    Ce(e, this._config), this.emitConfigUpdate("setAlignDataLabels");
+  set alignDataLabels(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Oe(e, this._config), this.emitConfigUpdate("alignDataLabels");
+    });
   }
   /**
-   * Gets the setting for placing the data labels inside of the slices.
-   * @returns {boolean | undefined}
+   * Setting for placing the data labels inside of the slices.
    */
-  getDataLabelsInside() {
-    return _e(this._config);
+  get dataLabelsInside() {
+    return Ce(this._config);
   }
-  /**
-   * Sets the setting for placing the data labels inside of the slices.
-   * @param inside Whether to place the data labels inside of the slices
-   */
-  setDataLabelsInside(e) {
-    be(e, this._config), this.emitConfigUpdate("setDataLabelsInside");
+  set dataLabelsInside(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      _e(e, this._config), this.emitConfigUpdate("dataLabelsInside");
+    });
   }
   /**
-   * Gets the optimize data labels overlapping setting for the pie chart.
-   * @returns {boolean | undefined}
+   * Optimize data labels overlapping setting for the pie chart.
    */
-  getOptimizeDataLabelsOverlapping() {
-    return Te(this._config);
+  get optimizeDataLabelsOverlapping() {
+    return De(this._config);
   }
-  /**
-   * Sets the optimize data labels overlapping setting for the pie chart.
-   * @param optimize The optimize data labels overlapping setting for the pie chart.
-   */
-  setOptimizeDataLabelsOverlapping(e) {
-    Ve(e, this._config), this.emitConfigUpdate("setOptimizeDataLabelsOverlapping");
+  set optimizeDataLabelsOverlapping(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Te(e, this._config), this.emitConfigUpdate("optimizeDataLabelsOverlapping");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
@@ -782,11 +696,16 @@ class Ke extends M {
    *
    * @returns {string}
    */
-  async generateChartTitle() {
-    return await X({ config: this._config, layerInfo: this.layerInfo, mode: this._mode });
+  generateChartTitle() {
+    return K({
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings,
+      mode: this._mode
+    });
   }
 }
-L(Ke, [P, G, A, k]);
+v(Ke, [b, w, U, N]);
 export {
   Ke as PieChartModel
 };