@arcgis/charts-components 4.33.0-next.123 → 4.33.0-next.125

package/dist/chunks/scatter-plot-model.js

@@ -1,7 +1,7 @@
-import { WebChartStackedKinds as ht, WebChartStatisticType as F, WebChartTemporalBinningTypes as fe, WebChartOrderDataByTypes as C, WebChartSortOrderKinds as T, WebChartTypes as y, RESTFieldType as ft, WebChartNullPolicyTypes as jt, defaultBarLineFromFieldsName as be, RESTSymbolType as oe, WebChartCalendarBinningUnits as _s, WebChartFixedDateBinningUnits as As, defaultBarLineFromFieldsValue as ws, WebChartLegendPositions as Ds, WebChartLabelBehavior as hi, GaugeChartSubTypes as Bs, WebChartDataTransformations as Vs, defaultPieFromFieldsName as Me, defaultPieFromFieldsValue as mt } from "@arcgis/charts-spec";
+import { WebChartStackedKinds as ht, WebChartStatisticType as _, WebChartTemporalBinningTypes as fe, WebChartOrderDataByTypes as C, WebChartSortOrderKinds as T, WebChartTypes as y, RESTFieldType as ft, WebChartNullPolicyTypes as jt, defaultBarLineFromFieldsName as be, RESTSymbolType as oe, WebChartCalendarBinningUnits as Fs, WebChartFixedDateBinningUnits as As, defaultBarLineFromFieldsValue as ws, WebChartLegendPositions as Ds, WebChartLabelBehavior as hi, GaugeChartSubTypes as Bs, WebChartDataTransformations as Vs, defaultPieFromFieldsName as Me, defaultPieFromFieldsValue as mt } from "@arcgis/charts-spec";
 import { memoize as xe, cloneDeep as H, isEmpty as de, isEqual as fi, isNull as Os } from "lodash-es";
 import "d3-array";
