@arcgis/charts-components 5.2.0-next.60 → 5.2.0-next.62

package/dist/chunks/box-plot-model.js

@@ -1,32 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { log as d } from "@arcgis/toolkit/log";
-import { u as A } from "./chart-object-literals.js";
-import { g as f, C as P, E as D, ap as T, aF as V, h as y, m, n as p } from "./index.js";
-import { bs as l } from "./index2.js";
-import { C as E } from "./chart-model.js";
-import { m as o } from "./model-setter.js";
-import { B as N } from "./common.js";
-import { M as R, a as U, W as z, b as X } from "./data-labels-visibility.js";
-import { M as j, a as k } from "./model-with-y-guides.js";
-import { W as K, c as Y, d as G } from "./axis-lines-symbol.js";
-import { W as q, c as H, d as J } from "./generate-x-axis-title.js";
-import { W as Q, a as Z } from "./x-bounds.js";
-import { W as $ } from "./data-labels-symbol.js";
-import { W as ee } from "./rotated-state.js";
-import { g as te, s as u, b as se, a as S } from "./series.js";
-import { k as ie, j as re, h as oe } from "./utils.js";
-import { s as ne, d as ae, e as le, f as he, h as ce, i as L, j as _, k as C, l as B, m as M, g as ge, n as de, o as fe, p as F, a as ye, c as me, b as pe, q as ue, r as x, t as Se, u as v, v as Le, w, x as _e, y as Ce, z as Be, A as Me, B as Fe, C as xe, D as b } from "./box-plot-data.js";
-var ve = Object.defineProperty, we = Object.getOwnPropertyDescriptor, n = (c, e, t, s) => {
-  for (var r = we(e, t), a = c.length - 1, h; a >= 0; a--)
-    (h = c[a]) && (r = h(e, t, r) || r);
-  return r && ve(e, t, r), r;
+import { u as P } from "./chart-object-literals.js";
+import { g as f, C as D, E as A, ap as V, aF as T, h as y, m as p, n as m } from "./index.js";
+import { aH as E, bs as l } from "./index2.js";
+import { C as N } from "./chart-model.js";
+import { m as r } from "./model-setter.js";
+import { B as R } from "./common.js";
+import { M as z, a as U, W as X, b as j } from "./data-labels-visibility.js";
+import { M as k, a as K } from "./model-with-y-guides.js";
+import { W as Y, c as q, d as G } from "./axis-lines-symbol.js";
+import { W as H, c as J, d as Q } from "./generate-x-axis-title.js";
+import { W as Z, a as $ } from "./x-bounds.js";
+import { W as ee } from "./data-labels-symbol.js";
+import { W as te } from "./rotated-state.js";
+import { g as ie, s as u, b as se, a as S } from "./series.js";
+import { j as oe, h as re, k as ne, f as ae } from "./utils.js";
+import { s as le, d as he, e as ce, f as ge, h as de, i as _, j as L, k as B, l as C, m as F, g as fe, n as ye, o as pe, p as M, a as me, c as ue, b as Se, q as _e, r as x, t as Le, u as Be, v as I, w as Ce, x as b, y as Fe, z as Me, A as xe, B as Ie, C as be, D as we, E as w } from "./box-plot-data.js";
+var ve = Object.defineProperty, We = Object.getOwnPropertyDescriptor, n = (c, e, t, i) => {
+  for (var o = We(e, t), a = c.length - 1, h; a >= 0; a--)
+    (h = c[a]) && (o = h(e, t, o) || o);
+  return o && ve(e, t, o), o;
 };
-class i extends E {
+class s extends N {
   constructor() {
-    super(...arguments), this._chartType = A.BoxPlotSeries, this._category = f, this._splitByField = "", this._numericFields = [];
+    super(...arguments), this._chartType = P.BoxPlotSeries, this._category = f, this._splitByField = "", this._numericFields = [];
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.updateSeriesFromLayerFilter(), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), e.config !== void 0 && await this.rebuildSeries(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // #region Data Props
@@ -39,7 +39,7 @@ class i extends E {
   }
   set category(e) {
     const t = e.trim() === "";
-    this._category = t ? f : e, this.dirtyAsyncSetters.push("category"), this.processSeriesRebuild();
+    this._category = t ? f : e, this.processSeriesRebuild("category");
   }
   /**
    * The numeric fields array for the box plot.
@@ -49,7 +49,7 @@ class i extends E {
   }
   set numericFields(e) {
     const { layerFieldsInfo: t } = this.layerInfo;
-    typeof e == "string" && (e = [e]), ie(t, e) ? (this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), ne(this._category, this._numericFields) && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), this.processSeriesRebuild()) : d("error", "box-plot-model", "Invalid `numericFields`");
+    typeof e == "string" && (e = [e]), oe(t, e) ? (this._numericFields = e, le(this._category, this._numericFields) && (this._splitByField = ""), this.processSeriesRebuild("numericFields")) : d("error", "box-plot-model", "Invalid `numericFields`");
   }
   /**
    * The split-by field for the box plot.
@@ -58,16 +58,16 @@ class i extends E {
     return this._splitByField;
   }
   set splitByField(e) {
-    re(this.layerInfo.layerFieldsInfo, e) ? (this._splitByField = e, this.dirtyAsyncSetters.push("splitByField"), this.processSeriesRebuild()) : d("error", "box-plot-model", "Invalid `splitByField`");
+    re(this.layerInfo.layerFieldsInfo, e) ? (this._splitByField = e, this.processSeriesRebuild("splitByField")) : d("error", "box-plot-model", "Invalid `splitByField`");
   }
   /**
    * Whether outliers are shown.
    */
   get showOutliers() {
-    return ae(this._config);
+    return he(this._config);
   }
   set showOutliers(e) {
-    le({
+    ce({
       newShowOutliers: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -78,10 +78,10 @@ class i extends E {
    * Whether values are standardized as z-scores.
    */
   get standardizeValues() {
-    return he(this._config);
+    return ge(this._config);
   }
   set standardizeValues(e) {
-    ce({
+    de({
       newStandardizeValues: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -92,16 +92,16 @@ class i extends E {
    * Gets the sort order of the box plot data.
    */
   getSortOrder() {
-    return L(this._config);
+    return _(this._config);
   }
   setSortOrder(e, t) {
-    _(e, this._config, t);
+    L(e, this._config, t);
   }
   /**
    * Gets the list of the category values for the chart.
    */
   async getCustomSortValues() {
-    return await C({
+    return await B({
       config: this._config,
       layerInfo: this.layerInfo,
       errorStrings: this.commonStrings.errorStrings
@@ -109,15 +109,15 @@ class i extends E {
   }
   async setDataFilters(e) {
     super.setDataFilters(e);
-    const t = L(this._config);
-    if (t === N.customSort) {
+    const t = _(this._config);
+    if (t === R.customSort) {
       this.startAsyncUpdate();
-      const s = await C({
+      const i = await B({
         config: this._config,
         layerInfo: this.layerInfo,
         errorStrings: this.commonStrings.errorStrings
       });
-      _(t, this._config, s), this.finishAsyncUpdate();
+      L(t, this._config, i), this.finishAsyncUpdate();
     }
     this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
@@ -125,16 +125,24 @@ class i extends E {
    * The list of category values for custom sort.
    */
   get orderByList() {
-    return B(this._config);
+    return C(this._config);
   }
   set orderByList(e) {
-    M(e, this._config);
+    F(e, this._config);
   }
   /**
    * Updates the series based on the layer filter.
+   *
+   * @deprecated since 5.2. Use {@link model/box-plot-model/box-plot-model#rebuildSeries rebuildSeries} instead.
    */
   async updateSeriesFromLayerFilter() {
-    this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"), await this.processSeriesRebuild();
+    await this.processSeriesRebuild("updateSeriesFromLayerFilter");
+  }
+  /**
+   * Rebuilds the series based on the current configuration.
+   */
+  async rebuildSeries() {
+    await this.processSeriesRebuild("rebuildSeries");
   }
   // ---------------------------------------------------------------------------------------------
   // #region  Series Props
@@ -143,10 +151,10 @@ class i extends E {
    * Whether mean lines are shown.
    */
   get showMeanLines() {
-    return ge(this._config);
+    return fe(this._config);
   }
   set showMeanLines(e) {
-    const { previousMeanLinesBoxColor: t } = de({
+    const { previousMeanLinesBoxColor: t } = ye({
       newShowMeanLines: e,
       config: this._config,
       commonStrings: this.commonStrings,
@@ -160,10 +168,10 @@ class i extends E {
    * Only applicable when mean lines are shown.
    */
   get meanLinesBoxColor() {
-    return fe(this._config);
+    return pe(this._config);
   }
   set meanLinesBoxColor(e) {
-    F(e, this._config);
+    M(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected Methods
@@ -173,45 +181,51 @@ class i extends E {
    * @private
    */
   setupLocalProps() {
-    this._category = ye(this._config), this._splitByField = me(this._config), this._numericFields = pe(this._config);
+    this._category = me(this._config), this._splitByField = ue(this._config), this._numericFields = Se(this._config);
   }
   /** @private */
   generateDefaultConfig() {
-    const e = P(this.commonStrings);
-    return e.series = [D(this.commonStrings)], e;
+    const e = D(this.commonStrings);
+    return e.series = [A(this.commonStrings)], e;
   }
   resetConfig() {
     const e = this._config.id;
     this._config = this.generateDefaultConfig(), this._config.id = e, this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
-   * Determines if we can rebuild the series synchronously.
-   * We can call the build new series function synchronously when either is true:
-   * - there is no split-by field
-   * - there are multiple numeric fields
+   * Determines if we are using the split-by field, based on the following conditions:
+   *
+   * - there is split-by field
+   * - and, there are not multiple numeric fields
    *
    * @private
    */
-  canUseSynchronousSeriesRebuild() {
-    return !ue(this.category, this.numericFields, this.splitByField);
+  usingSplitBy() {
+    return _e(this.category, this.numericFields, this.splitByField);
   }
   /**
    * Processes the series rebuild.
-   * If multiple async setters are called in succession, this function will only rebuild the series once after all setters have been called.
+   *
    * @private
    */
-  async processSeriesRebuild() {
-    if (this.layerInfo !== void 0) {
-      const e = this.dirtyAsyncSetters[this.dirtyAsyncSetters.length - 1];
-      if (this.canUseSynchronousSeriesRebuild())
-        this.dirtyAsyncSetters = [], x(this.getBuildNewSeriesProps());
-      else if (!this.asyncConfigUpdateInProgress) {
-        for (this.startAsyncUpdate(); this.dirtyAsyncSetters.length > 0; )
-          this.dirtyAsyncSetters = [], await x(this.getBuildNewSeriesProps());
-        this.finishAsyncUpdate();
-      }
-      this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
-    }
+  async processSeriesRebuild(e) {
+    this.usingSplitBy() ? (this.startAsyncUpdate(), await this.fetchSplitByFieldInfos(), x(this.getBuildNewSeriesProps()), this.finishAsyncUpdate()) : x(this.getBuildNewSeriesProps()), this.setupLocalProps(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
+  }
+  /**
+   * Fetches the split-by field information and stores it in a private member for use in building the series.
+   */
+  async fetchSplitByFieldInfos() {
+    const { fetchNullValues: e } = E(this._config)?.query ?? {};
+    return this.splitByFieldInfos = await ne({
+      config: this._config,
+      layer: this.layerInfo.layer,
+      layerFieldsInfo: this.layerInfo.layerFieldsInfo,
+      xAxisField: Le(this._category) ? void 0 : this._category,
+      aggregationFields: this.numericFields,
+      splitByField: this._splitByField,
+      fetchNullValues: e,
+      errorStrings: this.commonStrings?.errorStrings
+    }), this.splitByFieldInfos;
   }
   //#endregion
   // #region Private Methods
@@ -225,7 +239,8 @@ class i extends E {
       numericFields: this.numericFields,
       config: this._config,
       layerInfo: this.layerInfo,
-      commonStrings: this.commonStrings
+      commonStrings: this.commonStrings,
+      splitByFieldInfos: this.splitByFieldInfos
     };
   }
   // #endregion
@@ -238,10 +253,10 @@ class i extends E {
    * @param seriesIndex - The index of the series.
    */
   getSeriesName(e) {
-    return Se(e, this._config);
+    return Be(e, this._config);
   }
   setSeriesName(e, t) {
-    v(e, t, this._config);
+    I(e, t, this._config);
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -249,10 +264,10 @@ class i extends E {
    * @param seriesIndex - The index of the series.
    */
   getSeriesColor(e) {
-    return Le(e, this._config);
+    return Ce(e, this._config);
   }
   setSeriesColor(e, t) {
-    w(e, t, this._config);
+    b(e, t, this._config);
   }
   /**
    * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -264,11 +279,11 @@ class i extends E {
   getSeriesLineStyle(e) {
     const t = this._config.series[e];
     if (this.showMeanLines === !0 && l(t))
-      return te(t);
+      return ie(t);
   }
   setSeriesLineStyle(e, t) {
-    const s = this._config.series[t];
-    this.showMeanLines === !0 && l(s) && u(e, s);
+    const i = this._config.series[t];
+    this.showMeanLines === !0 && l(i) && u(e, i);
   }
   /**
    * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -283,20 +298,20 @@ class i extends E {
       return se(t);
   }
   setSeriesLineWidth(e, t) {
-    const s = this._config.series[t];
-    this.showMeanLines === !0 && l(s) && S(e, s);
+    const i = this._config.series[t];
+    this.showMeanLines === !0 && l(i) && S(e, i);
   }
   /**
    * The order of the series array by returning an array of series ids.
    */
   get orderOfSeries() {
-    return _e(this._config);
+    return Fe(this._config);
   }
   set orderOfSeries(e) {
-    Ce(e, this._config);
+    Me(e, this._config);
   }
   moveSeries(e, t) {
-    Be(e, t, this._config);
+    xe(e, t, this._config);
   }
   /**
    * The index of the box plot series in the series array in config object when show mean is true.
@@ -304,11 +319,11 @@ class i extends E {
    * **Note**: There is only one box plot series when show mean is `true`. The function returns `-1` if show mean is `false`.
    */
   get boxPlotSeriesIndexWhenMeanLinesShown() {
-    return Me(this._config);
+    return Ie(this._config);
   }
   moveCustomSortValuesInOrderByList(e, t) {
-    const s = B(this._config), [r] = s.splice(e, 1);
-    s.splice(t, 0, r), M(s, this._config);
+    const i = C(this._config), [o] = i.splice(e, 1);
+    i.splice(t, 0, o), F(i, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // #region General Methods
@@ -317,127 +332,127 @@ class i extends E {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return Fe(this._config, this.layerInfo, this.commonStrings);
+    return be(this._config, this.layerInfo, this.commonStrings);
   }
   /**
    * Generate the proper y-axis title given the current config.
    */
   generateYAxisTitle() {
-    return xe(this._config, this.layerInfo, this.commonStrings);
+    return we(this._config, this.layerInfo, this.commonStrings);
   }
   resetSeriesStyling() {
     for (let e = this.showMeanLines === !0 ? 1 : 0; e < this.seriesLength; e += 1) {
-      const t = this.getSeriesId(e), s = T({
+      const t = this.getSeriesId(e), i = V({
         colorIndex: e,
-        opacity: V
-      }), r = this._config.series[e];
-      w(s, e, this._config);
-      const a = b({
-        series: r,
+        opacity: T
+      }), o = this._config.series[e];
+      b(i, e, this._config);
+      const a = w({
+        series: o,
         splitByField: this._splitByField,
         layerInfo: this.layerInfo,
         commonStrings: this.commonStrings
       });
-      v(a ?? t, e, this._config), this.showMeanLines === !0 && l(r) && (u(m, r), S(p, r));
+      I(a ?? t, e, this._config), this.showMeanLines === !0 && l(o) && (u(p, o), S(m, o));
     }
-    this.showMeanLines === !0 && F(y, this._config), this._config.colorMatch = !0;
+    this.showMeanLines === !0 && M(y, this._config), this._config.colorMatch = !0;
   }
   /**
    * Returns whether the series styling is able to be reset.
    */
   resetAvailable() {
     const e = !this.colorMatch, t = this.showMeanLines === !0 && this.meanLinesBoxColor !== y;
-    let s = !1, r = !1;
+    let i = !1, o = !1;
     if (!e)
       for (let a = this.showMeanLines === !0 ? 1 : 0; a < this.seriesLength; a += 1) {
-        const h = this._config.series[a], g = b({
+        const h = this._config.series[a], g = w({
           series: h,
           splitByField: this._splitByField,
           layerInfo: this.layerInfo,
           commonStrings: this.commonStrings
-        }), W = this.getSeriesName(a);
-        if (g !== void 0 && g !== W) {
-          s = !0;
+        }), v = this.getSeriesName(a);
+        if (g !== void 0 && g !== v) {
+          i = !0;
           break;
         }
         if (this.showMeanLines === !0 && l(h)) {
-          const I = this.getSeriesLineStyle(a), O = this.getSeriesLineWidth(a);
-          if (I !== m || O !== p) {
-            r = !0;
+          const W = this.getSeriesLineStyle(a), O = this.getSeriesLineWidth(a);
+          if (W !== p || O !== m) {
+            o = !0;
             break;
           }
         }
       }
-    return e || t || s || r;
+    return e || t || i || o;
   }
 }
 n([
-  o
-], i.prototype, "showOutliers");
+  r
+], s.prototype, "showOutliers");
 n([
-  o
-], i.prototype, "standardizeValues");
+  r
+], s.prototype, "standardizeValues");
 n([
-  o
-], i.prototype, "setSortOrder");
+  r
+], s.prototype, "setSortOrder");
 n([
-  o
-], i.prototype, "setDataFilters");
+  r
+], s.prototype, "setDataFilters");
 n([
-  o
-], i.prototype, "orderByList");
+  r
+], s.prototype, "orderByList");
 n([
-  o
-], i.prototype, "showMeanLines");
+  r
+], s.prototype, "showMeanLines");
 n([
-  o
-], i.prototype, "meanLinesBoxColor");
+  r
+], s.prototype, "meanLinesBoxColor");
 n([
-  o
-], i.prototype, "resetConfig");
+  r
+], s.prototype, "resetConfig");
 n([
-  o
-], i.prototype, "setSeriesName");
+  r
+], s.prototype, "setSeriesName");
 n([
-  o
-], i.prototype, "setSeriesColor");
+  r
+], s.prototype, "setSeriesColor");
 n([
-  o
-], i.prototype, "setSeriesLineStyle");
+  r
+], s.prototype, "setSeriesLineStyle");
 n([
-  o
-], i.prototype, "setSeriesLineWidth");
+  r
+], s.prototype, "setSeriesLineWidth");
 n([
-  o
-], i.prototype, "orderOfSeries");
+  r
+], s.prototype, "orderOfSeries");
 n([
-  o
-], i.prototype, "moveSeries");
+  r
+], s.prototype, "moveSeries");
 n([
-  o
-], i.prototype, "moveCustomSortValuesInOrderByList");
+  r
+], s.prototype, "moveCustomSortValuesInOrderByList");
 n([
-  o
-], i.prototype, "resetSeriesStyling");
-const be = [
-  j,
-  R,
-  U,
+  r
+], s.prototype, "resetSeriesStyling");
+const Oe = [
+  k,
   z,
-  ee,
+  U,
   X,
-  $,
-  k,
-  q,
-  Q,
+  te,
+  j,
+  ee,
+  K,
   H,
   Z,
-  K,
+  J,
+  $,
   Y,
+  q,
   G,
-  J
+  Q
 ];
-oe(i, be);
+ae(s, Oe);
 export {
-  i as BoxPlotModel
+  s as BoxPlotModel
 };

package/dist/chunks/chart-model.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { h as j } from "./utils.js";
+import { f as j } from "./utils.js";
 import { b as F, W, c as L, d as I } from "./series-length.js";
 import { m as a, C as n } from "./model-setter.js";
 import { H as p, T as c, M as f } from "./index.js";