@arcgis/charts-components 5.2.0-next.71 → 5.2.0-next.73

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

@@ -1,191 +1,120 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { log as W } from "@arcgis/toolkit/log";
-import { u as p } from "./chart-object-literals.js";
-import { Y as O, ap as k } from "./index2.js";
-import { i as w } from "./index4.js";
-import { X as d, a8 as I, a2 as D, aB as V, a5 as G, a6 as z } from "./index.js";
-import { C as y, d as B } from "./index3.js";
-import { C as E } from "./chart-model.js";
+import { log as w } from "@arcgis/toolkit/log";
+import { u as g } from "./chart-object-literals.js";
+import { Y as b, ap as B } from "./index2.js";
+import { i as E } from "./index4.js";
+import { X as p, a8 as W, a2 as L, aB as k, a5 as R, a6 as j } from "./index.js";
+import { C as f, d as K } from "./index3.js";
+import { C as X } from "./chart-model.js";
 import { m as s } from "./model-setter.js";
-import { b as g, P as f } from "./common.js";
-import { M as x, a as R, W as j, b as U } from "./data-labels-visibility.js";
-import { W as K } from "./data-labels-symbol.js";
-import { f as N, j as $, c as X } from "./utils.js";
-import { i as m, a as S, g as h, s as Y, c as q, b as H, d as J, e as Q, f as Z, h as C, j as v, k as ee } from "./pie-chart-data.js";
-import { cloneDeep as te } from "lodash-es";
+import { b as n, P as u } from "./common.js";
+import { M as Y, a as q, W as H, b as J } from "./data-labels-visibility.js";
+import { W as Q } from "./data-labels-symbol.js";
+import { j as U, c as Z, f as $ } from "./utils.js";
+import { i as y, a as m, g as h, s as ee, c as te, b as ie, d as se, e as re, f as ae, h as O, j as D, k as oe } from "./pie-chart-data.js";
+import { cloneDeep as le } from "lodash-es";
 import { i as _ } from "./rest-js-object-literals.js";
