@arcgis/charts-components 5.2.0-next.1 → 5.2.0-next.100

package/dist/chunks/interfaces.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { r as e } from "./chart-object-literals.js";
+import { d as e } from "./chart-object-literals.js";
 const t = {
   actionBar: "action-bar",
   customActionTop: "custom-action-top",
@@ -93,16 +93,16 @@ export {
   l as B,
   o as C,
   r as F,
-  c as H,
+  n as H,
   s as L,
   d as P,
-  m as S,
+  t as S,
   u as W,
-  g as a,
-  n as b,
-  t as c,
-  F as d,
-  y as e,
-  i as f,
+  F as a,
+  g as b,
+  y as c,
+  c as d,
+  i as e,
+  m as f,
   p as g
 };

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

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { u as m } from "./chart-object-literals.js";
-import { U as S, Y as n, am as d, aB as c } from "./index.js";
-import { an as a } from "./index2.js";
-import { m as y } from "./model-setter.js";
-import { M as g } from "./model-with-line-marker-styling.js";
+import { a as d } from "./chart-object-literals.js";
+import { av as m, Y as l, g as S, r as c } from "./index3.js";
+import { r as a } from "./index.js";
+import { m as g } from "./model-setter.js";
+import { M as y } from "./model-with-line-marker-styling.js";
 import { s as u, a as p, b, c as I, d as v, W as _ } from "./negative-values-stacked-to-baseline.js";
-import { S as C, s as L, a as M } from "./serial-chart-model.js";
-import { c as f } from "./serial-chart-data.js";
-import { a as k } from "./utils.js";
-var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, x = (o, e, s, t) => {
-  for (var i = F(e, s), r = o.length - 1, l; r >= 0; r--)
-    (l = o[r]) && (i = l(e, s, i) || i);
-  return i && D(e, s, i), i;
+import { S as C, s as M, a as k } from "./serial-chart-model.js";
+import { h as f } from "./serial-chart-data.js";
+import { f as x } from "./utils.js";
+var L = Object.defineProperty, D = Object.getOwnPropertyDescriptor, w = (o, e, s, t) => {
+  for (var i = D(e, s), r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = n(e, s, i) || i);
+  return i && L(e, s, i), i;
 };
 class h extends C {
   constructor() {
-    super(...arguments), this._chartType = m.LineSeries;
+    super(...arguments), this._chartType = d.LineSeries;
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && this.updateSeriesFromLayerFilter(), this.initDefaultSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.rebuildSeries(), this.initDefaultSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // #end region
   // ---------------------------------------------------------------------------------------------
@@ -26,9 +26,9 @@ class h extends C {
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    const e = S(this.commonStrings);
+    const e = m(this.commonStrings);
     return e.series = [
-      n({
+      l({
         commonStrings: this.commonStrings,
         objectIDField: a(this.layerInfo.layer).idField
       })
@@ -39,27 +39,43 @@ class h extends C {
    * @private
    */
   initDefaultSeries() {
-    this.defaultSeries = n({
+    this.defaultSeries = l({
       commonStrings: this.commonStrings,
       objectIDField: a(this.layerInfo.layer).idField
     });
   }
   resetSeriesStyling() {
     for (let e = 0; e < this.seriesLength; e += 1) {
-      const s = d({
+      const s = S({
         colorIndex: e,
         opacity: c
       });
-      if (L(s, e, this._config), u(s, e, this._config), this.layerInfo !== void 0) {
+      if (M(s, e, this._config), u(s, e, this._config), this.layerInfo !== void 0) {
         const t = this.getSeriesId(e), i = f({
           config: this._config,
           seriesIndex: e,
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
         });
-        i !== a(this.layerInfo.layer).idField && M(i ?? t, e, this._config);
+        i !== a(this.layerInfo.layer).idField && k(i ?? t, e, this._config);
       }
-      p(this.defaultSeries?.lineSymbol?.style, e, this._config), b(this.defaultSeries?.lineSymbol?.width, e, this._config), I(this.defaultSeries?.markerSymbol?.style, e, this._config), v(this.defaultSeries?.markerSymbol?.size, e, this._config);
+      p({
+        style: this.defaultSeries?.lineSymbol?.style,
+        seriesIndex: e,
+        config: this._config
+      }), b({
+        width: this.defaultSeries?.lineSymbol?.width,
+        seriesIndex: e,
+        config: this._config
+      }), I({
+        style: this.defaultSeries?.markerSymbol?.style,
+        seriesIndex: e,
+        config: this._config
+      }), v({
+        size: this.defaultSeries?.markerSymbol?.size,
+        seriesIndex: e,
+        config: this._config
+      });
     }
     this._config.colorMatch = !0;
   }
@@ -88,11 +104,11 @@ class h extends C {
     return e || s;
   }
 }
-x([
-  y
+w([
+  g
 ], h.prototype, "resetSeriesStyling");
-const N = [_, g];
-k(h, N);
+const F = [_, y];
+x(h, F);
 export {
   h as LineChartModel
 };

package/dist/chunks/model-setter.js

@@ -1,49 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { fetchT9nStringsBundle as d, getElementLocale as c } from "@arcgis/toolkit/intl";
-import { g } from "./runtime.js";
-import { a as h } from "./index4.js";
-import { S as f } from "./index.js";
-import { ac as o, bu as l, I as y, an as u } from "./index2.js";
-import "lodash-es";
-import "luxon";
-import "./chart-object-literals.js";
-import "@arcgis/core/layers/support/FeatureFilter.js";
-import "@arcgis/core/smartMapping/statistics/histogram.js";
-import "@arcgis/core/smartMapping/statistics/summaryStatistics.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 "./index3.js";
-import "@arcgis/core/Graphic.js";
-import "@arcgis/core/renderers/support/jsonUtils.js";
-import "@arcgis/core/symbols/support/symbolUtils.js";
-import "@esri/arcgis-html-sanitizer";
-import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
-import "@arcgis/core/geometry/Point.js";
-import "@arcgis/core/applications/Components/imageryUtils.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
-import "@arcgis/core/layers/support/CodedValueDomain.js";
-import "@arcgis/core/intl.js";
-import "@arcgis/toolkit/dom";
-import "simple-statistics";
-import "@arcgis/core/core/sql.js";
-import "@arcgis/core/geometry/Extent.js";
-import "@arcgis/toolkit/type";
-import "./class-breaks.js";
-class $ extends EventTarget {
+import { fetchT9nStringsBundle as f } from "@arcgis/toolkit/intl";
+import { getElementLocale as g } from "@arcgis/toolkit/intl/dom";
+import { g as l } from "./runtime.js";
+import { convertChartSpec as m } from "../utils/chart-config/converter/index.js";
+import { a6 as y } from "./index3.js";
+import { bD as o, b9 as p, t as u, r as _ } from "./index.js";
+import { cloneDeep as C } from "lodash-es";
+const h = 30;
+function U(r, e, t, i) {
+  const s = h - 1, n = Math.max(r - s, 0);
+  if (i === void 0 && (i = r - 1), !(i < n || i > r))
+    return i === r ? e : t[i - n];
+}
+class A extends EventTarget {
   /**
    * @param args
    * @privateRemarks This "any" constructor is needed for TypeScript to merge
    * the base class and mixin classes types together smoothly.
    */
-  constructor(...i) {
-    super(), this.dirtyAsyncSetters = [], this.asyncConfigUpdateInProgress = !1, this.pendingUpdates = 0, this.dataStore = {}, this.asyncUpdatesPromise = new Promise((t) => {
+  constructor(...e) {
+    super(), this.dirtyAsyncSetters = [], this.asyncConfigUpdateInProgress = !1, this.pendingUpdates = 0, this._revision = 0, this._configHistory = [void 0], this.dataStore = {}, this.asyncUpdatesPromise = new Promise((t) => {
       this.resolveSetup = t;
     }), this.emitConfigUpdate = (t) => {
-      this.dispatchEvent(
+      this._revision += 1, this._configHistory.push(C(this._config)), this._configHistory.length > h && this._configHistory.shift(), this.dispatchEvent(
         new CustomEvent("arcgisChartsModelConfigChange", {
           detail: { config: this._config, setterName: t }
         })
@@ -58,14 +37,28 @@ class $ extends EventTarget {
   get chartType() {
     return this._chartType;
   }
+  /**
+   * The current revision number of the chart configuration. Increments with each update.
+   */
+  get revision() {
+    return this._revision;
+  }
+  /**
+   * Recalls a previous chart configuration based on its revision number. Returns `undefined` if the requested revision is not available (beyond the stored history limit).
+   *
+   * If no `configRevision` number is provided, it recalls the last configuration just before the current one.
+   */
+  recall(e) {
+    return U(this._revision, this._config, this._configHistory, e);
+  }
   /**
    * Checks if the current chart model is for the same chart as another chart model.
    *
    * @param otherModel - The other chart model to compare to.
    */
-  isSameChartAs(i) {
-    const t = i?.layer;
-    return t !== void 0 && this._config.id === i?.chartId && this.layerInfo?.layer.id === t.id;
+  isSameChartAs(e) {
+    const t = e?.layer;
+    return t !== void 0 && this._config.id === e?.chartId && this.layerInfo?.layer.id === t.id;
   }
   /**
    * Can be awaited to allow any pending async updates to complete.
@@ -83,32 +76,32 @@ class $ extends EventTarget {
    * @param params.commonStrings - The t9n common strings
    * @private
    */
-  async loadConfigFromLayer(i) {
-    const { layer: t, iLayer: s, config: a, commonStrings: r } = i;
-    this.commonStrings = r ?? await d(
-      c(document.documentElement).t9nLocale,
-      g("./assets/common/t9n"),
+  async loadConfigFromLayer(e) {
+    const { layer: t, iLayer: i, config: s, commonStrings: n } = e;
+    this.commonStrings = n ?? await f(
+      g(document.documentElement).t9nLocale,
+      l("./assets/common/t9n"),
       "messages."
     );
-    let e = t;
-    if (!e && s ? e = await o(s) : !e && a?.iLayer && (e = await o(a.iLayer)), e) {
-      await l(e);
-      const m = y(e, !0), p = u(e).idField;
+    let a = t;
+    if (!a && i ? a = await o(i) : !a && s?.iLayer && (a = await o(s.iLayer)), a) {
+      await p(a);
+      const d = u(a, !0), c = _(a).idField;
       this.layerInfo = {
-        layer: e,
-        layerFieldsInfo: m,
-        objectIdField: p
+        layer: a,
+        layerFieldsInfo: d,
+        objectIdField: c
       };
     }
-    this._config = a ? await h(a) : this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = f().title), s && (this._config.iLayer = s);
+    this._config = s ? await m(s) : this.generateDefaultConfig(), this._config.legend !== void 0 && this._config.legend?.title === void 0 && (this._config.legend.title = y().title), i && (this._config.iLayer = i);
   }
   /**
    * Manually block the async guard to queue up config updates until unblocked.
    * @private
    */
   startAsyncUpdate() {
-    this.pendingUpdates === 0 && (this.asyncConfigUpdateInProgress = !0, this.asyncUpdatesPromise = new Promise((i) => {
-      this.resolveSetup = i;
+    this.pendingUpdates === 0 && (this.asyncConfigUpdateInProgress = !0, this.asyncUpdatesPromise = new Promise((e) => {
+      this.resolveSetup = e;
     })), this.pendingUpdates += 1;
   }
   /**
@@ -120,19 +113,21 @@ class $ extends EventTarget {
   }
   // #endregion
 }
-function K(n, i, t) {
-  const s = t.set, a = t.value;
-  return s && (t.set = function(r) {
+function x(r, e, t) {
+  const i = t.set, s = t.value;
+  return i && (t.set = function(n) {
     this.guardSetterFromAsyncOverwrite(() => {
-      s.call(this, r), this.emitConfigUpdate(i);
+      i.call(this, n), this.emitConfigUpdate(e);
     });
-  }), a && (t.value = function(...r) {
+  }), s && (t.value = function(...n) {
     this.guardSetterFromAsyncOverwrite(() => {
-      a.apply(this, r), this.emitConfigUpdate(i);
+      s.apply(this, n), this.emitConfigUpdate(e);
     });
   }), t;
 }
 export {
-  $ as C,
-  K as m
+  A as C,
+  h as M,
+  x as m,
+  U as r
 };

package/dist/chunks/model-types.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { M as e } from "./common.js";
 import { g as i } from "./series-types.js";
-import { u as r } from "./chart-object-literals.js";
+import { a as r } from "./chart-object-literals.js";
 function o(t) {
   switch (t) {
     case r.BarSeries:

package/dist/chunks/model-with-line-marker-styling.js

@@ -1,24 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { C as S } from "./chart-model.js";
-import { s as c } from "./serial-chart-model.js";
-import { g as f, a as h, e as p, b as _, f as M, s as k, h as y, c as L, i as C, d, j as m, k as b, l as u, m as V, n as A, o as l, p as v, q as W, r as z } from "./negative-values-stacked-to-baseline.js";
-import { m as i } from "./model-setter.js";
-var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, r = (n, e, t, j) => {
-  for (var o = P(e, t), a = n.length - 1, g; a >= 0; a--)
-    (g = n[a]) && (o = g(e, t, o) || o);
-  return o && O(e, t, o), o;
+import { C as c } from "./chart-model.js";
+import { s as f } from "./serial-chart-model.js";
+import { g as S, a as h, e as p, b as _, f as M, s as k, h as y, c as L, i as C, d as b, j as d, k as m, l as u, m as V, n as A, o as l, p as v, q as W, r as z } from "./negative-values-stacked-to-baseline.js";
+import { m as t } from "./model-setter.js";
+var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, r = (n, e, i, j) => {
+  for (var o = P(e, i), a = n.length - 1, g; a >= 0; a--)
+    (g = n[a]) && (o = g(e, i, o) || o);
+  return o && O(e, i, o), o;
 };
-class s extends S {
+class s extends c {
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
    *
    * @param seriesIndex - The index of the series.
    */
   getSeriesLineStyle(e) {
-    return f(e, this._config);
+    return S(e, this._config);
   }
-  setSeriesLineStyle(e, t) {
-    h(e, t, this._config);
+  setSeriesLineStyle(e, i) {
+    h({
+      style: e,
+      seriesIndex: i,
+      config: this._config
+    });
   }
   /**
    * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -28,8 +32,12 @@ class s extends S {
   getSeriesLineWidth(e) {
     return p(e, this._config);
   }
-  setSeriesLineWidth(e, t) {
-    _(e, t, this._config);
+  setSeriesLineWidth(e, i) {
+    _({
+      width: e,
+      seriesIndex: i,
+      config: this._config
+    });
   }
   /**
    * Gets the marker color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -40,8 +48,8 @@ class s extends S {
   getSeriesMarkerColor(e) {
     return M(e, this._config);
   }
-  setSeriesMarkerColor(e, t) {
-    k(e, t, this._config);
+  setSeriesMarkerColor(e, i) {
+    k(e, i, this._config);
   }
   /**
    * Gets the marker style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -51,8 +59,12 @@ class s extends S {
   getSeriesMarkerStyle(e) {
     return y(e, this._config);
   }
-  setSeriesMarkerStyle(e, t) {
-    L(e, t, this._config);
+  setSeriesMarkerStyle(e, i) {
+    L({
+      style: e,
+      seriesIndex: i,
+      config: this._config
+    });
   }
   /**
    * Gets the marker size of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -62,8 +74,12 @@ class s extends S {
   getSeriesMarkerSize(e) {
     return C(e, this._config);
   }
-  setSeriesMarkerSize(e, t) {
-    d(e, t, this._config);
+  setSeriesMarkerSize(e, i) {
+    b({
+      size: e,
+      seriesIndex: i,
+      config: this._config
+    });
   }
   /**
    * Specify whether line segments of the series should be smoothed.
@@ -71,27 +87,27 @@ class s extends S {
    * @param seriesIndex - The index of the series.
    */
   isLineSmoothed(e) {
-    return m(e, this._config);
+    return d(e, this._config);
   }
-  setLineSmoothed(e, t) {
-    b({
+  setLineSmoothed(e, i) {
+    m({
       smoothed: e,
-      seriesIndex: t,
+      seriesIndex: i,
       config: this._config
     });
   }
   /**
-   * Specify the color of the filled area for line chart.
+   * Get whether to connect the lines when there's a gap in the data.
    *
    * @param seriesIndex - The index of the series.
    */
   getConnectLines(e) {
     return u(e, this._config);
   }
-  setConnectLines(e, t) {
+  setConnectLines(e, i) {
     V({
       connect: e,
-      seriesIndex: t,
+      seriesIndex: i,
       config: this._config
     });
   }
@@ -103,10 +119,10 @@ class s extends S {
   isAreaVisible(e) {
     return A(e, this._config);
   }
-  setAreaVisible(e, t) {
+  setAreaVisible(e, i) {
     l({
       visible: e,
-      seriesIndex: t,
+      seriesIndex: i,
       config: this._config
     });
   }
@@ -118,59 +134,68 @@ class s extends S {
   isMarkerVisible(e) {
     return v(e, this._config);
   }
-  setMarkerVisible(e, t) {
+  setMarkersVisible(e, i) {
     W({
       visible: e,
-      seriesIndex: t,
+      seriesIndex: i,
       config: this._config
     });
   }
   /**
-   * 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.
+   * Indicate whether to show or hide the markers/bullets of the line series.
+   *
+   * @param visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
+   * @param seriesIndex - The index of the series.
+   * @deprecated since 5.2. Use {@link model/mixins/model-with-line-marker-styling#setMarkersVisible setMarkersVisible} instead. This method will be removed from `ModelWithLineMarkerStyling` in 6.0.
+   */
+  setMarkerVisible(e, i) {
+    this.setMarkersVisible(e, i);
+  }
+  /**
+   * Get the color of the filled area.
    *
    * @param seriesIndex - The index of the series.
    */
   getAreaColor(e) {
     return z(e, this._config);
   }
-  setAreaColor(e, t) {
+  setAreaColor(e, i) {
     l({
       visible: !0,
-      seriesIndex: t,
+      seriesIndex: i,
       config: this._config
-    }), c(e, t, this._config);
+    }), f(e, i, this._config);
   }
 }
 r([
-  i
+  t
 ], s.prototype, "setSeriesLineStyle");
 r([
-  i
+  t
 ], s.prototype, "setSeriesLineWidth");
 r([
-  i
+  t
 ], s.prototype, "setSeriesMarkerColor");
 r([
-  i
+  t
 ], s.prototype, "setSeriesMarkerStyle");
 r([
-  i
+  t
 ], s.prototype, "setSeriesMarkerSize");
 r([
-  i
+  t
 ], s.prototype, "setLineSmoothed");
 r([
-  i
+  t
 ], s.prototype, "setConnectLines");
 r([
-  i
+  t
 ], s.prototype, "setAreaVisible");
 r([
-  i
-], s.prototype, "setMarkerVisible");
+  t
+], s.prototype, "setMarkersVisible");
 r([
-  i
+  t
 ], s.prototype, "setAreaColor");
 export {
   s as M

package/dist/chunks/model-with-x-guides.js

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { G as n } from "./common.js";
-import { a as f } from "./utils.js";
-import { M as a, a as l, d as G } from "./x-bounds.js";
+import { f as u } from "./utils.js";
+import { M as a, b as l, d as G } from "./x-bounds.js";
 import { m as p } from "./model-setter.js";
-var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, u = (o, e, t, h) => {
+var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, f = (o, e, t, h) => {
   for (var i = c(e, t), s = o.length - 1, r; s >= 0; s--)
     (r = o[s]) && (i = r(e, t, i) || i);
   return i && m(e, t, i), i;
@@ -36,14 +36,14 @@ class d extends a {
     });
   }
 }
-u([
+f([
   p
 ], d.prototype, "addXAxisGuide");
-u([
+f([
   p
 ], d.prototype, "deleteXAxisGuide");
 const g = [a];
-f(d, g);
+u(d, g);
 export {
   d as M
 };