@arcgis/charts-components 4.34.0-next.142 → 4.34.0-next.144

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 { a1 as Y, a2 as l, c as o, i as m, a3 as P, a4 as U } from "./interfaces2.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.142 */
-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.144 */
+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, M = o(c, e), b = o(c, s);
-  !y(e) && n && T(i, 0, M), !y(s) && d && T(i, 1, b), !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
 };