@arcgis/charts-components 5.0.0-next.115 → 5.0.0-next.117

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

@@ -3,7 +3,7 @@ import { W as p } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import { cloneDeep as M } from "lodash-es";
 import "d3-array";
-import { aR as d, b9 as v, aN as S, ax as P, p as _, df as f, $ as A, bi as W, bb as w, bK as G } from "./index.js";
+import { aP as d, b7 as v, aL as S, av as P, o as b, de as f, Z as W, bg as A, b9 as w, bJ as G } from "./index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,10 +13,12 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { r as T, C as k, t as z, v as B } from "./model-with-multi-axes.js";
-import { d as x, m as s, e as R, a1 as E } from "./serial-chart-data.js";
+import { r as T, C as k, t as z } from "./model-with-multi-axes.js";
+import { m as s } from "./model-setter.js";
 import { b as c, a as h } from "./common.js";
-import { W as j } from "./color-match.js";
+import { W as B, a as E } from "./data-labels-visibility.js";
+import { W as R } from "./data-labels-symbol.js";
+import { a as V, c as j, e as U } from "./utils.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -26,26 +28,26 @@ 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 U, a as K, c as $, b as q, d as H, e as J, f as Q, h as O, i as L, j as X } from "./pie-chart-data.js";
-import { R as y } from "./rest-js-object-literals.js";
+import { g as _, s as K, a as $, c as J, b as Z, d as q, e as H, f as Q, h as L, i as O, j as X } from "./pie-chart-data.js";
+import { f 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.115 */
-const Y = (t) => t.legend?.displayNumericValue ?? !1, Z = (t, e) => {
+v5.0.0-next.117 */
+const Y = (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);
-}, ee = (t) => t.legend?.displayCategory ?? !1, te = (t, e) => {
+}, 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);
-}, ie = (t) => t.legend?.displayPercentage ?? !1, se = (t, e) => {
+}, 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);
-}, re = (t) => t.legend?.labelMaxWidth ?? 200, ae = (t, e) => {
+}, 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);
-}, oe = (t) => t.legend?.valueLabelMaxWidth ?? 200, le = (t, e) => {
+}, 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 ne = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, m = (t, e, i, o) => {
-  for (var l = ge(e, i), n = t.length - 1, g; n >= 0; n--)
+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 && ne(e, i, l), l;
+  return l && ge(e, i, l), l;
 };
 class u extends T {
   /**
@@ -57,7 +59,7 @@ class u extends T {
     return Y(this._config);
   }
   setDisplayNumericValue(e) {
-    Z(e, this._config);
+    ee(e, this._config);
   }
   /**
    * Gets the setting for the display of percentage in the legend items.
@@ -65,10 +67,10 @@ class u extends T {
    * **Note**: This setting is only applicable to pie charts.
    */
   getDisplayPercentage() {
-    return ie(this._config);
+    return se(this._config);
   }
   setDisplayPercentage(e) {
-    se(e, this._config);
+    re(e, this._config);
   }
   /**
    * Gets the maximum width in pixel for the legend item labels.
@@ -76,29 +78,29 @@ class u extends T {
    * **Note**: This setting is only applicable to pie charts.
    */
   getLabelMaxWidth() {
-    return re(this._config);
+    return ae(this._config);
   }
   setLabelMaxWidth(e) {
-    ae(e, this._config);
+    oe(e, this._config);
   }
   /**
    * The maximum width in pixel for the legend value labels.
    * @returns {number}
    */
   get valueLabelMaxWidth() {
-    return oe(this._config);
+    return le(this._config);
   }
   set valueLabelMaxWidth(e) {
-    le(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
+    ne(e, this._config), this.emitConfigUpdate("valueLabelMaxWidth");
   }
   /**
    * Whether to display the category in the legend.
    */
   get displayCategory() {
-    return ee(this._config);
+    return te(this._config);
   }
   set displayCategory(e) {
-    te(e, this._config), this.emitConfigUpdate("displayCategory");
+    ie(e, this._config), this.emitConfigUpdate("displayCategory");
   }
 }
 m([
@@ -110,52 +112,52 @@ m([
 m([
   s
 ], u.prototype, "setLabelMaxWidth");
-const ce = [T];
-x(u, ce);
-const pe = (t) => t.series?.[0]?.innerRadius, de = (t, e) => {
+const pe = [T];
+V(u, pe);
+const de = (t) => t.series?.[0]?.innerRadius, ue = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, ue = (t) => t.series?.[0]?.dataLabelsCharacterLimit, fe = (t, e) => {
+}, fe = (t) => t.series?.[0]?.dataLabelsCharacterLimit, he = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, D = (t) => t.series[0]?.startAngle, he = (t, e) => {
+}, D = (t) => t.series[0]?.startAngle, ye = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, ye = (t, e) => {
+}, me = (t, e) => {
   e.series?.[0] && (e.series[0].endAngle = t);
-}, me = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, Se = (t) => t.series?.[0]?.displayCategoryOnDataLabel ?? !0, _e = (t) => t.series?.[0]?.displayNumericValueOnDataLabel ?? !0, be = (t) => t.series?.[0]?.displayPercentageOnDataLabel ?? !1, Oe = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, Le = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, De = (t, e) => {
+}, Se = (t) => t.series?.[0]?.displayCategoryOnTooltip ?? !0, be = (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);
-}, Ce = (t) => t.series?.[0]?.valuePrefix, ve = (t, e) => {
+}, ve = (t) => t.series?.[0]?.valuePrefix, Pe = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, Pe = (t) => t.series?.[0]?.valueSuffix, Te = (t, e) => {
+}, Te = (t) => t.series?.[0]?.valueSuffix, Ve = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, xe = (t) => t.series?.[0]?.percentagePrefix, Ve = (t, e) => {
+}, xe = (t) => t.series?.[0]?.percentagePrefix, Ie = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, Ie = (t) => t.series?.[0]?.percentageSuffix, Ne = (t, e) => {
+}, Ne = (t) => t.series?.[0]?.percentageSuffix, Fe = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, Fe = (t) => {
+}, Me = (t) => {
   let e;
   const i = t.series?.[0];
   return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = c.Both : i?.displayNumericValueOnDataLabel === !0 ? e = c.Value : e = c.Percentage, e;
-}, Me = (t, 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: o
   });
-}, Ae = (t) => t.series?.[0]?.alignDataLabels ?? !1, We = (t, e) => {
+}, Ae = (t) => t.series?.[0]?.alignDataLabels ?? !1, we = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, we = (t) => t.series?.[0]?.dataLabelsInside ?? !1, Ge = (t, e) => {
+}, Ge = (t) => t.series?.[0]?.dataLabelsInside ?? !1, ke = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
-}, ke = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, ze = (t, e) => {
+}, ze = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, Be = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, Be = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Re = (t, e) => {
+}, Ee = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, Re = (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);
-}, Ee = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, je = (t, e) => {
+}, je = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, Ue = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, Ue = (t) => t.series[0]?.ticks?.visible ?? !1, Ke = (t, e) => {
+}, Ke = (t) => t.series[0]?.ticks?.visible ?? !1, $e = (t, e) => {
   e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.visible = t);
-}, $e = (t) => t.series[0]?.ticks?.lineSymbol, qe = (t, e) => {
+}, Je = (t) => t.series[0]?.ticks?.lineSymbol, Ze = (t, e) => {
   t && e.series?.[0] && (e.series[0].ticks ??= v(), e.series[0].ticks.lineSymbol = M(t));
-}, He = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Je = (t, e) => e.series?.[0]?.slices?.[t]?.label, Qe = (t, e, i) => {
+}, qe = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, He = (t, e) => e.series?.[0]?.slices?.[t]?.label, Qe = (t, e, i) => {
   i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
 }, Xe = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Ye = (t, e, i) => {
   const o = i.series?.[0]?.slices?.[e]?.fillSymbol;
@@ -164,32 +166,32 @@ const pe = (t) => t.series?.[0]?.innerRadius, de = (t, e) => {
     color: t,
     outline: { type: y.SLS, color: t }
   });