-const ie = (t) => t.legend?.displayNumericValue ?? !1, se = (t, e) => {
-  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayNumericValue = t);
-}, re = (t) => t.legend?.displayCategory ?? !1, ae = (t, e) => {
-  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayCategory = t);
-}, oe = (t) => t.legend?.displayPercentage ?? !1, le = (t, e) => {
-  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayPercentage = t);
-}, ne = (t) => t.legend?.labelMaxWidth ?? 200, ce = (t, e) => {
-  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.labelMaxWidth = t);
-}, ge = (t) => t.legend?.valueLabelMaxWidth ?? 200, pe = (t, e) => {
-  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.valueLabelMaxWidth = t);
-};
-var de = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, b = (t, e, i, r) => {
-  for (var l = ue(e, i), n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (l = c(e, i, l) || l);
-  return l && de(e, i, l), l;
-};
-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 ie(this._config);
-  }
-  setDisplayNumericValue(e) {
-    se(e, this._config);
-  }
-  /**
-   * Gets the setting for the display of percentage in the legend items.
-   *
-   * **Note**: Only applicable to pie charts.
-   */
-  getDisplayPercentage() {
-    return oe(this._config);
-  }
-  setDisplayPercentage(e) {
-    le(e, this._config);
-  }
-  /**
-   * Gets the maximum width in pixel for the legend item labels.
-   *
-   * **Note**: Only applicable to pie charts.
-   */
-  getLabelMaxWidth() {
-    return ne(this._config);
-  }
-  setLabelMaxWidth(e) {
-    ce(e, this._config);
-  }
-  /**
-   * The maximum width in pixel for the legend value labels.
-   * @returns {number}
-   */
-  get valueLabelMaxWidth() {
-    return ge(this._config);
-  }
-  set valueLabelMaxWidth(e) {
-    pe(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
-  }
-  /**
-   * Whether to display the category in the legend.
-   */
-  get displayCategory() {
-    return re(this._config);
-  }
-  set displayCategory(e) {
-    ae(e, this._config), this.emitConfigUpdate("displayCategory");
-  }
-}
-b([
-  s
-], u.prototype, "setDisplayNumericValue");
-b([
-  s
-], u.prototype, "setDisplayPercentage");
-b([
-  s
-], u.prototype, "setLabelMaxWidth");
-const fe = [x];
-N(u, fe);
-const he = (t) => t.series?.[0]?.innerRadius, ye = (t, e) => {
+const C = (t) => t.legend?.displayNumericValue ?? !1, v = (t, e) => {
+  e.series[0]?.type === g.PieSeries && (e.legend === void 0 && (e.legend = p()), e.legend.displayNumericValue = t);
+}, P = (t) => t.legend?.displayCategory ?? !1, I = (t, e) => {
+  e.series[0]?.type === g.PieSeries && (e.legend === void 0 && (e.legend = p()), e.legend.displayCategory = t);
+}, T = (t) => t.legend?.displayPercentage ?? !1, V = (t, e) => {
+  e.series[0]?.type === g.PieSeries && (e.legend === void 0 && (e.legend = p()), e.legend.displayPercentage = t);
+}, x = (t) => t.legend?.labelMaxWidth ?? 200, N = (t, e) => {
+  e.series[0]?.type === g.PieSeries && (e.legend === void 0 && (e.legend = p()), e.legend.labelMaxWidth = t);
+}, ne = (t) => t.legend?.valueLabelMaxWidth ?? 200, ce = (t, e) => {
+  e.series[0]?.type === g.PieSeries && (e.legend === void 0 && (e.legend = p()), e.legend.valueLabelMaxWidth = t);
+}, ge = (t) => t.series?.[0]?.innerRadius, pe = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, me = (t) => t.series?.[0]?.dataLabelsCharacterLimit, Se = (t, e) => {
+}, de = (t) => t.series?.[0]?.dataLabelsCharacterLimit, ue = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, P = (t) => t.series[0]?.startAngle, _e = (t, e) => {
+}, M = (t) => t.series[0]?.startAngle, he = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, be = (t, e) => {
+}, fe = (t, e) => {
   e.series?.[0] && (e.series[0].endAngle = t);
-}, Le = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, Oe = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, De = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, Ce = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, ve = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, Pe = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Te = (t, e) => {
+}, ye = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, me = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, _e = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, Se = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, be = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, Le = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Oe = (t, e) => {
   e.series[0] && (e.series[0].displayPercentageOnTooltip = t);
-}, Ie = (t) => t.series?.[0]?.valuePrefix, Ve = (t, e) => {
+}, De = (t) => t.series?.[0]?.valuePrefix, Ce = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, xe = (t) => t.series?.[0]?.valueSuffix, Ne = (t, e) => {
+}, ve = (t) => t.series?.[0]?.valueSuffix, Pe = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, Fe = (t) => t.series?.[0]?.percentagePrefix, Me = (t, e) => {
+}, Ie = (t) => t.series?.[0]?.percentagePrefix, Te = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, Ae = (t) => t.series?.[0]?.percentageSuffix, We = (t, e) => {
+}, Ve = (t) => t.series?.[0]?.percentageSuffix, xe = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, ke = (t) => {
+}, Ne = (t) => {
   let e;
-  const i = t.series?.[0];
-  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = g.Both : i?.displayNumericValueOnDataLabel === !0 ? e = g.Value : e = g.Percentage, e;
-}, we = (t, e) => {
-  const i = t === g.Value || t === g.Both, r = t === g.Percentage || t === g.Both;
-  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = r), e.legend && (e.legend = {
+  const a = t.series?.[0];
+  return a?.displayNumericValueOnDataLabel === !0 && a?.displayPercentageOnDataLabel === !0 ? e = n.Both : a?.displayNumericValueOnDataLabel === !0 ? e = n.Value : e = n.Percentage, e;
+}, Me = (t, e) => {
+  const a = t === n.Value || t === n.Both, o = t === n.Percentage || t === n.Both;
+  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = a, e.series[0].displayPercentageOnDataLabel = o), e.legend && (e.legend = {
     ...e.legend,
-    displayNumericValue: i,
-    displayPercentage: r
+    displayNumericValue: a,
+    displayPercentage: o
   });
-}, Ge = (t) => t.series?.[0]?.alignDataLabels ?? !1, ze = (t, e) => {
+}, Fe = (t) => t.series?.[0]?.alignDataLabels ?? !1, We = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, Be = (t) => t.series?.[0]?.dataLabelsInside ?? !1, Ee = (t, e) => {
+}, ke = (t) => t.series?.[0]?.dataLabelsInside ?? !1, Ae = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, Re = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, je = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, ze = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, Ue = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Ke = (t, e) => {
-  e.series?.[0] && (e.series[0].numericValueFormat ??= D(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= D(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, $e = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Xe = (t, e) => {
+}, we = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Be = (t, e) => {
+  e.series?.[0] && (e.series[0].numericValueFormat ??= L(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= L(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
+}, Ee = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Re = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, Ye = (t) => t.series[0]?.ticks?.visible ?? !1, qe = (t, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= I(), e.series[0].ticks.visible = t);
-}, He = (t) => t.series[0]?.ticks?.lineSymbol, Je = (t, e) => {
-  t && e.series?.[0] && (e.series[0].ticks ??= I(), e.series[0].ticks.lineSymbol = te(t));
-}, Qe = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Ze = (t, e) => e.series?.[0]?.slices?.[t]?.label, et = (t, e, i) => {
-  i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, tt = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, it = (t, e, i) => {
-  const r = i.series?.[0]?.slices?.[e]?.fillSymbol;
-  r !== void 0 ? (r.color = t, r.outline !== void 0 ? r.outline.color = t : r.outline = { type: _.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
+}, je = (t) => t.series[0]?.ticks?.visible ?? !1, Ke = (t, e) => {
+  e.series?.[0] && (e.series[0].ticks ??= W(), e.series[0].ticks.visible = t);
+}, Xe = (t) => t.series[0]?.ticks?.lineSymbol, Ye = (t, e) => {
+  t && e.series?.[0] && (e.series[0].ticks ??= W(), e.series[0].ticks.lineSymbol = le(t));
+}, qe = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, He = (t, e) => e.series?.[0]?.slices?.[t]?.label, Je = (t, e, a) => {
+  a.series?.[0]?.slices?.[e] && (a.series[0].slices[e].label = t);
+}, Qe = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Ue = (t, e, a) => {
+  const o = a.series?.[0]?.slices?.[e]?.fillSymbol;
+  o !== void 0 ? (o.color = t, o.outline !== void 0 ? o.outline.color = t : o.outline = { type: _.SLS, color: t }) : a.series?.[0]?.slices?.[e] !== void 0 && (a.series[0].slices[e].fillSymbol = {
     type: _.SFS,
     color: t,
     outline: { type: _.SLS, color: t }
   });
-}, st = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), T = (t, e) => {
+}, Ze = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), F = (t, e) => {
   e.series?.[0]?.slices?.sort(
-    (i, r) => t.findIndex((l) => i.sliceId === l) - t.findIndex((l) => r.sliceId === l)
+    (a, o) => t.findIndex((l) => a.sliceId === l) - t.findIndex((l) => o.sliceId === l)
   );
-}, rt = (t) => t.series?.[0]?.sliceGrouping, F = (t, e) => {
+}, $e = (t) => t.series?.[0]?.sliceGrouping, A = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, M = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, at = (t, e) => {
+}, G = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, et = (t, e) => {
   e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: V.defaultGroupOfSlicesId,
+    sliceId: k.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, ot = (t) => t.series?.[0]?.slices, A = (t, e) => {
+}, tt = (t) => t.series?.[0]?.slices, z = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, lt = (t) => {
-  A(void 0, t), F(
+}, it = (t) => {
+  z(void 0, t), A(
     {
-      sliceId: V.defaultGroupOfSlicesId,
-      percentageThreshold: M(t) ?? 0
+      sliceId: k.defaultGroupOfSlicesId,
+      percentageThreshold: G(t) ?? 0
     },
     t
   );
-}, nt = (t, e) => e.series[0]?.slices?.[t]?.sliceId, ct = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), gt = (t) => t.series[0]?.slices?.length ?? 0;
-var pt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, o = (t, e, i, r) => {
-  for (var l = dt(e, i), n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (l = c(e, i, l) || l);
-  return l && pt(e, i, l), l;
+}, st = (t, e) => e.series[0]?.slices?.[t]?.sliceId, rt = (t, e) => e.series[0]?.slices?.findIndex((a) => a.sliceId === t), at = (t) => t.series[0]?.slices?.length ?? 0;
+var ot = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, r = (t, e, a, o) => {
+  for (var l = lt(e, a), c = t.length - 1, d; c >= 0; c--)
+    (d = t[c]) && (l = d(e, a, l) || l);
+  return l && ot(e, a, l), l;
 };
-class a extends E {
+class i extends X {
   constructor() {
-    super(...arguments), this._chartType = p.PieSeries, this._mode = f.Category, this._groupedSliceIds = [], this._customizedSliceIds = [];
+    super(...arguments), this._chartType = g.PieSeries, this._mode = u.Category, this._groupedSliceIds = [], this._customizedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
-    const { config: i } = e;
-    if (i !== void 0) {
-      const l = O(i.series) !== y.PieFromFields ? f.Category : f.Fields;
-      this._mode = m({
+    const { config: a } = e;
+    if (a !== void 0) {
+      const l = b(a.series) !== f.PieFromFields ? u.Category : u.Fields;
+      this._mode = y({
         category: h(this._config),
-        numericFields: S(this._config),
+        numericFields: m(this._config),
         fallbackMode: l
       });
     }
@@ -201,11 +130,11 @@ class a extends E {
     return h(this._config);
   }
   set category(e) {
-    (!w(this._config) || e.trim() !== "") && (this._mode = m({
+    (!E(this._config) || e.trim() !== "") && (this._mode = y({
       category: e,
-      numericFields: S(this._config),
+      numericFields: m(this._config),
       fallbackMode: this._mode
-    }), Y({
+    }), ee({
       newCategory: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -217,31 +146,31 @@ class a extends E {
    * Numeric fields for the pie chart.
    */
   get numericFields() {
-    return S(this._config);
+    return m(this._config);
   }
   set numericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? $(this.layerInfo.layerFieldsInfo, e) : !0) ? (this._mode = m({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? U(this.layerInfo.layerFieldsInfo, e) : !0) ? (this._mode = y({
       category: h(this._config),
       numericFields: e,
       fallbackMode: this._mode
-    }), q({
+    }), te({
       newNumericFields: e,
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
       mode: this._mode
     }), this._config.series[0].slices = this._config.series[0].slices?.filter(
-      (r) => r.fillSymbol?.color !== void 0 && this._customizedSliceIds.includes(r.sliceId ?? "")
-    ), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))) : W("error", "pie-chart-model", "Invalid `numericFields`");
+      (o) => o.fillSymbol?.color !== void 0 && this._customizedSliceIds.includes(o.sliceId ?? "")
+    ), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))) : w("error", "pie-chart-model", "Invalid `numericFields`");
   }
   /**
    * Aggregation type for the pie chart.
    */
   get aggregationType() {
-    return H(this._config, this._mode);
+    return ie(this._config, this._mode);
   }
   set aggregationType(e) {
-    J({
+    se({
       newAggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -253,13 +182,13 @@ class a extends E {
    * Gets the sort order for the pie chart.
    */
   getSortOrder() {
-    return Q(this._config, this._mode);
+    return re(this._config, this._mode);
   }
-  setSortOrder(e, i) {
-    Z({
+  setSortOrder(e, a) {
+    ae({
       newSortOrderKind: e,
       config: this._config,
-      orderByList: i
+      orderByList: a
     });
   }
   /**
@@ -271,10 +200,10 @@ class a extends E {
    * ```
    */
   get orderByList() {
-    return C(this._config, this._mode);
+    return O(this._config, this._mode);
   }
   set orderByList(e) {
-    v({
+    D({
       values: e,
       config: this._config,
       mode: this._mode
@@ -297,19 +226,19 @@ class a extends E {
    * Gets the list of the category values for the chart.
    */
   async getCustomSortValues() {
-    const e = h(this._config), i = O(this._config.series);
-    let r = [];
-    return i === y.PieFromFields ? r = this.numericFields : e.trim() !== "" && i === y.PieFromCategory && (r = await X({
+    const e = h(this._config), a = b(this._config.series);
+    let o = [];
+    return a === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && a === f.PieFromCategory && (o = await Z({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo,
       errorStrings: this.commonStrings.errorStrings
-    })), r;
+    })), o;
   }
-  moveCustomSortValuesInOrderByList(e, i) {
-    const r = C(this._config, this._mode), [l] = r.splice(e, 1);
-    r.splice(i, 0, l), v({
-      values: r,
+  moveCustomSortValuesInOrderByList(e, a) {
+    const o = O(this._config, this._mode), [l] = o.splice(e, 1);
+    o.splice(a, 0, l), D({
+      values: o,
       config: this._config,
       mode: this._mode
     });
@@ -321,10 +250,10 @@ class a extends E {
    * Ticks symbol connecting slices to labels.
    */
   get ticksSymbol() {
-    return He(this._config);
+    return Xe(this._config);
   }
   set ticksSymbol(e) {
-    Je(e, this._config);
+    Ye(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
@@ -333,10 +262,10 @@ class a extends E {
    * Array of slices for the pie chart.
    */
   get slices() {
-    return ot(this._config);
+    return tt(this._config);
   }
   set slices(e) {
-    A(e, this._config);
+    z(e, this._config);
   }
   /**
    * Array of grouped slice ids for the pie chart.
@@ -351,63 +280,63 @@ class a extends E {
    * Slice grouping configuration for the pie chart.
    */
   get sliceGrouping() {
-    return rt(this._config);
+    return $e(this._config);
   }
   set sliceGrouping(e) {
-    F(e, this._config);
+    A(e, this._config);
   }
   /**
    * Inner radius size for the pie chart.
    */
   get innerRadiusSize() {
-    return he(this._config) ?? 0;
+    return ge(this._config) ?? 0;
   }
   set innerRadiusSize(e) {
-    ye(e, this._config);
+    pe(e, this._config);
   }
   /**
    * Threshold below which slices will be grouped.
    */
   get groupingThreshold() {
-    return M(this._config) ?? 0;
+    return G(this._config) ?? 0;
   }
   set groupingThreshold(e) {
-    at(e, this._config);
+    et(e, this._config);
   }
   /**
    * Character limit for the slice labels.
    */
   get labelCharacterLimit() {
-    return me(this._config) ?? null;
+    return de(this._config) ?? null;
   }
   set labelCharacterLimit(e) {
-    Se(e, this._config);
+    ue(e, this._config);
   }
   /**
    * Number of decimal places to display in the slice values.
    */
   get decimalPlaces() {
-    return Ue(this._config) ?? 1;
+    return we(this._config) ?? 1;
   }
   set decimalPlaces(e) {
-    Ke(e, this._config);
+    Be(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 ke(this._config);
+    return Ne(this._config);
   }
   set displayType(e) {
-    we(e, this._config);
+    Me(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    const e = G(this.commonStrings);
-    return e.series = [z(this.commonStrings, k(this.layerInfo.layer).idField)], e;
+    const e = R(this.commonStrings);
+    return e.series = [j(this.commonStrings, B(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
@@ -418,7 +347,7 @@ class a extends E {
    * @param sliceIndex - The index of the slice.
    */
   getOriginalSliceName(e) {
-    return Qe(e, this._config);
+    return qe(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`.
@@ -426,11 +355,11 @@ class a extends E {
    * @param sliceIndex - The index of the slice.
    */
   getSliceName(e) {
-    return Ze(e, this._config);
+    return He(e, this._config);
   }
-  setSliceName(e, i) {
-    const r = this.getSliceId(i);
-    r !== void 0 && this._customizedSliceIds.push(r), et(e, i, this._config);
+  setSliceName(e, a) {
+    const o = this.getSliceId(a);
+    o !== void 0 && this._customizedSliceIds.push(o), Je(e, a, 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`.
@@ -438,26 +367,26 @@ class a extends E {
    * @param sliceIndex - The index of the slice.
    */
   getSliceColor(e) {
-    return tt(e, this._config);
+    return Qe(e, this._config);
   }
-  setSliceColor(e, i) {
-    const r = this.getSliceId(i);
-    e !== void 0 && r !== void 0 && this._customizedSliceIds.push(r), it(e, i, this._config);
+  setSliceColor(e, a) {
+    const o = this.getSliceId(a);
+    e !== void 0 && o !== void 0 && this._customizedSliceIds.push(o), Ue(e, a, this._config);
   }
   /**
    * Order of the slice array by returning an array of slice ids
    */
   get orderOfSlices() {
-    return st(this._config);
+    return Ze(this._config);
   }
   set orderOfSlices(e) {
-    e !== void 0 && T(e, this._config);
+    e !== void 0 && F(e, this._config);
   }
-  moveSeries(e, i) {
-    const r = this.orderOfSlices;
-    if (r !== void 0) {
-      const [l] = r.splice(e, 1);
-      r.splice(i, 0, l), T(r, this._config);
+  moveSeries(e, a) {
+    const o = this.orderOfSlices;
+    if (o !== void 0) {
+      const [l] = o.splice(e, 1);
+      o.splice(a, 0, l), F(o, this._config);
     }
   }
   /**
@@ -466,7 +395,7 @@ class a extends E {
    * @param sliceIndex - The index of the slice.
    */
   getSliceId(e) {
-    return nt(e, this._config);
+    return st(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -474,71 +403,69 @@ class a extends E {
    * @param sliceId - The id of the slice.
    */
   getSliceIndex(e) {
-    return ct(e, this._config);
+    return rt(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    */
   getSlicesLength() {
-    return gt(this._config);
+    return at(this._config);
   }
   resetSlices() {
-    this._customizedSliceIds = [], lt(this._config);
+    this._customizedSliceIds = [], it(this._config);
   }
   /**
    * Returns whether the series styling is able to be reset.
    */
   resetAvailable() {
     const e = !this.colorMatch;
-    let i = !1;
-    const r = this.slices?.length ?? 0;
-    for (let l = 0; l < r; l += 1) {
-      const n = this.getOriginalSliceName(l), c = this.getSliceName(l), L = this._mode === f.Fields ? B(this.layerInfo?.layerFieldsInfo, n?.toString()) : n;
-      if (L !== void 0 && L?.toString() !== c?.toString()) {
-        i = !0;
+    let a = !1;
+    const o = this.slices?.length ?? 0;
+    for (let l = 0; l < o; l += 1) {
+      const c = this.getOriginalSliceName(l), d = this.getSliceName(l), S = this._mode === u.Fields ? K(this.layerInfo?.layerFieldsInfo, c?.toString()) : c;
+      if (S !== void 0 && S?.toString() !== d?.toString()) {
+        a = !0;
         break;
       }
     }
-    return this.sliceGrouping?.originalLabel !== void 0 && this.sliceGrouping?.label !== this.sliceGrouping.originalLabel && (i = !0), e || i;
+    return this.sliceGrouping?.originalLabel !== void 0 && this.sliceGrouping?.label !== this.sliceGrouping.originalLabel && (a = !0), e || a;
   }
   /**
    * Visibility of the ticks.
    */
   get ticksVisibility() {
-    return Ye(this._config);
+    return je(this._config);
   }
   set ticksVisibility(e) {
-    qe(e, this._config);
+    Ke(e, this._config);
   }
   /**
    * Start angle of the pie chart.
    */
   get startAngle() {
-    return P(this._config);
+    return M(this._config);
   }
   set startAngle(e) {
-    _e(e, this._config);
+    he(e, this._config);
   }
   /**
    * End angle of the pie chart.
    */
   get endAngle() {
-    return P(this._config);
+    return M(this._config);
   }
   set endAngle(e) {
-    be(e, this._config);
+    fe(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 Oe(this._config);
+    return me(this._config);
   }
   set displayCategoryOnDataLabel(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      this._config.series[0].displayCategoryOnDataLabel = e, this.emitConfigUpdate("displayCategoryOnDataLabel");
-    });
+    this._config.series[0].displayCategoryOnDataLabel = e;
   }
   /**
    * Display category value on tooltip setting from the chart config.
@@ -546,7 +473,7 @@ class a extends E {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryValueOnTooltip() {
-    return Le(this._config);
+    return ye(this._config);
   }
   set displayCategoryValueOnTooltip(e) {
     this._config.series[0].displayCategoryOnTooltip = e;
@@ -556,12 +483,10 @@ class a extends E {
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnDataLabel() {
-    return De(this._config);
+    return _e(this._config);
   }
   set displayNumericValueOnDataLabel(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      this._config.series[0].displayNumericValueOnDataLabel = e, this.emitConfigUpdate("displayNumericValueOnDataLabel");
-    });
+    this._config.series[0].displayNumericValueOnDataLabel = e;
   }
   /**
    * Whether to display the percentage on the data label.
@@ -569,12 +494,10 @@ class a extends E {
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnDataLabel() {
-    return Ce(this._config);
+    return Se(this._config);
   }
   set displayPercentageOnDataLabel(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      this._config.series[0].displayPercentageOnDataLabel = e, this.emitConfigUpdate("displayPercentageOnDataLabel");
-    });
+    this._config.series[0].displayPercentageOnDataLabel = e;
   }
   /**
    * Display numeric value on tooltip setting from the chart config.
@@ -582,7 +505,7 @@ class a extends E {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnTooltip() {
-    return ve(this._config);
+    return be(this._config);
   }
   set displayNumericValueOnTooltip(e) {
     this._config.series[0].displayNumericValueOnTooltip = e;
@@ -593,82 +516,174 @@ class a extends E {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnTooltip() {
-    return Pe(this._config);
+    return Le(this._config);
   }
   set displayPercentageOnTooltip(e) {
-    Te(e, this._config);
+    Oe(e, this._config);
   }
   /**
    * Prefix of the values of the slices.
    */
   get valuePrefix() {
-    return Ie(this._config);
+    return De(this._config);
   }
   set valuePrefix(e) {
-    Ve(e, this._config);
+    Ce(e, this._config);
   }
   /**
    * Suffix of the values of the slice.
    */
   get valueSuffix() {
-    return xe(this._config);
+    return ve(this._config);
   }
   set valueSuffix(e) {
-    Ne(e, this._config);
+    Pe(e, this._config);
   }
   /**
    * Prefix of the percentages of the slices.
    */
   get percentagePrefix() {
-    return Fe(this._config);
+    return Ie(this._config);
   }
   set percentagePrefix(e) {
-    Me(e, this._config);
+    Te(e, this._config);
   }
   /**
    * Suffix of the percentages of the slices.
    */
   get percentageSuffix() {
-    return Ae(this._config);
+    return Ve(this._config);
   }
   set percentageSuffix(e) {
-    We(e, this._config);
+    xe(e, this._config);
   }
   /**
    * Offset for the data labels.
    */
   get dataLabelsOffset() {
-    return Re(this._config);
+    return Ge(this._config);
   }
   set dataLabelsOffset(e) {
-    je(e, this._config);
+    ze(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 Ge(this._config);
+    return Fe(this._config);
   }
   set alignDataLabels(e) {
-    ze(e, this._config);
+    We(e, this._config);
   }
   /**
    * Setting for placing the data labels inside of the slices.
    */
   get dataLabelsInside() {
-    return Be(this._config);
+    return ke(this._config);
   }
   set dataLabelsInside(e) {
-    Ee(e, this._config);
+    Ae(e, this._config);
   }
   /**
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return $e(this._config);
+    return Ee(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    Xe(e, this._config);
+    Re(e, this._config);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Legend Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Whether to display the numeric value on legend items.
+   */
+  get displayNumericValueOnLegendItems() {
+    return C(this._config);
+  }
+  set displayNumericValueOnLegendItems(e) {
+    v(e, this._config);
+  }
+  /**
+   * Whether to display the percentage on legend items.
+   */
+  get displayPercentageOnLegendItems() {
+    return T(this._config);
+  }
+  set displayPercentageOnLegendItems(e) {
+    V(e, this._config);
+  }
+  /**
+   * Whether to display the category on legend items.
+   */
+  get displayCategoryOnLegendItems() {
+    return P(this._config);
+  }
+  set displayCategoryOnLegendItems(e) {
+    I(e, this._config);
+  }
+  /**
+   * Maximum width in pixels for legend item labels.
+   */
+  get labelMaxWidth() {
+    return x(this._config);
+  }
+  set labelMaxWidth(e) {
+    N(e, this._config);
+  }
+  /**
+   * Maximum width in pixels for legend value labels.
+   */
+  get valueLabelMaxWidth() {
+    return ne(this._config);
+  }
+  set valueLabelMaxWidth(e) {
+    ce(e, this._config);
+  }
+  /**
+   * Gets the setting for displaying numerical values on legend items.
+   *
+   * @deprecated since 5.2. Use {@link model/pie-chart-model/pie-chart-model#displayNumericValueOnLegendItems displayNumericValueOnLegendItems} instead. This method will be removed from `PieChartModel` in 6.0.
+   */
+  getDisplayNumericValue() {
+    return C(this._config);
+  }
+  setDisplayNumericValue(e) {
+    v(e, this._config);
+  }
+  /**
+   * Gets the setting for displaying percentages on legend items.
+   *
+   * @deprecated since 5.2. Use {@link model/pie-chart-model/pie-chart-model#displayPercentageOnLegendItems displayPercentageOnLegendItems} instead. This method will be removed from `PieChartModel` in 6.0.
+   */
+  getDisplayPercentage() {
+    return T(this._config);
+  }
+  setDisplayPercentage(e) {
+    V(e, this._config);
+  }
+  /**
+   * Gets the maximum width in pixels for legend item labels.
+   *
+   * @deprecated since 5.2. Use {@link model/pie-chart-model/pie-chart-model#labelMaxWidth labelMaxWidth} instead. This method will be removed from `PieChartModel` in 6.0.
+   */
+  getLabelMaxWidth() {
+    return x(this._config);
+  }
+  setLabelMaxWidth(e) {
+    N(e, this._config);
+  }
+  /**
+   * Whether to display the category in the legend.
+   *
+   * @deprecated since 5.2. Use {@link model/pie-chart-model/pie-chart-model#displayCategoryOnLegendItems displayCategoryOnLegendItems} instead. This property will be removed from `PieChartModel` in 6.0.
+   */
+  get displayCategory() {
+    return P(this._config);
+  }
+  set displayCategory(e) {
+    I(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
@@ -677,7 +692,7 @@ class a extends E {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return ee({
+    return oe({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
@@ -685,119 +700,155 @@ class a extends E {
     });
   }
 }
-o([
+r([
+  s
+], i.prototype, "category");
+r([
+  s
+], i.prototype, "numericFields");
+r([
+  s
+], i.prototype, "aggregationType");
+r([
+  s
+], i.prototype, "setSortOrder");
+r([
+  s
+], i.prototype, "orderByList");
+r([
+  s
+], i.prototype, "mode");
+r([
+  s
+], i.prototype, "moveCustomSortValuesInOrderByList");
+r([
+  s
+], i.prototype, "ticksSymbol");
+r([
+  s
+], i.prototype, "slices");
+r([
+  s
+], i.prototype, "groupedSliceIds");
+r([
+  s
+], i.prototype, "sliceGrouping");
+r([
+  s
+], i.prototype, "innerRadiusSize");
+r([
   s
-], a.prototype, "category");
-o([
+], i.prototype, "groupingThreshold");
+r([
   s
-], a.prototype, "numericFields");
-o([
+], i.prototype, "labelCharacterLimit");
+r([
   s
-], a.prototype, "aggregationType");
-o([
+], i.prototype, "decimalPlaces");
+r([
   s
-], a.prototype, "setSortOrder");
-o([
+], i.prototype, "displayType");
+r([
   s
-], a.prototype, "orderByList");
-o([
+], i.prototype, "setSliceName");
+r([
   s
-], a.prototype, "mode");
-o([
+], i.prototype, "setSliceColor");
+r([
   s
-], a.prototype, "moveCustomSortValuesInOrderByList");
-o([
+], i.prototype, "orderOfSlices");
+r([
   s
-], a.prototype, "ticksSymbol");
-o([
+], i.prototype, "moveSeries");
+r([
   s
-], a.prototype, "slices");
-o([
+], i.prototype, "resetSlices");
+r([
   s
-], a.prototype, "groupedSliceIds");
-o([
+], i.prototype, "ticksVisibility");
+r([
   s
-], a.prototype, "sliceGrouping");
-o([
+], i.prototype, "startAngle");
+r([
   s
-], a.prototype, "innerRadiusSize");
-o([
+], i.prototype, "endAngle");
+r([
   s
-], a.prototype, "groupingThreshold");
-o([
+], i.prototype, "displayCategoryOnDataLabel");
+r([
   s
-], a.prototype, "labelCharacterLimit");
-o([
+], i.prototype, "displayCategoryValueOnTooltip");
+r([
   s
-], a.prototype, "decimalPlaces");
-o([
+], i.prototype, "displayNumericValueOnDataLabel");
+r([
   s
-], a.prototype, "displayType");
-o([
+], i.prototype, "displayPercentageOnDataLabel");
+r([
   s
-], a.prototype, "setSliceName");
-o([
+], i.prototype, "displayNumericValueOnTooltip");
+r([
   s
-], a.prototype, "setSliceColor");
-o([
+], i.prototype, "displayPercentageOnTooltip");
+r([
   s
-], a.prototype, "orderOfSlices");
-o([
+], i.prototype, "valuePrefix");
+r([
   s
-], a.prototype, "moveSeries");
-o([
+], i.prototype, "valueSuffix");
+r([
   s
-], a.prototype, "resetSlices");
-o([
+], i.prototype, "percentagePrefix");
+r([
   s
-], a.prototype, "ticksVisibility");
-o([
+], i.prototype, "percentageSuffix");
+r([
   s
-], a.prototype, "startAngle");
-o([
+], i.prototype, "dataLabelsOffset");
+r([
   s
-], a.prototype, "endAngle");
-o([
+], i.prototype, "alignDataLabels");
+r([
   s
-], a.prototype, "displayCategoryValueOnTooltip");
-o([
+], i.prototype, "dataLabelsInside");
+r([
   s
-], a.prototype, "displayNumericValueOnTooltip");
-o([
+], i.prototype, "optimizeDataLabelsOverlapping");
+r([
   s
-], a.prototype, "displayPercentageOnTooltip");
-o([
+], i.prototype, "displayNumericValueOnLegendItems");
+r([
   s
-], a.prototype, "valuePrefix");
-o([
+], i.prototype, "displayPercentageOnLegendItems");
+r([
   s
-], a.prototype, "valueSuffix");
-o([
+], i.prototype, "displayCategoryOnLegendItems");
+r([
   s
-], a.prototype, "percentagePrefix");
-o([
+], i.prototype, "labelMaxWidth");
+r([
   s
-], a.prototype, "percentageSuffix");
-o([
+], i.prototype, "valueLabelMaxWidth");
+r([
   s
-], a.prototype, "dataLabelsOffset");
-o([
+], i.prototype, "setDisplayNumericValue");
+r([
   s
-], a.prototype, "alignDataLabels");
-o([
+], i.prototype, "setDisplayPercentage");
+r([
   s
-], a.prototype, "dataLabelsInside");
-o([
+], i.prototype, "setLabelMaxWidth");
+r([
   s
-], a.prototype, "optimizeDataLabelsOverlapping");
-const ut = [
-  u,
-  R,
-  j,
-  U,
-  K
+], i.prototype, "displayCategory");
+const nt = [
+  Y,
+  q,
+  H,
+  J,
+  Q
 ];
-N(a, ut);
+$(i, nt);
 export {
-  a as PieChartModel
+  i as PieChartModel
 };