@arcgis/charts-components 4.34.0-next.98 → 4.34.0

package/dist/chunks/scatterplot-model.js

@@ -1,7 +1,8 @@
-import { WebChartTypes as M } from "@arcgis/charts-spec";
-import { isEmpty as u, isEqual as X } from "lodash-es";
+import { W as _ } from "./series-types.js";
+import "@arcgis/toolkit/intl";
+import { isEmpty as c, isEqual as O } from "lodash-es";
 import "d3-array";
-import { al as Y, am as l, c7 as o, q as m, b6 as w, aH as _ } from "./interfaces.js";
+import { as as w, at as d, ci as l, y as x, bf as P, aP 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";
@@ -9,205 +10,197 @@ 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 { fetchT9nStringsBundle as I, getElementLocale as P } from "@arcgis/toolkit/intl";
-import { g as U } from "./runtime.js";
+import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { g as k, a as A, s as z, b as E, c as O, d as W, u as x, p as D, i as B } from "./data.js";
-import { substitute as V } from "@arcgis/core/intl.js";
-import { C as q, M as G, b as H, a as j } from "./model-with-y-guides.js";
-import { M as J, a as K, b as Q, c as R } from "./model-with-data-labels.js";
+import { g as X, a as A, s as y, u as g, p as Y, d as W } from "./data2.js";
+import { substitute as k } from "@arcgis/core/intl.js";
+import { C as z, M as D, b as E, a as V } from "./model-with-multi-axes.js";
+import { M as B, a as G, b as N, 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.98 */
-const S = (t) => {
-  z(t, null), E(t, null), O(t, null), W(t, null);
-}, v = (t) => {
-  const { name: e, axisIndex: s, config: i, layerInfo: r } = t, { layerFieldsInfo: a } = r, n = a.find((y) => y.name === e), d = n !== void 0 && w(n);
-  D(i, s, d);
+v4.34.0 */
+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 L(t, e) {
-  const s = await h(t, e), i = k(t), r = m(t);
-  return s === i || r;
-}
-function g(t, e) {
-  const { layerFieldsInfo: s } = e, i = o(s, c(t)), r = A(1, t), a = m(t);
-  return i === r || a;
+function F(t, e, i) {
+  const s = p(t, e, i), r = X(t), o = x(t);
+  return s === r || o;
 }
 function C(t, e) {
-  const { layerFieldsInfo: s } = e, i = p(t), r = o(s, i), a = A(0, t), n = m(t);
-  return r === a || n;
+  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: 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 = c(t), { layerFieldsInfo: r } = e, a = o(r, s), n = o(r, i), d = await I(
-    P(document.documentElement).t9nLocale,
-    U("./assets/common/t9n"),
-    "messages."
-  );
-  return V(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 F = async (t) => {
-  const { x: e, y: s, config: i, layerInfo: r, updateChartTitle: a, updateXAxisTitle: n, updateYAxisTitle: d } = t, { layerFieldsInfo: y } = r, f = o(y, e), b = o(y, s);
-  !u(e) && n && x(i, 0, f), !u(s) && d && x(i, 1, b), !u(e) && !u(s) && i.title && a && (i.title.content.text = await h(i, r));
-}, p = (t) => t.series[0]?.x ?? "", c = (t) => t.series[0]?.y ?? "", Z = async (t, e, s) => {
-  const i = await L(e, s), r = C(e, s), a = g(e, s);
-  S(e), e.series[0] && (e.series[0].x = t), await F({
-    x: t,
-    y: c(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
-  }), v({
-    name: t,
+  }), S({
+    name: e,
     axisIndex: 0,
-    config: e,
+    config: i,
     layerInfo: s
   });
-}, $ = async (t, e, s) => {
-  const i = await L(e, s), r = C(e, s), a = g(e, s);
-  S(e), e.series[0] && (e.series[0].y = t), await F({
-    x: t,
-    y: c(e),
-    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
-  }), v({
-    name: t,
+  }), S({
+    name: e,
     axisIndex: 1,
-    config: e,
+    config: i,
     layerInfo: s
   });
-}, N = (t) => {
+}, J = (t) => {
   const e = {};
   return t.series[0]?.markerSymbol ?? e;
-}, ee = (t, e) => {
+}, K = (t, e) => {
   e.series[0] && (e.series[0].markerSymbol = t);
-}, te = (t) => (t.series[0]?.overlays?.trendLine?.visible ?? !0) && (t.series[0]?.overlays?.trendLine?.created ?? !1), se = (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;
-}, ie = (t, e) => {
-  e.series[0].overlays ??= l(), e.series[0].overlays.trendLine ??= l().trendLine, e.series[0].overlays.trendLine.symbol = t;
-}, re = (t, e) => {
-  e.series[0].overlays ??= l(), e.series[0].overlays.trendLine ??= l().trendLine, e.series[0].overlays.trendLine.visible = t;
-}, ae = (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), re(t, e);
-}, T = (t) => t.series[0]?.sizePolicy ?? Y(), ne = (t, 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?.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);
-}, oe = (t) => t?.series?.[0]?.overlays, le = (t, e) => {
+}, ie = (t) => t?.series?.[0]?.overlays, se = (t, e) => {
   e?.series[0] !== void 0 && (e.series[0].overlays = t);
+}, 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 de extends q {
+class ne extends z {
   constructor() {
-    super(...arguments), this._chartType = M.ScatterSeries;
+    super(...arguments), this._chartType = _.ScatterSeries;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.resolveSetup();
+    await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // #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 Z(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 c(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 $(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 te(this._config);
+  get showLinearTrend() {
+    return Q(this._config);
   }
-  /**
-   * Sets whether to show the linear trend line.
-   * @param {boolean} show
-   */
-  setShowLinearTrend(e) {
-    ae(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 se(this._config);
+  get linearTrendSymbol() {
+    return R(this._config);
   }
-  /**
-   * Sets the line symbol for the linear trend line.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setLinearTrendSymbol(e) {
-    ie(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 N(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) {
-    ee(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() {
+  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 = T(this._config);
-    X(s, e) || (ne(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 oe(this._config);
+  get seriesOverlays() {
+    return ie(this._config);
+  }
+  set seriesOverlays(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      e !== void 0 && (se(e, this._config), this.emitConfigUpdate("seriesOverlays"));
+    });
   }
   /**
-   * Sets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
-   * @param {ScatterplotOverlays} overlays The overlays
+   * Additional tooltip display fields.
+   *
+   * **NOTE**: Only numeric fields are supported.
    */
-  setSeriesOverlays(e) {
-    le(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
+  get additionalTooltipField() {
+    return re(this._config);
+  }
+  set additionalTooltipField(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      oe(e, this._config), this.emitConfigUpdate("additionalTooltipField");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Methods
@@ -217,8 +210,8 @@ class de extends q {
    *
    * @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.
@@ -226,8 +219,8 @@ class de extends q {
    * @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.
@@ -235,25 +228,25 @@ class de extends q {
    * @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 _();
+  generateDefaultConfig() {
+    return U(this.commonStrings);
   }
 }
-B(de, [
+W(ne, [
+  D,
+  B,
   G,
-  J,
-  K,
-  Q,
-  R,
-  H,
-  j
+  N,
+  q,
+  E,
+  V
 ]);
 export {
-  de as ScatterplotModel
+  ne as ScatterplotModel
 };