@arcgis/charts-components 5.2.0-next.41 → 5.2.0-next.43

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { m as t } from "./model-setter.js";
 import { H as o } from "./common.js";
-import { S as u, g as _, a as C } from "./serial-chart-model.js";
-import { F as S, G as T, H as A, I as F, J as O, K as x, L, M as R, N as D, O as v, P as w, Q as I, R as b, S as B, T as P, U as k, V as E, X as N, Y as W, Z as Y, _ as G, $ as H, a0 as U, a1 as M, a2 as V, a3 as X, a4 as j, a5 as K, a6 as Z, a7 as c, a8 as y, a9 as q, aa as z, ab as J, ac as Q, ad as $, ae as ee, z as d, af as te, ag as ie, ah as se, ai as re, aj as oe, ak as ne, al as ae, am as ge } from "./serial-chart-data.js";
-import { d as m } from "./data.js";
-import { u as le, r as f } from "./chart-object-literals.js";
-import { O as pe } from "./index.js";
+import { S as u, g as _, a as S } from "./serial-chart-model.js";
+import { F as C, G as T, H as A, I as F, J as O, K as x, L, M as R, N as D, O as I, P as v, Q as w, R as b, S as B, T as P, U as k, V as E, X as N, Y as W, Z as Y, _ as H, $ as G, a0 as M, a1 as U, a2 as V, a3 as X, a4 as j, a5 as K, a6 as Z, a7 as q, a8 as c, a9 as m, aa as z, ab as J, ac as Q, ad as $, ae as ee, af as te, z as y, ag as ie, ah as se, ai as re, aj as oe, ak as ne, al as ae, am as ge, an as le } from "./serial-chart-data.js";
+import { d } from "./data.js";
+import { u as pe, r as f } from "./chart-object-literals.js";
+import { O as ce } from "./index.js";
 import { an as h } from "./index2.js";
