@arcgis/charts-components 5.0.0-next.17 → 5.0.0-next.171

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

@@ -1,175 +1,208 @@
-import { W as n } from "./series-types.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { log as F } from "@arcgis/toolkit/log";
+import { C as M } from "./chart-model.js";
+import { m as s } from "./model-setter.js";
+import { b as c, a as f } from "./common.js";
+import { M as v, a as W, W as A, b as w } from "./model-with-tooltips.js";
+import { W as G } from "./data-labels-symbol.js";
+import { a as P, b as k, e as z } from "./utils.js";
+import "@arcgis/toolkit/type";
+import { W as p } from "./series-types.js";
 import "@arcgis/toolkit/intl";
-import { cloneDeep as P } from "lodash-es";
+import { cloneDeep as B } from "lodash-es";
+import "luxon";
 import "d3-array";
-import { ak as c, aE as O, ag as h, a2 as C, p as m, cA as o, x as A, aN as I, aG as V } from "./interfaces.js";
+import { aX as d, bf as T, aT as b, ax as V, o as S, dp as h, _ as R, bo as E, bh as j, bR as U } from "./index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@esri/arcgis-html-sanitizer";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/Query.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { C as x } from "./model-with-multi-axes.js";
-import { b as a, a as l } from "./common.js";
-import { M as _, a as w, b as U, c as N } from "./model-with-data-labels.js";
-import "@arcgis/core/intl.js";
-import { e as v, i as M, o as k } from "./data.js";
-import { g as u, s as G, a as W, c as z, b as B, d as E, e as R, f as K, h as f, i as p, j } from "./pie-chart-data.js";
-import { R as g } from "./rest-js-object-literals.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.17 */
-const q = (t) => t.legend?.displayNumericValue ?? !1, H = (t, e) => {
-  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.displayNumericValue = t);
-}, J = (t) => t.legend?.displayPercentage ?? !1, Q = (t, e) => {
-  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.displayPercentage = t);
-}, X = (t) => t.legend?.labelMaxWidth ?? 200, Y = (t, e) => {
-  e.series[0]?.type === n.PieSeries && (e.legend === void 0 && (e.legend = c()), e.legend.labelMaxWidth = t);
+import { g as _, s as K, a as $, c as X, b as q, d as H, e as J, f as Q, h as L, i as O, j as Y } from "./pie-chart-data.js";
+import { f as y } from "./rest-js-object-literals.js";
+const Z = (t) => t.legend?.displayNumericValue ?? !1, ee = (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) => {
+  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) => {
+  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) => {
+  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) => {
+  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);
+  return l && ge(e, i, l), l;
 };
