@arcgis/charts-components 4.34.0-next.13 → 4.34.0-next.130

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

@@ -1,156 +1,20 @@
-import { isNil as o } from "lodash-es";
+import { isEqual as l } 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.13 */
-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");
+v4.34.0-next.130 */
+const s = (e) => (e?.remove(), null), c = (e, t = !1) => {
+  if (e != null) {
+    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()
+    };
+    e.referenceElement = i, e.triggerDisabled = t, e.open = t;
   }
-  return t.open = !0, t.addEventListener("arcgisChartsConfigPopoverClose", e.popoverClose), t;
-}, y = (r, e = !1) => {
-  if (o(r))
-    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()
-  } : {
-    getBoundingClientRect: () => new DOMRect()
-  };
-  r.referenceElement = n, r.triggerDisabled = e, r.open = e;
-};
+}, a = (e, t) => e !== void 0 && t !== void 0 && !l(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,8 @@
-import { WebChartTypes as n } from "@arcgis/charts-spec";
+import { W as n } from "./series-types.js";
+import { fetchT9nStringsBundle as m, getElementLocale as h } from "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { aB as h, ap as o, Y as f, P as m } from "./interfaces.js";
+import { aK as f, ay as o, a5 as d, X 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 +10,38 @@ 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 c } from "./runtime.js";
+import "@arcgis/toolkit/dom";
+import { S as g, s as y, a as u } from "./serial-chart-model.js";
+import "@arcgis/core/intl.js";
+import "./model-with-multi-axes.js";
+import { M as p, a as b } from "./model-with-baseline-stacking.js";
+import { n as a, o 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";
 /*! 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.13 */
-class L extends S {
+v4.34.0-next.130 */
+class _ 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 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();
   }
   // ---------------------------------------------------------------------------------------------
   // 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 +56,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 = d({
         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), v(this.defaultSeries?.markerSymbol?.size, e, this._config);
     }
     this._config.colorMatch = !0, this.emitConfigUpdate("resetSeriesStyling");
   }
@@ -71,30 +80,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(_, [p, b]);
 export {
-  L as RadarChartModel
+  _ 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 "@arcgis/charts-spec";
+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.13 */
+v4.34.0-next.130 */
 const u = {
   addGuide: "add-guide",
   noMessages: "no-messages"

package/dist/chunks/runtime.js

@@ -1,8 +1,9 @@
+import "../cdn/main.css";
 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.13 */
+v4.34.0-next.130 */
 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,282 @@
+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 "d3-array";
+import { ar as Y, as as l, cd as o, x as h, 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";
+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 "@arcgis/toolkit/dom";
+import { f as W, h as v, s as u, u as T, ax as k, o as z } from "./data.js";
+import { substitute as O } from "@arcgis/core/intl.js";
+import { C as D, M as B, a as V, b 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";
+/*! 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.130 */
+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);
+};
+async function g(t, e) {
+  const s = await m(t, e), i = W(t), r = h(t);
+  return s === i || r;
+}
+function f(t, e) {
+  const { layerFieldsInfo: s } = e, i = o(s, x(t)), r = v(1, t), a = h(t);
+  return i === r || a;
+}
+function L(t, e) {
+  const { layerFieldsInfo: s } = e, i = p(t), r = o(s, i), a = v(0, t), n = h(t);
+  return r === a || n;
+}
+async function m(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 });
+}
+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 m(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,
+    layerInfo: s,
+    updateChartTitle: i,
+    updateXAxisTitle: r,
+    updateYAxisTitle: a
+  }), F({
+    name: t,
+    axisIndex: 0,
+    config: e,
+    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,
+    layerInfo: s,
+    updateChartTitle: i,
+    updateXAxisTitle: r,
+    updateYAxisTitle: a
+  }), F({
+    name: t,
+    axisIndex: 1,
+    config: e,
+    layerInfo: s
+  });
+}, R = (t) => {
+  const e = {};
+  return t.series[0]?.markerSymbol ?? e;
+}, Z = (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) => {
+  const e = {};
+  return t.series[0]?.overlays?.trendLine?.symbol ?? e;
+}, 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] && (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) => {
+  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 = [];
+  });
+};
+class le extends D {
+  constructor() {
+    super(...arguments), this._chartType = _.ScatterSeries;
+  }
+  async setup(e) {
+    await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #region Data Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Gets the x-axis field.
+   * @returns {string}
+   */
+  getXAxisField() {
+    return p(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");
+  }
+  /**
+   * Gets the y-axis field.
+   * @returns {string}
+   */
+  getYAxisField() {
+    return x(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");
+  }
+  /**
+   * Gets whether the linear trend line is shown.
+   * @returns {boolean}
+   */
+  getShowLinearTrend() {
+    return $(this._config);
+  }
+  /**
+   * Sets whether to show the linear trend line.
+   * @param {boolean} show
+   */
+  setShowLinearTrend(e) {
+    se(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
+  }
+  /**
+   * Gets the line symbol for the linear trend line.
+   * @returns {ISimpleLineSymbol}
+   */
+  getLinearTrendSymbol() {
+    return N(this._config);
+  }
+  /**
+   * Sets the line symbol for the linear trend line.
+   * @param {ISimpleLineSymbol} symbol
+   */
+  setLinearTrendSymbol(e) {
+    ee(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 R(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");
+  }
+  /**
+   * 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 A(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"));
+  }
+  /**
+   * Gets the chart overlays. The scatterplot implements only 1 overlay, **trendLine**.
+   */
+  getSeriesOverlays() {
+    return re(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");
+  }
+  /**
+   * Gets the additional tooltip display fields.
+   *
+   * **NOTE**: Only numeric fields are supported.
+   * @returns {string[] | string}
+   */
+  getAdditionalTooltipField() {
+    return ne(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");
+  }
+  // ---------------------------------------------------------------------------------------------
+  // #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 U();
+  }
+}
+z(le, [
+  B,
+  q,
+  j,
+  H,
+  J,
+  V,
+  G
+]);
+export {
+  le as ScatterplotModel
+};