@arcgis/charts-components 4.34.0-next.143 → 4.34.0-next.145

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

@@ -1,9 +1,9 @@
-import { isEqual as l } from "lodash-es";
+import { isEqual as r } from "lodash-es";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
-const s = (e) => (e?.remove(), null), c = (e, t = !1) => {
-  if (e != null) {
+v4.34.0-next.145 */
+const l = (e) => (e?.remove(), null), c = (e, t = !1) => {
+  if (e) {
     t ? (e.style.setProperty("opacity", "1"), e.style.setProperty("pointer-events", "initial")) : (e.style.removeProperty("opacity"), e.style.removeProperty("pointer-events"));
     const n = e.referenceElement, i = n !== void 0 ? {
       getBoundingClientRect: () => n.getBoundingClientRect()
@@ -12,9 +12,9 @@ const s = (e) => (e?.remove(), null), c = (e, t = !1) => {
     };
     e.referenceElement = i, e.triggerDisabled = t, e.open = t;
   }
-}, a = (e, t) => e !== void 0 && t !== void 0 && !l(e, t);
+}, o = (e, t) => e !== void 0 && t !== void 0 && !r(e, t);
 export {
   c as e,
-  a as p,
-  s as r
+  o as p,
+  l as r
 };

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

@@ -1,8 +1,8 @@
-import { W as n } from "./series-types.js";
-import { fetchT9nStringsBundle as m, getElementLocale as h } from "@arcgis/toolkit/intl";
+import { W as l } from "./series-types.js";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { aK as f, ay as o, a5 as d, X as S } from "./interfaces.js";
+import { aK as n, ay as r, a5 as m, X as h } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,45 +10,43 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { g as c } from "./runtime.js";
+import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { S as g, s as y, a as u } from "./serial-chart-model.js";
-import "./model-with-multi-axes.js";
+import { S as f, s as S, a as d } from "./serial-chart-model.js";
 import "@arcgis/core/intl.js";
-import { M as p, a as b } from "./model-with-baseline-stacking.js";
-import { d as a, e as I } from "./data.js";
-import { s as k, a as C, b as M, c as L, d as v } from "./baseline-stacking.js";
+import "./model-with-multi-axes.js";
+import { M as c, a as g } from "./model-with-baseline-stacking.js";
+import { s as y, a as u, b as p, c as b, d as I } from "./baseline-stacking.js";
+import { d as o, e as k } from "./data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
-class _ extends g {
+v4.34.0-next.145 */
+class M extends f {
   constructor() {
-    super(...arguments), this._chartType = n.RadarSeries;
+    super(...arguments), this._chartType = l.RadarSeries;
   }
-  async setup(t) {
-    await this.loadConfigFromLayer(t), this.commonStrings = await m(
-      h(document.documentElement).t9nLocale,
-      c("./assets/common/t9n"),
-      "messages."
-    ), t.config !== void 0 && this.updateSeriesFromLayerFilter(), await this.initDefaultSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
+  async setup(e) {
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), this.initDefaultSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const t = await f();
-    return t.series = [
-      await o({
+  generateDefaultConfig() {
+    const e = n(this.commonStrings);
+    return e.series = [
+      r({
+        commonStrings: this.commonStrings,
         objectIDField: this.layerInfo?.objectIdField
       })
-    ], t;
+    ], e;
   }
   /**
    * Initializes the default series for the radar chart. Used in resetting the series styling.
    * @category Private
    */
-  async initDefaultSeries() {
-    this.defaultSeries = await o({
+  initDefaultSeries() {
+    this.defaultSeries = r({
+      commonStrings: this.commonStrings,
       objectIDField: this.layerInfo?.objectIdField
     });
   }
@@ -56,54 +54,53 @@ class _ extends g {
    * Resets the series styling to the default styling.
    */
   resetSeriesStyling() {
-    const t = this.getSeriesLength();
-    for (let e = 0; e < t; e += 1) {
-      const r = d({
-        colorIndex: e,
-        opacity: S
-      });
-      if (y(r, e, this._config), k(r, e, this._config), this.layerInfo !== void 0) {
-        const i = this.getSeriesId(e), s = a({
-          config: this._config,
-          seriesIndex: e,
-          layerInfo: this.layerInfo,
-          commonStrings: this.commonStrings
+    this.guardSetterFromAsyncOverwrite(() => {
+      for (let e = 0; e < this.seriesLength; e += 1) {
+        const t = m({
+          colorIndex: e,
+          opacity: h
         });
-        s !== this.layerInfo.objectIdField && u(s ?? i, e, this._config);
+        if (S(t, e, this._config), y(t, e, this._config), this.layerInfo !== void 0) {
+          const i = this.getSeriesId(e), s = o({
+            config: this._config,
+            seriesIndex: e,
+            layerInfo: this.layerInfo,
+            commonStrings: this.commonStrings
+          });
+          s !== this.layerInfo.objectIdField && d(s ?? i, e, this._config);
+        }
+        u(this.defaultSeries?.lineSymbol?.style, e, this._config), p(this.defaultSeries?.lineSymbol?.width, e, this._config), b(this.defaultSeries?.markerSymbol?.style, e, this._config), I(this.defaultSeries?.markerSymbol?.size, e, this._config);
       }
-      C(this.defaultSeries?.lineSymbol?.style, e, this._config), M(this.defaultSeries?.lineSymbol?.width, e, this._config), L(this.defaultSeries?.markerSymbol?.style, e, this._config), v(this.defaultSeries?.markerSymbol?.size, e, this._config);
-    }
-    this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
+      this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
+    });
   }
   /**
    * Returns whether the series styling is able to be reset.
    * @returns {boolean}
    */
   resetAvailable() {
-    const t = !this.getColorMatch();
-    let e = !1;
-    if (!t) {
-      const r = this.getSeriesLength();
-      for (let i = 0; i < r; i += 1) {
+    const e = !this.colorMatch;
+    let t = !1;
+    if (!e)
+      for (let i = 0; i < this.seriesLength; i += 1) {
         if (this.layerInfo !== void 0) {
-          const s = a({
+          const s = o({
             config: this._config,
             seriesIndex: i,
             layerInfo: this.layerInfo,
             commonStrings: this.commonStrings
-          }), l = this.getSeriesName(i);
-          s !== void 0 && s !== this.layerInfo.objectIdField && s !== l && (e = !0);
+          }), a = this.getSeriesName(i);
+          s !== void 0 && s !== this.layerInfo.objectIdField && s !== a && (t = !0);
         }
         if (this.defaultSeries?.lineSymbol?.style !== void 0 && this.defaultSeries?.lineSymbol.style !== this.getSeriesLineStyle(i) || this.defaultSeries?.lineSymbol?.width !== void 0 && this.defaultSeries?.lineSymbol.width !== this.getSeriesLineWidth(i) || this.defaultSeries?.markerSymbol?.style !== void 0 && this.defaultSeries?.markerSymbol?.style !== this.getSeriesMarkerStyle(i) || this.defaultSeries?.markerSymbol?.size !== void 0 && this.defaultSeries?.markerSymbol?.size !== this.getSeriesMarkerSize(i)) {
-          e = !0;
+          t = !0;
           break;
         }
       }
-    }
-    return t || e;
+    return e || t;
   }
 }
-I(_, [p, b]);
+k(M, [c, g]);
 export {
-  _ as RadarChartModel
+  M as RadarChartModel
 };

package/dist/chunks/resource.js

@@ -3,7 +3,7 @@ import { n } from "./type-guards.js";
 import "./series-types.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
+v4.34.0-next.145 */
 const u = {
   addGuide: "add-guide",
   noMessages: "no-messages"

package/dist/chunks/rest-js-object-literals.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
+v4.34.0-next.145 */
 const e = {
   Blob: "esriFieldTypeBlob",
   Date: "esriFieldTypeDate",

package/dist/chunks/runtime.js

@@ -3,7 +3,7 @@ import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as r, createTrackingTarget as a, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
+v4.34.0-next.145 */
 const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/next/charts-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: h } = t;
 t.t = s;
 t.o = r;

package/dist/chunks/scatterplot-model.js

@@ -1,8 +1,8 @@
 import { W as _ } from "./series-types.js";
-import { fetchT9nStringsBundle as w, getElementLocale as I } from "@arcgis/toolkit/intl";
-import { isEmpty as y, isEqual as X } from "lodash-es";
+import "@arcgis/toolkit/intl";
+import { isEmpty as c, isEqual as O } from "lodash-es";
 import "d3-array";
-import { ar as Y, as as l, cd as o, x as m, bc as P, aN as U } from "./interfaces.js";
+import { ar as w, as as d, cd as l, x, bc as P, aN as U } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -10,100 +10,98 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { g as E } from "./runtime.js";
+import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { g as W, a as v, s as u, u as T, r as k, e as z } from "./data.js";
-import { substitute as O } from "@arcgis/core/intl.js";
-import { C as D, M as B, b as V, a as G } from "./model-with-multi-axes.js";
-import { M as q, a as j, b as H, c as J } from "./model-with-data-labels.js";
+import { g as X, a as A, s as y, u as g, r as Y, e as W } from "./data.js";
+import { substitute as k } from "@arcgis/core/intl.js";
+import { C as z, M as D, b as E, a as N } from "./model-with-multi-axes.js";
+import { M as V, a as B, b as G, c as q } from "./model-with-data-labels.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.143 */
-const S = (t) => {
-  u({ config: t, value: null, axisIndex: 0, isMax: !1 }), u({ config: t, value: null, axisIndex: 0, isMax: !0 }), u({ config: t, value: null, axisIndex: 1, isMax: !1 }), u({ config: t, value: null, axisIndex: 1, isMax: !0 });
-}, F = (t) => {
-  const { name: e, axisIndex: s, config: i, layerInfo: r } = t, { layerFieldsInfo: a } = r, n = a.find((c) => c.name === e), d = n !== void 0 && P(n);
-  k(i, s, d);
+v4.34.0-next.145 */
+const v = (t) => {
+  y({ config: t, value: null, axisIndex: 0, isMax: !1 }), y({ config: t, value: null, axisIndex: 0, isMax: !0 }), y({ config: t, value: null, axisIndex: 1, isMax: !1 }), y({ config: t, value: null, axisIndex: 1, isMax: !0 });
+}, S = (t) => {
+  const { name: e, axisIndex: i, config: s, layerInfo: r } = t, { layerFieldsInfo: o } = r, n = o.find((h) => h.name === e), a = n !== void 0 && P(n);
+  Y(s, i, a);
 };
-async function g(t, e) {
-  const s = await h(t, e), i = W(t), r = m(t);
-  return s === i || r;
+function F(t, e, i) {
+  const s = p(t, e, i), r = X(t), o = x(t);
+  return s === r || o;
 }
-function f(t, e) {
-  const { layerFieldsInfo: s } = e, i = o(s, x(t)), r = v(1, t), a = m(t);
-  return i === r || a;
+function C(t, e) {
+  const { layerFieldsInfo: i } = e, s = l(i, u(t)), r = A(1, t), o = x(t);
+  return s === r || o;
 }
 function L(t, e) {
-  const { layerFieldsInfo: s } = e, i = p(t), r = o(s, i), a = v(0, t), n = m(t);
-  return r === a || n;
+  const { layerFieldsInfo: i } = e, s = m(t), r = l(i, s), o = A(0, t), n = x(t);
+  return r === o || n;
 }
-async function h(t, e) {
-  const s = p(t), i = x(t), { layerFieldsInfo: r } = e, a = o(r, s), n = o(r, i), d = await w(
-    I(document.documentElement).t9nLocale,
-    E("./assets/common/t9n"),
-    "messages."
-  );
-  return O(d.titleLabels.xAndY, { x: a, y: n });
+function p(t, e, i) {
+  const s = m(t), r = u(t), { layerFieldsInfo: o } = e, n = l(o, s), a = l(o, r);
+  return k(i.titleLabels.xAndY, { x: n, y: a });
 }
-const C = async (t) => {
-  const { x: e, y: s, config: i, layerInfo: r, updateChartTitle: a, updateXAxisTitle: n, updateYAxisTitle: d } = t, { layerFieldsInfo: c } = r, b = o(c, e), M = o(c, s);
-  !y(e) && n && T(i, 0, b), !y(s) && d && T(i, 1, M), !y(e) && !y(s) && i.title && a && (i.title.content.text = await h(i, r));
-}, p = (t) => t.series[0]?.x ?? "", x = (t) => t.series[0]?.y ?? "", K = async (t, e, s) => {
-  const i = await g(e, s), r = L(e, s), a = f(e, s);
-  S(e), e.series[0] && (e.series[0].x = t), await C({
-    x: t,
-    y: x(e),
-    config: e,
+const I = (t) => {
+  const { x: e, y: i, config: s, layerInfo: r, updateChartTitle: o, updateXAxisTitle: n, updateYAxisTitle: a, commonStrings: h } = t, { layerFieldsInfo: f } = r, b = l(f, e), M = l(f, i);
+  !c(e) && n && g(s, 0, b), !c(i) && a && g(s, 1, M), !c(e) && !c(i) && s.title && o && (s.title.content.text = p(s, r, h));
+}, m = (t) => t.series[0]?.x ?? "", u = (t) => t.series[0]?.y ?? "", j = (t) => {
+  const { fieldName: e, config: i, layerInfo: s, commonStrings: r } = t, o = F(i, s, r), n = L(i, s), a = C(i, s);
+  v(i), i.series[0] && (i.series[0].x = e), I({
+    x: e,
+    y: u(i),
+    config: i,
     layerInfo: s,
-    updateChartTitle: i,
-    updateXAxisTitle: r,
+    updateChartTitle: o,
+    commonStrings: r,
+    updateXAxisTitle: n,
     updateYAxisTitle: a
-  }), F({
-    name: t,
+  }), S({
+    name: e,
     axisIndex: 0,
-    config: e,
+    config: i,
     layerInfo: s
   });
-}, Q = async (t, e, s) => {
-  const i = await g(e, s), r = L(e, s), a = f(e, s);
-  S(e), e.series[0] && (e.series[0].y = t), await C({
-    x: p(e),
-    y: t,
-    config: e,
+}, H = (t) => {
+  const { fieldName: e, config: i, layerInfo: s, commonStrings: r } = t, o = F(i, s, r), n = L(i, s), a = C(i, s);
+  v(i), i.series[0] && (i.series[0].y = e), I({
+    x: m(i),
+    y: e,
+    config: i,
     layerInfo: s,
-    updateChartTitle: i,
-    updateXAxisTitle: r,
+    commonStrings: r,
+    updateChartTitle: o,
+    updateXAxisTitle: n,
     updateYAxisTitle: a
-  }), F({
-    name: t,
+  }), S({
+    name: e,
     axisIndex: 1,
-    config: e,
+    config: i,
     layerInfo: s
   });
-}, R = (t) => {
+}, J = (t) => {
   const e = {};
   return t.series[0]?.markerSymbol ?? e;
-}, Z = (t, e) => {
+}, K = (t, e) => {
   e.series[0] && (e.series[0].markerSymbol = t);
-}, $ = (t) => (t.series[0]?.overlays?.trendLine?.visible ?? !0) && (t.series[0]?.overlays?.trendLine?.created ?? !1), N = (t) => {
+}, Q = (t) => (t.series[0]?.overlays?.trendLine?.visible ?? !0) && (t.series[0]?.overlays?.trendLine?.created ?? !1), R = (t) => {
   const e = {};
   return t.series[0]?.overlays?.trendLine?.symbol ?? e;
+}, Z = (t, e) => {
+  e.series[0].overlays ??= d(), e.series[0].overlays.trendLine ??= d().trendLine, e.series[0].overlays.trendLine.symbol = t;
+}, $ = (t, e) => {
+  e.series[0].overlays ??= d(), e.series[0].overlays.trendLine ??= d().trendLine, e.series[0].overlays.trendLine.visible = t;
 }, ee = (t, e) => {
-  e.series[0].overlays ??= l(), e.series[0].overlays.trendLine ??= l().trendLine, e.series[0].overlays.trendLine.symbol = t;
-}, te = (t, e) => {
-  e.series[0].overlays ??= l(), e.series[0].overlays.trendLine ??= l().trendLine, e.series[0].overlays.trendLine.visible = t;
-}, se = (t, e) => {
-  !(e.series[0]?.overlays?.trendLine?.created ?? !1) && t && (e.series[0].overlays ??= l(), e.series[0].overlays.trendLine ??= l().trendLine, e.series[0].overlays.trendLine.created = t), te(t, e);
-}, A = (t) => t.series[0]?.sizePolicy ?? Y(), ie = (t, e) => {
+  !(e.series[0]?.overlays?.trendLine?.created ?? !1) && t && (e.series[0].overlays ??= d(), e.series[0].overlays.trendLine ??= d().trendLine, e.series[0].overlays.trendLine.created = t), $(t, e);
+}, T = (t) => t.series[0]?.sizePolicy ?? w(), te = (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);
-}, re = (t) => t?.series?.[0]?.overlays, ae = (t, e) => {
+}, ie = (t) => t?.series?.[0]?.overlays, se = (t, e) => {
   e?.series[0] !== void 0 && (e.series[0].overlays = t);
-}, ne = (t) => t.series.find((e) => e.additionalTooltipFields !== void 0)?.additionalTooltipFields ?? [], oe = (t, e) => {
-  e.series.forEach((s) => {
-    Array.isArray(t) ? s.additionalTooltipFields = t : typeof t == "string" ? s.additionalTooltipFields = t.trim() === "" ? [] : [t] : s.additionalTooltipFields = [];
+}, re = (t) => t.series.find((e) => e.additionalTooltipFields !== void 0)?.additionalTooltipFields ?? [], oe = (t, e) => {
+  e.series.forEach((i) => {
+    Array.isArray(t) ? i.additionalTooltipFields = t : typeof t == "string" ? i.additionalTooltipFields = t.trim() === "" ? [] : [t] : i.additionalTooltipFields = [];
   });
 };
-class le extends D {
+class ne extends z {
   constructor() {
     super(...arguments), this._chartType = _.ScatterSeries;
   }
@@ -114,123 +112,95 @@ class le extends D {
   // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the x-axis field.
-   * @returns {string}
+   * X-axis field.
    */
-  getXAxisField() {
-    return p(this._config);
+  get xAxisField() {
+    return m(this._config);
   }
-  /**
-   * Sets the x-axis field.
-   * @param {string} fieldName
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setXAxisField(e) {
-    await K(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
+  set xAxisField(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      j({ fieldName: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("xAxisField");
+    });
   }
   /**
-   * Gets the y-axis field.
-   * @returns {string}
+   * Y-axis field.
    */
-  getYAxisField() {
-    return x(this._config);
+  get yAxisField() {
+    return u(this._config);
   }
-  /**
-   * Sets the y-axis field.
-   * @param {string} fieldName
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setYAxisField(e) {
-    await Q(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setYAxisField");
+  set yAxisField(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      H({ fieldName: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("yAxisField");
+    });
   }
   /**
-   * Gets whether the linear trend line is shown.
-   * @returns {boolean}
+   * Whether the linear trend line is shown.
    */
-  getShowLinearTrend() {
-    return $(this._config);
+  get showLinearTrend() {
+    return Q(this._config);
   }
-  /**
-   * Sets whether to show the linear trend line.
-   * @param {boolean} show
-   */
-  setShowLinearTrend(e) {
-    se(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
+  set showLinearTrend(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ee(e, this._config), this.emitConfigUpdate("showLinearTrend");
+    });
   }
   /**
-   * Gets the line symbol for the linear trend line.
-   * @returns {ISimpleLineSymbol}
+   * Line symbol for the linear trend line.
    */
-  getLinearTrendSymbol() {
-    return N(this._config);
+  get linearTrendSymbol() {
+    return R(this._config);
   }
-  /**
-   * Sets the line symbol for the linear trend line.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setLinearTrendSymbol(e) {
-    ee(e, this._config), this.emitConfigUpdate("setLinearTrendSymbol");
+  set linearTrendSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Z(e, this._config), this.emitConfigUpdate("linearTrendSymbol");
+    });
   }
   /**
-   * Gets the marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
-   * @returns {ISimpleMarkerSymbol}
+   * Marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
    */
-  getFixedMarkerSymbol() {
-    return R(this._config);
+  get fixedMarkerSymbol() {
+    return J(this._config);
   }
-  /**
-   * Sets the marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
-   * @param {ISimpleMarkerSymbol} symbol
-   */
-  setFixedMarkerSymbol(e) {
-    Z(e, this._config), this.emitConfigUpdate("setFixedMarkerSymbol");
+  set fixedMarkerSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      K(e, this._config), this.emitConfigUpdate("fixedMarkerSymbol");
+    });
   }
   /**
-   * Gets the size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
-   * @returns {SizePolicy | undefined}
+   * Size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
    */
-  getSizePolicy() {
-    return A(this._config);
+  get sizePolicy() {
+    return T(this._config);
   }
-  /**
-   * Sets the size policy for the scatterplot points. This is used to scale the size of the marker symbol based on a given field.
-   * @param {SizePolicy | undefined} sizePolicy
-   */
-  setSizePolicy(e) {
-    const s = A(this._config);
-    X(s, e) || (ie(e, this._config), this.emitConfigUpdate("setSizePolicy"));
+  set sizePolicy(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = T(this._config);
+      O(i, e) || (te(e, this._config), this.emitConfigUpdate("sizePolicy"));
+    });
   }
   /**
-   * Gets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
+   * Chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
    */
-  getSeriesOverlays() {
-    return re(this._config);
+  get seriesOverlays() {
+    return ie(this._config);
   }
-  /**
-   * Sets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
-   * @param {ScatterplotOverlays} overlays The overlays
-   */
-  setSeriesOverlays(e) {
-    ae(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
+  set seriesOverlays(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      e !== void 0 && (se(e, this._config), this.emitConfigUpdate("seriesOverlays"));
+    });
   }
   /**
-   * Gets the additional tooltip display fields.
+   * Additional tooltip display fields.
    *
    * **NOTE**: Only numeric fields are supported.
-   * @returns {string[] | string}
    */
-  getAdditionalTooltipField() {
-    return ne(this._config);
+  get additionalTooltipField() {
+    return re(this._config);
   }
-  /**
-   * Sets the tooltip display fields in the config.
-   *
-   * * **NOTE**: Only numeric fields are supported.
-   *
-   * @param {string[] | string | undefined} fields The tooltip display fields
-   */
-  setAdditionalTooltipField(e) {
-    oe(e, this._config), this.emitConfigUpdate("setAdditionalTooltipField");
+  set additionalTooltipField(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      oe(e, this._config), this.emitConfigUpdate("additionalTooltipField");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Methods
@@ -240,8 +210,8 @@ class le extends D {
    *
    * @returns {string}
    */
-  async generateChartTitle() {
-    return await h(this._config, this.layerInfo);
+  generateChartTitle() {
+    return p(this._config, this.layerInfo, this.commonStrings);
   }
   /**
    * Generate the proper x-axis title given the current config.
@@ -249,8 +219,8 @@ class le extends D {
    * @returns {string}
    */
   generateXAxisTitle() {
-    const e = this.getXAxisField();
-    return o(this.layerInfo.layerFieldsInfo, e);
+    const e = this.xAxisField;
+    return l(this.layerInfo.layerFieldsInfo, e);
   }
   /**
    * Generate the proper y-axis title given the current config.
@@ -258,25 +228,25 @@ class le extends D {
    * @returns {string}
    */
   generateYAxisTitle() {
-    const e = this.getYAxisField();
-    return o(this.layerInfo.layerFieldsInfo, e);
+    const e = this.yAxisField;
+    return l(this.layerInfo.layerFieldsInfo, e);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    return await U();
+  generateDefaultConfig() {
+    return U(this.commonStrings);
   }
 }
-z(le, [
+W(ne, [
+  D,
+  V,
   B,
+  G,
   q,
-  j,
-  H,
-  J,
-  V,
-  G
+  E,
+  N
 ]);
 export {
-  le as ScatterplotModel
+  ne as ScatterplotModel
 };