-class b extends _ {
+class u extends v {
   /**
    * Gets the setting for the display of numerical value in the legend items.
-   * @returns {boolean}
-   * @remarks
-   * This setting is only applicable to pie charts.
+   *
+   * **Note**: Only applicable to pie charts.
    */
   getDisplayNumericValue() {
-    return q(this._config);
+    return Z(this._config);
   }
-  /**
-   * Sets the setting for the display of numerical value in the legend items.
-   * @param displayNumericValue The setting for the display of numerical value in the legend items
-   * @remarks
-   * This setting is only applicable to pie charts.
-   */
   setDisplayNumericValue(e) {
-    H(e, this._config), this.emitConfigUpdate("setDisplayNumericValue");
+    ee(e, this._config);
   }
   /**
    * Gets the setting for the display of percentage in the legend items.
-   * @returns {boolean}
-   * @remarks
-   * This setting is only applicable to pie charts.
+   *
+   * **Note**: Only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return J(this._config);
+    return se(this._config);
   }
-  /**
-   * Sets the setting for the display of percentage in the legend items.
-   * @param displayPercentage The setting for the display of percentage in the legend items
-   * @remarks
-   * This setting is only applicable to pie charts.
-   */
   setDisplayPercentage(e) {
-    Q(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+    re(e, this._config);
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
-   * @returns {number}
-   * @remarks
-   * This setting is only applicable to pie charts.
+   *
+   * **Note**: Only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return X(this._config);
+    return ae(this._config);
+  }
+  setLabelMaxWidth(e) {
+    oe(e, this._config);
   }
   /**
-   * Sets the maximum width in pixel for the legend item labels.
-   * @param labelMaxWidth The maximum width in pixel for the legend item labels
-   * @remarks
-   * This setting is only applicable to pie charts.
+   * The maximum width in pixel for the legend value labels.
+   * @returns {number}
    */
-  setLabelMaxWidth(e) {
-    Y(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
+  get valueLabelMaxWidth() {
+    return le(this._config);
+  }
+  set valueLabelMaxWidth(e) {
+    ne(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
+  }
+  /**
+   * Whether to display the category in the legend.
+   */
+  get displayCategory() {
+    return te(this._config);
+  }
+  set displayCategory(e) {
+    ie(e, this._config), this.emitConfigUpdate("displayCategory");
   }
 }
-v(b, [_]);
-const Z = (t) => t.series?.[0]?.innerRadius, $ = (t, e) => {
+m([
+  s
+], u.prototype, "setDisplayNumericValue");
+m([
+  s
+], u.prototype, "setDisplayPercentage");
+m([
+  s
+], u.prototype, "setLabelMaxWidth");
+const pe = [v];
+P(u, pe);
+const de = (t) => t.series?.[0]?.innerRadius, ue = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, ee = (t) => t.series?.[0]?.dataLabelsCharacterLimit, te = (t, e) => {
+}, fe = (t) => t.series?.[0]?.dataLabelsCharacterLimit, he = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, y = (t) => t.series[0]?.startAngle, ie = (t, e) => {
+}, D = (t) => t.series[0]?.startAngle, ye = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, se = (t, e) => {
+}, me = (t, e) => {
   e.series?.[0] && (e.series[0].endAngle = t);
-}, re = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, ae = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, ne = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, oe = (t, e) => {
+}, be = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, Se = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, _e = (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.series[0] && (e.series[0].displayPercentageOnTooltip = t);
-}, le = (t) => t.series?.[0]?.valuePrefix, ge = (t, e) => {
+}, ve = (t) => t.series?.[0]?.valuePrefix, Pe = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, ce = (t) => t.series?.[0]?.valueSuffix, de = (t, e) => {
+}, Te = (t) => t.series?.[0]?.valueSuffix, Ve = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, he = (t) => t.series?.[0]?.percentagePrefix, me = (t, e) => {
+}, xe = (t) => t.series?.[0]?.percentagePrefix, Ie = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, ue = (t) => t.series?.[0]?.percentageSuffix, fe = (t, e) => {
+}, Ne = (t) => t.series?.[0]?.percentageSuffix, Fe = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, pe = (t) => {
+}, Me = (t) => {
   let e;
   const i = t.series?.[0];
-  return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = a.Both : i?.displayNumericValueOnDataLabel === !0 ? e = a.Value : e = a.Percentage, e;
-}, ye = (t, e) => {
-  const i = t === a.Value || t === a.Both, s = t === a.Percentage || t === a.Both;
-  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = s), e.legend && (e.legend = {
+  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;
+  e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = o), e.legend && (e.legend = {
     ...e.legend,
     displayNumericValue: i,
-    displayPercentage: s
+    displayPercentage: o
   });
-}, Se = (t) => t.series?.[0]?.alignDataLabels ?? !1, Oe = (t, e) => {
+}, Ae = (t) => t.series?.[0]?.alignDataLabels ?? !1, we = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, Ce = (t) => t.series?.[0]?.dataLabelsInside ?? !1, _e = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.dataLabelsInside ?? !1, ke = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, ve = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, be = (t, e) => {
+}, ze = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, Be = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, Le = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Fe = (t, e) => {
-  e.series?.[0] && (e.series[0].numericValueFormat ??= h(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= h(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, De = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Te = (t, e) => {
+}, Re = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Ee = (t, e) => {
+  e.series?.[0] && (e.series[0].numericValueFormat ??= b(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= b(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
+}, je = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ue = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, Pe = (t) => t.series[0]?.ticks?.visible ?? !1, Ae = (t, e) => {
-  e.series?.[0] && (e.series[0].ticks ??= O(), e.series[0].ticks.visible = t);
-}, Ie = (t) => t.series[0]?.ticks?.lineSymbol, Ve = (t, e) => {
-  t && e.series?.[0] && (e.series[0].ticks ??= O(), e.series[0].ticks.lineSymbol = P(t));
-}, xe = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, we = (t, e) => e.series?.[0]?.slices?.[t]?.label, Ue = (t, e, i) => {
+}, Ke = (t) => t.series[0]?.ticks?.visible ?? !1, $e = (t, e) => {
+  e.series?.[0] && (e.series[0].ticks ??= T(), e.series[0].ticks.visible = t);
+}, Xe = (t) => t.series[0]?.ticks?.lineSymbol, qe = (t, e) => {
+  t && e.series?.[0] && (e.series[0].ticks ??= T(), e.series[0].ticks.lineSymbol = B(t));
+}, He = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Je = (t, e) => e.series?.[0]?.slices?.[t]?.label, Qe = (t, e, i) => {
   i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, Ne = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Me = (t, e, i) => {
-  const s = i.series?.[0]?.slices?.[e]?.fillSymbol;
-  s !== void 0 ? (s.color = t, s.outline !== void 0 ? s.outline.color = t : s.outline = { type: g.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
-    type: g.SFS,
+}, Ye = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Ze = (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: g.SLS, color: t }
+    outline: { type: y.SLS, color: t }
   });
-}, ke = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), S = (t, e) => {
+}, et = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), C = (t, e) => {
   e.series?.[0]?.slices?.sort(
-    (i, s) => t.findIndex((r) => i.sliceId === r) - t.findIndex((r) => s.sliceId === r)
+    (i, o) => t.findIndex((l) => i.sliceId === l) - t.findIndex((l) => o.sliceId === l)
   );
-}, Ge = (t) => t.series?.[0]?.sliceGrouping, L = (t, e) => {
+}, tt = (t) => t.series?.[0]?.sliceGrouping, x = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, F = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, We = (t, e) => {
+}, I = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, it = (t, e) => {
   e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: C.defaultGroupOfSlicesId,
+    sliceId: V.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, ze = (t) => t.series?.[0]?.slices, D = (t, e) => {
+}, st = (t) => t.series?.[0]?.slices, N = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, Be = (t) => {
-  D(void 0, t), L(
+}, rt = (t) => {
+  N(void 0, t), x(
     {
-      sliceId: C.defaultGroupOfSlicesId,
-      percentageThreshold: F(t) ?? 0
+      sliceId: V.defaultGroupOfSlicesId,
+      percentageThreshold: I(t) ?? 0
     },
     t
   );
-}, Ee = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Re = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), Ke = (t) => t.series[0]?.slices?.length ?? 0;
-class je extends x {
+}, 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;
+};
+class r extends M {
   constructor() {
-    super(...arguments), this._chartType = n.PieSeries, this._mode = l.Category, this._groupedSliceIds = [];
+    super(...arguments), this._chartType = p.PieSeries, this._mode = f.Category, this._groupedSliceIds = [];
   }
   async setup(e) {
     await this.loadConfigFromLayer(e);
     const { config: i } = e;
     if (i !== void 0) {
-      const s = m(i.series);
-      this._mode = s !== o.PieFromFields ? l.Category : l.Fields;
+      const o = S(i.series);
+      this._mode = o !== h.PieFromFields ? f.Category : f.Fields;
     }
     typeof this.resolveSetup == "function" && this.resolveSetup();
   }
@@ -180,89 +213,81 @@ class je extends x {
    * Category field for the pie chart.
    */
   get category() {
-    return u(this._config);
+    return _(this._config);
   }
   set category(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      (!A(this._config) || e.trim() !== "") && (G({
-        newCategory: e,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings,
-        mode: this._mode
-      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("category"));
-    });
+    (!R(this._config) || e.trim() !== "") && (K({
+      newCategory: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings,
+      mode: this._mode
+    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")));
   }
   /**
    * Numeric fields for the pie chart.
    */
   get numericFields() {
-    return W(this._config);
+    return $(this._config);
   }
   set numericFields(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? M(this.layerInfo.layerFieldsInfo, e) : !0) ? (z({
-        newNumericFields: e,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings,
-        mode: this._mode
-      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("numericFields")) : console.log("Invalid numericFields");
-    });
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? k(this.layerInfo.layerFieldsInfo, e) : !0) ? (X({
+      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`");
   }
   /**
    * Aggregation type for the pie chart.
    */
   get aggregationType() {
-    return B(this._config, this._mode);
+    return q(this._config, this._mode);
   }
   set aggregationType(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      E({
-        newAggregationType: e,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings,
-        mode: this._mode
-      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("aggregationType");
-    });
+    H({
+      newAggregationType: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings,
+      mode: this._mode
+    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Gets the sort order for the pie chart.
-   * @returns {PieChartDataSortingKinds}
    */
   getSortOrder() {
-    return R(this._config, this._mode);
+    return J(this._config, this._mode);
   }
-  /**
-   * Sets the sort order for the pie chart.
-   * @param {PieChartDataSortingKinds} sortOrder The sort order.
-   * @param {string[]} orderByList The list of category values.
-   */
   setSortOrder(e, i) {
-    K({
+    Q({
       newSortOrderKind: e,
       config: this._config,
       orderByList: i
-    }), this.emitConfigUpdate("setSortOrder");
+    });
   }
   /**
-   * List of category's values for custom sort
+   * List of category's values for custom sort.
+   *
+   * @example
+   * ```ts
+   * pieChartModel.orderByList = ["Field1", "Field2", "Field3"];
+   * ```
    */
   get orderByList() {
-    return f(this._config, this._mode);
+    return L(this._config, this._mode);
   }
   set orderByList(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      p({
-        values: e,
-        config: this._config,
-        mode: this._mode
-      }), this.emitConfigUpdate("orderByList");
+    O({
+      values: e,
+      config: this._config,
+      mode: this._mode
     });
   }
   /**
-   * The pie chart data mode (Category or Fields).
+   * The pie chart data mode.
+   *
    * `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.
    */
@@ -270,35 +295,26 @@ class je extends x {
     return this._mode;
   }
   set mode(e) {
-    this._mode = e, this.emitConfigUpdate("mode");
+    this._mode = e;
   }
   /**
    * Gets the list of the category values for the chart.
-   * @returns {string[]}
    */
   async getCustomSortValues() {
-    const e = u(this._config), i = m(this._config.series);
-    let s = [];
-    return i === o.PieFromFields ? s = this.numericFields : e.trim() !== "" && i === o.PieFromCategory && (s = await k({
+    const e = _(this._config), i = S(this._config.series);
+    let o = [];
+    return i === h.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === h.PieFromCategory && (o = await z({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo
-    })), s;
+    })), o;
   }
-  /**
-   * Moves the custom sort values in-place for the order by list in the config.
-   * **Note:** This method should be only used when the sort order is set to `customSort`.
-   * @param {number} fromIndex The index to move the custom sort item from.
-   * @param {number} toIndex The index to move the category item to.
-   */
   moveCustomSortValuesInOrderByList(e, i) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      const s = f(this._config, this._mode), [r] = s.splice(e, 1);
-      s.splice(i, 0, r), p({
-        values: s,
-        config: this._config,
-        mode: this._mode
-      }), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    const o = L(this._config, this._mode), [l] = o.splice(e, 1);
+    o.splice(i, 0, l), O({
+      values: o,
+      config: this._config,
+      mode: this._mode
     });
   }
   // ---------------------------------------------------------------------------------------------
@@ -308,12 +324,10 @@ class je extends x {
    * Ticks symbol connecting slices to labels.
    */
   get ticksSymbol() {
-    return Ie(this._config);
+    return Xe(this._config);
   }
   set ticksSymbol(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Ve(e, this._config), this.emitConfigUpdate("ticksSymbol");
-    });
+    qe(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
@@ -322,12 +336,10 @@ class je extends x {
    * Array of slices for the pie chart.
    */
   get slices() {
-    return ze(this._config);
+    return st(this._config);
   }
   set slices(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      D(e, this._config), this.emitConfigUpdate("slices");
-    });
+    N(e, this._config);
   }
   /**
    * Array of grouped slice ids for the pie chart.
@@ -336,195 +348,154 @@ class je extends x {
     return this._groupedSliceIds;
   }
   set groupedSliceIds(e) {
-    this._groupedSliceIds = e, this.emitConfigUpdate("groupedSliceIds");
+    this._groupedSliceIds = e;
   }
   /**
    * Slice grouping configuration for the pie chart.
    */
   get sliceGrouping() {
-    return Ge(this._config);
+    return tt(this._config);
   }
   set sliceGrouping(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      L(e, this._config), this.emitConfigUpdate("sliceGrouping");
-    });
+    x(e, this._config);
   }
   /**
    * Inner radius size for the pie chart.
    */
   get innerRadiusSize() {
-    return Z(this._config) ?? 0;
+    return de(this._config) ?? 0;
   }
   set innerRadiusSize(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      $(e, this._config), this.emitConfigUpdate("innerRadiusSize");
-    });
+    ue(e, this._config);
   }
   /**
    * Threshold below which slices will be grouped.
    */
   get groupingThreshold() {
-    return F(this._config) ?? 0;
+    return I(this._config) ?? 0;
   }
   set groupingThreshold(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      We(e, this._config), this.emitConfigUpdate("groupingThreshold");
-    });
+    it(e, this._config);
   }
   /**
    * Character limit for the slice labels.
    */
   get labelCharacterLimit() {
-    return ee(this._config) ?? null;
+    return fe(this._config) ?? null;
   }
   set labelCharacterLimit(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      te(e, this._config), this.emitConfigUpdate("labelCharacterLimit");
-    });
+    he(e, this._config);
   }
   /**
    * Number of decimal places to display in the slice values.
    */
   get decimalPlaces() {
-    return Le(this._config) ?? 1;
+    return Re(this._config) ?? 1;
   }
   set decimalPlaces(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Fe(e, this._config), this.emitConfigUpdate("decimalPlaces");
-    });
+    Ee(e, this._config);
   }
   /**
-   * Display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
+   * Display type for the pie chart slices. Specifies whether to display the slices as a `percentage`, `value`, or `both`.
    */
   get displayType() {
-    return pe(this._config);
+    return Me(this._config);
   }
   set displayType(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ye(e, this._config), this.emitConfigUpdate("displayType");
-    });
+    We(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
+  /** @private */
   generateDefaultConfig() {
-    const e = I(this.commonStrings);
-    return e.series = [V(this.commonStrings, this.layerInfo?.objectIdField)], e;
+    const e = E(this.commonStrings);
+    return e.series = [j(this.commonStrings, U(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the original name of the slice based on the slice index.
-   * @param {number} sliceIndex - The index of the slice.
-   * @returns {Date | number | string | null | undefined}
+   *
+   * @param sliceIndex - The index of the slice.
    */
   getOriginalSliceName(e) {
-    return xe(e, this._config);
+    return He(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`.
-   * @param {number} sliceIndex The index of the slice.
-   * @returns {string | undefined}
+   *
+   * @param sliceIndex - The index of the slice.
    */
   getSliceName(e) {
-    return we(e, this._config);
+    return Je(e, this._config);
   }
-  /**
-   * Sets name of the slice based on the slice index.
-   * @param {string} name The name for the slice.
-   * @param {number} sliceIndex The index of the slice.
-   */
   setSliceName(e, i) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Ue(e, i, this._config), this.emitConfigUpdate("setSliceName");
-    });
+    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`.
-   * @param {number} sliceIndex The index of the slice.
-   * @returns {Color | undefined}
+   *
+   * @param sliceIndex - The index of the slice.
    */
   getSliceColor(e) {
-    return Ne(e, this._config);
+    return Ye(e, this._config);
   }
-  /**
-   * Sets the color of the slice based on the slice index.
-   * @param {Color | undefined} color The color for the slice.
-   * @param {number} sliceIndex The index of the slice.
-   */
   setSliceColor(e, i) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Me(e, i, this._config), this.emitConfigUpdate("setSliceColor");
-    });
+    Ze(e, i, this._config);
   }
   /**
    * Order of the slice array by returning an array of slice ids
    */
   get orderOfSlices() {
-    return ke(this._config);
+    return et(this._config);
   }
   set orderOfSlices(e) {
-    e !== void 0 && this.guardSetterFromAsyncOverwrite(() => {
-      S(e, this._config), this.emitConfigUpdate("orderOfSlices");
-    });
+    e !== void 0 && C(e, this._config);
   }
-  /**
-   * Moves a series from one index in the series array to another.
-   * @param {number} fromIndex Index to move the series from.
-   * @param {number} toIndex Index to move the series to.
-   */
   moveSeries(e, i) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      const s = this.orderOfSlices;
-      if (s !== void 0) {
-        const [r] = s.splice(e, 1);
-        s.splice(i, 0, r), S(s, this._config), this.emitConfigUpdate("moveSeries");
-      }
-    });
+    const o = this.orderOfSlices;
+    if (o !== void 0) {
+      const [l] = o.splice(e, 1);
+      o.splice(i, 0, l), C(o, this._config);
+    }
   }
   /**
    * Gets the slice id for a given slice index. If the index is out of bounds, this function will return `undefined`.
-   * @param {number} sliceIndex The index of the slice.
-   * @returns {string | undefined}
+   *
+   * @param sliceIndex - The index of the slice.
    */
   getSliceId(e) {
-    return Ee(e, this._config);
+    return at(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
-   * @param {string} sliceId The id of the slice.
-   * @returns {number | undefined}
+   *
+   * @param sliceId - The id of the slice.
    */
   getSliceIndex(e) {
-    return Re(e, this._config);
+    return ot(e, this._config);
   }
   /**
    * Gets the length of the slices array.
-   * @returns {number}
    */
   getSlicesLength() {
-    return Ke(this._config);
+    return lt(this._config);
   }
-  /**
-   * Resets the slices styling to the default styling.
-   */
   resetSlices() {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Be(this._config), this.emitConfigUpdate("resetSlices");
-    });
+    rt(this._config);
   }
   /**
    * Returns whether the series styling is able to be reset.
-   * @returns {boolean}
    */
   resetAvailable() {
     const e = !this.colorMatch;
     let i = !1;
-    const s = this.slices?.length ?? 0;
-    for (let r = 0; r < s; r += 1) {
-      const d = this.getOriginalSliceName(r), T = this.getSliceName(r);
-      if (d !== void 0 && d?.toString() !== T?.toString()) {
+    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;
       }
@@ -535,169 +506,179 @@ class je extends x {
    * Visibility of the ticks.
    */
   get ticksVisibility() {
-    return Pe(this._config);
+    return Ke(this._config);
   }
   set ticksVisibility(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Ae(e, this._config), this.emitConfigUpdate("ticksVisibility");
-    });
+    $e(e, this._config);
   }
   /**
    * Start angle of the pie chart.
    */
   get startAngle() {
-    return y(this._config);
+    return D(this._config);
   }
   set startAngle(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ie(e, this._config), this.emitConfigUpdate("startAngle");
-    });
+    ye(e, this._config);
   }
   /**
    * End angle of the pie chart.
    */
   get endAngle() {
-    return y(this._config);
+    return D(this._config);
   }
   set endAngle(e) {
+    me(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 Se(this._config);
+  }
+  set displayCategoryOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      se(e, this._config), this.emitConfigUpdate("endAngle");
+      this._config.series[0].displayCategoryOnDataLabel = e, this.emitConfigUpdate("displayCategoryOnDataLabel");
     });
   }
   /**
    * Display category value on tooltip setting from the chart config.
-   * @remarks If the setting is not found in the config, it will default to `true`.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryValueOnTooltip() {
-    return re(this._config);
+    return be(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 _e(this._config);
+  }
+  set displayNumericValueOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      this._config.series[0].displayCategoryOnTooltip = e, this.emitConfigUpdate("displayCategoryValueOnTooltip");
+      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 Le(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.
-   * @remarks If the setting is not found in the config, it will default to `true`.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayNumericValueOnTooltip() {
-    return ae(this._config);
+    return Oe(this._config);
   }
   set displayNumericValueOnTooltip(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      this._config.series[0].displayNumericValueOnTooltip = e, this.emitConfigUpdate("displayNumericValueOnTooltip");
-    });
+    this._config.series[0].displayNumericValueOnTooltip = e;
   }
   /**
    * Display percentage on tooltip setting from the chart config.
-   * @remarks If the setting is not found in the config, it will default to `true`.
+   *
+   * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnTooltip() {
-    return ne(this._config);
+    return De(this._config);
   }
   set displayPercentageOnTooltip(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      oe(e, this._config), this.emitConfigUpdate("displayPercentageOnTooltip");
-    });
+    Ce(e, this._config);
   }
   /**
    * Prefix of the values of the slices.
    */
   get valuePrefix() {
-    return le(this._config);
+    return ve(this._config);
   }
   set valuePrefix(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ge(e, this._config), this.emitConfigUpdate("valuePrefix");
-    });
+    Pe(e, this._config);
   }
   /**
    * Suffix of the values of the slice.
    */
   get valueSuffix() {
-    return ce(this._config);
+    return Te(this._config);
   }
   set valueSuffix(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      de(e, this._config), this.emitConfigUpdate("valueSuffix");
-    });
+    Ve(e, this._config);
   }
   /**
    * Prefix of the percentages of the slices.
    */
   get percentagePrefix() {
-    return he(this._config);
+    return xe(this._config);
   }
   set percentagePrefix(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      me(e, this._config), this.emitConfigUpdate("percentagePrefix");
-    });
+    Ie(e, this._config);
   }
   /**
    * Suffix of the percentages of the slices.
    */
   get percentageSuffix() {
-    return ue(this._config);
+    return Ne(this._config);
   }
   set percentageSuffix(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      fe(e, this._config), this.emitConfigUpdate("percentageSuffix");
-    });
+    Fe(e, this._config);
   }
   /**
    * Offset for the data labels.
    */
   get dataLabelsOffset() {
-    return ve(this._config);
+    return ze(this._config);
   }
   set dataLabelsOffset(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      be(e, this._config), this.emitConfigUpdate("dataLabelsOffset");
-    });
+    Be(e, this._config);
   }
   /**
-   * Align data labels setting for the pie chart.
+   * Align the data labels on the left or right side of the chart instead of the default position around the chart.
    */
   get alignDataLabels() {
-    return Se(this._config);
+    return Ae(this._config);
   }
   set alignDataLabels(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Oe(e, this._config), this.emitConfigUpdate("alignDataLabels");
-    });
+    we(e, this._config);
   }
   /**
    * Setting for placing the data labels inside of the slices.
    */
   get dataLabelsInside() {
-    return Ce(this._config);
+    return Ge(this._config);
   }
   set dataLabelsInside(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      _e(e, this._config), this.emitConfigUpdate("dataLabelsInside");
-    });
+    ke(e, this._config);
   }
   /**
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return De(this._config);
+    return je(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Te(e, this._config), this.emitConfigUpdate("optimizeDataLabelsOverlapping");
-    });
+    Ue(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
   // ---------------------------------------------------------------------------------------------
   /**
    * Generate the proper chart title given the current config.
-   *
-   * @returns {string}
    */
   generateChartTitle() {
-    return j({
+    return Y({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
@@ -705,7 +686,119 @@ class je extends x {
     });
   }
 }
-v(je, [b, w, U, N]);
+a([
+  s
+], r.prototype, "category");
+a([
+  s
+], r.prototype, "numericFields");
+a([
+  s
+], r.prototype, "aggregationType");
+a([
+  s
+], r.prototype, "setSortOrder");
+a([
+  s
+], r.prototype, "orderByList");
+a([
+  s
+], r.prototype, "mode");
+a([
+  s
+], r.prototype, "moveCustomSortValuesInOrderByList");
+a([
+  s
+], r.prototype, "ticksSymbol");
+a([
+  s
+], r.prototype, "slices");
+a([
+  s
+], r.prototype, "groupedSliceIds");
+a([
+  s
+], r.prototype, "sliceGrouping");
+a([
+  s
+], r.prototype, "innerRadiusSize");
+a([
+  s
+], r.prototype, "groupingThreshold");
+a([
+  s
+], r.prototype, "labelCharacterLimit");
+a([
+  s
+], r.prototype, "decimalPlaces");
+a([
+  s
+], r.prototype, "displayType");
+a([
+  s
+], r.prototype, "setSliceName");
+a([
+  s
+], r.prototype, "setSliceColor");
+a([
+  s
+], r.prototype, "orderOfSlices");
+a([
+  s
+], r.prototype, "moveSeries");
+a([
+  s
+], r.prototype, "resetSlices");
+a([
+  s
+], r.prototype, "ticksVisibility");
+a([
+  s
+], r.prototype, "startAngle");
+a([
+  s
+], r.prototype, "endAngle");
+a([
+  s
+], r.prototype, "displayCategoryValueOnTooltip");
+a([
+  s
+], r.prototype, "displayNumericValueOnTooltip");
+a([
+  s
+], r.prototype, "displayPercentageOnTooltip");
+a([
+  s
+], r.prototype, "valuePrefix");
+a([
+  s
+], r.prototype, "valueSuffix");
+a([
+  s
+], r.prototype, "percentagePrefix");
+a([
+  s
+], r.prototype, "percentageSuffix");
+a([
+  s
+], r.prototype, "dataLabelsOffset");
+a([
+  s
+], r.prototype, "alignDataLabels");
+a([
+  s
+], r.prototype, "dataLabelsInside");
+a([
+  s
+], r.prototype, "optimizeDataLabelsOverlapping");
+const ct = [
+  u,
+  W,
+  A,
+  w,
+  G
+];
+P(r, ct);
 export {
-  je as PieChartModel
+  r as PieChartModel
 };