@arcgis/charts-components 5.2.0-next.11 → 5.2.0-next.13

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

@@ -1,46 +1,46 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { log as F } from "@arcgis/toolkit/log";
+import { log as W } from "@arcgis/toolkit/log";
 import { u as p } from "./chart-object-literals.js";
-import { Y as S, an as M } from "./index2.js";
-import { i as W } from "./index4.js";
-import { S as d, a5 as v, $ as _, ax as P, a2 as A, a3 as w } from "./index.js";
-import { C as f } from "./index3.js";
-import { C as G } from "./chart-model.js";
+import { Y as L, an as A } from "./index2.js";
+import { i as k } from "./index4.js";
+import { S as d, a5 as T, $ as O, ax as V, a2 as w, a3 as G } from "./index.js";
+import { C as h } from "./index3.js";
+import { C as z } from "./chart-model.js";
 import { m as s } from "./model-setter.js";
-import { b as c, P as h } from "./common.js";
-import { M as T, a as k, W as z, b as B } from "./data-labels-visibility.js";
-import { W as E } from "./data-labels-symbol.js";
-import { f as V, j as R, b as j } from "./utils.js";
-import { g as b, s as U, a as $, c as K, b as Y, d as q, e as H, f as J, h as L, i as O, j as Q } from "./pie-chart-data.js";
-import { cloneDeep as X } from "lodash-es";
-import { i as y } from "./rest-js-object-literals.js";
-const Z = (t) => t.legend?.displayNumericValue ?? !1, ee = (t, e) => {
+import { b as g, P as y } from "./common.js";
+import { M as x, a as B, W as E, b as R } from "./data-labels-visibility.js";
+import { W as j } from "./data-labels-symbol.js";
+import { f as I, j as U, b as $ } from "./utils.js";
+import { i as m, a as S, g as f, s as K, c as Y, b as q, d as H, e as J, f as Q, h as D, j as C, k as X } from "./pie-chart-data.js";
+import { cloneDeep as Z } from "lodash-es";
+import { i as _ } from "./rest-js-object-literals.js";
+const ee = (t) => t.legend?.displayNumericValue ?? !1, te = (t, e) => {
   e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayNumericValue = t);
-}, te = (t) => t.legend?.displayCategory ?? !1, ie = (t, e) => {
+}, ie = (t) => t.legend?.displayCategory ?? !1, se = (t, e) => {
   e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayCategory = t);
-}, se = (t) => t.legend?.displayPercentage ?? !1, re = (t, e) => {
+}, re = (t) => t.legend?.displayPercentage ?? !1, ae = (t, e) => {
   e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayPercentage = t);
-}, ae = (t) => t.legend?.labelMaxWidth ?? 200, oe = (t, e) => {
+}, oe = (t) => t.legend?.labelMaxWidth ?? 200, le = (t, e) => {
   e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.labelMaxWidth = t);
-}, le = (t) => t.legend?.valueLabelMaxWidth ?? 200, ne = (t, e) => {
+}, ne = (t) => t.legend?.valueLabelMaxWidth ?? 200, ce = (t, e) => {
   e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.valueLabelMaxWidth = t);
 };
