@arcgis/charts-components 4.34.0-next.16 → 4.34.0-next.161

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

@@ -1,7 +1,8 @@
-import { WebChartTypes as a } from "@arcgis/charts-spec";
+import { W as a } from "./series-types.js";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { ay as g, ar as l, ao as f } from "./interfaces.js";
+import { aJ as g, aC as l, az 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";
@@ -9,30 +10,33 @@ 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 { n as S, j as r, l as n } from "./index4.js";
-import { g as h, s as d, a as m, b } from "./bar-chart-series.js";
-import { g as y, a as _, e as C, b as p, f as L, s as k, h as u, 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 j } from "./baseline-stacking.js";
-import { S as H, s as w } from "./serial-chart-model.js";
+import "./runtime.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 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 O, d as A, 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 j } from "./baseline-stacking.js";
+import { S as D, s as H } 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.16 */
-class x extends H {
+v4.34.0-next.161 */
+class te extends D {
   constructor() {
     super(...arguments), this._chartType = a.ComboLineAndBarSeries;
   }
-  getConfig() {
+  get config() {
     return this._config;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), e.config !== void 0 && (S(e.config?.series) && await this.initDefaultSeries(), await this.updateSeriesFromLayerFilter()), 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 g();
+  generateDefaultConfig() {
+    const e = g(this.commonStrings);
     return e.series = [
-      await l({
+      l({
+        commonStrings: this.commonStrings,
         objectIDField: this.layerInfo?.objectIdField
       })
     ], e;
@@ -41,47 +45,56 @@ class x 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
     });
   }
   // ---------------------------------------------------------------------------------------------
   // 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
-        });
+  /**
+   * Changes the chart series type at the specified index from bar to line and vice-versa.
+   * @param {number} seriesIndex - The index of the series to update.
+   * @param {WebChartTypes} seriesType - The new chart series type to apply.
+   */
+  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`.
@@ -89,18 +102,19 @@ class x 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.
+   * **Note:** This method will only work if the series is a line chart series.
    * @param {RESTSimpleLineSymbolStyle | undefined} newStyle The new style for the series.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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) && (_(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`.
@@ -108,18 +122,19 @@ class x extends H {
    * @returns {number | undefined}
    */
   getSeriesLineWidth(e) {
-    return C(e, this._config);
+    return p(e, this._config);
   }
   /**
    * Sets the line width of the series based on the series index.
+   * **Note:** This method will only work if the series is a line chart series.
    * @param {number | undefined} newWidth The new width for the series.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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) && (p(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`.
@@ -127,18 +142,19 @@ class x extends H {
    * @returns {Color | undefined}
    */
   getSeriesMarkerColor(e) {
-    return L(e, this._config);
+    return C(e, this._config);
   }
   /**
    * Sets the marker color of the series based on the series index.
+   * **Note:** This method will only work if the series is a line chart series.
    * @param {Color | undefined} newColor The new color for the series.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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) && (k(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`.
@@ -146,18 +162,19 @@ class x extends H {
    * @returns {RESTSimpleMarkerSymbolStyle | undefined}
    */
   getSeriesMarkerStyle(e) {
-    return u(e, this._config);
+    return v(e, this._config);
   }
   /**
    * Sets the marker style of the series based on the series index.
+   * **Note:** This method will only work if the series is a line chart series.
    * @param {RESTSimpleMarkerSymbolStyle | undefined} newStyle The new style for the series.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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`.
@@ -165,18 +182,19 @@ class x extends H {
    * @returns {number | undefined}
    */
   getSeriesMarkerSize(e) {
-    return M(e, this._config);
+    return O(e, this._config);
   }
   /**
    * Sets the marker size of the series based on the series index.
+   * **Note:** This method will only work if the series is a line chart series.
    * @param {number | undefined} newSize The new size for the series.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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) && (A(e, i, this._config), this.emitConfigUpdate("setSeriesMarkerSize"));
+    });
   }
   /**
    * Specify whether line segments of the series should be smoothed.
@@ -186,23 +204,24 @@ class x 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.
-   * @param {boolean} props.smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
-   * @param {number} props.seriesIndex - The index of the series.
-   *
-   * **NOTE:** This method will only work if the series is a line chart series.
+   * **Note:** This method will only work if the series is a line chart series.
+   * @param {boolean} smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
+   * @param {number} seriesIndex - The index of the series.
    * @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.
@@ -212,22 +231,23 @@ class x extends H {
    * @returns {boolean}
    */
   isAreaVisible(e) {
-    return U(e, this._config);
+    return B(e, this._config);
   }
   /**
    * Specify whether the line series should show area.
-   * @param {boolean} props.visible - `true` if the line series should show area, `false` otherwise.
-   * @param {number} props.seriesIndex - The index of the series.
-   *
-   * **NOTE:** This method will only work if the series is a line chart series.
+   * **Note:** This method will only work if the series is a line chart series.
+   * @param {boolean} visible - `true` if the line series should show area, `false` otherwise.
+   * @param {number} seriesIndex - The index of the 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.
@@ -237,79 +257,75 @@ class x 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.
-   * @param {boolean} props.visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
-   * @param {number} props.seriesIndex - The index of the series.
-   *
-   * **NOTE:** This method will only work if the series is a line chart series.
+   * **Note:** This method will only work if the series is a line chart series.
+   * @param {boolean} visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
+   * @param {number} seriesIndex - The index of the 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.
+   * **Note:** `areaColor` will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
    * @param {number} seriesIndex - The index of the series.
-   *
-   * NOTE: areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
-   *
    * @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.
-   * @param {Color | undefined} props.color - The color of the filled area for line chart.
-   * @param {number} props.seriesIndex - The index of the series.
-   *
-   * **NOTE:** This method will only work if the series is a line chart series.
+   * **Note:** This method will only work if the series is a line chart series.
+   * @param {Color | undefined} color The color of the filled area for line chart.
+   * @param {number} seriesIndex The index of the series.
    */
   setAreaColor(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (c({
-      visible: !0,
-      seriesIndex: i,
-      config: this._config
-    }), w(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
+      }), H(e, i, this._config), this.emitConfigUpdate("setAreaColor"));
+    });
   }
   /**
    * Specify how negative values are treated in stacked series.
+   * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
    * @param {number} seriesIndex - The index of the series.
-   *
-   * NOTE: If true, negative values will be stacked on the base line.
-   * If false, negative values will be stacked in relation to their previous values in the stack.
-   *
    * @default true
    * @returns {boolean}
    */
   isNegativeValuesStackedToBaseline(e) {
-    return F(e, this._config);
+    return U(e, this._config);
   }
   /**
    * Specify how negative values are treated in stacked series.
-   * @param {boolean} props.stackedToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
-   * @param {number} props.seriesIndex - The index of the series.
-   *
-   * NOTE: If true, negative values will be stacked on the base line.
-   * If false, negative values will be stacked in relation to their previous values in the stack.
-   *
-   * **NOTE:** This method will only work if the series is a line chart series.
+   * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
+   * **Note:** This method will only work if the series is a line chart series.
+   * @param {boolean} stackNegativeValuesToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
+   * @param {number} seriesIndex - The index of the series.
    */
   setNegativeValuesStackedToBaseline(e, i) {
-    const t = this._config.series?.[i];
-    r(t) && (j({
-      stackNegativeValuesToBaseline: e,
-      seriesIndex: i,
-      config: this._config
-    }), this.emitConfigUpdate("setNegativeValuesStackedToBaseline"));
+    this.guardSetterFromAsyncOverwrite(() => {
+      const t = this._config.series?.[i];
+      r(t) && (j({
+        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`.
@@ -324,11 +340,13 @@ class x extends H {
    * @param {boolean} hide The value for hiding oversized labels.
    * @param {number} seriesIndex The index of the series.
    *
-   * **NOTE:** This method will only work if the series is a bar chart series.
+   * **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`.
@@ -340,16 +358,17 @@ class x extends H {
   }
   /**
    * Sets whether to hide oversized data labels of the stacked series based on the series index.
+   * **Note:** This method will only work if the series is a bar chart series.
    * @param {boolean} hide The value for hiding oversized stacked labels.
    * @param {number} seriesIndex The index of the series.
-   *
-   * **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 {
-  x as ComboBarLineChartModel
+  te as ComboBarLineChartModel
 };

package/dist/chunks/common.js

@@ -1,35 +1,35 @@
 /*! 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.16 */
-const e = {
+v4.34.0-next.161 */
+const e = "customSort", s = {
   xAxisAsc: "xAxisAsc",
   xAxisDesc: "xAxisDesc",
   yAxisAsc: "yAxisAsc",
   yAxisDesc: "yAxisDesc",
-  customSort: "customSort"
-}, s = {
+  customSort: e
+}, a = {
   xAxisAsc: "xAxisAsc",
   xAxisDesc: "xAxisDesc",
   meanAsc: "meanAsc",
   meanDesc: "meanDesc",
   medianAsc: "medianAsc",
   medianDesc: "medianDesc",
-  customSort: "customSort"
-}, a = {
+  customSort: e
+}, t = {
   labelAsc: "labelAsc",
   labelDesc: "labelDesc",
   valueAsc: "valueAsc",
   valueDesc: "valueDesc",
-  customSort: "customSort"
-}, t = {
+  customSort: e
+}, i = {
   Category: "category",
   Fields: "fields"
-}, i = {
+}, n = {
   Category: "category",
   Value: "value",
   Percentage: "percentage",
   Both: "both"
-}, n = {
+}, r = {
   TextElements: "textElements",
   XAxisTitle: "xAxisTitle",
   YAxisTitle: "yAxisTitle",
@@ -44,11 +44,11 @@ const e = {
   LeaderLines: "leaderLines",
   AxisLines: "axisLines",
   GridLines: "gridLines"
-}, o = {
+}, l = {
   AxisLines: "axisLines",
   GridLines: "gridLines",
   LeaderLines: "leaderLines"
-}, r = {
+}, o = {
   Title: "title",
   XAxisTitle: "xAxisTitle",
   YAxisTitle: "yAxisTitle",
@@ -58,12 +58,12 @@ const e = {
   LegendTitle: "legendTitle",
   Description: "description",
   DataLabels: "dataLabels"
-}, l = {
-  Background: "background"
 }, c = {
+  Background: "background"
+}, x = {
   X: "x",
   Y: "y"
-}, x = {
+}, d = {
   BarChart: "barChart",
   LineChart: "lineChart",
   ComboBarLineChart: "comboBarLineChart",
@@ -72,18 +72,20 @@ const e = {
   Scatterplot: "scatterplot",
   Histogram: "histogram",
   Gauge: "gauge",
-  RadarChart: "radarChart"
+  RadarChart: "radarChart",
+  HeatChart: "heatChart"
 };
 export {
-  s as B,
-  l as C,
-  n as F,
-  c as G,
-  o as L,
-  x as M,
-  a as P,
-  e as S,
-  r as T,
-  t as a,
-  i as b
+  a as B,
+  c as C,
+  r as F,
+  x as G,
+  l as L,
+  d as M,
+  t as P,
+  s as S,
+  o as T,
+  i as a,
+  n as b,
+  e as c
 };