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

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

@@ -1,7 +1,8 @@
-import { WebChartTypes as T, defaultPieFromFieldsName as D, WebChartStatisticType as p, WebChartSortOrderKinds as b, WebChartOrderDataByTypes as y, defaultPieFromFieldsValue as I, RESTSymbolType as V } from "@arcgis/charts-spec";
-import { memoize as se, cloneDeep as E, isEmpty as ae, isNull as re } 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 { aa as F, av as R, aL as oe, c9 as U, bR as L, at as K, a6 as M, V as j, k as B, cs as v, o as ne, aC as le } from "./interfaces.js";
+import { ak as c, aE as O, ag as h, a2 as C, p as m, cA as o, y as A, aN as I, aG 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,20 +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 { a as $, w as N, u as x, f as ce, C as ge, H as de, T as ue } from "./serial-chart-data.js";
-import { a as g, P as d, b as h } from "./common.js";
-import { M as Y, a as pe, b as fe, c as ye } from "./model-with-data-labels.js";
+import "./runtime.js";
+import "@arcgis/toolkit/dom";
+import { C as w } from "./model-with-multi-axes.js";
+import { b as a, a as l } from "./common.js";
+import { M as _, a as x, b as U, c as N } from "./model-with-data-labels.js";
+import "@arcgis/core/intl.js";
+import { e as v, i as M, o as k } from "./data.js";
+import { g as u, s as G, a as W, c as z, b as B, d as E, e as R, f as K, h as f, i as p, j } 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.16 */
-const he = (t) => t.legend?.displayNumericValue ?? !1, me = (t, e) => {
-  e.series[0]?.type === T.PieSeries && (e.legend === void 0 && (e.legend = F()), e.legend.displayNumericValue = t);
-}, Se = (t) => t.legend?.displayPercentage ?? !1, Ce = (t, e) => {
-  e.series[0]?.type === T.PieSeries && (e.legend === void 0 && (e.legend = F()), e.legend.displayPercentage = t);
-}, be = (t) => t.legend?.labelMaxWidth ?? 200, Oe = (t, e) => {
-  e.series[0]?.type === T.PieSeries && (e.legend === void 0 && (e.legend = F()), e.legend.labelMaxWidth = t);
+v4.34.0-next.161 */
+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 H extends Y {
+class b extends _ {
   /**
    * Gets the setting for the display of numerical value in the legend items.
    * @returns {boolean}
@@ -30,7 +37,7 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   getDisplayNumericValue() {
-    return he(this._config);
+    return q(this._config);
   }
   /**
    * Sets the setting for the display of numerical value in the legend items.
@@ -39,7 +46,7 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   setDisplayNumericValue(e) {
-    me(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.
@@ -48,7 +55,7 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return Se(this._config);
+    return J(this._config);
   }
   /**
    * Sets the setting for the display of percentage in the legend items.
@@ -57,7 +64,7 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   setDisplayPercentage(e) {
-    Ce(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+    Q(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
@@ -66,7 +73,7 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return be(this._config);
+    return X(this._config);
   }
   /**
    * Sets the maximum width in pixel for the legend item labels.
@@ -75,592 +82,345 @@ class H extends Y {
    * This setting is only applicable to pie charts.
    */
   setLabelMaxWidth(e) {
-    Oe(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
+    Y(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
   }
 }
-$(H, [Y]);
-const _ = (t) => t.series?.[0]?.x ?? "";
-function Le(t, e) {
-  const i = t.series?.[0];
-  return [`${e === g.Category ? i.y : I} ${b.Descending}`];
-}
-const A = (t, e) => {
-  let i = d.valueDesc;
-  const s = t.orderOptions?.data?.orderType ?? Le(t, e), a = t.orderOptions?.data?.orderBy ?? b.Descending;
-  return s === y.Category && Array.isArray(a) ? i = d.customSort : s === y.Category ? a === b.Ascending ? i = d.labelAsc : i = d.labelDesc : a === b.Ascending ? i = d.valueAsc : i = d.valueDesc, i;
-}, f = se(
-  // without memoizing, the worst case efficiency is O(series.length), best case is O(1)
-  // with memoizing, the worst case efficiency for repeated calls becomes O(1)
-  (t) => {
-    let e = [];
-    return e = t.series?.[0]?.query?.outStatistics?.map(
-      (i) => i.onStatisticField
-    ) ?? [t.series?.[0]?.y ?? ""], [...new Set(e.filter((i) => i !== ""))];
-  },
-  // using series array address as key, since a change to the numeric fields will always rebuild a fresh series array
-  (t) => t.series
-), m = (t, e) => {
-  const i = f(t);
-  let s;
-  return e === g.Fields && i.length === 0 ? s = p.Sum : s = t.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? p.NoAggregation, s;
-};
-async function J(t) {
-  const { config: e, layerInfo: i, mode: s } = t, { objectIdField: a } = i ?? {}, o = await R(a), r = _(e), l = e.series[0]?.dataLabels?.visible ?? !1, n = {
-    ...o,
-    x: s === g.Category ? r : D,
-    slices: e.series?.[0]?.slices,
-    dataLabels: { ...o.dataLabels, visible: l },
-    innerRadiusSize: e.series?.[0]?.innerRadius,
-    sliceGrouping: e.series?.[0]?.sliceGrouping,
-    dataLabelsCharacterLimit: e.series?.[0]?.dataLabelsCharacterLimit,
-    numericValueFormat: e.series?.[0]?.numericValueFormat,
-    percentValueFormat: e.series?.[0]?.percentValueFormat,
-    displayCategoryOnDataLabel: e.series?.[0]?.displayCategoryOnDataLabel,
-    displayNumericValueOnDataLabel: e.series?.[0]?.displayNumericValueOnDataLabel,
-    displayPercentageOnDataLabel: e.series?.[0]?.displayPercentageOnDataLabel
-  }, c = m(e, s);
-  if (c !== p.NoAggregation && a !== void 0) {
-    const u = `${c}_${a}_0`.toUpperCase();
-    n.y = s === g.Category ? u : I, n.query = {
-      outStatistics: s === g.Category ? [
-        {
-          statisticType: c,
-          onStatisticField: a,
-          outStatisticFieldName: u
-        }
-      ] : []
-    };
-  }
-  return s === g.Category && n.query !== void 0 ? n.query.groupByFieldsForStatistics = [r] : delete n.query?.groupByFieldsForStatistics, E(n);
-}
-async function w(t, e, i) {
-  const { layerFieldsInfo: s, objectIdField: a } = e, o = _(t), r = f(t), l = m(t, i), n = r.length === 0 || r.includes(a), c = await oe(l), u = n ? "" : r.map((ie) => U(s ?? [], ie)).join(", "), S = U(s ?? [], o);
-  let C = "";
-  const O = await ce();
-  let P;
-  return i === g.Fields ? P = r.length === 0 : P = o === "", P ? C = O.chartType.pieChart : l === p.NoAggregation ? C = L(O.titleLabels.aggrFieldsByCategory, {
-    aggregationFields: n ? a : u,
-    category: S
-  }) : l === p.Count ? C = L(O.titleLabels.aggrTypeCategory, {
-    aggregationType: c,
-    category: S
-  }) : r.length > 0 && (S === D || ae(S) || re(S) ? C = L(O.titleLabels.aggrTypeOfAggrFields, {
-    aggregationType: c,
-    aggregationFields: u
-  }) : C = L(O.titleLabels.aggrTypeOfAggrFieldsByCategory, {
-    aggregationType: c,
-    aggregationFields: u,
-    category: S
-  })), C;
-}
-const De = (t) => {
-  const { newSortOrderKind: e, config: i, orderByList: s } = t;
-  i.orderOptions ??= {}, e === d.customSort && s !== void 0 ? i.orderOptions.data = {
-    orderType: y.Category,
-    orderBy: [...s]
-  } : i.orderOptions.data = {
-    orderType: e === d.labelAsc || e === d.labelDesc ? y.Category : y.YValue,
-    orderBy: e === d.labelAsc || e === d.valueAsc ? b.Ascending : b.Descending
-  };
-}, _e = async (t) => {
-  const { newCategory: e, config: i, layerInfo: s, mode: a } = t, o = i.series?.length ?? 0;
-  if (i.series.forEach((r) => {
-    r.x = a === g.Category ? e : D, r.query !== void 0 && e !== D ? r.query.groupByFieldsForStatistics = [e] : delete r.query?.groupByFieldsForStatistics;
-  }), o === 0) {
-    const r = [await J({ config: i, layerInfo: s, mode: a })];
-    i.series = r;
-  }
-  if (s !== void 0) {
-    const r = await N({
-      config: i,
-      layerInfo: s,
-      numericFields: f(i),
-      aggregationType: m(i, a)
-    });
-    x(i, 1, r), i.title && (i.title.content.text = await w(i, s, a));
-    const l = a === g.Fields ? f(i).filter((n) => n !== s.objectIdField) : f(i);
-    await X({ newNumericFields: l, config: i, layerInfo: s, mode: a });
-  }
-};
-async function Q(t) {
-  const { numericFields: e, aggregationType: i, config: s, layerInfo: a, mode: o } = t, r = [], l = await J({
-    config: s,
-    layerInfo: a,
-    mode: o
-  }), n = {
-    ...l,
-    query: {
-      ...l.query
-    }
-  };
-  if (e.length <= 1 ? n.query.where = l.query?.where : delete n.query.where, i !== p.NoAggregation)
-    if (o === g.Category) {
-      if (e.length > 0) {
-        const c = e[0], u = `${i}_${e[0]}_0`.toUpperCase();
-        n.y = u, n.query.outStatistics = [
-          {
-            ...l.query?.outStatistics?.[0] ?? {},
-            onStatisticField: c,
-            outStatisticFieldName: u,
-            statisticType: i
-          }
-        ];
-      }
-    } else {
-      n.y = I;
-      for (const c of e)
-        n.query.outStatistics?.push({
-          onStatisticField: c,
-          outStatisticFieldName: c,
-          statisticType: i
-        });
-    }
-  else
-    n.y = e[0], n.query = {};
-  r.push(n), s.series = r;
-}
-const Te = async (t) => {
-  const { newAggregationType: e, config: i, layerInfo: s, mode: a } = t, o = f(i);
-  await Q({
-    config: i,
-    layerInfo: s,
-    numericFields: o,
-    aggregationType: e,
-    mode: a
-  });
-  const r = await N({
-    config: i,
-    layerInfo: s,
-    numericFields: f(i),
-    aggregationType: m(i, a)
-  });
-  x(i, 1, r), i.title && (i.title.content.text = await w(i, s, a));
-  const l = i.series?.[0]?.displayCategoryOnDataLabel, n = i.series?.[0]?.displayNumericValueOnDataLabel, c = i.series?.[0]?.displayPercentageOnDataLabel;
-  i.legend = {
-    ...i.legend ?? F(),
-    displayNumericValue: n,
-    displayPercentage: c,
-    displayCategory: l
-  };
-}, X = async (t) => {
-  let { newNumericFields: e } = t;
-  const { config: i, layerInfo: s, mode: a } = t, { objectIdField: o } = s ?? {};
-  let r = m(i, a);
-  if (e = e === "" ? [] : e, e = typeof e == "string" ? [e] : e, o !== void 0 && (e.length === 0 && a === g.Category ? (e.push(o), r = p.Count) : r === p.Count && e.length >= 1 && !e.includes(o) && (r = p.Sum)), s !== void 0) {
-    await Q({
-      config: i,
-      layerInfo: s,
-      numericFields: e,
-      aggregationType: r,
-      mode: a
-    });
-    const l = await N({
-      config: i,
-      layerInfo: s,
-      numericFields: f(i),
-      aggregationType: m(i, a)
-    });
-    x(i, 1, l), i.title && (i.title.content.text = await w(i, s, a));
-  } else
-    i.series.forEach((l) => {
-      delete l.query, l.y = e[0];
-    });
-}, G = (t, e) => {
-  let i = [];
-  const s = t.orderOptions?.data?.orderType, a = A(t, e), o = t.orderOptions?.data?.orderBy;
-  return a === d.customSort && s === y.Category && Array.isArray(o) && (i = o), i;
-}, k = (t) => {
-  const { values: e, config: i, mode: s } = t;
-  i.orderOptions ??= {};
-  const a = i.orderOptions?.data?.orderType;
-  A(i, s) === d.customSort && a === y.Category && (i.orderOptions.data = {
-    orderType: y.Category,
-    orderBy: [...e]
-  });
-}, Fe = (t) => t.series?.[0]?.innerRadius, Pe = (t, e) => {
+v(b, [_]);
+const Z = (t) => t.series?.[0]?.innerRadius, $ = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, Ve = (t) => t.series?.[0]?.dataLabelsCharacterLimit, ve = (t, e) => {
+}, ee = (t) => t.series?.[0]?.dataLabelsCharacterLimit, te = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, q = (t) => t.series[0]?.startAngle, W = (t, e) => {
+}, y = (t) => t.series[0]?.startAngle, ie = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, Ie = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, Ne = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, xe = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Ae = (t, e) => {
+}, 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);
-}, we = (t) => t.series?.[0]?.valuePrefix, Ue = (t, e) => {
+}, le = (t) => t.series?.[0]?.valuePrefix, ge = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, Me = (t) => t.series?.[0]?.valueSuffix, Be = (t, e) => {
+}, ce = (t) => t.series?.[0]?.valueSuffix, de = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, Ge = (t) => t.series?.[0]?.percentagePrefix, ke = (t, e) => {
+}, he = (t) => t.series?.[0]?.percentagePrefix, me = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, qe = (t) => t.series?.[0]?.percentageSuffix, We = (t, e) => {
+}, ue = (t) => t.series?.[0]?.percentageSuffix, fe = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, ze = (t) => {
+}, pe = (t) => {
   let e;
   const i = t.series?.[0];
-  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = h.Both : i?.displayNumericValueOnDataLabel === !0 ? e = h.Value : e = h.Percentage, e;
-}, Ee = (t, e) => {
-  const i = t === h.Value || t === h.Both, s = t === h.Percentage || t === h.Both;
+  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: i,
     displayPercentage: s
   });
-}, Re = (t) => t.series?.[0]?.alignDataLabels ?? !1, Ke = (t, e) => {
+}, Se = (t) => t.series?.[0]?.alignDataLabels ?? !1, Oe = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, je = (t) => t.series?.[0]?.dataLabelsInside ?? !1, $e = (t, e) => {
+}, Ce = (t) => t.series?.[0]?.dataLabelsInside ?? !1, _e = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, Ye = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, He = (t, e) => {
+}, ve = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, be = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, Je = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Qe = (t, e) => {
-  e.series?.[0] && (e.series[0].numericValueFormat ??= M(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= M(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, Xe = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ze = (t, e) => {
+}, 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);
-}, et = (t) => t.series[0]?.ticks?.visible ?? !1, tt = (t, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= K(), e.series[0].ticks.visible = t);
-}, it = (t) => t.series[0]?.ticks?.lineSymbol, st = (t, e) => {
-  t && e.series?.[0] && (e.series[0].ticks ??= K(), e.series[0].ticks.lineSymbol = E(t));
-}, at = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, rt = (t, e) => e.series?.[0]?.slices?.[t]?.label, ot = (t, e, i) => {
+}, 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));
+}, we = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, xe = (t, e) => e.series?.[0]?.slices?.[t]?.label, Ue = (t, e, i) => {
   i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, nt = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, lt = (t, e, i) => {
+}, 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: V.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
-    type: V.SFS,
+  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: V.SLS, color: t }
+    outline: { type: g.SLS, color: t }
   });
