@arcgis/charts-components 5.0.0-next.92 → 5.0.0-next.94

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

@@ -1,8 +1,8 @@
-import { W as d } from "./series-types.js";
+import { W as p } from "./series-types.js";
 import "@arcgis/toolkit/intl";
-import { cloneDeep as F } from "lodash-es";
+import { cloneDeep as M } from "lodash-es";
 import "d3-array";
-import { aO as m, b6 as P, aK as S, aw as C, p as _, db as u, _ as M, bf as w, b8 as A } from "./index.js";
+import { aQ as d, b8 as v, aM as S, aw as P, p as _, dd as f, _ as F, bh as w, ba as A } from "./index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,9 +12,9 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { u as T, m as s, C as G, v as k, w as W, y as z } from "./model-with-multi-axes.js";
-import { b as g, a as f } from "./common.js";
-import { d as I, e as B, Z as R } from "./serial-chart-data.js";
+import { u as T, m as s, C as W, v as G, w as k, y as z } from "./model-with-multi-axes.js";
+import { b as c, a as h } from "./common.js";
+import { d as V, e as B, Z as R } from "./serial-chart-data.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -24,34 +24,38 @@ import "@arcgis/core/smartMapping/statistics/histogram.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "simple-statistics";
 import "@arcgis/core/AttributeBinsGraphic.js";
-import { g as b, s as E, a as j, c as K, b as $, d as Z, e as q, f as H, h as O, i as L, j as J } from "./pie-chart-data.js";
-import { R as h } from "./rest-js-object-literals.js";
+import { g as b, s as E, a as j, c as U, b as K, d as $, e as Q, f as Z, h as O, i as L, j as q } from "./pie-chart-data.js";
+import { R as y } from "./rest-js-object-literals.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.92 */
-const Q = (t) => t.legend?.displayNumericValue ?? !1, U = (t, e) => {
-  e.series[0]?.type === d.PieSeries && (e.legend === void 0 && (e.legend = m()), e.legend.displayNumericValue = t);
-}, X = (t) => t.legend?.displayPercentage ?? !1, Y = (t, e) => {
-  e.series[0]?.type === d.PieSeries && (e.legend === void 0 && (e.legend = m()), e.legend.displayPercentage = t);
-}, ee = (t) => t.legend?.labelMaxWidth ?? 200, te = (t, e) => {
-  e.series[0]?.type === d.PieSeries && (e.legend === void 0 && (e.legend = m()), e.legend.labelMaxWidth = t);
+v5.0.0-next.94 */
+const H = (t) => t.legend?.displayNumericValue ?? !1, J = (t, e) => {
+  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayNumericValue = t);
+}, X = (t) => t.legend?.displayCategory ?? !1, Y = (t, e) => {
+  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayCategory = t);
+}, ee = (t) => t.legend?.displayPercentage ?? !1, te = (t, e) => {
+  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.displayPercentage = t);
+}, ie = (t) => t.legend?.labelMaxWidth ?? 200, se = (t, e) => {
+  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.labelMaxWidth = t);
+}, re = (t) => t.legend?.valueLabelMaxWidth ?? 200, ae = (t, e) => {
+  e.series[0]?.type === p.PieSeries && (e.legend === void 0 && (e.legend = d()), e.legend.valueLabelMaxWidth = t);
 };
