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

package/dist/chunks/combo-bar-line-chart-model.js

@@ -2,7 +2,7 @@ import { W as a } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { v as S, w as l, o as f } from "./interfaces2.js";
+import { aH as g, aA as l, ax as c } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,31 +11,32 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
-import { i as g, a as r, b as n } from "./index.js";
+import { n as f, j as r, l as n } from "./index4.js";
 import "@arcgis/toolkit/dom";
-import { g as h, s as d, a as m, b } from "./bar-chart-series.js";
-import { g as y, a as p, e as _, b as C, f as u, s as L, h as k, c as v, i as M, d as B, j as z, k as V, l as U, m as c, n as O, o as A, p as D, q as F, r as w } from "./baseline-stacking.js";
-import { S as H, s as j } from "./serial-chart-model.js";
+import { g as h, s as d, a as m, b as y } from "./bar-chart-series.js";
+import { g as u, a as b, e as p, b as _, f as C, s as L, h as v, c as k, i as A, d as O, j as F, k as M, l as B, m as S, n as z, o as V, p as w, q as U, r as H } from "./baseline-stacking.js";
+import { S as j, s as D } from "./serial-chart-model.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 */
-class te extends H {
+v4.34.0-next.144 */
+class te extends j {
   constructor() {
     super(...arguments), this._chartType = a.ComboLineAndBarSeries;
   }
-  getConfig() {
+  get config() {
     return this._config;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), e.config !== void 0 && (g(e.config?.series) && await this.initDefaultSeries(), await this.updateSeriesFromLayerFilter()), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && (f(e.config?.series) && this.initDefaultSeries(), await this.updateSeriesFromLayerFilter()), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await S();
+  generateDefaultConfig() {
+    const e = g(this.commonStrings);
     return e.series = [
-      await l({
+      l({
+        commonStrings: this.commonStrings,
         objectIDField: this.layerInfo?.objectIdField
       })
     ], e;
@@ -44,8 +45,9 @@ class te extends H {
    * Initializes the default series for the combo bar-line chart. Used in resetting the series styling.
    * @category Private
    */
-  async initDefaultSeries() {
-    this.defaultSeries = await f({
+  initDefaultSeries() {
+    this.defaultSeries = c({
+      commonStrings: this.commonStrings,
       objectIDField: this.layerInfo?.objectIdField
     });
   }
@@ -53,38 +55,42 @@ class te extends H {
   // Series Methods
   // ---------------------------------------------------------------------------------------------
   // Then we need a function like setSeriesType(seriesIndex, seriesType) to change a series from bar to line and vice-versa
-  async setSeriesType(e, i) {
-    if (e < this._config.series.length && e >= 0) {
-      const t = this._config.series[e];
-      let o;
-      if (i === a.BarSeries && r(t)) {
-        const s = { ...t };
-        delete s.lineSymbol, delete s.markerSymbol, delete s.lineSmoothed, delete s.markerVisible, delete s.areaColor, delete s.stackNegativeValuesToBaseline, o = {
-          ...await l({
-            objectIDField: this.layerInfo?.objectIdField
-          }),
-          ...s,
-          type: a.BarSeries,
-          y: [t.y].flat()[0]
-        }, o.fillSymbol && (o.fillSymbol = {
-          ...o.fillSymbol,
-          color: t.lineSymbol?.color
-        });
-      } else if (i === a.LineSeries && n(t)) {
-        const s = { ...t };
-        delete s.fillSymbol, delete s.hideOversizedStackedLabels, delete s.hideOversizedSideBySideLabels, o = {
-          ...await f({
-            objectIDField: this.layerInfo?.objectIdField
-          }),
-          ...s,
-          type: a.LineSeries
-        }, o.lineSymbol && (o.lineSymbol = {
-          ...o.lineSymbol,
-          color: t.fillSymbol?.color
-        });
+  setSeriesType(e, i) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      if (e < this._config.series.length && e >= 0) {
+        const t = this._config.series[e];
+        let o;
+        if (i === a.BarSeries && r(t)) {
+          const s = { ...t };
+          delete s.lineSymbol, delete s.markerSymbol, delete s.lineSmoothed, delete s.markerVisible, delete s.areaColor, delete s.stackNegativeValuesToBaseline, o = {
+            ...l({
+              commonStrings: this.commonStrings,
+              objectIDField: this.layerInfo?.objectIdField
+            }),
+            ...s,
+            type: a.BarSeries,
+            y: [t.y].flat()[0]
+          }, o.fillSymbol && (o.fillSymbol = {
+            ...o.fillSymbol,
+            color: t.lineSymbol?.color
+          });
+        } else if (i === a.LineSeries && n(t)) {
+          const s = { ...t };
+          delete s.fillSymbol, delete s.hideOversizedStackedLabels, delete s.hideOversizedSideBySideLabels, o = {
+            ...c({
+              commonStrings: this.commonStrings,
+              objectIDField: this.layerInfo?.objectIdField
+            }),
+            ...s,
+            type: a.LineSeries
+          }, o.lineSymbol && (o.lineSymbol = {
+            ...o.lineSymbol,
+            color: t.fillSymbol?.color
+          });
+        }
+        o !== void 0 && (this._config.series[e] = o, this.emitConfigUpdate("setSeriesType"));
       }
-      o !== void 0 && (this._config.series[e] = o, this.emitConfigUpdate("setDataType"));
-    }
+    });
   }
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -92,7 +98,7 @@ class te extends H {
    * @returns {RESTSimpleLineSymbolStyle | undefined}
    */
   getSeriesLineStyle(e) {
-    return y(e, this._config);
+    return u(e, this._config);
   }
   /**
    * Sets the line style of the series based on the series index.
@@ -102,8 +108,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setSeriesLineStyle(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (p(e, i, this._config), this.emitConfigUpdate("setSeriesLineStyle"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (b(e, i, this._config), this.emitConfigUpdate("setSeriesLineStyle"));
+    });
   }
   /**
    * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -111,7 +119,7 @@ class te extends H {
    * @returns {number | undefined}
    */
   getSeriesLineWidth(e) {
-    return _(e, this._config);
+    return p(e, this._config);
   }
   /**
    * Sets the line width of the series based on the series index.
@@ -121,8 +129,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setSeriesLineWidth(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (C(e, i, this._config), this.emitConfigUpdate("setSeriesLineWidth"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (_(e, i, this._config), this.emitConfigUpdate("setSeriesLineWidth"));
+    });
   }
   /**
    * Gets the marker color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -130,7 +140,7 @@ class te extends H {
    * @returns {Color | undefined}
    */
   getSeriesMarkerColor(e) {
-    return u(e, this._config);
+    return C(e, this._config);
   }
   /**
    * Sets the marker color of the series based on the series index.
@@ -140,8 +150,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setSeriesMarkerColor(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (L(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerColor"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (L(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerColor"));
+    });
   }
   /**
    * Gets the marker style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -149,7 +161,7 @@ class te extends H {
    * @returns {RESTSimpleMarkerSymbolStyle | undefined}
    */
   getSeriesMarkerStyle(e) {
-    return k(e, this._config);
+    return v(e, this._config);
   }
   /**
    * Sets the marker style of the series based on the series index.
@@ -159,8 +171,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setSeriesMarkerStyle(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (v(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerStyle"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (k(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerStyle"));
+    });
   }
   /**
    * Gets the marker size of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -168,7 +182,7 @@ class te extends H {
    * @returns {number | undefined}
    */
   getSeriesMarkerSize(e) {
-    return M(e, this._config);
+    return A(e, this._config);
   }
   /**
    * Sets the marker size of the series based on the series index.
@@ -178,8 +192,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setSeriesMarkerSize(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (B(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerSize"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (O(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerSize"));
+    });
   }
   /**
    * Specify whether line segments of the series should be smoothed.
@@ -189,7 +205,7 @@ class te extends H {
    * @returns {boolean}
    */
   isLineSmoothed(e) {
-    return z(e, this._config);
+    return F(e, this._config);
   }
   /**
    * Specify whether line segments of the series should be smoothed.
@@ -200,12 +216,14 @@ class te extends H {
    * @default false
    */
   setLineSmoothed(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (V({
-      smoothed: e,
-      seriesIndex: i,
-      config: this._config
-    }), this.emitConfigUpdate("setLineSmoothed"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (M({
+        smoothed: e,
+        seriesIndex: i,
+        config: this._config
+      }), this.emitConfigUpdate("setLineSmoothed"));
+    });
   }
   /**
    * Specify whether the line series should show area.
@@ -215,7 +233,7 @@ class te extends H {
    * @returns {boolean}
    */
   isAreaVisible(e) {
-    return U(e, this._config);
+    return B(e, this._config);
   }
   /**
    * Specify whether the line series should show area.
@@ -225,12 +243,14 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setAreaVisible(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (c({
-      visible: e,
-      seriesIndex: i,
-      config: this._config
-    }), this.emitConfigUpdate("setAreaVisible"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (S({
+        visible: e,
+        seriesIndex: i,
+        config: this._config
+      }), this.emitConfigUpdate("setAreaVisible"));
+    });
   }
   /**
    * Indicate whether to show or hide the markers/bullets of the line series.
@@ -240,7 +260,7 @@ class te extends H {
    * @returns {boolean}
    */
   isMarkerVisible(e) {
-    return O(e, this._config);
+    return z(e, this._config);
   }
   /**
    * Indicate whether to show or hide the markers/bullets of the line series.
@@ -250,12 +270,14 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setMarkerVisible(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (A({
-      visible: e,
-      seriesIndex: i,
-      config: this._config
-    }), this.emitConfigUpdate("setMarkerVisible"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (V({
+        visible: e,
+        seriesIndex: i,
+        config: this._config
+      }), this.emitConfigUpdate("setMarkerVisible"));
+    });
   }
   /**
    * Specify the color of the filled area for line chart.
@@ -266,7 +288,7 @@ class te extends H {
    * @returns {Color | undefined}
    */
   getAreaColor(e) {
-    return D(e, this._config);
+    return w(e, this._config);
   }
   /**
    * Specify the color of the filled area for line chart.
@@ -276,12 +298,14 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setAreaColor(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (c({
-      visible: !0,
-      seriesIndex: i,
-      config: this._config
-    }), j(e, i, this._config), this.emitConfigUpdate("setAreaColor"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (S({
+        visible: !0,
+        seriesIndex: i,
+        config: this._config
+      }), D(e, i, this._config), this.emitConfigUpdate("setAreaColor"));
+    });
   }
   /**
    * Specify how negative values are treated in stacked series.
@@ -294,7 +318,7 @@ class te extends H {
    * @returns {boolean}
    */
   isNegativeValuesStackedToBaseline(e) {
-    return F(e, this._config);
+    return U(e, this._config);
   }
   /**
    * Specify how negative values are treated in stacked series.
@@ -307,12 +331,14 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a line chart series.
    */
   setNegativeValuesStackedToBaseline(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (w({
-      stackNegativeValuesToBaseline: e,
-      seriesIndex: i,
-      config: this._config
-    }), this.emitConfigUpdate("setNegativeValuesStackedToBaseline"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (H({
+        stackNegativeValuesToBaseline: e,
+        seriesIndex: i,
+        config: this._config
+      }), this.emitConfigUpdate("setNegativeValuesStackedToBaseline"));
+    });
   }
   /**
    * Gets whether to hide oversized data labels of the side-by-side series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -330,8 +356,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a bar chart series.
    */
   setSeriesHideOversizedSideBySideLabels(e, i) {
-    const t = this._config.series?.[i];
-    n(t) && (d(e, i, this._config), this.emitConfigUpdate("setSeriesHideOversizedSideBySideLabels"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      n(t) && (d(e, i, this._config), this.emitConfigUpdate("setSeriesHideOversizedSideBySideLabels"));
+    });
   }
   /**
    * Gets whether to hide oversized data labels of the stacked series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -349,8 +377,10 @@ class te extends H {
    * **NOTE:** This method will only work if the series is a bar chart series.
    */
   setSeriesHideOversizedStackedLabels(e, i) {
-    const t = this._config.series?.[i];
-    n(t) && (b(e, i, this._config), this.emitConfigUpdate("setSeriesHideOversizedStackedLabels"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      n(t) && (y(e, i, this._config), this.emitConfigUpdate("setSeriesHideOversizedStackedLabels"));
+    });
   }
 }
 export {

package/dist/chunks/common.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.142 */
+v4.34.0-next.144 */
 const e = "customSort", s = {
   xAxisAsc: "xAxisAsc",
   xAxisDesc: "xAxisDesc",