-}, Ze = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), C = (t, e) => {
+}, et = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), C = (t, e) => {
   e.series?.[0]?.slices?.sort(
     (i, o) => t.findIndex((l) => i.sliceId === l) - t.findIndex((l) => o.sliceId === l)
   );
-}, et = (t) => t.series?.[0]?.sliceGrouping, V = (t, e) => {
+}, tt = (t) => t.series?.[0]?.sliceGrouping, x = (t, e) => {
   e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, I = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, tt = (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: P.defaultGroupOfSlicesId,
     percentageThreshold: t
   };
-}, it = (t) => t.series?.[0]?.slices, N = (t, e) => {
+}, st = (t) => t.series?.[0]?.slices, N = (t, e) => {
   e.series?.[0] && (e.series[0].slices = t);
-}, st = (t) => {
-  N(void 0, t), V(
+}, rt = (t) => {
+  N(void 0, t), x(
     {
       sliceId: P.defaultGroupOfSlicesId,
       percentageThreshold: I(t) ?? 0
     },
     t
   );
-}, rt = (t, e) => e.series[0]?.slices?.[t]?.sliceId, at = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), ot = (t) => t.series[0]?.slices?.length ?? 0;
-var lt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, a = (t, e, i, o) => {
-  for (var l = nt(e, i), n = t.length - 1, g; n >= 0; n--)
+}, 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 && lt(e, i, l), l;
+  return l && nt(e, i, l), l;
 };
 class r extends k {
   constructor() {
@@ -199,7 +201,7 @@ class r extends k {
     await this.loadConfigFromLayer(e);
     const { config: i } = e;
     if (i !== void 0) {
-      const o = _(i.series);
+      const o = b(i.series);
       this._mode = o !== f.PieFromFields ? h.Category : h.Fields;
     }
     typeof this.resolveSetup == "function" && this.resolveSetup();
@@ -211,10 +213,10 @@ class r extends k {
    * Category field for the pie chart.
    */
   get category() {
-    return b(this._config);
+    return _(this._config);
   }
   set category(e) {
-    (!A(this._config) || e.trim() !== "") && (U({
+    (!W(this._config) || e.trim() !== "") && (K({
       newCategory: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -226,10 +228,10 @@ class r extends k {
    * Numeric fields for the pie chart.
    */
   get numericFields() {
-    return K(this._config);
+    return $(this._config);
   }
   set numericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? R(this.layerInfo.layerFieldsInfo, e) : !0) ? ($({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? j(this.layerInfo.layerFieldsInfo, e) : !0) ? (J({
       newNumericFields: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -241,10 +243,10 @@ class r extends k {
    * Aggregation type for the pie chart.
    */
   get aggregationType() {
-    return q(this._config, this._mode);
+    return Z(this._config, this._mode);
   }
   set aggregationType(e) {
-    H({
+    q({
       newAggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -256,7 +258,7 @@ class r extends k {
    * Gets the sort order for the pie chart.
    */
   getSortOrder() {
-    return J(this._config, this._mode);
+    return H(this._config, this._mode);
   }
   setSortOrder(e, i) {
     Q({
@@ -269,10 +271,10 @@ class r extends k {
    * List of category's values for custom sort
    */
   get orderByList() {
-    return O(this._config, this._mode);
+    return L(this._config, this._mode);
   }
   set orderByList(e) {
-    L({
+    O({
       values: e,
       config: this._config,
       mode: this._mode
@@ -293,17 +295,17 @@ class r extends k {
    * Gets the list of the category values for the chart.
    */
   async getCustomSortValues() {
-    const e = b(this._config), i = _(this._config.series);
+    const e = _(this._config), i = b(this._config.series);
     let o = [];
-    return i === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === f.PieFromCategory && (o = await E({
+    return i === f.PieFromFields ? o = this.numericFields : e.trim() !== "" && i === f.PieFromCategory && (o = await U({
       category: e,
       config: this._config,
       layerInfo: this.layerInfo
     })), o;
   }
   moveCustomSortValuesInOrderByList(e, i) {
-    const o = O(this._config, this._mode), [l] = o.splice(e, 1);
-    o.splice(i, 0, l), L({
+    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
@@ -316,10 +318,10 @@ class r extends k {
    * Ticks symbol connecting slices to labels.
    */
   get ticksSymbol() {
-    return $e(this._config);
+    return Je(this._config);
   }
   set ticksSymbol(e) {
-    qe(e, this._config);
+    Ze(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Slices Props
@@ -328,7 +330,7 @@ class r extends k {
    * Array of slices for the pie chart.
    */
   get slices() {
-    return it(this._config);
+    return st(this._config);
   }
   set slices(e) {
     N(e, this._config);
@@ -346,19 +348,19 @@ class r extends k {
    * Slice grouping configuration for the pie chart.
    */
   get sliceGrouping() {
-    return et(this._config);
+    return tt(this._config);
   }
   set sliceGrouping(e) {
-    V(e, this._config);
+    x(e, this._config);
   }
   /**
    * Inner radius size for the pie chart.
    */
   get innerRadiusSize() {
-    return pe(this._config) ?? 0;
+    return de(this._config) ?? 0;
   }
   set innerRadiusSize(e) {
-    de(e, this._config);
+    ue(e, this._config);
   }
   /**
    * Threshold below which slices will be grouped.
@@ -367,22 +369,22 @@ class r extends k {
     return I(this._config) ?? 0;
   }
   set groupingThreshold(e) {
-    tt(e, this._config);
+    it(e, this._config);
   }
   /**
    * Character limit for the slice labels.
    */
   get labelCharacterLimit() {
-    return ue(this._config) ?? null;
+    return fe(this._config) ?? null;
   }
   set labelCharacterLimit(e) {
-    fe(e, this._config);
+    he(e, this._config);
   }
   /**
    * Number of decimal places to display in the slice values.
    */
   get decimalPlaces() {
-    return Be(this._config) ?? 1;
+    return Ee(this._config) ?? 1;
   }
   set decimalPlaces(e) {
     Re(e, this._config);
@@ -391,16 +393,16 @@ class r extends k {
    * Display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
    */
   get displayType() {
-    return Fe(this._config);
+    return Me(this._config);
   }
   set displayType(e) {
-    Me(e, this._config);
+    We(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
   generateDefaultConfig() {
-    const e = W(this.commonStrings);
+    const e = A(this.commonStrings);
     return e.series = [w(this.commonStrings, G(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
@@ -412,7 +414,7 @@ class r extends k {
    * @param sliceIndex - The index of the slice.
    */
   getOriginalSliceName(e) {
-    return He(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`.
@@ -420,7 +422,7 @@ class r extends k {
    * @param sliceIndex - The index of the slice.
    */
   getSliceName(e) {
-    return Je(e, this._config);
+    return He(e, this._config);
   }
   setSliceName(e, i) {
     Qe(e, i, this._config);
@@ -440,7 +442,7 @@ class r extends k {
    * Order of the slice array by returning an array of slice ids
    */
   get orderOfSlices() {
-    return Ze(this._config);
+    return et(this._config);
   }
   set orderOfSlices(e) {
     e !== void 0 && C(e, this._config);
@@ -458,7 +460,7 @@ class r extends k {
    * @param sliceIndex - The index of the slice.
    */
   getSliceId(e) {
-    return rt(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`.
@@ -466,16 +468,16 @@ class r extends k {
    * @param sliceId - The id of the slice.
    */
   getSliceIndex(e) {
-    return at(e, this._config);
+    return ot(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    */
   getSlicesLength() {
-    return ot(this._config);
+    return lt(this._config);
   }
   resetSlices() {
-    st(this._config);
+    rt(this._config);
   }
   /**
    * Returns whether the series styling is able to be reset.
@@ -497,10 +499,10 @@ class r extends k {
    * Visibility of the ticks.
    */
   get ticksVisibility() {
-    return Ue(this._config);
+    return Ke(this._config);
   }
   set ticksVisibility(e) {
-    Ke(e, this._config);
+    $e(e, this._config);
   }
   /**
    * Start angle of the pie chart.
@@ -509,7 +511,7 @@ class r extends k {
     return D(this._config);
   }
   set startAngle(e) {
-    he(e, this._config);
+    ye(e, this._config);
   }
   /**
    * End angle of the pie chart.
@@ -518,14 +520,14 @@ class r extends k {
     return D(this._config);
   }
   set endAngle(e) {
-    ye(e, this._config);
+    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);
+    return be(this._config);
   }
   set displayCategoryOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -538,7 +540,7 @@ class r extends k {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayCategoryValueOnTooltip() {
-    return me(this._config);
+    return Se(this._config);
   }
   set displayCategoryValueOnTooltip(e) {
     this._config.series[0].displayCategoryOnTooltip = e;
@@ -560,7 +562,7 @@ class r extends k {
    * **Note:** If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnDataLabel() {
-    return be(this._config);
+    return Le(this._config);
   }
   set displayPercentageOnDataLabel(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -584,28 +586,28 @@ class r extends k {
    * **Note**: If the setting is not found in the config, it will default to `true`.
    */
   get displayPercentageOnTooltip() {
-    return Le(this._config);
+    return De(this._config);
   }
   set displayPercentageOnTooltip(e) {
-    De(e, this._config);
+    Ce(e, this._config);
   }
   /**
    * Prefix of the values of the slices.
    */
   get valuePrefix() {
-    return Ce(this._config);
+    return ve(this._config);
   }
   set valuePrefix(e) {
-    ve(e, this._config);
+    Pe(e, this._config);
   }
   /**
    * Suffix of the values of the slice.
    */
   get valueSuffix() {
-    return Pe(this._config);
+    return Te(this._config);
   }
   set valueSuffix(e) {
-    Te(e, this._config);
+    Ve(e, this._config);
   }
   /**
    * Prefix of the percentages of the slices.
@@ -614,25 +616,25 @@ class r extends k {
     return xe(this._config);
   }
   set percentagePrefix(e) {
-    Ve(e, this._config);
+    Ie(e, this._config);
   }
   /**
    * Suffix of the percentages of the slices.
    */
   get percentageSuffix() {
-    return Ie(this._config);
+    return Ne(this._config);
   }
   set percentageSuffix(e) {
-    Ne(e, this._config);
+    Fe(e, this._config);
   }
   /**
    * Offset for the data labels.
    */
   get dataLabelsOffset() {
-    return ke(this._config);
+    return ze(this._config);
   }
   set dataLabelsOffset(e) {
-    ze(e, this._config);
+    Be(e, this._config);
   }
   /**
    * Align data labels setting for the pie chart.
@@ -641,25 +643,25 @@ class r extends k {
     return Ae(this._config);
   }
   set alignDataLabels(e) {
-    We(e, this._config);
+    we(e, this._config);
   }
   /**
    * Setting for placing the data labels inside of the slices.
    */
   get dataLabelsInside() {
-    return we(this._config);
+    return Ge(this._config);
   }
   set dataLabelsInside(e) {
-    Ge(e, this._config);
+    ke(e, this._config);
   }
   /**
    * Optimize data labels overlapping setting for the pie chart.
    */
   get optimizeDataLabelsOverlapping() {
-    return Ee(this._config);
+    return je(this._config);
   }
   set optimizeDataLabelsOverlapping(e) {
-    je(e, this._config);
+    Ue(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Props
@@ -781,8 +783,14 @@ a([
 a([
   s
 ], r.prototype, "optimizeDataLabelsOverlapping");
-const gt = [u, z, j, B];
-x(r, gt);
+const ct = [
+  u,
+  z,
+  B,
+  E,
+  R
+];
+V(r, ct);
 export {
   r as PieChartModel
 };

package/dist/chunks/popover-ui-utils.js

@@ -1,7 +1,7 @@
 import { isEqual as r } from "lodash-es";
 /*! 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.115 */
+v5.0.0-next.117 */
 const i = (e) => (e?.remove(), null), a = (e, t = !1) => {
   e && (t ? (e.style.setProperty("opacity", "1"), e.style.setProperty("pointer-events", "initial")) : (e.style.removeProperty("opacity"), e.style.removeProperty("pointer-events")), e.triggerDisabled = t, e.open = t);
 }, l = (e, t) => e !== void 0 && t !== void 0 && !r(e, t);