-import { a2 as w, a0 as B, aU as v, ci as Is, k as Q, g as pt, aZ as Ms, bR as Us, b$ as m, a4 as Ue, al as ks, c5 as Ns, aL as St, c9 as D, bQ as I, m as ee, c2 as Xe, b4 as Ps, bs as mi, b5 as Es, b6 as Gs, cd as $s, h as pi, cr as qs, i as Si, b3 as bi, a5 as Ci, a6 as ke, cs as K, ao as Ne, ap as at, ar as Rs, c3 as xi, b2 as rt, aq as zs, ag as bt, a8 as Ws, aa as Y, a3 as le, _ as Ct, cl as Xs, a1 as Ys, d as js, af as ve, o as vi, ae as xt, b as Pe, z as Ks, W as X, U as Ee, as as vt, aS as Ge, az as Hs, Y as Lt, P as Tt, T as Kt, am as me, aw as Li, aD as Zs, aH as Le, aF as Ye, ab as ce, aI as Js, aA as Qs, aB as ea, V as Ti, av as Fi, at as _i, aC as ta, ai as ia, aj as he, aE as sa } from "./interfaces.js";
+import { a2 as w, a0 as B, aU as v, ci as Is, k as Q, g as pt, aZ as Ms, bR as Us, b$ as m, a4 as Ue, al as ks, c5 as Ns, aL as St, c9 as D, bQ as I, m as ee, c2 as Xe, b4 as Ps, bs as mi, b5 as Es, b6 as Gs, cd as $s, h as pi, cr as qs, i as Si, b3 as bi, a5 as Ci, a6 as ke, cs as K, ao as Ne, ap as at, ar as Rs, c3 as xi, b2 as rt, aq as zs, ag as bt, a8 as Ws, aa as Y, a3 as le, _ as Ct, cl as Xs, a1 as Ys, d as js, af as ve, o as vi, ae as xt, b as Pe, z as Ks, W as X, U as Ee, as as vt, aS as Ge, az as Hs, Y as Lt, P as Tt, T as Kt, am as me, aw as Li, aD as Zs, aH as Le, aF as Ye, ab as ce, aI as Js, aA as Qs, aB as ea, av as Ti, at as _i, V as Fi, aC as ta, ai as ia, aj as he, aE as sa } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -13,12 +13,12 @@ import { q as aa, l as W, n as ra, o as oa, j as f, k as x, c as na, b as la, g
 import { c as da, u as Ai } from "./index.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.123 */
+v4.33.0-next.125 */
 const ga = (t, e) => {
   e.series.forEach((i) => {
     i.query && (i.query.fetchNullValues = t);
   });
-}, ua = (t) => t.series.some((e) => e.query?.fetchNullValues), Ft = (t) => t.title?.content.text ?? "", ya = (t, e) => {
+}, ua = (t) => t.series.some((e) => e.query?.fetchNullValues), _t = (t) => t.title?.content.text ?? "", ya = (t, e) => {
   e.title !== void 0 ? e.title.content.text = t : e.title === void 0 && t !== void 0 && (e.title = w({
     text: t,
     visible: !0,
@@ -56,9 +56,9 @@ const ga = (t, e) => {
   }));
 }, va = (t) => t.chartRenderer, La = (t, e) => {
   e.chartRenderer = t;
-}, Ta = (t) => t.title?.content, Fa = (t, e) => {
+}, Ta = (t) => t.title?.content, _a = (t, e) => {
   if (t) {
-    const i = Ft(e);
+    const i = _t(e);
     e.title === void 0 && (e.title = w({
       text: "",
       visible: !0,
@@ -66,9 +66,9 @@ const ga = (t, e) => {
       type: v.ChartTitle
     })), e.title.content = t, e.title.content.text = i;
   }
-}, _a = (t) => t.subTitle?.content, Aa = (t, e) => {
+}, Fa = (t) => t.subTitle?.content, Aa = (t, e) => {
   if (t) {
-    const i = Ft(e);
+    const i = _t(e);
     e.subTitle === void 0 && (e.subTitle = w({
       text: "",
       visible: !0,
@@ -161,7 +161,7 @@ class E extends EventTarget {
    * @returns {string}
    */
   getTitleText() {
-    return Ft(this._config);
+    return _t(this._config);
   }
   /**
    * Sets the chart title text.
@@ -311,14 +311,14 @@ class E extends EventTarget {
    * @param {WebChartTextSymbol | undefined} titleSymbol The title symbol.
    */
   setTitleSymbol(e) {
-    Fa(e, this._config), this.emitConfigUpdate("setTitleSymbol");
+    _a(e, this._config), this.emitConfigUpdate("setTitleSymbol");
   }
   /**
    * Gets the subtitle text symbol. Contains styling information such as font, color, and symbol style.
    * @returns {WebChartTextSymbol | undefined}
    */
   getSubtitleSymbol() {
-    return _a(this._config);
+    return Fa(this._config);
   }
   /**
    * Sets the subtitle text symbol. Contains styling information such as font, color, and symbol style.
@@ -613,11 +613,11 @@ async function re(t) {
       const l = await St(a);
       if (s.length === 1) {
         const c = D(i.layerFieldsInfo, s[0]);
-        a === F.NoAggregation ? r = c : a === F.Count && s[0] === i.objectIdField ? r = n.axisLabels.count : r = I(n.axisLabels.aggregationOfFieldName, {
+        a === _.NoAggregation ? r = c : a === _.Count && s[0] === i.objectIdField ? r = n.axisLabels.count : r = I(n.axisLabels.aggregationOfFieldName, {
           aggregation: l,
           fieldName: c
         });
-      } else s.length > 1 && (a === F.NoAggregation ? r = n.axisLabels.values : r = I(n.axisLabels.aggregationOfValues, {
+      } else s.length > 1 && (a === _.NoAggregation ? r = n.axisLabels.values : r = I(n.axisLabels.aggregationOfValues, {
         aggregation: l
       }));
     }
@@ -638,9 +638,9 @@ const Bi = async (t, e) => t.axes?.[e] ?? (await ks(t.type))[e], Vi = (t, e, i)
   await Ke(t, e, 1, !1);
 }, Pa = (t) => je(t, 0, !0), Te = async (t, e) => {
   await Ke(t, e, 0, !0);
-}, Ea = (t) => je(t, 0, !1), Fe = async (t, e) => {
+}, Ea = (t) => je(t, 0, !1), _e = async (t, e) => {
   await Ke(t, e, 0, !1);
-}, _t = (t) => t.axes?.[0]?.valueFormat ?? Ue(), At = async (t, e) => {
+}, Ft = (t) => t.axes?.[0]?.valueFormat ?? Ue(), At = async (t, e) => {
   const i = await Bi(t, 0);
   if (i !== void 0 && e !== void 0) {
     const s = {
@@ -691,7 +691,7 @@ const Bi = async (t, e) => t.axes?.[e] ?? (await ks(t.type))[e], Vi = (t, e, i)
   Value: "value",
   Percentage: "percentage",
   Both: "both"
-}, ed = {
+}, id = {
   TextElements: "textElements",
   XAxisTitle: "xAxisTitle",
   YAxisTitle: "yAxisTitle",
@@ -706,11 +706,11 @@ const Bi = async (t, e) => t.axes?.[e] ?? (await ks(t.type))[e], Vi = (t, e, i)
   LeaderLines: "leaderLines",
   AxisLines: "axisLines",
   GridLines: "gridLines"
-}, td = {
+}, sd = {
   AxisLines: "axisLines",
   GridLines: "gridLines",
   LeaderLines: "leaderLines"
-}, id = {
+}, ad = {
   Title: "title",
   XAxisTitle: "xAxisTitle",
   YAxisTitle: "yAxisTitle",
@@ -720,7 +720,7 @@ const Bi = async (t, e) => t.axes?.[e] ?? (await ks(t.type))[e], Vi = (t, e, i)
   LegendTitle: "legendTitle",
   Description: "description",
   DataLabels: "dataLabels"
-}, sd = {
+}, rd = {
   Background: "background"
 }, ne = {
   X: "x",
@@ -810,7 +810,7 @@ async function Pi(t) {
     aggregationFields: o,
     aggregationType: n,
     fetchNullValues: l
-  } = t, d = r.filter((_) => _.name === a)[0]?.type, g = l !== !0 ? `${a} IS NOT NULL` : "", p = s && l !== !0 ? `${s} IS NOT NULL` : "", { where: h } = e?.dataFilters ?? {}, u = {
+  } = t, d = r.filter((F) => F.name === a)[0]?.type, g = l !== !0 ? `${a} IS NOT NULL` : "", p = s && l !== !0 ? `${s} IS NOT NULL` : "", { where: h } = e?.dataFilters ?? {}, u = {
     where: mi([h, g, p]),
     // excluding the null values from the list
     orderByFields: $s(a) ? [] : [`${a} ${T.Ascending}`],
@@ -829,10 +829,10 @@ async function Pi(t) {
     queryConfig: u
   });
   if (e) {
-    const _ = e?.series.map((A) => pi({ where: A.query?.where })?.toString() ?? "").filter((A) => A !== void 0 && A !== "");
+    const F = e?.series.map((A) => pi({ where: A.query?.where })?.toString() ?? "").filter((A) => A !== void 0 && A !== "");
     O = qs({
       arrayA: O,
-      arrayB: _,
+      arrayB: F,
       getKey: (A) => A.toString()
     });
   }
@@ -921,7 +921,7 @@ function ja(t) {
       return;
   }
 }
-function ad(t) {
+function od(t) {
   const e = Xe(t.series);
   return ja(e);
 }
@@ -959,7 +959,7 @@ async function Ce(t) {
   }, p = Z(i);
   if (g.query = {
     groupByFieldsForStatistics: [c]
-  }, p !== F.NoAggregation && a !== void 0) {
+  }, p !== _.NoAggregation && a !== void 0) {
     const h = `${p}_${a}_0`.toUpperCase();
     g.y = h, g.query.outStatistics = [
       {
@@ -973,7 +973,7 @@ async function Ce(t) {
     let h;
     if (i?.series?.[0] !== void 0 && (h = Q(i.series)), h !== K.BarAndLineNoAggregation && h !== K.BarAndLineSplitByNoAggregation) {
       let u = Ii(i);
-      u === _s.Quarter && (u = As.Month), g.temporalBinning = {
+      u === Fs.Quarter && (u = As.Month), g.temporalBinning = {
         type: fe.FixedDateBased,
         size: Oi(i),
         unit: u,
@@ -986,7 +986,7 @@ async function Ce(t) {
   return H(g);
 }
 async function Ze(t, e) {
-  const { layerFieldsInfo: i, objectIdField: s } = e, a = ye(t), r = Q(t.series), o = R(t), n = Z(t), l = pe(t), c = o.length === 0 || o.includes(s), d = await St(n), g = c ? "" : o.map((_) => D(i ?? [], _)).join(", "), p = D(i ?? [], a), h = D(i ?? [], l), u = t.series.some((_) => W(_)), S = u ? "category" : "xAxisField", b = p;
+  const { layerFieldsInfo: i, objectIdField: s } = e, a = ye(t), r = Q(t.series), o = R(t), n = Z(t), l = pe(t), c = o.length === 0 || o.includes(s), d = await St(n), g = c ? "" : o.map((F) => D(i ?? [], F)).join(", "), p = D(i ?? [], a), h = D(i ?? [], l), u = t.series.some((F) => W(F)), S = u ? "category" : "xAxisField", b = p;
   let L = "";
   const O = await J();
   if (r === K.BarAndLineFromFields)
@@ -994,48 +994,48 @@ async function Ze(t, e) {
       aggregationType: d,
       aggregationFields: g
     });
-  else if (n === F.NoAggregation) {
-    const _ = c ? s : g;
+  else if (n === _.NoAggregation) {
+    const F = c ? s : g;
     if (l === "") {
       const A = u ? "aggrTypeCategory" : "aggrTypeXAxisField";
       L = I(O.titleLabels[A], {
-        aggregationType: _,
+        aggregationType: F,
         [S]: b
       });
     } else {
       const A = u ? "aggrTypeCategoryBySplitBy" : "aggrTypeXAxisFieldBySplitBy";
       L = I(O.titleLabels[A], {
-        aggregationType: _,
+        aggregationType: F,
         [S]: b,
         splitByField: h
       });
     }
-  } else if (n === F.Count)
+  } else if (n === _.Count)
     if (l === "") {
-      const _ = u ? "aggrTypeCategory" : "aggrTypeXAxisField";
-      L = I(O.titleLabels[_], {
+      const F = u ? "aggrTypeCategory" : "aggrTypeXAxisField";
+      L = I(O.titleLabels[F], {
         aggregationType: d,
         [S]: b
       });
     } else {
-      const _ = u ? "aggrTypeCategoryBySplitBy" : "aggrTypeXAxisFieldBySplitBy";
-      L = I(O.titleLabels[_], {
+      const F = u ? "aggrTypeCategoryBySplitBy" : "aggrTypeXAxisFieldBySplitBy";
+      L = I(O.titleLabels[F], {
         aggregationType: d,
         [S]: b,
         splitByField: h
       });
     }
   else if (l !== "") {
-    const _ = u ? "aggrTypeOfAggrFieldByCategoryBySplitByField" : "aggrTypeOfAggrFieldByXAxisFieldBySplitByField";
-    L = I(O.titleLabels[_], {
+    const F = u ? "aggrTypeOfAggrFieldByCategoryBySplitByField" : "aggrTypeOfAggrFieldByXAxisFieldBySplitByField";
+    L = I(O.titleLabels[F], {
       aggregationType: d,
       aggregationField: g,
       [S]: b,
       splitByField: h
     });
   } else if (o.length > 0) {
-    const _ = u ? "aggrTypeOfAggrFieldsByCategory" : "aggrTypeOfAggrFieldsByXAxisField";
-    L = I(O.titleLabels[_], {
+    const F = u ? "aggrTypeOfAggrFieldsByCategory" : "aggrTypeOfAggrFieldsByXAxisField";
+    L = I(O.titleLabels[F], {
       aggregationType: d,
       aggregationFields: g,
       [S]: b
@@ -1047,7 +1047,7 @@ const Gi = (t) => pi({
   where: t.query?.where,
   normalize: !1,
   escape: !1
-}) ?? "", Z = (t) => t?.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? F.NoAggregation, Ka = async (t, e, i) => {
+}) ?? "", Z = (t) => t?.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? _.NoAggregation, Ka = async (t, e, i) => {
   const s = R(e), a = pe(e);
   await Je({
     splitByField: a,
@@ -1106,7 +1106,7 @@ const Gi = (t) => pi({
 ), nt = async (t, e, i) => {
   const { objectIdField: s } = i;
   let a = Z(e);
-  t.length === 0 ? (t.push(s), a = F.Count) : a === F.Count && t.length >= 1 && !t.includes(s) && (a = F.Sum);
+  t.length === 0 ? (t.push(s), a = _.Count) : a === _.Count && t.length >= 1 && !t.includes(s) && (a = _.Sum);
   const r = pe(e);
   await Je({
     splitByField: r,
@@ -1146,7 +1146,7 @@ const Gi = (t) => pi({
     await nt(p, e, i);
   }
   if (await P(e, null), await N(e, null), l || c) {
-    await Fe(e, null), await Te(e, null), wt(0, e);
+    await _e(e, null), await Te(e, null), wt(0, e);
     const g = o?.type === y.DateAxisFormat ? jt.Null : jt.Interpolate;
     Ni(g, e);
   }
@@ -1154,7 +1154,7 @@ const Gi = (t) => pi({
 function Bt(t, e) {
   let i = !1;
   const s = Z(t), a = R(t);
-  s === F.Count ? i = !0 : s === F.NoAggregation && (i = a.every((n) => {
+  s === _.Count ? i = !0 : s === _.NoAggregation && (i = a.every((n) => {
     const l = e.layerFieldsInfo.find((c) => c.name === n);
     return l !== void 0 ? rt(l) : !1;
   })), ot(t, 1, i);
@@ -1215,7 +1215,7 @@ async function $i(t) {
       name: D(r, h)
     });
     let S = h;
-    u.query !== void 0 && (i !== F.NoAggregation ? (S = p, u.query.outStatistics = [
+    u.query !== void 0 && (i !== _.NoAggregation ? (S = p, u.query.outStatistics = [
       {
         ...g.query?.outStatistics?.[0] ?? {},
         onStatisticField: h,
@@ -1262,7 +1262,7 @@ async function Qa(t) {
       L.query && (L.query.where = `${e}=''`);
   } else
     for (let L = 0; L < g.length; L += 1) {
-      const O = g[L], _ = `${p}_${L}`.toUpperCase(), A = await Ce({
+      const O = g[L], F = `${p}_${L}`.toUpperCase(), A = await Ce({
         config: a,
         layerInfo: r,
         seriesIndex: L
@@ -1270,23 +1270,23 @@ async function Qa(t) {
         ...A,
         id: k,
         name: k,
-        y: _,
+        y: F,
         query: {
           ...A.query,
           where: `${e}=${h === ft.String && O !== null ? `'${O}'` : O}`,
-          outStatistics: s !== F.NoAggregation ? [
+          outStatistics: s !== _.NoAggregation ? [
             {
               ...A.query?.outStatistics?.[0] ?? {},
               onStatisticField: u,
-              outStatisticFieldName: _,
+              outStatisticFieldName: F,
               statisticType: s
             }
           ] : void 0
         }
       };
-      s === F.NoAggregation && ($.query !== void 0 && (delete $.query.outStatistics, delete $.query.groupByFieldsForStatistics), $.y = u);
+      s === _.NoAggregation && ($.query !== void 0 && (delete $.query.outStatistics, delete $.query.groupByFieldsForStatistics), $.y = u);
       const te = a.series.find(
-        (Fs) => String(Gi(Fs)).trim().replace(/'/gu, "") === k
+        (_s) => String(Gi(_s)).trim().replace(/'/gu, "") === k
       );
       te !== void 0 && (a.colorMatch || (W($) && W(te) ? $.fillSymbol = te.fillSymbol : (f($) && f(te) || x($) && x(te)) && ($.lineSymbol = te.lineSymbol, $.markerSymbol = te.markerSymbol), b = !0), $.id = te.id, $.name = te.name), S.push($);
     }
@@ -1333,7 +1333,7 @@ const Je = async (t) => {
 }, er = (t) => t.dataFilters, tr = (t, e) => {
   t !== void 0 ? e.dataFilters = t : delete e.dataFilters;
 }, Qt = async (t, e) => {
-  const i = ye(t), s = _t(t)?.type, a = R(t), r = Q(t.series);
+  const i = ye(t), s = Ft(t)?.type, a = R(t), r = Q(t.series);
   let o = [];
   return s === y.CategoryAxisFormat && (r === K.BarAndLineFromFields || i === be ? o = a.map((n) => D(e?.layerFieldsInfo, n)) : i.trim() !== "" && i !== be && e !== void 0 && (o = await He({
     layerInfo: e,
@@ -1378,7 +1378,7 @@ const Je = async (t) => {
 }, dr = (t) => t.colorMatch ?? !0, gr = (t, e) => {
   e.colorMatch = t;
 };
-class _e extends E {
+class Fe extends E {
   /**
    * Gets whether the chart should attempt to match the data source's colors.
    *
@@ -1458,7 +1458,7 @@ const ur = (t) => {
   }
 }, Lr = (t) => t.legend?.roundMarkers ?? !1, Tr = (t, e) => {
   e.legend === void 0 && (e.legend = Y()), e.legend.roundMarkers = t;
-}, Fr = (t) => t.legend?.maxHeight ?? void 0, _r = (t, e) => {
+}, _r = (t) => t.legend?.maxHeight ?? void 0, Fr = (t, e) => {
   e.legend === void 0 && (e.legend = Y()), e.legend.maxHeight = t;
 };
 class Se extends E {
@@ -1580,14 +1580,14 @@ class Se extends E {
    * @returns {number | undefined}
    */
   getLegendMaxHeight() {
-    return Fr(this._config);
+    return _r(this._config);
   }
   /**
    * Sets the maximum height of the legend. If not set, the legend will occupy the same height as the series container or pie chart.
    * @param maxHeight - the maximum height for the legend
    */
   setLegendMaxHeight(e) {
-    _r(e, this._config), this.emitConfigUpdate("setLegendMaxHeight");
+    Fr(e, this._config), this.emitConfigUpdate("setLegendMaxHeight");
   }
   /**
    * Gets the indicator for whether the legend markers should be rounded.
@@ -1679,7 +1679,7 @@ const qi = (t, e) => {
     font: B(v.AxisTitle)
   }));
 }, Nr = (t) => t.axes?.[0].isLogarithmic ?? !1, Pr = async (t, e) => {
-  t.axes?.[0] !== void 0 && (t.axes[0].isLogarithmic = e, await Te(t, null), await Fe(t, null));
+  t.axes?.[0] !== void 0 && (t.axes[0].isLogarithmic = e, await Te(t, null), await _e(t, null));
 }, Er = (t) => t.axes?.[1]?.isLogarithmic ?? !1, Gr = async (t, e) => {
   t.axes?.[1] !== void 0 && (t.axes[1].isLogarithmic = e, await N(t, null), await P(t, null));
 }, $r = (t) => t.axes?.[0]?.scrollbar, qr = (t, e) => {
@@ -1765,7 +1765,7 @@ class It extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setMinXBound(e) {
-    await Fe(this._config, e), this.emitConfigUpdate("setMinXBound");
+    await _e(this._config, e), this.emitConfigUpdate("setMinXBound");
   }
   /**
    * Gets the x-axis title text symbol. Contains styling information such as font, color, and symbol style.
@@ -1897,7 +1897,7 @@ class Ae extends It {
    * @returns {CategoryFormatOptions | DateTimeFormatOptions | NumberFormatOptions | undefined}
    */
   getXAxisValueFormat() {
-    return _t(this._config);
+    return Ft(this._config);
   }
   /**
    * Sets the value format options for the x-axis.
@@ -2390,13 +2390,13 @@ function G(t) {
 const To = (t) => {
   const { axis: e, index: i } = G(t);
   return e?.guides?.[i]?.visible ?? !0;
-}, Fo = (t) => {
+}, _o = (t) => {
   const { visible: e, axis: i, index: s } = G(t);
   i?.guides?.[s] !== void 0 && (i.guides[s].visible = e);
 }, Yi = (t) => {
   const e = js(t.start, t.end);
   na(t.style) && e === oe.SFS ? t.style = { type: oe.SFS, color: t.style.color } : la(t.style) && e === oe.SLS && (t.style = { type: oe.SLS, color: t.style.color });
-}, _o = (t) => {
+}, Fo = (t) => {
   const { axis: e, index: i } = G(t);
   return e?.guides?.[i]?.start ?? null;
 }, Ao = (t) => {
@@ -2485,7 +2485,7 @@ class et extends E {
    * @param {GuideOrientation} [orientation] Default `y`. The axis orientation of the guide.
    */
   setGuideVisibility(e, i, s) {
-    Fo({ visible: e, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideVisibility");
+    _o({ visible: e, config: this._config, index: i, orientation: s }), this.emitConfigUpdate("setGuideVisibility");
   }
   /**
    * Gets the start value of a guide.
@@ -2494,7 +2494,7 @@ class et extends E {
    * @returns {Date | number | string | null}
    */
   getGuideStart(e, i) {
-    return _o({ config: this._config, index: e, orientation: i });
+    return Fo({ config: this._config, index: e, orientation: i });
   }
   /**
    * Sets the start value of a guide.
@@ -3321,7 +3321,7 @@ j(Et, [
   Ae,
   Se,
   we,
-  _e,
+  Fe,
   Xi,
   De,
   tt,
@@ -3503,16 +3503,16 @@ async function gn(t) {
         y: a,
         seriesIndex: S,
         category: c
-      }, O = u ? await nn(L) : await Ie(L), _ = `${b}`, A = {
+      }, O = u ? await nn(L) : await Ie(L), F = `${b}`, A = {
         ...O,
-        id: _,
-        name: _,
+        id: F,
+        name: F,
         x: c === void 0 || c === "" ? X : c,
         query: {
           ...O.query,
           where: `${s}=${g === ft.String && b !== null ? `'${b}'` : b}`
         }
-      }, k = e.series.find(($) => rs($) === _);
+      }, k = e.series.find(($) => rs($) === F);
       k !== void 0 && (e.colorMatch || (A.type === y.BoxPlotSeries ? $e(k) ? A.fillSymbol = k.fillSymbol : A.fillSymbol = {
         ...xt(),
         color: k.lineSymbol?.color
@@ -3702,7 +3702,7 @@ const un = async (t, e, i) => {
 }, Sn = (t) => t.dataFilters, bn = (t, e) => {
   t !== void 0 ? e.dataFilters = t : delete e.dataFilters;
 }, Cn = async (t, e) => {
-  const i = ae(t), s = _t(t)?.type, a = Ve(t);
+  const i = ae(t), s = Ft(t)?.type, a = Ve(t);
   let r = [];
   return s === y.CategoryAxisFormat && (i === X ? r = a : i.trim() !== "" && i !== X && (r = await He({
     layerInfo: e,
@@ -4088,16 +4088,16 @@ j(xn, [
   Ae,
   Se,
   we,
-  _e,
+  Fe,
   Xi,
   De,
   Be
 ]);
 const vn = (t) => t.axes[0].needle?.visible ?? !0, Ln = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = me()), e.axes[0].needle.visible = t;
-}, Tn = (t) => t.axes[0].needle?.symbol, Fn = (t, e) => {
+}, Tn = (t) => t.axes[0].needle?.symbol, _n = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = me()), e.axes[0].needle.symbol = t;
-}, _n = (t) => t.axes[0].needle?.startWidth, An = (t, e) => {
+}, Fn = (t) => t.axes[0].needle?.startWidth, An = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = me()), e.axes[0].needle.startWidth = t;
 }, wn = (t) => t.axes[0].needle?.endWidth, Dn = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = me()), e.axes[0].needle.endWidth = t;
@@ -4124,7 +4124,7 @@ const vn = (t) => t.axes[0].needle?.visible ?? !0, Ln = (t, e) => {
   t === null ? delete e.series[0].featureIndex : e.series[0] !== void 0 && (e.series[0].featureIndex = t), await $t({ config: e, layerInfo: i, field: s, aggregationType: a });
 }, Xn = (t) => t.subType ?? Bs.StatisticGauge, Yn = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
-  if (s !== F.NoAggregation) {
+  if (s !== _.NoAggregation) {
     const a = ls(e), r = Rt(a) ? {} : {
       outStatistics: [
         {
@@ -4150,7 +4150,7 @@ const vn = (t) => t.axes[0].needle?.visible ?? !0, Ln = (t, e) => {
   const a = Rt(e.series[0]?.featureIndex);
   let r = a ? i : `${s}_${i}`;
   a && i.startsWith(`${s}_`) && (r = i.replace(`${s}_`, "")), e.series[0].x = r, Yn({ config: e, field: i, aggregationType: s }), await jn(t);
-}, qt = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? F.Count, Kn = async (t, e, i) => {
+}, qt = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? _.Count, Kn = async (t, e, i) => {
   const s = zt(e);
   await $t({
     config: e,
@@ -4330,14 +4330,14 @@ class sl extends E {
    * @param {ISimpleFillSymbol | undefined} needleSymbol The needle symbol to set.
    */
   setNeedleSymbol(e) {
-    Fn(e, this._config), this.emitConfigUpdate("setNeedleSymbol");
+    _n(e, this._config), this.emitConfigUpdate("setNeedleSymbol");
   }
   /**
    * Gets the start width of the gauge's needle.
    * @returns {number | null | undefined}
    */
   getNeedleStartWidth() {
-    return _n(this._config);
+    return Fn(this._config);
   }
   /**
    * Sets the start width of the gauge's needle.
@@ -4468,7 +4468,7 @@ class sl extends E {
 }
 j(sl, [It, tt]);
 const Wt = (t) => {
-  Fe(t, null), Te(t, null), P(t, null), N(t, null);
+  _e(t, null), Te(t, null), P(t, null), N(t, null);
 }, al = (t) => t.series[0]?.x ?? "", rl = async (t, e, i) => {
   const { layerFieldsInfo: s } = i;
   Wt(e), e?.series?.[0] && (e.series[0].x = t);
@@ -4517,10 +4517,10 @@ const Wt = (t) => {
 }, vl = (t) => (t.series[0]?.overlays?.standardDeviation?.created ?? !1) && (t.series[0]?.overlays?.standardDeviation?.visible ?? !1), Ll = (t, e) => {
   const i = ce(3);
   i.created = t, i.visible = t, i.symbol = us(e), e?.series?.[0]?.overlays && (e.series[0].overlays.standardDeviation = i);
-}, Tl = (t) => t?.series?.[0]?.overlays, Fl = (t, e) => {
+}, Tl = (t) => t?.series?.[0]?.overlays, _l = (t, e) => {
   e?.series?.[0] !== void 0 && (e.series[0].overlays = t);
 };
-class _l extends E {
+class Fl extends E {
   constructor() {
     super(...arguments), this._chartType = y.HistogramSeries;
   }
@@ -4710,7 +4710,7 @@ class _l extends E {
    * @param overlays The overlays
    */
   setSeriesOverlays(e) {
-    Fl(e, this._config), this.emitConfigUpdate("setSeriesOverlay");
+    _l(e, this._config), this.emitConfigUpdate("setSeriesOverlay");
   }
   // ---------------------------------------------------------------------------------------------
   // Protected methods
@@ -4719,11 +4719,11 @@ class _l extends E {
     return await Js();
   }
 }
-j(_l, [
+j(Fl, [
   Ae,
   Se,
   we,
-  _e,
+  Fe,
   De,
   Be
 ]);
@@ -4865,44 +4865,78 @@ class wl extends Et {
   }
 }
 j(wl, [Qi, Ji]);
-const Dl = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, Bl = (t, e) => e.series?.[0]?.slices?.[t]?.label, Vl = (t, e, i) => {
-  i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
-}, Ol = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Il = (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: oe.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
-    type: oe.SFS,
-    color: t,
-    outline: { type: oe.SLS, color: t }
-  });
-}, Ml = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), li = (t, e) => {
-  e.series?.[0]?.slices?.sort(
-    (i, s) => t.findIndex((a) => i.sliceId === a) - t.findIndex((a) => s.sliceId === a)
-  );
-}, Ul = (t) => t.series?.[0]?.sliceGrouping, ys = (t, e) => {
-  e.series?.[0] && (e.series[0].sliceGrouping = t);
-}, hs = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, kl = (t, e) => {
-  e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
-    sliceId: Ti.defaultGroupOfSlicesId,
-    percentageThreshold: t
-  };
-}, Nl = (t) => t.series?.[0]?.slices, fs = (t, e) => {
-  e.series?.[0] && (e.series[0].slices = t);
-}, Pl = (t) => {
-  fs(void 0, t), ys(
-    {
-      sliceId: Ti.defaultGroupOfSlicesId,
-      percentageThreshold: hs(t) ?? 0
-    },
-    t
-  );
-}, El = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Gl = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), $l = (t) => t.series[0]?.slices?.length ?? 0, We = (t) => t.series?.[0]?.x ?? "";
-function ql(t, e) {
+const Dl = (t) => t.legend?.displayNumericValue ?? !1, Bl = (t, e) => {
+  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.displayNumericValue = t);
+}, Vl = (t) => t.legend?.displayPercentage ?? !1, Ol = (t, e) => {
+  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.displayPercentage = t);
+}, Il = (t) => t.legend?.labelMaxWidth ?? 200, Ml = (t, e) => {
+  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.labelMaxWidth = t);
+};
+class ys extends Se {
+  /**
+   * Gets the setting for the display of numerical value in the legend items.
+   * @returns {boolean}
+   * @remarks
+   * This setting is only applicable to pie charts.
+   */
+  getDisplayNumericValue() {
+    return Dl(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) {
+    Bl(e, this._config), this.emitConfigUpdate("setDisplayNumericValue");
+  }
+  /**
+   * Gets the setting for the display of percentage in the legend items.
+   * @returns {boolean}
+   * @remarks
+   * This setting is only applicable to pie charts.
+   */
+  getDisplayPercentage() {
+    return Vl(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) {
+    Ol(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+  }
+  /**
+   * Gets the maximum width in pixel for the legend item labels.
+   * @returns {number}
+   * @remarks
+   * This setting is only applicable to pie charts.
+   */
+  getLabelMaxWidth() {
+    return Il(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.
+   */
+  setLabelMaxWidth(e) {
+    Ml(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
+  }
+}
+j(ys, [Se]);
+const We = (t) => t.series?.[0]?.x ?? "";
+function Ul(t, e) {
   const i = t.series?.[0];
   return [`${e === q.Category ? i.y : mt} ${T.Descending}`];
 }
 const Xt = (t, e) => {
   let i = z.valueDesc;
-  const s = t.orderOptions?.data?.orderType ?? ql(t, e), a = t.orderOptions?.data?.orderBy ?? T.Descending;
+  const s = t.orderOptions?.data?.orderType ?? Ul(t, e), a = t.orderOptions?.data?.orderBy ?? T.Descending;
   return s === C.Category && Array.isArray(a) ? i = z.customSort : s === C.Category ? a === T.Ascending ? i = z.labelAsc : i = z.labelDesc : a === T.Ascending ? i = z.valueAsc : i = z.valueDesc, i;
 }, se = xe(
   // without memoizing, the worst case efficiency is O(series.length), best case is O(1)
@@ -4918,10 +4952,10 @@ const Xt = (t, e) => {
 ), ue = (t, e) => {
   const i = se(t);
   let s;
-  return e === q.Fields && i.length === 0 ? s = F.Sum : s = t.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? F.NoAggregation, s;
+  return e === q.Fields && i.length === 0 ? s = _.Sum : s = t.series?.[0]?.query?.outStatistics?.[0]?.statisticType ?? _.NoAggregation, s;
 };
-async function ms(t) {
-  const { config: e, layerInfo: i, mode: s } = t, { objectIdField: a } = i ?? {}, r = await Fi(a), o = We(e), n = e.series[0]?.dataLabels?.visible ?? !1, l = {
+async function hs(t) {
+  const { config: e, layerInfo: i, mode: s } = t, { objectIdField: a } = i ?? {}, r = await Ti(a), o = We(e), n = e.series[0]?.dataLabels?.visible ?? !1, l = {
     ...r,
     x: s === q.Category ? o : Me,
     slices: e.series?.[0]?.slices,
@@ -4934,7 +4968,7 @@ async function ms(t) {
     displayNumericValueOnDataLabel: e.series?.[0]?.displayNumericValueOnDataLabel,
     displayPercentageOnDataLabel: e.series?.[0]?.displayPercentageOnDataLabel
   }, c = ue(e, s);
-  if (c !== F.NoAggregation && a !== void 0) {
+  if (c !== _.NoAggregation && a !== void 0) {
     const d = `${c}_${a}_0`.toUpperCase();
     l.y = s === q.Category ? d : mt, l.query = {
       outStatistics: s === q.Category ? [
@@ -4953,10 +4987,10 @@ async function Yt(t, e, i) {
   let p = "";
   const h = await J();
   let u;
-  return i === q.Fields ? u = o.length === 0 : u = r === "", u ? p = h.chartType.pieChart : n === F.NoAggregation ? p = I(h.titleLabels.aggrFieldsByCategory, {
+  return i === q.Fields ? u = o.length === 0 : u = r === "", u ? p = h.chartType.pieChart : n === _.NoAggregation ? p = I(h.titleLabels.aggrFieldsByCategory, {
     aggregationFields: l ? a : d,
     category: g
-  }) : n === F.Count ? p = I(h.titleLabels.aggrTypeCategory, {
+  }) : n === _.Count ? p = I(h.titleLabels.aggrTypeCategory, {
     aggregationType: c,
     category: g
   }) : o.length > 0 && (g === Me || de(g) || Os(g) ? p = I(h.titleLabels.aggrTypeOfAggrFields, {
@@ -4968,7 +5002,7 @@ async function Yt(t, e, i) {
     category: g
   })), p;
 }
-const Rl = (t) => {
+const kl = (t) => {
   const { newSortOrderKind: e, config: i, orderByList: s } = t;
   i.orderOptions ??= {}, e === z.customSort && s !== void 0 ? i.orderOptions.data = {
     orderType: C.Category,
@@ -4977,12 +5011,12 @@ const Rl = (t) => {
     orderType: e === z.labelAsc || e === z.labelDesc ? C.Category : C.YValue,
     orderBy: e === z.labelAsc || e === z.valueAsc ? T.Ascending : T.Descending
   };
-}, zl = async (t) => {
+}, Nl = async (t) => {
   const { newCategory: e, config: i, layerInfo: s, mode: a } = t, r = i.series?.length ?? 0;
   if (i.series.forEach((o) => {
     o.x = a === q.Category ? e : Me, o.query !== void 0 && e !== Me ? o.query.groupByFieldsForStatistics = [e] : delete o.query?.groupByFieldsForStatistics;
   }), r === 0) {
-    const o = [await ms({ config: i, layerInfo: s, mode: a })];
+    const o = [await hs({ config: i, layerInfo: s, mode: a })];
     i.series = o;
   }
   if (s !== void 0) {
@@ -4994,11 +5028,11 @@ const Rl = (t) => {
     });
     U(i, 1, o), i.title && (i.title.content.text = await Yt(i, s, a));
     const n = a === q.Fields ? se(i).filter((l) => l !== s.objectIdField) : se(i);
-    await Ss({ newNumericFields: n, config: i, layerInfo: s, mode: a });
+    await ms({ newNumericFields: n, config: i, layerInfo: s, mode: a });
   }
 };
-async function ps(t) {
-  const { numericFields: e, aggregationType: i, config: s, layerInfo: a, mode: r } = t, o = [], n = await ms({
+async function fs(t) {
+  const { numericFields: e, aggregationType: i, config: s, layerInfo: a, mode: r } = t, o = [], n = await hs({
     config: s,
     layerInfo: a,
     mode: r
@@ -5008,7 +5042,7 @@ async function ps(t) {
       ...n.query
     }
   };
-  if (e.length <= 1 ? l.query.where = n.query?.where : delete l.query.where, i !== F.NoAggregation)
+  if (e.length <= 1 ? l.query.where = n.query?.where : delete l.query.where, i !== _.NoAggregation)
     if (r === q.Category) {
       if (e.length > 0) {
         const c = e[0], d = `${i}_${e[0]}_0`.toUpperCase();
@@ -5034,9 +5068,9 @@ async function ps(t) {
     l.y = e[0], l.query = {};
   o.push(l), s.series = o;
 }
-const Wl = async (t) => {
+const Pl = async (t) => {
   const { newAggregationType: e, config: i, layerInfo: s, mode: a } = t, r = se(i);
-  await ps({
+  await fs({
     config: i,
     layerInfo: s,
     numericFields: r,
@@ -5056,12 +5090,12 @@ const Wl = async (t) => {
     displayNumericValue: n,
     displayPercentage: l
   };
-}, Ss = async (t) => {
+}, ms = async (t) => {
   let { newNumericFields: e } = t;
   const { config: i, layerInfo: s, mode: a } = t, { objectIdField: r } = s ?? {};
   let o = ue(i, a);
-  if (e = e === "" ? [] : e, e = typeof e == "string" ? [e] : e, r !== void 0 && (e.length === 0 && a === q.Category ? (e.push(r), o = F.Count) : o === F.Count && e.length >= 1 && !e.includes(r) && (o = F.Sum)), s !== void 0) {
-    await ps({
+  if (e = e === "" ? [] : e, e = typeof e == "string" ? [e] : e, r !== void 0 && (e.length === 0 && a === q.Category ? (e.push(r), o = _.Count) : o === _.Count && e.length >= 1 && !e.includes(r) && (o = _.Sum)), s !== void 0) {
+    await fs({
       config: i,
       layerInfo: s,
       numericFields: e,
@@ -5079,11 +5113,11 @@ const Wl = async (t) => {
     i.series.forEach((n) => {
       delete n.query, n.y = e[0];
     });
-}, ci = (t, e) => {
+}, li = (t, e) => {
   let i = [];
   const s = t.orderOptions?.data?.orderType, a = Xt(t, e), r = t.orderOptions?.data?.orderBy;
   return a === z.customSort && s === C.Category && Array.isArray(r) && (i = r), i;
-}, di = (t) => {
+}, ci = (t) => {
   const { values: e, config: i, mode: s } = t;
   i.orderOptions ??= {};
   const a = i.orderOptions?.data?.orderType;
@@ -5091,110 +5125,79 @@ const Wl = async (t) => {
     orderType: C.Category,
     orderBy: [...e]
   });
-}, Xl = (t) => t.series?.[0]?.innerRadius, Yl = (t, e) => {
+}, El = (t) => t.series?.[0]?.innerRadius, Gl = (t, e) => {
   e.series?.[0] && (e.series[0].innerRadius = t);
-}, jl = (t) => t.series?.[0]?.dataLabelsCharacterLimit, Kl = (t, e) => {
+}, $l = (t) => t.series?.[0]?.dataLabelsCharacterLimit, ql = (t, e) => {
   e.series?.[0] && (e.series[0].dataLabelsCharacterLimit = t);
-}, gi = (t) => t.series[0]?.startAngle, ui = (t, e) => {
+}, di = (t) => t.series[0]?.startAngle, gi = (t, e) => {
   e.series?.[0] && (e.series[0].startAngle = t);
-}, Hl = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, Zl = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Jl = (t, e) => {
+}, Rl = (t) => t.series?.[0]?.displayNumericValueOnTooltip ?? !0, zl = (t) => t.series?.[0]?.displayPercentageOnTooltip ?? !0, Wl = (t, e) => {
   e.series[0] && (e.series[0].displayPercentageOnTooltip = t);
-}, Ql = (t) => t.series?.[0]?.valuePrefix, ec = (t, e) => {
+}, Xl = (t) => t.series?.[0]?.valuePrefix, Yl = (t, e) => {
   e.series?.[0] && (e.series[0].valuePrefix = t);
-}, tc = (t) => t.series?.[0]?.valueSuffix, ic = (t, e) => {
+}, jl = (t) => t.series?.[0]?.valueSuffix, Kl = (t, e) => {
   e.series?.[0] && (e.series[0].valueSuffix = t);
-}, sc = (t) => t.series?.[0]?.percentagePrefix, ac = (t, e) => {
+}, Hl = (t) => t.series?.[0]?.percentagePrefix, Zl = (t, e) => {
   e.series?.[0] && (e.series[0].percentagePrefix = t);
-}, rc = (t) => t.series?.[0]?.percentageSuffix, oc = (t, e) => {
+}, Jl = (t) => t.series?.[0]?.percentageSuffix, Ql = (t, e) => {
   e.series?.[0] && (e.series[0].percentageSuffix = t);
-}, nc = (t) => {
+}, ec = (t) => {
   let e;
   const i = t.series?.[0];
   return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = ge.Both : i?.displayNumericValueOnDataLabel === !0 ? e = ge.Value : e = ge.Percentage, e;
-}, lc = (t, e) => {
+}, tc = (t, e) => {
   const i = t === ge.Value || t === ge.Both, s = t === ge.Percentage || t === ge.Both;
   e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = s), e.legend && (e.legend = {
     ...e.legend,
     displayNumericValue: i,
     displayPercentage: s
   });
-}, cc = (t) => t.series?.[0]?.alignDataLabels ?? !1, dc = (t, e) => {
+}, ic = (t) => t.series?.[0]?.alignDataLabels ?? !1, sc = (t, e) => {
   e.series[0] && (e.series[0].alignDataLabels = t);
-}, gc = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, uc = (t, e) => {
+}, ac = (t) => t.series?.[0]?.dataLabelsInside ?? !1, rc = (t, e) => {
+  e.series[0] && (e.series[0].dataLabelsInside = t);
+}, oc = (t) => t.series?.[0]?.dataLabelsOffset ?? 10, nc = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsOffset = t);
-}, yc = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, hc = (t, e) => {
+}, lc = (t) => t.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits, cc = (t, e) => {
   e.series?.[0] && (e.series[0].numericValueFormat ??= ke(), e.series[0].numericValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].numericValueFormat.intlOptions.maximumFractionDigits = t, e.series[0].percentValueFormat ??= ke(), e.series[0].percentValueFormat.intlOptions.minimumFractionDigits = t, e.series[0].percentValueFormat.intlOptions.maximumFractionDigits = t);
-}, fc = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, mc = (t, e) => {
+}, dc = (t) => t.series?.[0]?.optimizeDataLabelsOverlapping ?? !1, gc = (t, e) => {
   e.series[0] && (e.series[0].optimizeDataLabelsOverlapping = t);
-}, pc = (t) => t.series[0]?.ticks?.visible ?? !1, Sc = (t, e) => {
+}, uc = (t) => t.series[0]?.ticks?.visible ?? !1, yc = (t, e) => {
   e.series?.[0] && (e.series[0].ticks ??= _i(), e.series[0].ticks.visible = t);
-}, bc = (t) => t.series[0]?.ticks?.lineSymbol, Cc = (t, e) => {
+}, hc = (t) => t.series[0]?.ticks?.lineSymbol, fc = (t, e) => {
   t && e.series?.[0] && (e.series[0].ticks ??= _i(), e.series[0].ticks.lineSymbol = H(t));
-}, xc = (t) => t.legend?.displayNumericValue ?? !1, vc = (t, e) => {
-  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.displayNumericValue = t);
-}, Lc = (t) => t.legend?.displayPercentage ?? !1, Tc = (t, e) => {
-  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.displayPercentage = t);
-}, Fc = (t) => t.legend?.labelMaxWidth ?? 200, _c = (t, e) => {
-  e.series[0]?.type === y.PieSeries && (e.legend === void 0 && (e.legend = Y()), e.legend.labelMaxWidth = t);
-};
-class bs extends Se {
-  /**
-   * Gets the setting for the display of numerical value in the legend items.
-   * @returns {boolean}
-   * @remarks
-   * This setting is only applicable to pie charts.
-   */
-  getDisplayNumericValue() {
-    return xc(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) {
-    vc(e, this._config), this.emitConfigUpdate("setDisplayNumericValue");
-  }
-  /**
-   * Gets the setting for the display of percentage in the legend items.
-   * @returns {boolean}
-   * @remarks
-   * This setting is only applicable to pie charts.
-   */
-  getDisplayPercentage() {
-    return Lc(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) {
-    Tc(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
-  }
-  /**
-   * Gets the maximum width in pixel for the legend item labels.
-   * @returns {number}
-   * @remarks
-   * This setting is only applicable to pie charts.
-   */
-  getLabelMaxWidth() {
-    return Fc(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.
-   */
-  setLabelMaxWidth(e) {
-    _c(e, this._config), this.emitConfigUpdate("setLabelMaxWidth");
-  }
-}
-j(bs, [Se]);
-class Ac extends E {
+}, mc = (t, e) => e.series?.[0]?.slices?.[t]?.originalLabel, pc = (t, e) => e.series?.[0]?.slices?.[t]?.label, Sc = (t, e, i) => {
+  i.series?.[0]?.slices?.[e] && (i.series[0].slices[e].label = t);
+}, bc = (t, e) => e.series?.[0]?.slices?.[t]?.fillSymbol?.color, Cc = (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: oe.SLS, color: t }) : i.series?.[0]?.slices?.[e] !== void 0 && (i.series[0].slices[e].fillSymbol = {
+    type: oe.SFS,
+    color: t,
+    outline: { type: oe.SLS, color: t }
+  });
+}, xc = (t) => t.series?.[0]?.slices?.map((e) => e.sliceId), ui = (t, e) => {
+  e.series?.[0]?.slices?.sort(
+    (i, s) => t.findIndex((a) => i.sliceId === a) - t.findIndex((a) => s.sliceId === a)
+  );
+}, vc = (t) => t.series?.[0]?.sliceGrouping, ps = (t, e) => {
+  e.series?.[0] && (e.series[0].sliceGrouping = t);
+}, Ss = (t) => t.series?.[0]?.sliceGrouping?.percentageThreshold, Lc = (t, e) => {
+  e.series?.[0]?.sliceGrouping !== void 0 ? e.series[0].sliceGrouping.percentageThreshold = t : e.series[0].sliceGrouping = {
+    sliceId: Fi.defaultGroupOfSlicesId,
+    percentageThreshold: t
+  };
+}, Tc = (t) => t.series?.[0]?.slices, bs = (t, e) => {
+  e.series?.[0] && (e.series[0].slices = t);
+}, _c = (t) => {
+  bs(void 0, t), ps(
+    {
+      sliceId: Fi.defaultGroupOfSlicesId,
+      percentageThreshold: Ss(t) ?? 0
+    },
+    t
+  );
+}, Fc = (t, e) => e.series[0]?.slices?.[t]?.sliceId, Ac = (t, e) => e.series[0]?.slices?.findIndex((i) => i.sliceId === t), wc = (t) => t.series[0]?.slices?.length ?? 0;
+class Dc extends E {
   constructor() {
     super(...arguments), this._chartType = y.PieSeries, this._mode = q.Category, this._groupedSliceIds = [];
   }
@@ -5223,7 +5226,7 @@ class Ac extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setCategory(e) {
-    (!vi(this._config) || e.trim() !== "") && (await zl({
+    (!vi(this._config) || e.trim() !== "") && (await Nl({
       newCategory: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -5243,7 +5246,7 @@ class Ac extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setNumericFields(e) {
-    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? Dt(this.layerInfo.layerFieldsInfo, e) : !0) ? (await Ss({
+    typeof e == "string" && (e = [e]), (this.layerInfo !== void 0 ? Dt(this.layerInfo.layerFieldsInfo, e) : !0) ? (await ms({
       newNumericFields: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -5263,7 +5266,7 @@ class Ac extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setAggregationType(e) {
-    await Wl({
+    await Pl({
       newAggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -5282,7 +5285,7 @@ class Ac extends E {
    * @param {PieChartDataSortingKinds} sortOrder The sort order.
    */
   setSortOrder(e, i) {
-    Rl({
+    kl({
       newSortOrderKind: e,
       config: this._config,
       orderByList: i
@@ -5292,14 +5295,14 @@ class Ac extends E {
    * @returns {string[]}
    */
   getOrderByList() {
-    return ci(this._config, this._mode);
+    return li(this._config, this._mode);
   }
   /**
    * Sets the list of category's values for custom sort
    * @param {string[]} orderByList The list of category's values
    */
   setOrderByList(e) {
-    di({
+    ci({
       values: e,
       config: this._config,
       mode: this._mode
@@ -5351,8 +5354,8 @@ class Ac extends E {
    * @param {number} toIndex The index to move the category item to.
    */
   moveCustomSortValuesInOrderByList(e, i) {
-    const s = ci(this._config, this._mode), [a] = s.splice(e, 1);
-    s.splice(i, 0, a), di({
+    const s = li(this._config, this._mode), [a] = s.splice(e, 1);
+    s.splice(i, 0, a), ci({
       values: s,
       config: this._config,
       mode: this._mode
@@ -5366,14 +5369,14 @@ class Ac extends E {
    * @returns {ISimpleLineSymbol | undefined}
    */
   getTicksSymbol() {
-    return bc(this._config);
+    return hc(this._config);
   }
   /**
    * Sets the symbol for the ticks connecting the slices to the labels.
    * @param {ISimpleLineSymbol | undefined} lineSymbol The ticks symbol.
    */
   setTicksSymbol(e) {
-    Cc(e, this._config), this.emitConfigUpdate("setTicksSymbol");
+    fc(e, this._config), this.emitConfigUpdate("setTicksSymbol");
   }
   // ---------------------------------------------------------------------------------------------
   // Slices Props
@@ -5383,14 +5386,14 @@ class Ac extends E {
    * @returns {WebChartPieChartSlice[] | undefined}
    */
   getSlices() {
-    return Nl(this._config);
+    return Tc(this._config);
   }
   /**
    * Sets the array of slices for the pie chart.
    * @param {WebChartPieChartSlice[] | undefined} slices The slices array.
    */
   setSlices(e) {
-    fs(e, this._config), this.emitConfigUpdate("setSlices");
+    bs(e, this._config), this.emitConfigUpdate("setSlices");
   }
   /**
    * Gets the array of grouped slice ids for the pie chart.
@@ -5411,91 +5414,91 @@ class Ac extends E {
    * @returns {WebChartPieChartGroupSlice | undefined}
    */
   getSliceGrouping() {
-    return Ul(this._config);
+    return vc(this._config);
   }
   /**
    * Sets the slice grouping configuration for the pie chart.
    * @param {WebChartPieChartGroupSlice | undefined} sliceGrouping The slice grouping configuration.
    */
   setSliceGrouping(e) {
-    ys(e, this._config), this.emitConfigUpdate("setSliceGrouping");
+    ps(e, this._config), this.emitConfigUpdate("setSliceGrouping");
   }
   /**
    * Gets the inner radius size for the pie chart.
    * @returns {number}
    */
   getInnerRadiusSize() {
-    return Xl(this._config) ?? 0;
+    return El(this._config) ?? 0;
   }
   /**
    * Sets the inner radius size for the pie chart.
    * @param {number} size The inner radius size.
    */
   setInnerRadiusSize(e) {
-    Yl(e, this._config), this.emitConfigUpdate("setInnerRadiusSize");
+    Gl(e, this._config), this.emitConfigUpdate("setInnerRadiusSize");
   }
   /**
    * Gets the threshold below which slices will be grouped.
    * @returns {number}
    */
   getGroupingThreshold() {
-    return hs(this._config) ?? 0;
+    return Ss(this._config) ?? 0;
   }
   /**
    * Sets the threshold below which slices will be grouped.
    * @param {number} threshold The grouping threshold.
    */
   setGroupingThreshold(e) {
-    kl(e, this._config), this.emitConfigUpdate("setGroupingThreshold");
+    Lc(e, this._config), this.emitConfigUpdate("setGroupingThreshold");
   }
   /**
    * Gets the character limit for the slice labels.
    * @returns {number | null}
    */
   getLabelCharacterLimit() {
-    return jl(this._config) ?? null;
+    return $l(this._config) ?? null;
   }
   /**
    * Sets the character limit for the slice labels.
    * @param {number | null} limit The label character limit.
    */
   setLabelCharacterLimit(e) {
-    Kl(e, this._config), this.emitConfigUpdate("setLabelCharacterLimit");
+    ql(e, this._config), this.emitConfigUpdate("setLabelCharacterLimit");
   }
   /**
    * Gets the number of decimal places to display in the slice values.
    * @returns {number}
    */
   getDecimalPlaces() {
-    return yc(this._config) ?? 1;
+    return lc(this._config) ?? 1;
   }
   /**
    * Sets the number of decimal places to display in the slice values.
    * @param {number} decimalPlaces The decimal places.
    */
   setDecimalPlaces(e) {
-    hc(e, this._config), this.emitConfigUpdate("setDecimalPlaces");
+    cc(e, this._config), this.emitConfigUpdate("setDecimalPlaces");
   }
   /**
    * Gets the display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
    * @returns {PieChartSlicesDisplay}
    */
   getDisplayType() {
-    return nc(this._config);
+    return ec(this._config);
   }
   /**
    * Sets the display type for the pie chart slices. Specifies whether to display the slices as a percentage, value, or both.
    * @param {PieChartSlicesDisplay} displayType The display type.
    */
   setDisplayType(e) {
-    lc(e, this._config), this.emitConfigUpdate("setDisplayType");
+    tc(e, this._config), this.emitConfigUpdate("setDisplayType");
   }
   // ---------------------------------------------------------------------------------------------
   // Protected methods
   // ---------------------------------------------------------------------------------------------
   async generateDefaultConfig() {
     const e = await ta();
-    return e.series = [await Fi(this.layerInfo?.objectIdField)], e;
+    return e.series = [await Ti(this.layerInfo?.objectIdField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // Series Methods
@@ -5505,7 +5508,7 @@ class Ac extends E {
    * @returns {Date | number | string | null | undefined}
    */
   getOriginalSliceName(e) {
-    return Dl(e, this._config);
+    return mc(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`.
@@ -5513,7 +5516,7 @@ class Ac extends E {
    * @returns {string | undefined}
    */
   getSliceName(e) {
-    return Bl(e, this._config);
+    return pc(e, this._config);
   }
   /**
    * Sets name of the slice based on the slice index.
@@ -5521,7 +5524,7 @@ class Ac extends E {
    * @param {number} sliceIndex The index of the slice.
    */
   setSliceName(e, i) {
-    Vl(e, i, this._config), this.emitConfigUpdate("setSliceName");
+    Sc(e, i, this._config), this.emitConfigUpdate("setSliceName");
   }
   /**
    * Gets the color of the slice based on the slice index. If the index is out of bounds, this function will return `undefined`.
@@ -5529,7 +5532,7 @@ class Ac extends E {
    * @returns {Color | undefined}
    */
   getSliceColor(e) {
-    return Ol(e, this._config);
+    return bc(e, this._config);
   }
   /**
    * Sets the color of the slice based on the slice index.
@@ -5537,21 +5540,21 @@ class Ac extends E {
    * @param {number} sliceIndex The index of the slice.
    */
   setSliceColor(e, i) {
-    Il(e, i, this._config), this.emitConfigUpdate("setSliceColor");
+    Cc(e, i, this._config), this.emitConfigUpdate("setSliceColor");
   }
   /**
    * Gets the order of the slice array by returning an array of slice ids
    * @returns {string[] | undefined}
    */
   getOrderOfSlices() {
-    return Ml(this._config);
+    return xc(this._config);
   }
   /**
    * Sets the order of the slices array by providing an array of slice ids.
    * @param {string[]} order The order of the slices.
    */
   setOrderOfSlices(e) {
-    li(e, this._config), this.emitConfigUpdate("setOrderOfSlices");
+    ui(e, this._config), this.emitConfigUpdate("setOrderOfSlices");
   }
   /**
    * Moves a series from one index in the series array to another.
@@ -5562,7 +5565,7 @@ class Ac extends E {
     const s = this.getOrderOfSlices();
     if (s !== void 0) {
       const [a] = s.splice(e, 1);
-      s.splice(i, 0, a), li(s, this._config), this.emitConfigUpdate("moveSeries");
+      s.splice(i, 0, a), ui(s, this._config), this.emitConfigUpdate("moveSeries");
     }
   }
   /**
@@ -5571,7 +5574,7 @@ class Ac extends E {
    * @returns {string | undefined}
    */
   getSliceId(e) {
-    return El(e, this._config);
+    return Fc(e, this._config);
   }
   /**
    * Gets the slice index for a given slice id. If the `sliceId` is not found, this function will return `undefined`.
@@ -5579,20 +5582,20 @@ class Ac extends E {
    * @returns {number | undefined}
    */
   getSliceIndex(e) {
-    return Gl(e, this._config);
+    return Ac(e, this._config);
   }
   /**
    * Gets the length of the slices array.
    * @returns {number}
    */
   getSlicesLength() {
-    return $l(this._config);
+    return wc(this._config);
   }
   /**
    * Resets the slices styling to the default styling.
    */
   resetSlices() {
-    Pl(this._config), this.emitConfigUpdate("resetSlices");
+    _c(this._config), this.emitConfigUpdate("resetSlices");
   }
   /**
    * Returns whether the series styling is able to be reset.
@@ -5617,42 +5620,42 @@ class Ac extends E {
    * @returns {boolean}
    */
   getTicksVisibility() {
-    return pc(this._config);
+    return uc(this._config);
   }
   /**
    * Sets the visibility of the ticks.
    * @param visibility The visibility setting for the ticks.
    */
   setTicksVisibility(e) {
-    Sc(e, this._config), this.emitConfigUpdate("setTicksVisibility");
+    yc(e, this._config), this.emitConfigUpdate("setTicksVisibility");
   }
   /**
    * Gets the start angle of the pie chart.
    * @returns {number | null | undefined}
    */
   getStartAngle() {
-    return gi(this._config);
+    return di(this._config);
   }
   /**
    * Sets the start angle for the pie chart.
    * @param angle The start angle for the pie chart.
    */
   setStartAngle(e) {
-    ui(e, this._config), this.emitConfigUpdate("setStartAngle");
+    gi(e, this._config), this.emitConfigUpdate("setStartAngle");
   }
   /**
    * Gets the end angle of the pie chart.
    * @returns {number | null | undefined}
    */
   getEndAngle() {
-    return gi(this._config);
+    return di(this._config);
   }
   /**
    * Sets the end angle for the pie chart.
    * @param angle The end angle for the pie chart.
    */
   setEndAngle(e) {
-    ui(e, this._config), this.emitConfigUpdate("setEndAngle");
+    gi(e, this._config), this.emitConfigUpdate("setEndAngle");
   }
   /**
    * Gets the display numeric value on tooltip setting from the chart config.
@@ -5660,7 +5663,7 @@ class Ac extends E {
    * @remarks If the setting is not found in the config, it will default to `true`.
    */
   getDisplayNumericValueOnTooltip() {
-    return Hl(this._config);
+    return Rl(this._config);
   }
   /**
    * Sets the display numeric value on tooltip setting in the chart config.
@@ -5675,117 +5678,131 @@ class Ac extends E {
    * @remarks If the setting is not found in the config, it will default to `true`.
    */
   getDisplayPercentageOnTooltip() {
-    return Zl(this._config);
+    return zl(this._config);
   }
   /**
    * Sets the display percentage on tooltip setting in the chart config.
    * @param display The boolean value to set the displayPercentageOnTooltip to
    */
   setDisplayPercentageOnTooltip(e) {
-    Jl(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
+    Wl(e, this._config), this.emitConfigUpdate("setDisplayPercentage");
   }
   /**
    * Gets the prefix of the values of the slices.
    * @returns {string | undefined}
    */
   getValuePrefix() {
-    return Ql(this._config);
+    return Xl(this._config);
   }
   /**
    * Sets the prefix for the values of the slices.
    * @param prefix The prefix for the values of the slices.
    */
   setValuePrefix(e) {
-    ec(e, this._config), this.emitConfigUpdate("setValuePrefix");
+    Yl(e, this._config), this.emitConfigUpdate("setValuePrefix");
   }
   /**
    * Gets the suffix of the values of the slice.
    * @returns {string | undefined}
    */
   getValueSuffix() {
-    return tc(this._config);
+    return jl(this._config);
   }
   /**
    * Sets the suffix for the values of the slices.
    * @param suffix The suffix for the values of the slices.
    */
   setValueSuffix(e) {
-    ic(e, this._config), this.emitConfigUpdate("setValueSuffix");
+    Kl(e, this._config), this.emitConfigUpdate("setValueSuffix");
   }
   /**
    * Gets the prefix of the percentages of the slices.
    * @returns {string | undefined}
    */
   getPercentagePrefix() {
-    return sc(this._config);
+    return Hl(this._config);
   }
   /**
    * Sets the prefix for the percentages of the slices.
    * @param prefix The prefix for the percentages of the slices.
    */
   setPercentagePrefix(e) {
-    ac(e, this._config), this.emitConfigUpdate("setPercentagePrefix");
+    Zl(e, this._config), this.emitConfigUpdate("setPercentagePrefix");
   }
   /**
    * Gets the suffix of the percentages of the slices.
    * @returns {string | undefined}
    */
   getPercentageSuffix() {
-    return rc(this._config);
+    return Jl(this._config);
   }
   /**
    * Sets the suffix for the percentages of the slices.
    * @param suffix The suffix for the percentages of the slices.
    */
   setPercentageSuffix(e) {
-    oc(e, this._config), this.emitConfigUpdate("setPercentageSuffix");
+    Ql(e, this._config), this.emitConfigUpdate("setPercentageSuffix");
   }
   /**
    * Gets the offset for the data labels.
    * @returns {string | undefined}
    */
   getDataLabelsOffset() {
-    return gc(this._config);
+    return oc(this._config);
   }
   /**
    * Sets the offset for the data labels.
    * @param offset The offset for the data labels.
    */
   setDataLabelsOffset(e) {
-    uc(e, this._config), this.emitConfigUpdate("setDataLabelsOffset");
+    nc(e, this._config), this.emitConfigUpdate("setDataLabelsOffset");
   }
   /**
    * Gets the align data labels setting for the pie chart.
    * @returns {boolean | undefined}
    */
   getAlignDataLabels() {
-    return cc(this._config);
+    return ic(this._config);
   }
   /**
    * Sets the align data labels setting for the pie chart.
    * @param align The align data labels setting for the pie chart.
    */
   setAlignDataLabels(e) {
-    dc(e, this._config), this.emitConfigUpdate("setAlignDataLabels");
+    sc(e, this._config), this.emitConfigUpdate("setAlignDataLabels");
+  }
+  /**
+   * Gets the setting for placing the data labels inside of the slices.
+   * @returns {boolean | undefined}
+   */
+  getDataLabelsInside() {
+    return ac(this._config);
+  }
+  /**
+   * Sets the setting for placing the data labels inside of the slices.
+   * @param inside Whether to place the data labels inside of the slices
+   */
+  setDataLabelsInside(e) {
+    rc(e, this._config), this.emitConfigUpdate("setDataLabelsInside");
   }
   /**
    * Gets the optimize data labels overlapping setting for the pie chart.
    * @returns {boolean | undefined}
    */
   getOptimizeDataLabelsOverlapping() {
-    return fc(this._config);
+    return dc(this._config);
   }
   /**
    * Sets the optimize data labels overlapping setting for the pie chart.
    * @param optimize The optimize data labels overlapping setting for the pie chart.
    */
   setOptimizeDataLabelsOverlapping(e) {
-    mc(e, this._config), this.emitConfigUpdate("setOptimizeDataLabelsOverlapping");
+    gc(e, this._config), this.emitConfigUpdate("setOptimizeDataLabelsOverlapping");
   }
 }
-j(Ac, [bs, we, _e, De]);
+j(Dc, [ys, we, Fe, De]);
 const Cs = (t) => {
-  Fe(t, null), Te(t, null), P(t, null), N(t, null);
+  _e(t, null), Te(t, null), P(t, null), N(t, null);
 }, xs = (t) => {
   const { name: e, axisIndex: i, config: s, layerInfo: a } = t, { layerFieldsInfo: r } = a, o = r.find((l) => l.name === e), n = o !== void 0 && rt(o);
   ot(s, i, n);
@@ -5795,7 +5812,7 @@ const Cs = (t) => {
     const l = await J(), c = I(l.titleLabels.xAndY, { x: o, y: n });
     s.title?.content && (s.title.content.text = c);
   }
-}, Ls = (t) => t.series[0]?.x ?? "", Ts = (t) => t.series[0]?.y ?? "", wc = async (t, e, i) => {
+}, Ls = (t) => t.series[0]?.x ?? "", Ts = (t) => t.series[0]?.y ?? "", Bc = async (t, e, i) => {
   Cs(e), e.series[0] && (e.series[0].x = t), await vs({
     x: t,
     y: Ts(e),
@@ -5807,7 +5824,7 @@ const Cs = (t) => {
     config: e,
     layerInfo: i
   });
-}, Dc = async (t, e, i) => {
+}, Vc = async (t, e, i) => {
   Cs(e), e.series[0] && (e.series[0].y = t), await vs({
     x: Ls(e),
     y: t,
@@ -5819,26 +5836,26 @@ const Cs = (t) => {
     config: e,
     layerInfo: i
   });
-}, Bc = (t) => {
+}, Oc = (t) => {
   const e = {};
   return t.series[0]?.markerSymbol ?? e;
-}, Vc = (t, e) => {
+}, Ic = (t, e) => {
   e.series[0] && (e.series[0].markerSymbol = t);
-}, Oc = (t) => (t.series[0]?.overlays?.trendLine?.visible ?? !0) && (t.series[0]?.overlays?.trendLine?.created ?? !1), Ic = (t) => {
+}, Mc = (t) => (t.series[0]?.overlays?.trendLine?.visible ?? !0) && (t.series[0]?.overlays?.trendLine?.created ?? !1), Uc = (t) => {
   const e = {};
   return t.series[0]?.overlays?.trendLine?.symbol ?? e;
-}, Mc = (t, e) => {
+}, kc = (t, e) => {
   e.series[0].overlays ??= he(), e.series[0].overlays.trendLine ??= he().trendLine, e.series[0].overlays.trendLine.symbol = t;
-}, Uc = (t, e) => {
+}, Nc = (t, e) => {
   e.series[0].overlays ??= he(), e.series[0].overlays.trendLine ??= he().trendLine, e.series[0].overlays.trendLine.visible = t;
-}, kc = (t, e) => {
-  !(e.series[0]?.overlays?.trendLine?.created ?? !1) && t && (e.series[0].overlays ??= he(), e.series[0].overlays.trendLine ??= he().trendLine, e.series[0].overlays.trendLine.created = t), Uc(t, e);
-}, yi = (t) => t.series[0]?.sizePolicy ?? ia(), Nc = (t, e) => {
+}, Pc = (t, e) => {
+  !(e.series[0]?.overlays?.trendLine?.created ?? !1) && t && (e.series[0].overlays ??= he(), e.series[0].overlays.trendLine ??= he().trendLine, e.series[0].overlays.trendLine.created = t), Nc(t, e);
+}, yi = (t) => t.series[0]?.sizePolicy ?? ia(), Ec = (t, e) => {
   e.series[0] && (t !== void 0 && t.field?.trim() !== "" ? e.series[0].sizePolicy = { ...e.series[0].sizePolicy, ...t } : e.series[0].sizePolicy = void 0);
-}, Pc = (t) => t?.series?.[0]?.overlays, Ec = (t, e) => {
+}, Gc = (t) => t?.series?.[0]?.overlays, $c = (t, e) => {
   e?.series[0] !== void 0 && (e.series[0].overlays = t);
 };
-class Gc extends E {
+class qc extends E {
   constructor() {
     super(...arguments), this._chartType = y.ScatterSeries;
   }
@@ -5861,7 +5878,7 @@ class Gc extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setXAxisField(e) {
-    await wc(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
+    await Bc(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
   }
   /**
    * Gets the y-axis field.
@@ -5876,49 +5893,49 @@ class Gc extends E {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setYAxisField(e) {
-    await Dc(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setYAxisField");
+    await Vc(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setYAxisField");
   }
   /**
    * Gets whether the linear trend line is shown.
    * @returns {boolean}
    */
   getShowLinearTrend() {
-    return Oc(this._config);
+    return Mc(this._config);
   }
   /**
    * Sets whether to show the linear trend line.
    * @param {boolean} show
    */
   setShowLinearTrend(e) {
-    kc(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
+    Pc(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
   }
   /**
    * Gets the line symbol for the linear trend line.
    * @returns {ISimpleLineSymbol}
    */
   getLinearTrendSymbol() {
-    return Ic(this._config);
+    return Uc(this._config);
   }
   /**
    * Sets the line symbol for the linear trend line.
    * @param {ISimpleLineSymbol} symbol
    */
   setLinearTrendSymbol(e) {
-    Mc(e, this._config), this.emitConfigUpdate("setLinearTrendSymbol");
+    kc(e, this._config), this.emitConfigUpdate("setLinearTrendSymbol");
   }
   /**
    * Gets the marker symbol used for the scatter plot points when using a fixed symbol (i.e. no size policy is set).
    * @returns {ISimpleMarkerSymbol}
    */
   getFixedMarkerSymbol() {
-    return Bc(this._config);
+    return Oc(this._config);
   }
   /**
    * Sets the marker symbol used for the scatter plot points when using a fixed symbol (i.e. no size policy is set).
    * @param {ISimpleMarkerSymbol} symbol
    */
   setFixedMarkerSymbol(e) {
-    Vc(e, this._config), this.emitConfigUpdate("setFixedMarkerSymbol");
+    Ic(e, this._config), this.emitConfigUpdate("setFixedMarkerSymbol");
   }
   /**
    * Gets the size policy for the scatter plot points. This is used to scale the size of the marker symbol based on a given field.
@@ -5933,20 +5950,20 @@ class Gc extends E {
    */
   setSizePolicy(e) {
     const i = yi(this._config);
-    fi(i, e) || (Nc(e, this._config), this.emitConfigUpdate("setSizePolicy"));
+    fi(i, e) || (Ec(e, this._config), this.emitConfigUpdate("setSizePolicy"));
   }
   /**
    * Gets the chart overlays. The scatter plot implements only 1 overlay, **trendLine**.
    */
   getSeriesOverlays() {
-    return Pc(this._config);
+    return Gc(this._config);
   }
   /**
    * Sets the chart overlays. The scatter plot implements only 1 overlay, **trendLine**.
    * @param {ScatterPlotOverlays} overlays The overlays
    */
   setSeriesOverlays(e) {
-    Ec(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
+    $c(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
   }
   // ---------------------------------------------------------------------------------------------
   // Protected methods
@@ -5955,11 +5972,11 @@ class Gc extends E {
     return await sa();
   }
 }
-j(Gc, [
+j(qc, [
   Ae,
   Se,
   we,
-  _e,
+  Fe,
   De,
   tt,
   Be
@@ -5971,21 +5988,21 @@ export {
   E as C,
   $o as D,
   Mt as E,
-  ed as F,
+  id as F,
   sl as G,
-  _l as H,
+  Fl as H,
   qo as I,
   Ut as J,
   Ro as K,
   Al as L,
-  _e as M,
+  Fe as M,
   kt as N,
   zo as O,
-  Ac as P,
+  Dc as P,
   Nt as Q,
   wl as R,
-  Gc as S,
-  id as T,
+  qc as S,
+  ad as T,
   Wo as U,
   Pt as V,
   Xo as W,
@@ -5993,11 +6010,11 @@ export {
   jo as Y,
   ei as Z,
   Ko as _,
-  bs as a,
+  ys as a,
   Zo as a0,
   en as a1,
   tn as a2,
-  ad as a3,
+  od as a3,
   Et as b,
   Se as c,
   It as d,
@@ -6016,8 +6033,8 @@ export {
   z as q,
   q as r,
   ge as s,
-  td as t,
-  sd as u,
+  sd as t,
+  rd as u,
   ne as v,
   ie as w,
   ja as x,