@arcgis/charts-components 4.34.0-next.8 → 4.34.0-next.80

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

@@ -1,156 +1,20 @@
-import { isNil as o } 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.8 */
-const a = {
-  BarChartDataPopover: "HTMLArcgisChartsConfigBarChartPopoverElement",
-  BarChartSeriesPopover: "HTMLArcgisChartsConfigBarChartSeriesPopoverElement",
-  BoxPlotDataPopover: "HTMLArcgisChartsConfigBoxPlotPopoverElement",
-  BoxPlotSeriesPopover: "HTMLArcgisChartsConfigBoxPlotSeriesPopoverElement",
-  ChartRenamePopover: "HTMLArcgisChartsConfigChartRenamePopoverElement",
-  FormatPopover: "HTMLArcgisChartsConfigFormatPopoverElement",
-  GuidePopover: "HTMLArcgisChartsConfigGuidePopoverElement",
-  HistogramDataPopover: "HTMLArcgisChartsConfigHistogramPopoverElement",
-  LineChartDataPopover: "HTMLArcgisChartsConfigLineChartPopoverElement",
-  LineChartSeriesPopover: "HTMLArcgisChartsConfigLineChartSeriesPopoverElement",
-  PieChartDataPopover: "HTMLArcgisChartsConfigPieChartPopoverElement",
-  PieChartSlicesPopover: "HTMLArcgisChartsConfigPieChartSlicesPopoverElement",
-  ScatterplotDataPopover: "HTMLArcgisChartsConfigScatterplotPopoverElement",
-  SelectChartTypePopover: "HTMLArcgisChartsConfigSelectChartTypePopoverElement"
-}, f = (r) => (r?.remove(), null);
-function s(r) {
-  const e = document.createElement("arcgis-charts-config-histogram-popover");
-  return e.layerFieldsInfo = [...r.layerFieldsInfo], e.addEventListener("arcgisChartsConfigHistogramPopoverSymbolChange", r.updateSymbolProps), e.addEventListener("arcgisChartsConfigHistogramPopoverChange", r.updateProps), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function i(r) {
-  const e = document.createElement("arcgis-charts-config-bar-chart-popover");
-  return e.layerFieldsInfo = [...r.layerFieldsInfo], e.addEventListener("arcgisChartsConfigBarChartDataPopoverChange", r.onBarChartDataChange), e;
-}
-function c(r) {
-  const e = document.createElement("arcgis-charts-config-bar-chart-series-popover");
-  return e.referenceElement = r.hostElement, e.placement = r.placement, e.addEventListener("arcgisChartsConfigSeriesPopoverNameChange", r.seriesNameChange), e.addEventListener("arcgisChartsConfigSeriesPopoverColorChange", r.seriesColorChange), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function h(r) {
-  const e = document.createElement("arcgis-charts-config-box-plot-popover");
-  return e.layerFieldsInfo = [...r.layerFieldsInfo], e.addEventListener("arcgisChartsConfigBoxPlotDataPopoverChange", r.onBoxPlotDataChange), e;
-}
-function C(r) {
-  const e = document.createElement("arcgis-charts-config-box-plot-series-popover");
-  return e.referenceElement = r.hostElement, e.placement = r.placement, e.labelCanBeConfigured = r.labelCanBeConfigured, e.addEventListener("arcgisChartsConfigSeriesPopoverNameChange", r.seriesNameChange), e.addEventListener("arcgisChartsConfigSeriesPopoverColorChange", r.seriesColorChange), e.addEventListener("arcgisChartsConfigSeriesPopoverLineStyleChange", r.seriesLineStyleChange), e.addEventListener("arcgisChartsConfigSeriesPopoverLineWidthChange", r.seriesLineWidthChange), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function l(r) {
-  const e = document.createElement("arcgis-charts-config-line-chart-popover");
-  return e.layerFieldsInfo = [...r.layerFieldsInfo], e.addEventListener("arcgisChartsConfigLineChartDataPopoverChange", r.onLineChartDataChange), e;
-}
-function g(r) {
-  const e = document.createElement("arcgis-charts-config-pie-chart-popover");
-  return e.layerFieldsInfo = [...r.layerFieldsInfo], e.addEventListener("arcgisChartsConfigPieChartDataPopoverChange", r.onPieChartDataChange), e;
-}
-function d(r) {
-  const e = document.createElement("arcgis-charts-config-format-popover");
-  return e.selectedElement = r.selectedElement, e.referenceElement = r.referenceElement, e.addEventListener("arcgisChartsConfigFormatPopoverSymbolChange", r.updateSymbolProps), e.addEventListener("arcgisChartsConfigFormatPopoverTextChange", r.updateTextProps), e.addEventListener("arcgisChartsConfigFormatPopoverColorChange", r.updateBackground), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function P(r) {
-  const e = document.createElement("arcgis-charts-config-guide-popover");
-  return e.addEventListener("arcgisChartsConfigGuidePopoverColorChange", r.colorChange), e.addEventListener("arcgisChartsConfigGuidePopoverSymbolChange", r.symbolChange), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.popoverDismiss), e;
-}
-function m(r) {
-  const e = document.createElement("arcgis-charts-config-line-chart-series-popover");
-  return e.referenceElement = r.referenceElement, e.placement = r.placement, e.addEventListener("arcgisChartsConfigSeriesPopoverNameChange", r.seriesNameChange), e.addEventListener("arcgisChartsConfigSeriesPopoverColorChange", r.seriesColorChange), e.addEventListener("arcgisChartsConfigSeriesPopoverLineStyleChange", r.seriesLineStyleChange), e.addEventListener("arcgisChartsConfigSeriesPopoverLineWidthChange", r.seriesLineWidthChange), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function v(r) {
-  const e = document.createElement("arcgis-charts-config-pie-chart-slices-popover");
-  return e.referenceElement = r.referenceElement, e.placement = r.placement, e.addEventListener("arcgisChartsConfigSlicesPopoverNameChange", r.sliceNameChange), e.addEventListener("arcgisChartsConfigSlicesPopoverColorChange", r.sliceColorChange), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-function p(r) {
-  const e = document.createElement("arcgis-charts-config-select-chart-type-popover");
-  return e.addEventListener("arcgisChartsConfigSelectChartTypeChange", r.onSelectChartTypeChange), e;
-}
-function E(r) {
-  const e = document.createElement("arcgis-charts-config-chart-rename-popover");
-  return e.name = r.name, e.popoverReferenceElement = r.popoverReferenceElement, e.addEventListener("arcgisChartsConfigChartRenamePopoverChange", r.onChartRename), e;
-}
-function L(r) {
-  const e = document.createElement("arcgis-charts-config-scatter-plot-popover");
-  return e.addEventListener("arcgisChartsConfigScatterplotLineStyleChange", r.setTrendLineSymbol), e.addEventListener("arcgisChartsConfigScatterplotFillColorChange", r.setFixedSymbolRGBAColor), e.addEventListener("arcgisChartsConfigScatterplotXYFieldChange", r.setXYField), e.addEventListener("arcgisChartsConfigScatterplotSizeVariableFieldChange", r.setSizeVariableField), e.addEventListener("arcgisChartsConfigPopoverOpenChange", r.openChange), e;
-}
-const S = (r, e) => {
-  let t;
-  switch (r) {
-    // Histogram data popover
-    case a.HistogramDataPopover:
-      t = s(e);
-      break;
-    // Bar Chart data popover
-    case a.BarChartDataPopover:
-      t = i(e);
-      break;
-    // * Bar Chart Series Popover
-    case a.BarChartSeriesPopover:
-      t = c(e);
-      break;
-    // Box Plot data popover
-    case a.BoxPlotDataPopover:
-      t = h(e);
-      break;
-    // * Box Plot Series Popover
-    case a.BoxPlotSeriesPopover:
-      t = C(e);
-      break;
-    // * Line Chart data popover
-    case a.LineChartDataPopover:
-      t = l(e);
-      break;
-    // Pie Chart data popover
-    case a.PieChartDataPopover:
-      t = g(e);
-      break;
-    // Format chart popover
-    case a.FormatPopover:
-      t = d(e);
-      break;
-    // Guide popover
-    case a.GuidePopover:
-      t = P(e);
-      break;
-    // Line Chart series popover
-    case a.LineChartSeriesPopover:
-      t = m(e);
-      break;
-    // Pie Chart slices popover
-    case a.PieChartSlicesPopover:
-      t = v(e);
-      break;
-    // Scatter Plot data popover
-    case a.ScatterplotDataPopover:
-      t = L(e);
-      break;
-    // Select Chart Type popover
-    case a.SelectChartTypePopover:
-      t = p(e);
-      break;
-    // Chart Rename Popover
-    case a.ChartRenamePopover:
-      t = E(e);
-      break;
-    default:
-      throw new Error("Invalid popover type provided");
-  }
-  return t.open = !0, t.addEventListener("arcgisChartsConfigPopoverClose", e.popoverClose), t;
-}, y = (r, e = !1) => {
-  if (o(r))
+v4.34.0-next.80 */
+const s = (e) => (e?.remove(), null), c = (e, t = !1) => {
+  if (e != null)
     return;
-  e ? (r.style.setProperty("opacity", "1"), r.style.setProperty("pointer-events", "initial")) : (r.style.removeProperty("opacity"), r.style.removeProperty("pointer-events"));
-  const t = r.referenceElement, n = t !== void 0 ? {
-    getBoundingClientRect: () => t.getBoundingClientRect()
+  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()
   } : {
     getBoundingClientRect: () => new DOMRect()
   };
-  r.referenceElement = n, r.triggerDisabled = e, r.open = e;
-};
+  e.referenceElement = i, e.triggerDisabled = t, e.open = t;
+}, a = (e, t) => e !== void 0 && t !== void 0 && !r(e, t);
 export {
-  a as P,
-  S as c,
-  y as e,
-  f as r
+  c as e,
+  a as p,
+  s as r
 };

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

@@ -1,7 +1,7 @@
 import { WebChartTypes as n } from "@arcgis/charts-spec";
 import "lodash-es";
 import "d3-array";
-import { aB as h, ap as o, Y as f, P as m } from "./interfaces.js";
+import { bW as h, aD as f, ar as o, _ as m, R as S } 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,30 +9,37 @@ 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 { S, s as d, a as c } from "./serial-chart-model.js";
-import { f as g, g as a, a as y } from "./serial-chart-data.js";
-import { M as u, a as p } from "./model-with-baseline-stacking.js";
-import { s as b, a as I, b as C, c as k, d as M } from "./baseline-stacking.js";
+import { g as d } from "./runtime.js";
+import { fetchT9nStringsBundle as c } from "@arcgis/toolkit/intl";
+import { S as g, s as y, a as u } from "./serial-chart-model.js";
+import "./model-with-y-guides.js";
+import { M as p, a as b } from "./model-with-baseline-stacking.js";
+import { h as a, i as I } from "./data.js";
+import { s as k, a as C, b as M, c as L, d as _ } from "./baseline-stacking.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.8 */
-class L extends S {
+v4.34.0-next.80 */
+class v extends g {
   constructor() {
     super(...arguments), this._chartType = n.RadarSeries;
   }
-  async setup(i) {
-    await this.loadConfigFromLayer(i), this.commonStrings = await g(), i.config !== void 0 && this.updateSeriesFromLayerFilter(), await this.initDefaultSeries(), this.resolveSetup();
+  async setup(t) {
+    await this.loadConfigFromLayer(t), this.commonStrings = await c(
+      h().locale,
+      d("./assets/common/t9n"),
+      "messages."
+    ), t.config !== void 0 && this.updateSeriesFromLayerFilter(), await this.initDefaultSeries(), this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Protected methods
   // ---------------------------------------------------------------------------------------------
   async generateDefaultConfig() {
-    const i = await h();
-    return i.series = [
+    const t = await f();
+    return t.series = [
       await o({
         objectIDField: this.layerInfo?.objectIdField
       })
-    ], i;
+    ], t;
   }
   /**
    * Initializes the default series for the radar chart. Used in resetting the series styling.
@@ -47,22 +54,22 @@ class L extends S {
    * Resets the series styling to the default styling.
    */
   resetSeriesStyling() {
-    const i = this.getSeriesLength();
-    for (let e = 0; e < i; e += 1) {
-      const r = f({
+    const t = this.getSeriesLength();
+    for (let e = 0; e < t; e += 1) {
+      const r = m({
         colorIndex: e,
-        opacity: m
+        opacity: S
       });
-      if (d(r, e, this._config), b(r, e, this._config), this.layerInfo !== void 0) {
-        const t = this.getSeriesId(e), s = a({
+      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
         });
-        s !== this.layerInfo.objectIdField && c(s ?? t, e, this._config);
+        s !== this.layerInfo.objectIdField && u(s ?? i, e, this._config);
       }
-      I(this.defaultSeries?.lineSymbol?.style, e, this._config), C(this.defaultSeries?.lineSymbol?.width, e, this._config), k(this.defaultSeries?.markerSymbol?.style, e, this._config), M(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), _(this.defaultSeries?.markerSymbol?.size, e, this._config);
     }
     this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
   }
@@ -71,30 +78,30 @@ class L extends S {
    * @returns {boolean}
    */
   resetAvailable() {
-    const i = !this.getColorMatch();
+    const t = !this.getColorMatch();
     let e = !1;
-    if (!i) {
+    if (!t) {
       const r = this.getSeriesLength();
-      for (let t = 0; t < r; t += 1) {
+      for (let i = 0; i < r; i += 1) {
         if (this.layerInfo !== void 0) {
           const s = a({
             config: this._config,
-            seriesIndex: t,
+            seriesIndex: i,
             layerInfo: this.layerInfo,
             commonStrings: this.commonStrings
-          }), l = this.getSeriesName(t);
+          }), l = this.getSeriesName(i);
           s !== void 0 && s !== this.layerInfo.objectIdField && s !== l && (e = !0);
         }
-        if (this.defaultSeries?.lineSymbol?.style !== void 0 && this.defaultSeries?.lineSymbol.style !== this.getSeriesLineStyle(t) || this.defaultSeries?.lineSymbol?.width !== void 0 && this.defaultSeries?.lineSymbol.width !== this.getSeriesLineWidth(t) || this.defaultSeries?.markerSymbol?.style !== void 0 && this.defaultSeries?.markerSymbol?.style !== this.getSeriesMarkerStyle(t) || this.defaultSeries?.markerSymbol?.size !== void 0 && this.defaultSeries?.markerSymbol?.size !== this.getSeriesMarkerSize(t)) {
+        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;
           break;
         }
       }
     }
-    return i || e;
+    return t || e;
   }
 }
-y(L, [u, p]);
+I(v, [p, b]);
 export {
-  L as RadarChartModel
+  v as RadarChartModel
 };

package/dist/chunks/resource.js

@@ -1,9 +1,9 @@
 import { G as o } from "./common.js";
-import { m as n } from "./type-guards.js";
+import { n } from "./type-guards.js";
 import "@arcgis/charts-spec";
 /*! 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.8 */
+v4.34.0-next.80 */
 const u = {
   addGuide: "add-guide",
   noMessages: "no-messages"

package/dist/chunks/runtime.js

@@ -2,7 +2,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.8 */
+v4.34.0-next.80 */
 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

@@ -0,0 +1,257 @@
+import { WebChartTypes as M } from "@arcgis/charts-spec";
+import { isEmpty as u, isEqual as X } from "lodash-es";
+import "d3-array";
+import { ak as Y, al as l, cc as o, bW as w, bV as _, q as h, b5 as I, aG as P } from "./interfaces.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
+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 U } from "./runtime.js";
+import { fetchT9nStringsBundle as k } from "@arcgis/toolkit/intl";
+import { g as W, a as A, s as z, b as O, c as D, d as B, u as p, p as E, i as V } from "./data.js";
+import { C as G, M as q, b as j, a as H } 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";
+/*! 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.80 */
+const S = (t) => {
+  z(t, null), O(t, null), D(t, null), B(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 && I(n);
+  E(i, s, d);
+};
+async function g(t, e) {
+  const s = await m(t, e), i = W(t), r = h(t);
+  return s === i || r;
+}
+function L(t, e) {
+  const { layerFieldsInfo: s } = e, i = o(s, c(t)), r = A(1, t), a = h(t);
+  return i === r || a;
+}
+function C(t, e) {
+  const { layerFieldsInfo: s } = e, i = x(t), r = o(s, i), a = A(0, t), n = h(t);
+  return r === a || n;
+}
+async function m(t, e) {
+  const s = x(t), i = c(t), { layerFieldsInfo: r } = e, a = o(r, s), n = o(r, i), d = await k(
+    w().locale,
+    U("./assets/common/t9n"),
+    "messages."
+  );
+  return _(d.titleLabels.xAndY, { x: a, y: n });
+}
+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 && p(i, 0, f), !u(s) && d && p(i, 1, b), !u(e) && !u(s) && i.title && a && (i.title.content.text = await m(i, r));
+}, x = (t) => t.series[0]?.x ?? "", c = (t) => t.series[0]?.y ?? "", Z = async (t, e, s) => {
+  const i = await g(e, s), r = C(e, s), a = L(e, s);
+  S(e), e.series[0] && (e.series[0].x = t), await F({
+    x: t,
+    y: c(e),
+    config: e,
+    layerInfo: s,
+    updateChartTitle: i,
+    updateXAxisTitle: r,
+    updateYAxisTitle: a
+  }), v({
+    name: t,
+    axisIndex: 0,
+    config: e,
+    layerInfo: s
+  });
+}, $ = async (t, e, s) => {
+  const i = await g(e, s), r = C(e, s), a = L(e, s);
+  S(e), e.series[0] && (e.series[0].y = t), await F({
+    x: t,
+    y: c(e),
+    config: e,
+    layerInfo: s,
+    updateChartTitle: i,
+    updateXAxisTitle: r,
+    updateYAxisTitle: a
+  }), v({
+    name: t,
+    axisIndex: 1,
+    config: e,
+    layerInfo: s
+  });
+}, N = (t) => {
+  const e = {};
+  return t.series[0]?.markerSymbol ?? e;
+}, ee = (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) => {
+  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) => {
+  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) => {
+  e?.series[0] !== void 0 && (e.series[0].overlays = t);
+};
+class de extends G {
+  constructor() {
+    super(...arguments), this._chartType = M.ScatterSeries;
+  }
+  async setup(e) {
+    await this.loadConfigFromLayer(e), this.resolveSetup();
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Data Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Gets the x-axis field.
+   * @returns {string}
+   */
+  getXAxisField() {
+    return x(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");
+  }
+  /**
+   * Gets the y-axis field.
+   * @returns {string}
+   */
+  getYAxisField() {
+    return c(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");
+  }
+  /**
+   * Gets whether the linear trend line is shown.
+   * @returns {boolean}
+   */
+  getShowLinearTrend() {
+    return te(this._config);
+  }
+  /**
+   * Sets whether to show the linear trend line.
+   * @param {boolean} show
+   */
+  setShowLinearTrend(e) {
+    ae(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
+  }
+  /**
+   * Gets the line symbol for the linear trend line.
+   * @returns {ISimpleLineSymbol}
+   */
+  getLinearTrendSymbol() {
+    return se(this._config);
+  }
+  /**
+   * Sets the line symbol for the linear trend line.
+   * @param {ISimpleLineSymbol} symbol
+   */
+  setLinearTrendSymbol(e) {
+    ie(e, this._config), this.emitConfigUpdate("setLinearTrendSymbol");
+  }
+  /**
+   * Gets the marker symbol used for the scatterplot points when using a fixed symbol (i.e. no size policy is set).
+   * @returns {ISimpleMarkerSymbol}
+   */
+  getFixedMarkerSymbol() {
+    return N(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");
+  }
+  /**
+   * 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}
+   */
+  getSizePolicy() {
+    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"));
+  }
+  /**
+   * Gets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
+   */
+  getSeriesOverlays() {
+    return oe(this._config);
+  }
+  /**
+   * Sets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
+   * @param {ScatterplotOverlays} overlays The overlays
+   */
+  setSeriesOverlays(e) {
+    le(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region General Methods
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Generate the proper chart title given the current config.
+   *
+   * @returns {string}
+   */
+  async generateChartTitle() {
+    return await m(this._config, this.layerInfo);
+  }
+  /**
+   * Generate the proper x-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  generateXAxisTitle() {
+    const e = this.getXAxisField();
+    return o(this.layerInfo.layerFieldsInfo, e);
+  }
+  /**
+   * Generate the proper y-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  generateYAxisTitle() {
+    const e = this.getYAxisField();
+    return o(this.layerInfo.layerFieldsInfo, e);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Protected methods
+  // ---------------------------------------------------------------------------------------------
+  async generateDefaultConfig() {
+    return await P();
+  }
+}
+V(de, [
+  q,
+  J,
+  K,
+  Q,
+  R,
+  j,
+  H
+]);
+export {
+  de as ScatterplotModel
+};