-var ie = Object.defineProperty, se = Object.getOwnPropertyDescriptor, y = (t, e, i, a) => {
-  for (var n = se(e, i), l = t.length - 1, c; l >= 0; l--)
-    (c = t[l]) && (n = c(e, i, n) || n);
-  return n && ie(e, i, n), n;
+var oe = Object.defineProperty, le = Object.getOwnPropertyDescriptor, m = (t, e, i, o) => {
+  for (var l = le(e, i), n = t.length - 1, g; n >= 0; n--)
+    (g = t[n]) && (l = g(e, i, l) || l);
+  return l && oe(e, i, l), l;
 };
-class p extends T {
+class u extends T {
   /**
    * Gets the setting for the display of numerical value in the legend items.
    *
    * **Note**: This setting is only applicable to pie charts.
    */
   getDisplayNumericValue() {
-    return Q(this._config);
+    return H(this._config);
   }
   setDisplayNumericValue(e) {
-    U(e, this._config);
+    J(e, this._config);
   }
   /**
    * Gets the setting for the display of percentage in the legend items.
@@ -59,10 +63,10 @@ class p extends T {
    * **Note**: This setting is only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return X(this._config);
+    return ee(this._config);
   }
   setDisplayPercentage(e) {
-    Y(e, this._config);
+    te(e, this._config);
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
@@ -70,111 +74,130 @@ class p extends T {
    * **Note**: This setting is only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return ee(this._config);
+    return ie(this._config);
   }
   setLabelMaxWidth(e) {
-    te(e, this._config);
+    se(e, this._config);
+  }
+  /**
+   * The maximum width in pixel for the legend value labels.
+   * @returns {number}
+   */
+  get valueLabelMaxWidth() {
+    return re(this._config);
+  }
+  set valueLabelMaxWidth(e) {
+    ae(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
+  }
+  /**
+   * Whether to display the category in the legend.
+   */
+  get displayCategory() {
+    return X(this._config);
+  }
+  set displayCategory(e) {
+    Y(e, this._config), this.emitConfigUpdate("displayCategory");
   }
 }
-y([
+m([
   s
-], p.prototype, "setDisplayNumericValue");
-y([
+], u.prototype, "setDisplayNumericValue");
+m([
   s
-], p.prototype, "setDisplayPercentage");
-y([
+], u.prototype, "setDisplayPercentage");
+m([
   s
-], p.prototype, "setLabelMaxWidth");
-I(p, [T]);
-const re = (t) => t.series?.[0]?.innerRadius, oe = (t, e) => {
+], u.prototype, "setLabelMaxWidth");
+V(u, [T]);
+const ne = (t) => t.series?.[0]?.innerRadius, ge = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, ae = (t) => t.series?.[0]?.dataLabelsCharacterLimit, ne = (t, e) => {
+}, ce = (t) => t.series?.[0]?.dataLabelsCharacterLimit, pe = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, v = (t) => t.series[0]?.startAngle, le = (t, e) => {
+}, D = (t) => t.series[0]?.startAngle, de = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, ce = (t, e) => {
+}, ue = (t, e) => {
   e.series?.[0] && (e.series[0].endAngle = t);
-}, ge = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, pe = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, de = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, ue = (t, e) => {
+}, fe = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, he = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, ye = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, me = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, Se = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, _e = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, be = (t, e) => {
   e.series[0] && (e.series[0].displayPercentageOnTooltip = t);
-}, fe = (t) => t.series?.[0]?.valuePrefix, he = (t, e) => {
+}, Oe = (t) => t.series?.[0]?.valuePrefix, Le = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, me = (t) => t.series?.[0]?.valueSuffix, ye = (t, e) => {
+}, De = (t) => t.series?.[0]?.valueSuffix, Ce = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, Se = (t) => t.series?.[0]?.percentagePrefix, _e = (t, e) => {
+}, ve = (t) => t.series?.[0]?.percentagePrefix, Pe = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, be = (t) => t.series?.[0]?.percentageSuffix, Oe = (t, e) => {
+}, Te = (t) => t.series?.[0]?.percentageSuffix, Ve = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, Le = (t) => {
+}, xe = (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;
-}, ve = (t, e) => {
-  const i = t === g.Value || t === g.Both, a = t === g.Percentage || t === g.Both;
-  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = a), e.legend && (e.legend = {
+  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = c.Both : i?.displayNumericValueOnDataLabel === !0 ? e = c.Value : e = c.Percentage, e;
+}, Ie = (t, e) => {
+  const i = t === c.Value || t === c.Both, o = t === c.Percentage || t === c.Both;
+  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = o), e.legend && (e.legend = {
     ...e.legend,
     displayNumericValue: i,
-    displayPercentage: a
+    displayPercentage: o
   });
-}, De = (t) => t.series?.[0]?.alignDataLabels ?? !1, Pe = (t, e) => {
+}, Ne = (t) => t.series?.[0]?.alignDataLabels ?? !1, Me = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, Ce = (t) => t.series?.[0]?.dataLabelsInside ?? !1, Te = (t, e) => {
+}, Fe = (t) => t.series?.[0]?.dataLabelsInside ?? !1, we = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, Ie = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, Ve = (t, e) => {
+}, Ae = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, We = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, xe = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Ne = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, ke = (t, e) => {
   e.series?.[0] && (e.series[0].numericValueFormat ??= S(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= S(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, Fe = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Me = (t, e) => {
+}, ze = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Be = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, we = (t) => t.series[0]?.ticks?.visible ?? !1, Ae = (t, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= P(), e.series[0].ticks.visible = t);
-}, Ge = (t) => t.series[0]?.ticks?.lineSymbol, ke = (t, e) => {
-  t && e.series?.[0] && (e.series[0].ticks ??= P(), e.series[0].ticks.lineSymbol = F(t));
-}, We = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, ze = (t, e) => e.series?.[0]?.slices?.[t]?.label, Be = (t, e, i) => {
+}, Re = (t) => t.series[0]?.ticks?.visible ?? !1, Ee = (t, e) => {
+  e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.visible = t);
+}, je = (t) => t.series[0]?.ticks?.lineSymbol, Ue = (t, e) => {
+  t && e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.lineSymbol = M(t));
+}, Ke = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, $e = (t, e) => e.series?.[0]?.slices?.[t]?.label, Qe = (t, e, i) => {
   i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, Re = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Ee = (t, e, i) => {
-  const a = i.series?.[0]?.slices?.[e]?.fillSymbol;
-  a !== void 0 ? (a.color = t, a.outline !== void 0 ? a.outline.color = t : a.outline = { type: h.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
-    type: h.SFS,
+}, Ze = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, qe = (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,
     color: t,
-    outline: { type: h.SLS, color: t }
+    outline: { type: y.SLS, color: t }
   });
-}, je = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), D = (t, e) => {
+}, He = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), C = (t, e) => {
   e.series?.[0]?.slices?.sort(
-    (i, a) => t.findIndex((n) => i.sliceId === n) - t.findIndex((n) => a.sliceId === n)
+    (i, o) => t.findIndex((l) => i.sliceId === l) - t.findIndex((l) => o.sliceId === l)
   );
-}, Ke = (t) => t.series?.[0]?.sliceGrouping, V = (t, e) => {
+}, Je = (t) => t.series?.[0]?.sliceGrouping, x = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, x = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, $e = (t, e) => {
+}, I = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, Xe = (t, e) => {
   e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: C.defaultGroupOfSlicesId,
+    sliceId: P.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, Ze = (t) => t.series?.[0]?.slices, N = (t, e) => {
+}, Ye = (t) => t.series?.[0]?.slices, N = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, qe = (t) => {
-  N(void 0, t), V(
+}, et = (t) => {
+  N(void 0, t), x(
     {
-      sliceId: C.defaultGroupOfSlicesId,
-      percentageThreshold: x(t) ?? 0
+      sliceId: P.defaultGroupOfSlicesId,
+      percentageThreshold: I(t) ?? 0
     },
     t
   );
-}, He = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Je = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), Qe = (t) => t.series[0]?.slices?.length ?? 0;
-var Ue = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, o = (t, e, i, a) => {
-  for (var n = Xe(e, i), l = t.length - 1, c; l >= 0; l--)
-    (c = t[l]) && (n = c(e, i, n) || n);
-  return n && Ue(e, i, n), n;
+}, tt = (t, e) => e.series[0]?.slices?.[t]?.sliceId, it = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), st = (t) => t.series[0]?.slices?.length ?? 0;
+var rt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, a = (t, e, i, o) => {
+  for (var l = at(e, i), n = t.length - 1, g; n >= 0; n--)
+    (g = t[n]) && (l = g(e, i, l) || l);
+  return l && rt(e, i, l), l;
 };
-class r extends G {
+class r extends W {
   constructor() {
-    super(...arguments), this._chartType = d.PieSeries, this._mode = f.Category, this._groupedSliceIds = [];
+    super(...arguments), this._chartType = p.PieSeries, this._mode = h.Category, this._groupedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
     const { config: i } = e;
     if (i !== void 0) {
-      const a = _(i.series);
-      this._mode = a !== u.PieFromFields ? f.Category : f.Fields;
+      const o = _(i.series);
+      this._mode = o !== f.PieFromFields ? h.Category : h.Fields;
     }
     typeof this.resolveSetup == "function" && this.resolveSetup();
   }
@@ -188,7 +211,7 @@ class r extends G {
     return b(this._config);
   }
   set category(e) {
-    (!M(this._config) || e.trim() !== "") && (E({
+    (!F(this._config) || e.trim() !== "") && (E({
       newCategory: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -203,7 +226,7 @@ class r extends G {
     return j(this._config);
   }
   set numericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? B(this.layerInfo.layerFieldsInfo, e) : !0) ? (K({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? B(this.layerInfo.layerFieldsInfo, e) : !0) ? (U({
       newNumericFields: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -215,10 +238,10 @@ class r extends G {
    * Aggregation type for the pie chart.
    */
   get aggregationType() {
-    return $(this._config, this._mode);
+    return K(this._config, this._mode);
   }
   set aggregationType(e) {
-    Z({
+    $({
       newAggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -230,10 +253,10 @@ class r extends G {
    * Gets the sort order for the pie chart.
    */
   getSortOrder() {
-    return q(this._config, this._mode);
+    return Q(this._config, this._mode);
   }
   setSortOrder(e, i) {
-    H({
+    Z({
       newSortOrderKind: e,
       config: this._config,
       orderByList: i
@@ -268,17 +291,17 @@ class r extends G {
    */
   async getCustomSortValues() {
     const e = b(this._config), i = _(this._config.series);
-    let a = [];
-    return i === u.PieFromFields ? a = this.numericFields : e.trim() !== "" && i === u.PieFromCategory && (a = await R({
+    let o = [];
+    return i === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === f.PieFromCategory && (o = await R({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo
-    })), a;
+    })), o;
   }
   moveCustomSortValuesInOrderByList(e, i) {
-    const a = O(this._config, this._mode), [n] = a.splice(e, 1);
-    a.splice(i, 0, n), L({
-      values: a,
+    const o = O(this._config, this._mode), [l] = o.splice(e, 1);
+    o.splice(i, 0, l), L({
+      values: o,
       config: this._config,
       mode: this._mode
     });
@@ -290,10 +313,10 @@ class r extends G {
    * Ticks symbol connecting slices to labels.
    */
   get ticksSymbol() {
-    return Ge(this._config);
+    return je(this._config);
   }
   set ticksSymbol(e) {
-    ke(e, this._config);
+    Ue(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
@@ -302,7 +325,7 @@ class r extends G {
    * Array of slices for the pie chart.
    */
   get slices() {
-    return Ze(this._config);
+    return Ye(this._config);
   }
   set slices(e) {
     N(e, this._config);
@@ -320,55 +343,55 @@ class r extends G {
    * Slice grouping configuration for the pie chart.
    */
   get sliceGrouping() {
-    return Ke(this._config);
+    return Je(this._config);
   }
   set sliceGrouping(e) {
-    V(e, this._config);
+    x(e, this._config);
   }
   /**
    * Inner radius size for the pie chart.
    */
   get innerRadiusSize() {
-    return re(this._config) ?? 0;
+    return ne(this._config) ?? 0;
   }
   set innerRadiusSize(e) {
-    oe(e, this._config);
+    ge(e, this._config);
   }
   /**
    * Threshold below which slices will be grouped.
    */
   get groupingThreshold() {
-    return x(this._config) ?? 0;
+    return I(this._config) ?? 0;
   }
   set groupingThreshold(e) {
-    $e(e, this._config);
+    Xe(e, this._config);
   }
   /**
    * Character limit for the slice labels.
    */
   get labelCharacterLimit() {
-    return ae(this._config) ?? null;
+    return ce(this._config) ?? null;
   }
   set labelCharacterLimit(e) {
-    ne(e, this._config);
+    pe(e, this._config);
   }
   /**
    * Number of decimal places to display in the slice values.
    */
   get decimalPlaces() {
-    return xe(this._config) ?? 1;
+    return Ge(this._config) ?? 1;
   }
   set decimalPlaces(e) {
-    Ne(e, this._config);
+    ke(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 Le(this._config);
+    return xe(this._config);
   }
   set displayType(e) {
-    ve(e, this._config);
+    Ie(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
@@ -386,7 +409,7 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getOriginalSliceName(e) {
-    return We(e, this._config);
+    return Ke(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`.
@@ -394,10 +417,10 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceName(e) {
-    return ze(e, this._config);
+    return $e(e, this._config);
   }
   setSliceName(e, i) {
-    Be(e, i, this._config);
+    Qe(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`.
@@ -405,25 +428,25 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceColor(e) {
-    return Re(e, this._config);
+    return Ze(e, this._config);
   }
   setSliceColor(e, i) {
-    Ee(e, i, this._config);
+    qe(e, i, this._config);
   }
   /**
    * Order of the slice array by returning an array of slice ids
    */
   get orderOfSlices() {
-    return je(this._config);
+    return He(this._config);
   }
   set orderOfSlices(e) {
-    e !== void 0 && D(e, this._config);
+    e !== void 0 && C(e, this._config);
   }
   moveSeries(e, i) {
-    const a = this.orderOfSlices;
-    if (a !== void 0) {
-      const [n] = a.splice(e, 1);
-      a.splice(i, 0, n), D(a, this._config);
+    const o = this.orderOfSlices;
+    if (o !== void 0) {
+      const [l] = o.splice(e, 1);
+      o.splice(i, 0, l), C(o, this._config);
     }
   }
   /**
@@ -432,7 +455,7 @@ class r extends G {
    * @param sliceIndex - The index of the slice.
    */
   getSliceId(e) {
-    return He(e, this._config);
+    return tt(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -440,16 +463,16 @@ class r extends G {
    * @param sliceId - The id of the slice.
    */
   getSliceIndex(e) {
-    return Je(e, this._config);
+    return it(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    */
   getSlicesLength() {
-    return Qe(this._config);
+    return st(this._config);
   }
   resetSlices() {
-    qe(this._config);
+    et(this._config);
   }
   /**
    * Returns whether the series styling is able to be reset.
@@ -457,10 +480,10 @@ class r extends G {
   resetAvailable() {
     const e = !this.colorMatch;
     let i = !1;
-    const a = this.slices?.length ?? 0;
-    for (let n = 0; n < a; n += 1) {
-      const l = this.getOriginalSliceName(n), c = this.getSliceName(n);
-      if (l !== void 0 && l?.toString() !== c?.toString()) {
+    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()) {
         i = !0;
         break;
       }
@@ -471,28 +494,40 @@ class r extends G {
    * Visibility of the ticks.
    */
   get ticksVisibility() {
-    return we(this._config);
+    return Re(this._config);
   }
   set ticksVisibility(e) {
-    Ae(e, this._config);
+    Ee(e, this._config);
   }
   /**
    * Start angle of the pie chart.
    */
   get startAngle() {
-    return v(this._config);
+    return D(this._config);
   }
   set startAngle(e) {
-    le(e, this._config);
+    de(e, this._config);
   }
   /**
    * End angle of the pie chart.
    */
   get endAngle() {
-    return v(this._config);
+    return D(this._config);
   }
   set endAngle(e) {
-    ce(e, this._config);
+    ue(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 he(this._config);
+  }
+  set displayCategoryOnDataLabel(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayCategoryOnDataLabel = e, this.emitConfigUpdate("displayCategoryOnDataLabel");
+    });
   }
   /**
    * Display category value on tooltip setting from the chart config.
@@ -500,18 +535,42 @@ class r extends G {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryValueOnTooltip() {
-    return ge(this._config);
+    return fe(this._config);
   }
   set displayCategoryValueOnTooltip(e) {
     this._config.series[0].displayCategoryOnTooltip = e;
   }
+  /**
+   * Whether to display the numeric value on the data label.
+   * **Note:** If the setting is not found in the config, it will default to `true`.
+   */
+  get displayNumericValueOnDataLabel() {
+    return ye(this._config);
+  }
+  set displayNumericValueOnDataLabel(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayNumericValueOnDataLabel = e, this.emitConfigUpdate("displayNumericValueOnDataLabel");
+    });
+  }
+  /**
+   * Whether to display the percentage on the data label.
+   * **Note:** If the setting is not found in the config, it will default to `true`.
+   */
+  get displayPercentageOnDataLabel() {
+    return me(this._config);
+  }
+  set displayPercentageOnDataLabel(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      this._config.series[0].displayPercentageOnDataLabel = e, this.emitConfigUpdate("displayPercentageOnDataLabel");
+    });
+  }
   /**
    * Display numeric value on tooltip setting from the chart config.
    *
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnTooltip() {
-    return pe(this._config);
+    return Se(this._config);
   }
   set displayNumericValueOnTooltip(e) {
     this._config.series[0].displayNumericValueOnTooltip = e;
@@ -522,82 +581,82 @@ 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 _e(this._config);
   }
   set displayPercentageOnTooltip(e) {
-    ue(e, this._config);
+    be(e, this._config);
   }
   /**
    * Prefix of the values of the slices.
    */
   get valuePrefix() {
-    return fe(this._config);
+    return Oe(this._config);
   }
   set valuePrefix(e) {
-    he(e, this._config);
+    Le(e, this._config);
   }
   /**
    * Suffix of the values of the slice.
    */
   get valueSuffix() {
-    return me(this._config);
+    return De(this._config);
   }
   set valueSuffix(e) {
-    ye(e, this._config);
+    Ce(e, this._config);
   }
   /**
    * Prefix of the percentages of the slices.
    */
   get percentagePrefix() {
-    return Se(this._config);
+    return ve(this._config);
   }
   set percentagePrefix(e) {
-    _e(e, this._config);
+    Pe(e, this._config);
   }
   /**
    * Suffix of the percentages of the slices.
    */
   get percentageSuffix() {
-    return be(this._config);
+    return Te(this._config);
   }
   set percentageSuffix(e) {
-    Oe(e, this._config);
+    Ve(e, this._config);
   }
   /**
    * Offset for the data labels.
    */
   get dataLabelsOffset() {
-    return Ie(this._config);
+    return Ae(this._config);
   }
   set dataLabelsOffset(e) {
-    Ve(e, this._config);
+    We(e, this._config);
   }
   /**
    * Align data labels setting for the pie chart.
    */
   get alignDataLabels() {
-    return De(this._config);
+    return Ne(this._config);
   }
   set alignDataLabels(e) {
-    Pe(e, this._config);
+    Me(e, this._config);
   }
   /**
    * Setting for placing the data labels inside of the slices.
    */
   get dataLabelsInside() {
-    return Ce(this._config);
+    return Fe(this._config);
   }
   set dataLabelsInside(e) {
-    Te(e, this._config);
+    we(e, this._config);
   }
   /**
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return Fe(this._config);
+    return ze(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    Me(e, this._config);
+    Be(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
@@ -606,7 +665,7 @@ class r extends G {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return J({
+    return q({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
@@ -614,112 +673,112 @@ class r extends G {
     });
   }
 }
-o([
+a([
   s
 ], r.prototype, "category");
-o([
+a([
   s
 ], r.prototype, "numericFields");
-o([
+a([
   s
 ], r.prototype, "aggregationType");
-o([
+a([
   s
 ], r.prototype, "setSortOrder");
-o([
+a([
   s
 ], r.prototype, "orderByList");
-o([
+a([
   s
 ], r.prototype, "mode");
-o([
+a([
   s
 ], r.prototype, "moveCustomSortValuesInOrderByList");
-o([
+a([
   s
 ], r.prototype, "ticksSymbol");
-o([
+a([
   s
 ], r.prototype, "slices");
-o([
+a([
   s
 ], r.prototype, "groupedSliceIds");
-o([
+a([
   s
 ], r.prototype, "sliceGrouping");
-o([
+a([
   s
 ], r.prototype, "innerRadiusSize");
-o([
+a([
   s
 ], r.prototype, "groupingThreshold");
-o([
+a([
   s
 ], r.prototype, "labelCharacterLimit");
-o([
+a([
   s
 ], r.prototype, "decimalPlaces");
-o([
+a([
   s
 ], r.prototype, "displayType");
-o([
+a([
   s
 ], r.prototype, "setSliceName");
-o([
+a([
   s
 ], r.prototype, "setSliceColor");
-o([
+a([
   s
 ], r.prototype, "orderOfSlices");
-o([
+a([
   s
 ], r.prototype, "moveSeries");
-o([
+a([
   s
 ], r.prototype, "resetSlices");
-o([
+a([
   s
 ], r.prototype, "ticksVisibility");
-o([
+a([
   s
 ], r.prototype, "startAngle");
-o([
+a([
   s
 ], r.prototype, "endAngle");
-o([
+a([
   s
 ], r.prototype, "displayCategoryValueOnTooltip");
-o([
+a([
   s
 ], r.prototype, "displayNumericValueOnTooltip");
-o([
+a([
   s
 ], r.prototype, "displayPercentageOnTooltip");
-o([
+a([
   s
 ], r.prototype, "valuePrefix");
-o([
+a([
   s
 ], r.prototype, "valueSuffix");
-o([
+a([
   s
 ], r.prototype, "percentagePrefix");
-o([
+a([
   s
 ], r.prototype, "percentageSuffix");
-o([
+a([
   s
 ], r.prototype, "dataLabelsOffset");
-o([
+a([
   s
 ], r.prototype, "alignDataLabels");
-o([
+a([
   s
 ], r.prototype, "dataLabelsInside");
-o([
+a([
   s
 ], r.prototype, "optimizeDataLabelsOverlapping");
-I(r, [p, k, W, z]);
+V(r, [u, G, k, z]);
 export {
   r as PieChartModel
 };