-var ge = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, m = (t, e, i, o) => {
-  for (var l = ce(e, i), n = t.length - 1, g; n >= 0; n--)
-    (g = t[n]) && (l = g(e, i, l) || l);
+var ge = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, b = (t, e, i, o) => {
+  for (var l = pe(e, i), n = t.length - 1, c; n >= 0; n--)
+    (c = t[n]) && (l = c(e, i, l) || l);
   return l && ge(e, i, l), l;
 };
-class u extends T {
+class u extends x {
   /**
    * Gets the setting for the display of numerical value in the legend items.
    *
    * **Note**: Only applicable to pie charts.
    */
   getDisplayNumericValue() {
-    return Z(this._config);
+    return ee(this._config);
   }
   setDisplayNumericValue(e) {
-    ee(e, this._config);
+    te(e, this._config);
   }
   /**
    * Gets the setting for the display of percentage in the legend items.
@@ -48,10 +48,10 @@ class u extends T {
    * **Note**: Only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return se(this._config);
+    return re(this._config);
   }
   setDisplayPercentage(e) {
-    re(e, this._config);
+    ae(e, this._config);
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
@@ -59,131 +59,135 @@ class u extends T {
    * **Note**: Only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return ae(this._config);
+    return oe(this._config);
   }
   setLabelMaxWidth(e) {
-    oe(e, this._config);
+    le(e, this._config);
   }
   /**
    * The maximum width in pixel for the legend value labels.
    * @returns {number}
    */
   get valueLabelMaxWidth() {
-    return le(this._config);
+    return ne(this._config);
   }
   set valueLabelMaxWidth(e) {
-    ne(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
+    ce(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
   }
   /**
    * Whether to display the category in the legend.
    */
   get displayCategory() {
-    return te(this._config);
+    return ie(this._config);
   }
   set displayCategory(e) {
-    ie(e, this._config), this.emitConfigUpdate("displayCategory");
+    se(e, this._config), this.emitConfigUpdate("displayCategory");
   }
 }
-m([
+b([
   s
 ], u.prototype, "setDisplayNumericValue");
-m([
+b([
   s
 ], u.prototype, "setDisplayPercentage");
-m([
+b([
   s
 ], u.prototype, "setLabelMaxWidth");
-const pe = [T];
-V(u, pe);
-const de = (t) => t.series?.[0]?.innerRadius, ue = (t, e) => {
+const de = [x];
+I(u, de);
+const ue = (t) => t.series?.[0]?.innerRadius, fe = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, fe = (t) => t.series?.[0]?.dataLabelsCharacterLimit, he = (t, e) => {
+}, he = (t) => t.series?.[0]?.dataLabelsCharacterLimit, ye = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, D = (t) => t.series[0]?.startAngle, ye = (t, e) => {
+}, v = (t) => t.series[0]?.startAngle, me = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, me = (t, e) => {
+}, Se = (t, e) => {
   e.series?.[0] && (e.series[0].endAngle = t);
-}, Se = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, _e = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, be = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, Le = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, Oe = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, De = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Ce = (t, e) => {
+}, _e = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, be = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, Le = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, Oe = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, De = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, Ce = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, ve = (t, e) => {
   e.series[0] && (e.series[0].displayPercentageOnTooltip = t);
-}, ve = (t) => t.series?.[0]?.valuePrefix, Pe = (t, e) => {
+}, Pe = (t) => t.series?.[0]?.valuePrefix, Te = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, Te = (t) => t.series?.[0]?.valueSuffix, Ve = (t, e) => {
+}, Ve = (t) => t.series?.[0]?.valueSuffix, xe = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, xe = (t) => t.series?.[0]?.percentagePrefix, Ie = (t, e) => {
+}, Ie = (t) => t.series?.[0]?.percentagePrefix, Ne = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, Ne = (t) => t.series?.[0]?.percentageSuffix, Fe = (t, e) => {
+}, Me = (t) => t.series?.[0]?.percentageSuffix, Fe = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, Me = (t) => {
+}, We = (t) => {
   let e;
   const i = t.series?.[0];
-  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = c.Both : i?.displayNumericValueOnDataLabel === !0 ? e = c.Value : e = c.Percentage, e;
-}, We = (t, e) => {
-  const i = t === c.Value || t === c.Both, o = t === c.Percentage || t === c.Both;
+  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = g.Both : i?.displayNumericValueOnDataLabel === !0 ? e = g.Value : e = g.Percentage, e;
+}, Ae = (t, e) => {
+  const i = t === g.Value || t === g.Both, o = t === g.Percentage || t === g.Both;
   e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = o), e.legend && (e.legend = {
     ...e.legend,
     displayNumericValue: i,
     displayPercentage: o
   });
-}, Ae = (t) => t.series?.[0]?.alignDataLabels ?? !1, we = (t, e) => {
+}, ke = (t) => t.series?.[0]?.alignDataLabels ?? !1, we = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, Ge = (t) => t.series?.[0]?.dataLabelsInside ?? !1, ke = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.dataLabelsInside ?? !1, ze = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, ze = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, Be = (t, e) => {
+}, Be = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, Ee = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, Ee = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Re = (t, e) => {
-  e.series?.[0] && (e.series[0].numericValueFormat ??= _(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= _(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, je = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ue = (t, e) => {
+}, Re = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, je = (t, e) => {
+  e.series?.[0] && (e.series[0].numericValueFormat ??= O(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= O(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
+}, Ue = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, $e = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, $e = (t) => t.series[0]?.ticks?.visible ?? !1, Ke = (t, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.visible = t);
-}, Ye = (t) => t.series[0]?.ticks?.lineSymbol, qe = (t, e) => {
-  t && e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.lineSymbol = X(t));
-}, He = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Je = (t, e) => e.series?.[0]?.slices?.[t]?.label, Qe = (t, e, i) => {
+}, Ke = (t) => t.series[0]?.ticks?.visible ?? !1, Ye = (t, e) => {
+  e.series?.[0] && (e.series[0].ticks ??= T(), e.series[0].ticks.visible = t);
+}, qe = (t) => t.series[0]?.ticks?.lineSymbol, He = (t, e) => {
+  t && e.series?.[0] && (e.series[0].ticks ??= T(), e.series[0].ticks.lineSymbol = Z(t));
+}, Je = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Qe = (t, e) => e.series?.[0]?.slices?.[t]?.label, Xe = (t, e, i) => {
   i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, Xe = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Ze = (t, e, i) => {
+}, Ze = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, et = (t, e, i) => {
   const o = i.series?.[0]?.slices?.[e]?.fillSymbol;
-  o !== void 0 ? (o.color = t, o.outline !== void 0 ? o.outline.color = t : o.outline = { type: y.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
-    type: y.SFS,
+  o !== void 0 ? (o.color = t, o.outline !== void 0 ? o.outline.color = t : o.outline = { type: _.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
+    type: _.SFS,
     color: t,
-    outline: { type: y.SLS, color: t }
+    outline: { type: _.SLS, color: t }
   });
-}, et = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), C = (t, e) => {
+}, tt = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), P = (t, e) => {
   e.series?.[0]?.slices?.sort(
     (i, o) => t.findIndex((l) => i.sliceId === l) - t.findIndex((l) => o.sliceId === l)
   );
-}, tt = (t) => t.series?.[0]?.sliceGrouping, x = (t, e) => {
+}, it = (t) => t.series?.[0]?.sliceGrouping, N = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, I = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, it = (t, e) => {
+}, M = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, st = (t, e) => {
   e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: P.defaultGroupOfSlicesId,
+    sliceId: V.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, st = (t) => t.series?.[0]?.slices, N = (t, e) => {
+}, rt = (t) => t.series?.[0]?.slices, F = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, rt = (t) => {
-  N(void 0, t), x(
+}, at = (t) => {
+  F(void 0, t), N(
     {
-      sliceId: P.defaultGroupOfSlicesId,
-      percentageThreshold: I(t) ?? 0
+      sliceId: V.defaultGroupOfSlicesId,
+      percentageThreshold: M(t) ?? 0
     },
     t
   );
-}, at = (t, e) => e.series[0]?.slices?.[t]?.sliceId, ot = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), lt = (t) => t.series[0]?.slices?.length ?? 0;
-var nt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, a = (t, e, i, o) => {
-  for (var l = gt(e, i), n = t.length - 1, g; n >= 0; n--)
-    (g = t[n]) && (l = g(e, i, l) || l);
-  return l && nt(e, i, l), l;
+}, ot = (t, e) => e.series[0]?.slices?.[t]?.sliceId, lt = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), nt = (t) => t.series[0]?.slices?.length ?? 0;
+var ct = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, a = (t, e, i, o) => {
+  for (var l = gt(e, i), n = t.length - 1, c; n >= 0; n--)
+    (c = t[n]) && (l = c(e, i, l) || l);
+  return l && ct(e, i, l), l;
 };
-class r extends G {
+class r extends z {
   constructor() {
-    super(...arguments), this._chartType = p.PieSeries, this._mode = h.Category, this._groupedSliceIds = [];
+    super(...arguments), this._chartType = p.PieSeries, this._mode = y.Category, this._groupedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
     const { config: i } = e;
     if (i !== void 0) {
-      const o = S(i.series);
-      this._mode = o !== f.PieFromFields ? h.Category : h.Fields;
+      const l = L(i.series) !== h.PieFromFields ? y.Category : y.Fields;
+      this._mode = m({
+        category: f(this._config),
+        numericFields: S(this._config),
+        fallbackMode: l
+      });
     }
     typeof this.resolveSetup == "function" && this.resolveSetup();
   }
@@ -194,10 +198,14 @@ class r extends G {
    * Category field for the pie chart.
    */
   get category() {
-    return b(this._config);
+    return f(this._config);
   }
   set category(e) {
-    (!W(this._config) || e.trim() !== "") && (U({
+    (!k(this._config) || e.trim() !== "") && (this._mode = m({
+      category: e,
+      numericFields: S(this._config),
+      fallbackMode: this._mode
+    }), K({
       newCategory: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -209,25 +217,29 @@ class r extends G {
    * Numeric fields for the pie chart.
    */
   get numericFields() {
-    return $(this._config);
+    return S(this._config);
   }
   set numericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? R(this.layerInfo.layerFieldsInfo, e) : !0) ? (K({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? U(this.layerInfo.layerFieldsInfo, e) : !0) ? (this._mode = m({
+      category: f(this._config),
+      numericFields: e,
+      fallbackMode: this._mode
+    }), Y({
       newNumericFields: e,
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
       mode: this._mode
-    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))) : F("error", "pie-chart-model", "Invalid `numericFields`");
+    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))) : W("error", "pie-chart-model", "Invalid `numericFields`");
   }
   /**
    * Aggregation type for the pie chart.
    */
   get aggregationType() {
-    return Y(this._config, this._mode);
+    return q(this._config, this._mode);
   }
   set aggregationType(e) {
-    q({
+    H({
       newAggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -239,10 +251,10 @@ class r extends G {
    * Gets the sort order for the pie chart.
    */
   getSortOrder() {
-    return H(this._config, this._mode);
+    return J(this._config, this._mode);
   }
   setSortOrder(e, i) {
-    J({
+    Q({
       newSortOrderKind: e,
       config: this._config,
       orderByList: i
@@ -257,10 +269,10 @@ class r extends G {
    * ```
    */
   get orderByList() {
-    return L(this._config, this._mode);
+    return D(this._config, this._mode);
   }
   set orderByList(e) {
-    O({
+    C({
       values: e,
       config: this._config,
       mode: this._mode
@@ -271,6 +283,7 @@ class r extends G {
    *
    * `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.
+   * @deprecated since 5.2. Mode is inferred automatically from `category` and `numericFields`.
    */
   get mode() {
     return this._mode;
@@ -282,9 +295,9 @@ class r extends G {
    * Gets the list of the category values for the chart.
    */
   async getCustomSortValues() {
-    const e = b(this._config), i = S(this._config.series);
+    const e = f(this._config), i = L(this._config.series);
     let o = [];
-    return i === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === f.PieFromCategory && (o = await j({
+    return i === h.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === h.PieFromCategory && (o = await $({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -292,8 +305,8 @@ class r extends G {
     })), o;
   }
   moveCustomSortValuesInOrderByList(e, i) {
-    const o = L(this._config, this._mode), [l] = o.splice(e, 1);
-    o.splice(i, 0, l), O({
+    const o = D(this._config, this._mode), [l] = o.splice(e, 1);
+    o.splice(i, 0, l), C({
       values: o,
       config: this._config,
       mode: this._mode
@@ -306,10 +319,10 @@ class r extends G {
    * Ticks symbol connecting slices to labels.
    */
   get ticksSymbol() {
-    return Ye(this._config);
+    return qe(this._config);
   }
   set ticksSymbol(e) {
-    qe(e, this._config);
+    He(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
@@ -318,10 +331,10 @@ class r extends G {
    * Array of slices for the pie chart.
    */
   get slices() {
-    return st(this._config);
+    return rt(this._config);
   }
   set slices(e) {
-    N(e, this._config);
+    F(e, this._config);
   }
   /**
    * Array of grouped slice ids for the pie chart.
@@ -336,63 +349,63 @@ class r extends G {
    * Slice grouping configuration for the pie chart.
    */
   get sliceGrouping() {
-    return tt(this._config);
+    return it(this._config);
   }
   set sliceGrouping(e) {
-    x(e, this._config);
+    N(e, this._config);
   }
   /**
    * Inner radius size for the pie chart.
    */
   get innerRadiusSize() {
-    return de(this._config) ?? 0;
+    return ue(this._config) ?? 0;
   }
   set innerRadiusSize(e) {
-    ue(e, this._config);
+    fe(e, this._config);
   }
   /**
    * Threshold below which slices will be grouped.
    */
   get groupingThreshold() {
-    return I(this._config) ?? 0;
+    return M(this._config) ?? 0;
   }
   set groupingThreshold(e) {
-    it(e, this._config);
+    st(e, this._config);
   }
   /**
    * Character limit for the slice labels.
    */
   get labelCharacterLimit() {
-    return fe(this._config) ?? null;
+    return he(this._config) ?? null;
   }
   set labelCharacterLimit(e) {
-    he(e, this._config);
+    ye(e, this._config);
   }
   /**
    * Number of decimal places to display in the slice values.
    */
   get decimalPlaces() {
-    return Ee(this._config) ?? 1;
+    return Re(this._config) ?? 1;
   }
   set decimalPlaces(e) {
-    Re(e, this._config);
+    je(e, this._config);
   }
   /**
    * Display type for the pie chart slices. Specifies whether to display the slices as a `percentage`, `value`, or `both`.
    */
   get displayType() {
-    return Me(this._config);
+    return We(this._config);
   }
   set displayType(e) {
-    We(e, this._config);
+    Ae(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    const e = A(this.commonStrings);
-    return e.series = [w(this.commonStrings, M(this.layerInfo.layer).idField)], e;
+    const e = w(this.commonStrings);
+    return e.series = [G(this.commonStrings, A(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
@@ -403,7 +416,7 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getOriginalSliceName(e) {
-    return He(e, this._config);
+    return Je(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`.
@@ -411,10 +424,10 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceName(e) {
-    return Je(e, this._config);
+    return Qe(e, this._config);
   }
   setSliceName(e, i) {
-    Qe(e, i, this._config);
+    Xe(e, i, this._config);
   }
   /**
    * Gets the color of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
@@ -422,25 +435,25 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceColor(e) {
-    return Xe(e, this._config);
+    return Ze(e, this._config);
   }
   setSliceColor(e, i) {
-    Ze(e, i, this._config);
+    et(e, i, this._config);
   }
   /**
    * Order of the slice array by returning an array of slice ids
    */
   get orderOfSlices() {
-    return et(this._config);
+    return tt(this._config);
   }
   set orderOfSlices(e) {
-    e !== void 0 && C(e, this._config);
+    e !== void 0 && P(e, this._config);
   }
   moveSeries(e, i) {
     const o = this.orderOfSlices;
     if (o !== void 0) {
       const [l] = o.splice(e, 1);
-      o.splice(i, 0, l), C(o, this._config);
+      o.splice(i, 0, l), P(o, this._config);
     }
   }
   /**
@@ -449,7 +462,7 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceId(e) {
-    return at(e, this._config);
+    return ot(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -457,16 +470,16 @@ class r extends G {
    * @param sliceId - The id of the slice.
    */
   getSliceIndex(e) {
-    return ot(e, this._config);
+    return lt(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    */
   getSlicesLength() {
-    return lt(this._config);
+    return nt(this._config);
   }
   resetSlices() {
-    rt(this._config);
+    at(this._config);
   }
   /**
    * Returns whether the series styling is able to be reset.
@@ -476,8 +489,8 @@ class r extends G {
     let i = !1;
     const o = this.slices?.length ?? 0;
     for (let l = 0; l < o; l += 1) {
-      const n = this.getOriginalSliceName(l), g = this.getSliceName(l);
-      if (n !== void 0 && n?.toString() !== g?.toString()) {
+      const n = this.getOriginalSliceName(l), c = this.getSliceName(l);
+      if (n !== void 0 && n?.toString() !== c?.toString()) {
         i = !0;
         break;
       }
@@ -488,35 +501,35 @@ class r extends G {
    * Visibility of the ticks.
    */
   get ticksVisibility() {
-    return $e(this._config);
+    return Ke(this._config);
   }
   set ticksVisibility(e) {
-    Ke(e, this._config);
+    Ye(e, this._config);
   }
   /**
    * Start angle of the pie chart.
    */
   get startAngle() {
-    return D(this._config);
+    return v(this._config);
   }
   set startAngle(e) {
-    ye(e, this._config);
+    me(e, this._config);
   }
   /**
    * End angle of the pie chart.
    */
   get endAngle() {
-    return D(this._config);
+    return v(this._config);
   }
   set endAngle(e) {
-    me(e, this._config);
+    Se(e, this._config);
   }
   /**
    * Whether to display the category on the data label.
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryOnDataLabel() {
-    return _e(this._config);
+    return be(this._config);
   }
   set displayCategoryOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -529,7 +542,7 @@ class r extends G {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryValueOnTooltip() {
-    return Se(this._config);
+    return _e(this._config);
   }
   set displayCategoryValueOnTooltip(e) {
     this._config.series[0].displayCategoryOnTooltip = e;
@@ -539,7 +552,7 @@ class r extends G {
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnDataLabel() {
-    return be(this._config);
+    return Le(this._config);
   }
   set displayNumericValueOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -552,7 +565,7 @@ class r extends G {
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnDataLabel() {
-    return Le(this._config);
+    return Oe(this._config);
   }
   set displayPercentageOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -565,7 +578,7 @@ class r extends G {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnTooltip() {
-    return Oe(this._config);
+    return De(this._config);
   }
   set displayNumericValueOnTooltip(e) {
     this._config.series[0].displayNumericValueOnTooltip = e;
@@ -576,43 +589,43 @@ class r extends G {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnTooltip() {
-    return De(this._config);
+    return Ce(this._config);
   }
   set displayPercentageOnTooltip(e) {
-    Ce(e, this._config);
+    ve(e, this._config);
   }
   /**
    * Prefix of the values of the slices.
    */
   get valuePrefix() {
-    return ve(this._config);
+    return Pe(this._config);
   }
   set valuePrefix(e) {
-    Pe(e, this._config);
+    Te(e, this._config);
   }
   /**
    * Suffix of the values of the slice.
    */
   get valueSuffix() {
-    return Te(this._config);
+    return Ve(this._config);
   }
   set valueSuffix(e) {
-    Ve(e, this._config);
+    xe(e, this._config);
   }
   /**
    * Prefix of the percentages of the slices.
    */
   get percentagePrefix() {
-    return xe(this._config);
+    return Ie(this._config);
   }
   set percentagePrefix(e) {
-    Ie(e, this._config);
+    Ne(e, this._config);
   }
   /**
    * Suffix of the percentages of the slices.
    */
   get percentageSuffix() {
-    return Ne(this._config);
+    return Me(this._config);
   }
   set percentageSuffix(e) {
     Fe(e, this._config);
@@ -621,16 +634,16 @@ class r extends G {
    * Offset for the data labels.
    */
   get dataLabelsOffset() {
-    return ze(this._config);
+    return Be(this._config);
   }
   set dataLabelsOffset(e) {
-    Be(e, this._config);
+    Ee(e, this._config);
   }
   /**
    * Align the data labels on the left or right side of the chart instead of the default position around the chart.
    */
   get alignDataLabels() {
-    return Ae(this._config);
+    return ke(this._config);
   }
   set alignDataLabels(e) {
     we(e, this._config);
@@ -642,16 +655,16 @@ class r extends G {
     return Ge(this._config);
   }
   set dataLabelsInside(e) {
-    ke(e, this._config);
+    ze(e, this._config);
   }
   /**
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return je(this._config);
+    return Ue(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    Ue(e, this._config);
+    $e(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
@@ -660,7 +673,7 @@ class r extends G {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return Q({
+    return X({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
@@ -773,14 +786,14 @@ a([
 a([
   s
 ], r.prototype, "optimizeDataLabelsOverlapping");
-const ct = [
+const pt = [
   u,
-  k,
-  z,
   B,
-  E
+  E,
+  R,
+  j
 ];
-V(r, ct);
+I(r, pt);
 export {
   r as PieChartModel
 };