-}, ct = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), z = (t, e) => {
+}, ke = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), S = (t, e) => {
   e.series?.[0]?.slices?.sort(
-    (i, s) => t.findIndex((a) => i.sliceId === a) - t.findIndex((a) => s.sliceId === a)
+    (i, s) => t.findIndex((r) => i.sliceId === r) - t.findIndex((r) => s.sliceId === r)
   );
-}, gt = (t) => t.series?.[0]?.sliceGrouping, Z = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.sliceGrouping, L = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, ee = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, dt = (t, e) => {
+}, F = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, We = (t, e) => {
   e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: j.defaultGroupOfSlicesId,
+    sliceId: C.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, ut = (t) => t.series?.[0]?.slices, te = (t, e) => {
+}, ze = (t) => t.series?.[0]?.slices, D = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, pt = (t) => {
-  te(void 0, t), Z(
+}, Be = (t) => {
+  D(void 0, t), L(
     {
-      sliceId: j.defaultGroupOfSlicesId,
-      percentageThreshold: ee(t) ?? 0
+      sliceId: C.defaultGroupOfSlicesId,
+      percentageThreshold: F(t) ?? 0
     },
     t
   );
-}, ft = (t, e) => e.series[0]?.slices?.[t]?.sliceId, yt = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), ht = (t) => t.series[0]?.slices?.length ?? 0;
-class mt extends ge {
+}, Ee = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Re = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), Ke = (t) => t.series[0]?.slices?.length ?? 0;
+class je extends w {
   constructor() {
-    super(...arguments), this._chartType = T.PieSeries, this._mode = g.Category, this._groupedSliceIds = [];
+    super(...arguments), this._chartType = n.PieSeries, this._mode = l.Category, this._groupedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
     const { config: i } = e;
     if (i !== void 0) {
-      const s = B(i.series);
-      this._mode = s !== v.PieFromFields ? g.Category : g.Fields;
+      const s = m(i.series);
+      this._mode = s !== o.PieFromFields ? l.Category : l.Fields;
     }
-    this.resolveSetup();
+    typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
-  // Data Props
+  // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the category field for the pie chart.
-   * @returns {string}
+   * Category field for the pie chart.
    */
-  getCategory() {
-    return _(this._config);
+  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) {
-    (!ne(this._config) || e.trim() !== "") && (await _e({
-      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 f(this._config);
+  get numericFields() {
+    return W(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 ? de(this.layerInfo.layerFieldsInfo, e) : !0) ? (await X({
-      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) ? (z({
+        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 m(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 Te({
-      newAggregationType: e,
-      config: this._config,
-      layerInfo: this.layerInfo,
-      mode: this._mode
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType");
+  set aggregationType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      E({
+        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 A(this._config, this._mode);
+    return R(this._config, this._mode);
   }
   /**
    * Sets the sort order for the pie chart.
    * @param {PieChartDataSortingKinds} sortOrder The sort order.
+   * @param {string[]} orderByList The list of category values.
    */
   setSortOrder(e, i) {
-    De({
+    K({
       newSortOrderKind: e,
       config: this._config,
       orderByList: i
     }), this.emitConfigUpdate("setSortOrder");
   }
-  /* Gets the list of category's values for custom sort
-   * @returns {string[]}
-   */
-  getOrderByList() {
-    return G(this._config, this._mode);
-  }
   /**
-   * Sets the list of category's values for custom sort
-   * @param {string[]} orderByList The list of category's values
+   * List of category's values for custom sort
    */
-  setOrderByList(e) {
-    k({
-      values: e,
-      config: this._config,
-      mode: this._mode
-    }), this.emitConfigUpdate("setOrderByList");
+  get orderByList() {
+    return f(this._config, this._mode);
+  }
+  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 = _(this._config), i = B(this._config.series), s = this.getNumericFields();
-    let a = [];
-    return i === v.PieFromFields ? a = s : e.trim() !== "" && i === v.PieFromCategory && (a = await ue({
+    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.
-   *
-   * NOTE: This method should be only used when the sort order is set to `customSort`.
+   * **Note:** This method should be only used when the sort order is set to `customSort`.
    * @param {number} fromIndex The index to move the custom sort item from.
    * @param {number} toIndex The index to move the category item to.
    */
   moveCustomSortValuesInOrderByList(e, i) {
-    const s = G(this._config, this._mode), [a] = s.splice(e, 1);
-    s.splice(i, 0, a), k({
-      values: s,
-      config: this._config,
-      mode: this._mode
-    }), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    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");
+    });
   }
   // ---------------------------------------------------------------------------------------------
-  // Format Props
+  // #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 it(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) {
-    st(e, this._config), this.emitConfigUpdate("setTicksSymbol");
+  set ticksSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Ve(e, this._config), this.emitConfigUpdate("ticksSymbol");
+    });
   }
   // ---------------------------------------------------------------------------------------------
-  // Slices Props
+  // #region Slices Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the array of slices for the pie chart.
-   * @returns {WebChartPieChartSlice[] | undefined}
+   * Array of slices for the pie chart.
    */
-  getSlices() {
-    return ut(this._config);
+  get slices() {
+    return ze(this._config);
   }
-  /**
-   * Sets the array of slices for the pie chart.
-   * @param {WebChartPieChartSlice[] | undefined} slices The slices array.
-   */
-  setSlices(e) {
-    te(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 gt(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) {
-    Z(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 Fe(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) {
-    Pe(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 ee(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) {
-    dt(e, this._config), this.emitConfigUpdate("setGroupingThreshold");
+  set groupingThreshold(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      We(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 Ve(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) {
-    ve(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() {
-    return Je(this._config) ?? 1;
+  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) {
-    Qe(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 ze(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) {
-    Ee(e, this._config), this.emitConfigUpdate("setDisplayType");
+  set displayType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ye(e, this._config), this.emitConfigUpdate("displayType");
+    });
   }
   // ---------------------------------------------------------------------------------------------
-  // Protected methods
+  // #region Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await le();
-    return e.series = [await R(this.layerInfo?.objectIdField)], e;
+  generateDefaultConfig() {
+    const e = I(this.commonStrings);
+    return e.series = [V(this.commonStrings, this.layerInfo?.objectIdField)], e;
   }
   // ---------------------------------------------------------------------------------------------
-  // Series Methods
+  // #region Series Methods
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the original name of the slice based on the slice index.
+   * @param {number} sliceIndex - The index of the slice.
    * @returns {Date | number | string | null | undefined}
    */
   getOriginalSliceName(e) {
-    return at(e, this._config);
+    return we(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`.
@@ -668,7 +428,7 @@ class mt extends ge {
    * @returns {string | undefined}
    */
   getSliceName(e) {
-    return rt(e, this._config);
+    return xe(e, this._config);
   }
   /**
    * Sets name of the slice based on the slice index.
@@ -676,7 +436,9 @@ class mt extends ge {
    * @param {number} sliceIndex The index of the slice.
    */
   setSliceName(e, i) {
-    ot(e, i, this._config), this.emitConfigUpdate("setSliceName");
+    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`.
@@ -684,7 +446,7 @@ class mt extends ge {
    * @returns {Color | undefined}
    */
   getSliceColor(e) {
-    return nt(e, this._config);
+    return Ne(e, this._config);
   }
   /**
    * Sets the color of the slice based on the slice index.
@@ -692,21 +454,20 @@ class mt extends ge {
    * @param {number} sliceIndex The index of the slice.
    */
   setSliceColor(e, i) {
-    lt(e, i, this._config), this.emitConfigUpdate("setSliceColor");
+    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() {
-    return ct(this._config);
+  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) {
-    z(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.
@@ -714,11 +475,13 @@ class mt extends ge {
    * @param {number} toIndex Index to move the series to.
    */
   moveSeries(e, i) {
-    const s = this.getOrderOfSlices();
-    if (s !== void 0) {
-      const [a] = s.splice(e, 1);
-      s.splice(i, 0, a), z(s, this._config), this.emitConfigUpdate("moveSeries");
-    }
+    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`.
@@ -726,7 +489,7 @@ class mt extends ge {
    * @returns {string | undefined}
    */
   getSliceId(e) {
-    return ft(e, this._config);
+    return Ee(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -734,240 +497,215 @@ class mt extends ge {
    * @returns {number | undefined}
    */
   getSliceIndex(e) {
-    return yt(e, this._config);
+    return Re(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    * @returns {number}
    */
   getSlicesLength() {
-    return ht(this._config);
+    return Ke(this._config);
   }
   /**
    * Resets the slices styling to the default styling.
    */
   resetSlices() {
-    pt(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();
+    const e = !this.colorMatch;
     let i = !1;
-    const s = this.getSlices()?.length ?? 0;
-    for (let o = 0; o < s; o += 1) {
-      const r = this.getOriginalSliceName(o), l = this.getSliceName(o);
-      if (r !== void 0 && r?.toString() !== l?.toString()) {
+    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 && (i = !0), e || i;
+    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 et(this._config);
+  get ticksVisibility() {
+    return Pe(this._config);
   }
-  /**
-   * Sets the visibility of the ticks.
-   * @param visibility The visibility setting for the ticks.
-   */
-  setTicksVisibility(e) {
-    tt(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 q(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) {
-    W(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 q(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) {
-    W(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}
+   * 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`.
    */
-  getDisplayCategoryValueOnTooltip() {
-    return Ie(this._config);
+  get displayCategoryValueOnTooltip() {
+    return re(this._config);
   }
-  /**
-   * Gets the display numeric 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`.
-   */
-  getDisplayNumericValueOnTooltip() {
-    return Ne(this._config);
+  set displayCategoryValueOnTooltip(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayCategoryOnTooltip = e, this.emitConfigUpdate("displayCategoryValueOnTooltip");
+    });
   }
   /**
-   * Sets the display category value on tooltip setting in the chart config.
-   * @param display The boolean value to set the displayCategoryOnTooltip 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`.
    */
-  setDisplayCategoryOnTooltip(e) {
-    this._config.series[0].displayCategoryOnTooltip = e, this.emitConfigUpdate("setDisplayCategoryValue");
+  get displayNumericValueOnTooltip() {
+    return ae(this._config);
   }
-  /**
-   * Sets the display numeric value on tooltip setting in the chart config.
-   * @param display The boolean value to set the displayNumericValueOnTooltip to
-   */
-  setDisplayNumericValueOnTooltip(e) {
-    this._config.series[0].displayNumericValueOnTooltip = e, this.emitConfigUpdate("setDisplayNumericValue");
+  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() {
-    return xe(this._config);
+  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) {
-    Ae(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() {
-    return we(this._config);
+  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) {
-    Ue(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() {
-    return Me(this._config);
+  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) {
-    Be(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 Ge(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) {
-    ke(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 qe(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) {
-    We(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 Ye(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) {
-    He(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() {
-    return Re(this._config);
+  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) {
-    Ke(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 je(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) {
-    $e(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 Xe(this._config);
+  get optimizeDataLabelsOverlapping() {
+    return De(this._config);
   }
+  set optimizeDataLabelsOverlapping(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Te(e, this._config), this.emitConfigUpdate("optimizeDataLabelsOverlapping");
+    });
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region General Props
+  // ---------------------------------------------------------------------------------------------
   /**
-   * Sets the optimize data labels overlapping setting for the pie chart.
-   * @param optimize The optimize data labels overlapping setting for the pie chart.
+   * Generate the proper chart title given the current config.
+   *
+   * @returns {string}
    */
-  setOptimizeDataLabelsOverlapping(e) {
-    Ze(e, this._config), this.emitConfigUpdate("setOptimizeDataLabelsOverlapping");
+  generateChartTitle() {
+    return j({
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings,
+      mode: this._mode
+    });
   }
 }
-$(mt, [H, pe, fe, ye]);
+v(je, [b, x, U, N]);
 export {
-  mt as PieChartModel
+  je as PieChartModel
 };