-import { q as ce } from "./index3.js";
+import { q as me } from "./index3.js";
 var ye = Object.defineProperty, de = Object.getOwnPropertyDescriptor, i = (l, e, r, a) => {
   for (var n = de(e, r), g = l.length - 1, p; g >= 0; g--)
     (p = l[g]) && (n = p(e, r, n) || n);
@@ -15,13 +15,13 @@ var ye = Object.defineProperty, de = Object.getOwnPropertyDescriptor, i = (l, e,
 };
 class s extends u {
   constructor() {
-    super(...arguments), this._chartType = le.HeatSeries;
+    super(...arguments), this._chartType = pe.HeatSeries;
   }
   /**
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return this.layerInfo !== void 0 ? S(this._config, this.layerInfo, this.commonStrings) : "";
+    return this.layerInfo !== void 0 ? C(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
@@ -36,20 +36,29 @@ class s extends u {
   get layer() {
     return super.layer;
   }
+  /**
+   * Sets up the heat chart model from the provided model params.
+   * @param {ModelParams<ChartConfig<typeof ModelTypes.HeatChart>>} params - The model setup params.
+   */
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), T({
+      commonStrings: this.commonStrings,
+      config: this._config,
+      layerInfo: this.layerInfo
+    }), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   /**
    * The y axis field used by the heat chart.
    */
   get yAxisField() {
-    return T(this._config);
+    return A(this._config);
   }
   set yAxisField(e) {
-    A({
+    F({
       yField: e,
       config: this._config,
-      layerInfo: this.layerInfo
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
   /**
@@ -60,11 +69,11 @@ class s extends u {
    * **Note**: This is only applicable for calendar heat charts (when `xAxisField` and `yAxisField` are date fields).
    */
   get viewType() {
-    return F(this._config);
+    return O(this._config);
   }
   set viewType(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      O(e, this._config), this.emitConfigUpdate("heatChartViewType");
+      x(e, this._config), this.emitConfigUpdate("heatChartViewType");
     });
   }
   /**
@@ -79,10 +88,10 @@ class s extends u {
    * ```
    */
   get xTemporalBinning() {
-    return x(this._config);
+    return L(this._config);
   }
   set xTemporalBinning(e) {
-    L({
+    R({
       commonStrings: this.commonStrings,
       binning: e,
       config: this._config
@@ -100,10 +109,10 @@ class s extends u {
    * ```
    */
   get yTemporalBinning() {
-    return R(this._config);
+    return D(this._config);
   }
   set yTemporalBinning(e) {
-    D({
+    I({
       commonStrings: this.commonStrings,
       binning: e,
       config: this._config
@@ -129,46 +138,46 @@ class s extends u {
    * `manual` - Allows you to manually specify the class breaks.
    */
   get classificationMethod() {
-    return I(this._config);
+    return b(this._config);
   }
   set classificationMethod(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      e && (b(e, this._config), this.emitConfigUpdate("classificationMethod"));
+      e && (B(e, this._config), this.emitConfigUpdate("classificationMethod"));
     });
   }
   /**
    * The name of the color ramp used by the heat chart.
    */
   get colorRampName() {
-    return B(this._config);
+    return P(this._config);
   }
   set colorRampName(e) {
-    P(e, this._config);
+    k(e, this._config);
   }
   /**
    * Whether the color ramp is flipped for the heat chart,
    * which means the colors will be reversed (e.g., if the original color ramp goes from light to dark, flipping it will make it go from dark to light).
    */
   get isColorRampFlipped() {
-    return k(this._config);
+    return E(this._config);
   }
   set isColorRampFlipped(e) {
-    E(e, this._config);
+    N(e, this._config);
   }
   /**
    * Hide the empty rows and columns in the heat chart.
    */
   get hideEmptyRowsAndColumns() {
-    return N(this._config);
+    return W(this._config);
   }
   set hideEmptyRowsAndColumns(e) {
-    W(this._config, e);
+    Y(this._config, e);
   }
   /**
    * The grid line width used by the heat chart.
    */
   get gridLineWidth() {
-    return Y(this._config);
+    return H(this._config);
   }
   set gridLineWidth(e) {
     G(e, this._config);
@@ -177,7 +186,7 @@ class s extends u {
    * The grid line color used by the heat chart.
    */
   get gridLineColor() {
-    return H(this._config);
+    return M(this._config);
   }
   set gridLineColor(e) {
     U(e, this._config);
@@ -190,7 +199,7 @@ class s extends u {
     return _(0, this._config);
   }
   set seriesName(e) {
-    typeof e == "string" && C(e, 0, this._config);
+    typeof e == "string" && S(e, 0, this._config);
   }
   /**
    * The heat rules type used by the heat chart.
@@ -198,10 +207,10 @@ class s extends u {
    * `renderer`: A class break renderer is used to apply specific colors to cells based on defined value ranges, allowing for more customized visualizations.
    */
   get heatRulesType() {
-    return M(this._config);
+    return V(this._config);
   }
   set heatRulesType(e) {
-    V(this._config, e);
+    X(this._config, e);
   }
   /**
    * Set the gradient rules for the heat chart, which define how data values map to colors.
@@ -223,10 +232,10 @@ class s extends u {
    * ```
    */
   get gradientRules() {
-    return X(this._config);
+    return j(this._config);
   }
   set gradientRules(e) {
-    j(this._config, e);
+    K(this._config, e);
   }
   /**
    * Gets the grid lines symbol. Contains styling information such as line width, line style, and line color.
@@ -241,19 +250,19 @@ class s extends u {
    * Heat chart only supports one numeric field, if there are multiple numeric fields provided in the array, only the first one will be used and the rest will be ignored.
    */
   get numericFields() {
-    const e = K(this._config);
+    const e = Z(this._config);
     return e !== void 0 ? [e] : [];
   }
   set numericFields(e) {
-    const { idField: r } = h(this.layerInfo.layer), a = ce(e[0]), n = a ? r : e[0];
-    Z({
+    const { idField: r } = h(this.layerInfo.layer), a = me(e[0]), n = a ? r : e[0];
+    q({
       field: n,
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings
     });
     const g = c(this._config);
-    a && g !== f.Count && y({
+    a && g !== f.Count && m({
       aggregationType: f.Count,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -267,7 +276,7 @@ class s extends u {
     return c(this._config);
   }
   set aggregationType(e) {
-    y({
+    m({
       aggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -284,26 +293,26 @@ class s extends u {
   set splitByField(e) {
   }
   get legendPosition() {
-    return q(this._config);
+    return z(this._config);
   }
   set legendPosition(e) {
-    z(e, this._config);
+    J(e, this._config);
   }
   get nullPolicy() {
-    return J(this._config);
+    return Q(this._config);
   }
   set nullPolicy(e) {
-    Q(e, this._config);
+    $(e, this._config);
   }
   get emptyCell() {
-    return $(this._config);
+    return ee(this._config);
   }
   /**
    * The heat chart's empty cell configuration.
    */
   set emptyCell(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      ee(e, this._config), this.emitConfigUpdate("emptyCell");
+      te(e, this._config), this.emitConfigUpdate("emptyCell");
     });
   }
   getSortOrder() {
@@ -316,38 +325,38 @@ class s extends u {
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const e = d(this._config)[0];
+    const e = y(this._config)[0];
     return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
   setXAxisSortOrder(e, r) {
-    m(e, this._config, r);
+    d(e, this._config, r);
   }
   /**
    * Gets the sort order for on the y axis for heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const e = d(this._config)[1];
+    const e = y(this._config)[1];
     return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
   setYAxisSortOrder(e, r) {
-    m(e, this._config, r, !0);
+    d(e, this._config, r, !0);
   }
   get emptyCellText() {
-    return te(this._config);
+    return ie(this._config);
   }
   set emptyCellText(e) {
-    ie(e, this._config);
+    se(e, this._config);
   }
   get includeLeapDay() {
-    return se(this._config);
+    return re(this._config);
   }
   /**
    * Whether to include leap day (February 29) in the heat chart when using "day of month" temporal binning.
    */
   set includeLeapDay(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      re(e, this._config), this.emitConfigUpdate("includeLeapDay");
+      oe(e, this._config), this.emitConfigUpdate("includeLeapDay");
     });
   }
   /**
@@ -357,18 +366,18 @@ class s extends u {
    * - `7`: Sunday
    */
   get firstDayOfWeek() {
-    return oe(this._config);
+    return ne(this._config);
   }
   set firstDayOfWeek(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      ne(e, this._config), this.emitConfigUpdate("firstDayOfWeek");
+      ae(e, this._config), this.emitConfigUpdate("firstDayOfWeek");
     });
   }
   get emptyCellSymbol() {
-    return ae(this._config);
+    return ge(this._config);
   }
   set emptyCellSymbol(e) {
-    ge(e, this._config);
+    le(e, this._config);
   }
   // Chart override methods that aren't supported
   /**
@@ -410,7 +419,7 @@ class s extends u {
    * @private
    */
   generateDefaultConfig() {
-    const e = pe(this.commonStrings, h(this.layerInfo.layer).idField);
+    const e = ce(this.commonStrings, h(this.layerInfo.layer).idField);
     return e.axes?.forEach((r, a) => {
       r && (r.valueFormat = {
         // use short date format for y axis labels

package/dist/chunks/histogram-model.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { f as m } from "./utils.js";
+import { h as m } from "./utils.js";
 import { g as h, s as y, a as g, b as f, c as p, d, e as c, f as S, h as v, i as b, j as u, k as _, l as D, m as M, n as O, o as w, p as C, q as W, r as T, t as x, u as A, v as N, w as L, x as E, y as F, z as X, A as B } from "./histogram-data.js";
 import { C as P } from "./chart-model.js";
 import { M as j, a as H, W as I, b as V } from "./data-labels-visibility.js";

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

@@ -7,7 +7,7 @@ import { M as g } from "./model-with-line-marker-styling.js";
 import { s as u, a as p, b, c as I, d as v, W as _ } from "./negative-values-stacked-to-baseline.js";
 import { S as C, s as L, a as M } from "./serial-chart-model.js";
 import { h as f } from "./serial-chart-data.js";
-import { f as k } from "./utils.js";
+import { h as k } from "./utils.js";
 var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, x = (o, e, s, t) => {
   for (var i = F(e, s), r = o.length - 1, l; r >= 0; r--)
     (l = o[r]) && (i = l(e, s, i) || i);

package/dist/chunks/model-with-x-guides.js

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { G as n } from "./common.js";
-import { f as u } from "./utils.js";
+import { h as f } from "./utils.js";
 import { M as a, b as l, d as G } from "./x-bounds.js";
 import { m as p } from "./model-setter.js";
-var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, f = (o, e, t, h) => {
+var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, u = (o, e, t, h) => {
   for (var i = c(e, t), s = o.length - 1, r; s >= 0; s--)
     (r = o[s]) && (i = r(e, t, i) || i);
   return i && m(e, t, i), i;
@@ -36,14 +36,14 @@ class d extends a {
     });
   }
 }
-f([
+u([
   p
 ], d.prototype, "addXAxisGuide");
-f([
+u([
   p
 ], d.prototype, "deleteXAxisGuide");
 const g = [a];
-u(d, g);
+f(d, g);
 export {
   d as M
 };

package/dist/chunks/model-with-y-guides.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { C as b } from "./chart-model.js";
-import { r as o, k as h, s as x, l as A, m as C, n as m, o as L, p as V, f as v } from "./utils.js";
+import { r as o, l as h, s as x, m as A, a as C, n as m, o as L, p as V, h as v } from "./utils.js";
 import { cloneDeep as T } from "lodash-es";
 import { j as y } from "./chart-object-literals.js";
 import { H as g } from "./index.js";
@@ -12,15 +12,15 @@ const P = (t) => {
   for (const i of t.axes ?? [])
     if (i?.grid !== void 0)
       return i.grid;
-}, k = (t, i, s) => {
+}, F = (t, i, s) => {
   const e = i.axes;
   s.forEach((c) => {
     e?.[c] !== void 0 && (e[c].grid = T(t));
   });
-}, F = (t, i) => i.axes?.[t]?.visible ?? !0, W = (t, i, s) => {
+}, W = (t, i) => i.axes?.[t]?.visible ?? !0, Z = (t, i, s) => {
   const e = s.axes?.[i];
   e !== void 0 && (e.visible = t);
-}, Z = (t, i) => t.axes?.[i]?.displayZeroLine ?? !1, w = (t, i, s) => {
+}, k = (t, i) => t.axes?.[i]?.displayZeroLine ?? !1, w = (t, i, s) => {
   t.axes?.[s] !== void 0 && (t.axes[s].displayZeroLine = i);
 }, N = (t, i) => t.axes?.[i]?.displayCursorTooltip ?? !1, j = (t) => {
   const { config: i, displayCursorTooltip: s, axisIndex: e } = t;
@@ -83,7 +83,7 @@ class a extends b {
     return o({
       config: this._config,
       axisIndex: i,
-      func: (s) => F(s, this._config)
+      func: (s) => W(s, this._config)
     }) ?? !0;
   }
   /**
@@ -98,7 +98,7 @@ class a extends b {
         config: this._config,
         axisIndex: s,
         func: (e) => {
-          W(i, e, this._config), this.emitConfigUpdate("setAxisVisibility");
+          Z(i, e, this._config), this.emitConfigUpdate("setAxisVisibility");
         }
       });
     });
@@ -319,7 +319,7 @@ class a extends b {
     return P(this._config);
   }
   setGridLinesSymbol(i, s) {
-    Array.isArray(s) && k(i, this._config, s);
+    Array.isArray(s) && F(i, this._config, s);
   }
   /**
    * Get the default x-axis title text.
@@ -339,7 +339,7 @@ class a extends b {
     return o({
       config: this._config,
       axisIndex: i,
-      func: (s) => Z(this._config, s)
+      func: (s) => k(this._config, s)
     }) ?? !1;
   }
   setDisplayZeroLine(i, s) {

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

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { log as W } from "@arcgis/toolkit/log";
 import { u as p } from "./chart-object-literals.js";
-import { Y as L, an as A } from "./index2.js";
-import { i as k } from "./index4.js";
+import { Y as L, an as k } from "./index2.js";
+import { i as A } from "./index4.js";
 import { U as d, a6 as T, a0 as O, ay as V, a3 as w, a4 as G } from "./index.js";
 import { C as h } from "./index3.js";
 import { C as z } from "./chart-model.js";
@@ -10,7 +10,7 @@ import { m as s } from "./model-setter.js";
 import { b as g, P as y } from "./common.js";
 import { M as x, a as B, W as E, b as R } from "./data-labels-visibility.js";
 import { W as j } from "./data-labels-symbol.js";
-import { f as I, j as U, b as K } from "./utils.js";
+import { h as I, k as U, c as K } from "./utils.js";
 import { i as m, a as _, g as f, s as $, c as Y, b as q, d as H, e as J, f as Q, h as D, j as C, k as X } from "./pie-chart-data.js";
 import { cloneDeep as Z } from "lodash-es";
 import { i as S } from "./rest-js-object-literals.js";
@@ -117,14 +117,14 @@ const ue = (t) => t.series?.[0]?.innerRadius, fe = (t, e) => {
   let e;
   const i = t.series?.[0];
   return i?.displayNumericValueOnDataLabel === !0 && i?.displayPercentageOnDataLabel === !0 ? e = g.Both : i?.displayNumericValueOnDataLabel === !0 ? e = g.Value : e = g.Percentage, e;
-}, Ae = (t, e) => {
+}, ke = (t, e) => {
   const i = t === g.Value || t === g.Both, o = t === g.Percentage || t === g.Both;
   e.series?.[0] && (e.series[0].displayNumericValueOnDataLabel = i, e.series[0].displayPercentageOnDataLabel = o), e.legend && (e.legend = {
     ...e.legend,
     displayNumericValue: i,
     displayPercentage: o
   });
-}, ke = (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);
 }, Ge = (t) => t.series?.[0]?.dataLabelsInside ?? !1, ze = (t, e) => {
   e.series[0] && (e.series[0].dataLabelsInside = t);
@@ -201,7 +201,7 @@ class r extends z {
     return f(this._config);
   }
   set category(e) {
-    (!k(this._config) || e.trim() !== "") && (this._mode = m({
+    (!A(this._config) || e.trim() !== "") && (this._mode = m({
       category: e,
       numericFields: _(this._config),
       fallbackMode: this._mode
@@ -397,7 +397,7 @@ class r extends z {
     return We(this._config);
   }
   set displayType(e) {
-    Ae(e, this._config);
+    ke(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
@@ -405,7 +405,7 @@ class r extends z {
   /** @private */
   generateDefaultConfig() {
     const e = w(this.commonStrings);
-    return e.series = [G(this.commonStrings, A(this.layerInfo.layer).idField)], e;
+    return e.series = [G(this.commonStrings, k(this.layerInfo.layer).idField)], e;
   }
   // ---------------------------------------------------------------------------------------------
   // #region Series Methods
@@ -643,7 +643,7 @@ class r extends z {
    * Align the data labels on the left or right side of the chart instead of the default position around the chart.
    */
   get alignDataLabels() {
-    return ke(this._config);
+    return Ae(this._config);
   }
   set alignDataLabels(e) {
     we(e, this._config);

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

@@ -2,7 +2,7 @@
 import { S as m, s as d, a as S } from "./serial-chart-model.js";
 import { s as c, a as y, b as g, c as u, d as p, W as b } from "./negative-values-stacked-to-baseline.js";
 import { h as n } from "./serial-chart-data.js";
-import { f as v } from "./utils.js";
+import { h as v } from "./utils.js";
 import { m as I } from "./model-setter.js";
 import { u as _ } from "./chart-object-literals.js";
 import { M as C } from "./model-with-line-marker-styling.js";

package/dist/chunks/scatterplot-model.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { s as p, u as v, d as X, f as O } from "./utils.js";
+import { s as p, u as v, e as X, h as O } from "./utils.js";
 import { substitute as Y } from "@arcgis/core/intl.js";
-import { isEmpty as f, isEqual as D } from "lodash-es";
+import { isEmpty as x, isEqual as D } from "lodash-es";
 import { b as w } from "./series-length.js";
 import { g as b } from "./utils2.js";
 import { aj as m, ad as z, ab as k } from "./index.js";
@@ -33,17 +33,17 @@ function M(i, e) {
   return s === r || o;
 }
 function C(i, e) {
-  const { layerFieldsInfo: t } = e, s = x(i), r = y(t, s), o = b(0, i), n = T(i);
+  const { layerFieldsInfo: t } = e, s = f(i), r = y(t, s), o = b(0, i), n = T(i);
   return r === o || n;
 }
 function g(i, e, t) {
-  const s = x(i), r = u(i), { layerFieldsInfo: o } = e, n = y(o, s), a = y(o, r);
+  const s = f(i), r = u(i), { layerFieldsInfo: o } = e, n = y(o, s), a = y(o, r);
   return Y(t.titleLabels.xAndY, { x: n, y: a });
 }
 const _ = (i) => {
   const { x: e, y: t, config: s, layerInfo: r, updateChartTitle: o, updateXAxisTitle: n, updateYAxisTitle: a, commonStrings: h } = i, { layerFieldsInfo: A } = r, W = y(A, e), P = y(A, t);
-  !f(e) && n && v(s, 0, W), !f(t) && a && v(s, 1, P), !f(e) && !f(t) && s.title && o && (s.title.content.text = g(s, r, h));
-}, x = (i) => i.series[0]?.x ?? "", u = (i) => i.series[0]?.y ?? "", re = (i) => {
+  !x(e) && n && v(s, 0, W), !x(t) && a && v(s, 1, P), !x(e) && !x(t) && s.title && o && (s.title.content.text = g(s, r, h));
+}, f = (i) => i.series[0]?.x ?? "", u = (i) => i.series[0]?.y ?? "", re = (i) => {
   const { fieldName: e, config: t, layerInfo: s, commonStrings: r } = i, o = I(t, s, r), n = C(t, s), a = M(t, s);
   F(t), t.series[0] && (t.series[0].x = e), _({
     x: e,
@@ -63,7 +63,7 @@ const _ = (i) => {
 }, oe = (i) => {
   const { fieldName: e, config: t, layerInfo: s, commonStrings: r } = i, o = I(t, s, r), n = C(t, s), a = M(t, s);
   F(t), t.series[0] && (t.series[0].y = e), _({
-    x: x(t),
+    x: f(t),
     y: e,
     config: t,
     layerInfo: s,
@@ -93,7 +93,7 @@ const _ = (i) => {
   !(e.series[0]?.overlays?.trendLine?.created ?? !1) && i && (e.series[0].overlays ??= m(), e.series[0].overlays.trendLine ??= m().trendLine, e.series[0].overlays.trendLine.created = i), ye(i, e);
 }, S = (i) => i.series[0]?.sizePolicy ?? z(), pe = (i, e) => {
   e.series[0] && (i !== void 0 && i.field?.trim() !== "" ? e.series[0].sizePolicy = { ...e.series[0].sizePolicy, ...i } : e.series[0].sizePolicy = void 0);
-}, fe = (i) => i?.series?.[0]?.overlays, xe = (i, e) => {
+}, xe = (i) => i?.series?.[0]?.overlays, fe = (i, e) => {
   e?.series[0] !== void 0 && (e.series[0].overlays = i);
 }, ue = (i) => i.series.find((e) => e.additionalTooltipFields !== void 0)?.additionalTooltipFields ?? [], he = (i, e) => {
   e.series.forEach((t) => {
@@ -119,7 +119,7 @@ class l extends V {
    * X-axis field.
    */
   get xAxisField() {
-    return x(this._config);
+    return f(this._config);
   }
   set xAxisField(e) {
     re({ fieldName: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
@@ -174,10 +174,10 @@ class l extends V {
    * Trendline overlay for the scatterplot.
    */
   get seriesOverlays() {
-    return fe(this._config);
+    return xe(this._config);
   }
   set seriesOverlays(e) {
-    e !== void 0 && xe(e, this._config);
+    e !== void 0 && fe(e, this._config);
   }
   /**
    * Add an additional field to display for scatterplot tooltips.