@arcgis/charts-components 4.34.0-next.99 → 5.0.0-next.1

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

@@ -1,11 +1,10 @@
-import { WebChartTypes as r } from "@arcgis/charts-spec";
-import { g as c } from "./series-types.js";
+import { u as c, W as r } from "./series-types.js";
 import { fetchT9nStringsBundle as i, getElementLocale as o } from "@arcgis/toolkit/intl";
 import { g as n } from "./runtime.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.99 */
-function S(a) {
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+function p(a) {
   const s = c(a.series);
   let e = "graph-bar";
   switch (s) {
@@ -33,7 +32,7 @@ function S(a) {
   }
   return e;
 }
-async function b(a) {
+async function S(a) {
   const e = (await i(
     o(document.documentElement).t9nLocale,
     n("./assets/common/t9n"),
@@ -69,6 +68,6 @@ async function b(a) {
   return t;
 }
 export {
-  b as a,
-  S as g
+  S as a,
+  p as g
 };

package/dist/chunks/chart-ui-utils2.js

@@ -1,7 +1,9 @@
-import { WebChartStatisticType as r, RESTSimpleLineSymbolStyle as l, defaultBarLineFromFieldsName as d } from "@arcgis/charts-spec";
+import { a as r } from "./series-types.js";
+import { c as l } from "./rest-js-object-literals.js";
+import { cq as u, b as d } from "./interfaces.js";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { ci as u } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -9,24 +11,23 @@ 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 "@arcgis/toolkit/intl";
 import "./runtime.js";
-import { d as f } from "./index4.js";
-import { F as o } from "./interfaces2.js";
+import { d as f } from "./index3.js";
+import { F as o } from "./interfaces3.js";
 import { F as a } from "./common.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.99 */
-const V = {
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+const x = {
   DebounceTimer: 400,
   SliderTimer: 100,
   PopoverTimer: 60,
   customSortLimit: 100
-}, x = {
+}, C = {
   style: "decimal",
   minimumFractionDigits: 0,
   maximumFractionDigits: 3
-}, C = [
+}, w = [
   r.Count,
   r.Sum,
   r.Average,
@@ -34,8 +35,8 @@ const V = {
   r.Minimum,
   r.Maximum,
   r.NoAggregation
-], w = [r.Count, r.Sum];
-function P(e) {
+], P = [r.Count, r.Sum];
+function U(e) {
   let t;
   switch (e) {
     case a.Title:
@@ -66,12 +67,12 @@ function P(e) {
   }
   return t;
 }
-function U(e, t, i) {
+function K(e, t, i) {
   let s = !1;
   const n = typeof e == "string" ? Number.parseFloat(e) : e, m = typeof t == "string" ? Number.parseFloat(t) : t, c = typeof i == "string" ? Number.parseFloat(i) : i;
   return Number.isNaN(n) || (s = (m === void 0 || Number.isNaN(m) || n >= m) && (c === void 0 || Number.isNaN(c) || n <= c)), s;
 }
-function K(e, t) {
+function M(e, t) {
   let i;
   if (e !== null) {
     const s = typeof e == "string" ? Number.parseFloat(e) : e;
@@ -79,15 +80,15 @@ function K(e, t) {
   }
   return i === void 0 ? "" : `${i}`;
 }
-function M(e) {
+function z(e) {
   const { inputElement: t, status: i } = e;
   t.status = i;
 }
-const z = {
+const B = {
   IDLE: "idle",
   INVALID: "invalid"
 };
-function B(e, t) {
+function G(e, t) {
   let i = "";
   if (e !== void 0 && !Number.isNaN(e)) {
     const s = f(document.documentElement);
@@ -95,7 +96,7 @@ function B(e, t) {
   }
   return i;
 }
-function G(e, t) {
+function O(e, t) {
   let i = !1;
   if (t !== void 0) {
     const s = typeof t == "string" ? t.trim() : t, n = e.trim();
@@ -103,7 +104,7 @@ function G(e, t) {
   }
   return i;
 }
-function O(e) {
+function R(e) {
   let t;
   switch (e) {
     case "trailing":
@@ -118,10 +119,10 @@ function O(e) {
   }
   return t;
 }
-function R(e) {
+function j(e) {
   return e === void 0 || Number.isNaN(e.r) || Number.isNaN(e.g) || Number.isNaN(e.b) ? null : e;
 }
-const j = (e) => {
+const q = (e) => {
   ["e", "E"].includes(e.key) && e.preventDefault();
 }, W = (e) => {
   if (e.pickListElement !== void 0) {
@@ -156,22 +157,22 @@ function $(e) {
   return e != null && (e.style.removeProperty("opacity"), e.remove()), null;
 }
 export {
-  x as D,
-  V as U,
-  O as a,
-  U as b,
-  z as c,
+  C as D,
+  x as U,
+  R as a,
+  K as b,
+  B as c,
   $ as d,
   W as e,
-  B as f,
+  G as f,
   X as g,
-  C as h,
-  G as i,
-  j,
-  R as k,
-  P as l,
-  M as m,
+  w as h,
+  O as i,
+  q as j,
+  j as k,
+  U as l,
+  z as m,
   Y as n,
-  w as p,
-  K as s
+  P as p,
+  M as s
 };

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 { aB as g, au as l, ar as f } from "./interfaces.js";
+import { aI as g, aB as l, ay 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,33 +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 "@arcgis/toolkit/intl";
 import "./runtime.js";
-import { n as S, j as r, l as n } from "./index5.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 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 { 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.99 */
-class te extends H {
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+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;
@@ -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 L(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) && (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`.
@@ -149,7 +161,7 @@ class te 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.
@@ -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 O(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) && (A(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
-    }), 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.
@@ -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) && (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`.
@@ -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 {