@arcgis/charts-components 4.34.0-next.13 → 4.34.0-next.131

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

@@ -1,7 +1,8 @@
-import { WebChartStackedKinds as y } from "@arcgis/charts-spec";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
+import { h as S, W as A } from "./series-types.js";
 import "d3-array";
-import { aq as F, ag as I, a8 as B, a6 as v, k as g, cs as l, o as A } from "./interfaces.js";
+import { az as x, ap as v, au as B, ah as O, af as b, p as g, cx as c, x as M, cd 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,70 +10,73 @@ 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 { C as u, j as O, k as M, l as U, m as b, n as x, o as L, p as D, q as w, r as N, t as E, v as V, w as k, x as S, y as o, u as W, c as P, d as X, z as j, A as z, B as c, D as K, E as Y, F as G, G as q, H, I as J, J as Q, K as d, L as f, N as h, O as m, P as p, Q as R, a as Z, M as $, i as ee, e as ie } from "./serial-chart-data.js";
-import { l as C, j as T } from "./index4.js";
-import { S as te } from "./common.js";
-import { M as se, a as ae, b as oe, c as ne } from "./model-with-data-labels.js";
-import { M as re } from "./model-with-rotation.js";
+import "./runtime.js";
+import "@arcgis/toolkit/dom";
+import { C as T, M as L, a as w, b as D } from "./model-with-multi-axes.js";
+import { l as C, j as I } from "./index4.js";
+import { a7 as N, a8 as E, a9 as V, aa as W, ab as k, ac as X, ad as P, ae as j, af as z, ag as K, ah as Y, i as _, a as r, b as o, u as G, s as f, g as q, ai as R, aj as d, ak as H, d as J, al as Q, am as Z, an as $, ao as ee, ap as ie, aq as h, ar as m, as as p, at as y, au as u, av as te, aw as se, o as ae } from "./data.js";
+import { S as oe } from "./common.js";
+import { M as ne, a as re, b as le, c as ge } from "./model-with-data-labels.js";
+import { M as ce } from "./model-with-rotation.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.13 */
-class ge extends u {
+v4.34.0-next.131 */
+class fe extends T {
   /**
    * Sets the time interval size for a temporal bar/line chart.
    * @returns {number | undefined}
    */
   getTemporalBinningSize() {
-    return O(this._config);
+    return N(this._config);
   }
   /**
    * Sets the time interval size for a temporal bar/line chart.
    * @param {number | undefined} newSize The new time interval size.
    */
   setTemporalBinningSize(e) {
-    M(e, this._config), this.emitConfigUpdate("setTemporalBinningSize");
+    E(e, this._config), this.emitConfigUpdate("setTemporalBinningSize");
   }
   /**
    * Gets the time interval units for a temporal bar/line chart.
-   * @returns {WebChartFixedDateBinningUnits | undefined}
+   * @returns {WebChartTemporalBinningUnits | undefined}
    */
   getTemporalBinningUnit() {
-    return U(this._config);
+    return V(this._config);
   }
   /**
    * Sets the time interval units for a temporal bar/line chart.
-   * @param {WebChartFixedDateBinningUnits | undefined} newUnit The new time interval units.
+   * @param {WebChartTemporalBinningUnits | undefined} newUnit The new time interval units.
    */
   setTemporalBinningUnit(e) {
-    b(e, this._config), this.emitConfigUpdate("setTemporalBinningUnit");
+    W(e, this._config), this.emitConfigUpdate("setTemporalBinningUnit");
   }
   /**
    * Gets the time aggregation type for a temporal bar/line chart.
    * @returns {WebChartTimeAggregationTypes | undefined}
    */
   getTimeAggregationType() {
-    return x(this._config);
+    return k(this._config);
   }
   /**
    * Sets the time aggregation type for a temporal bar/line chart.
    * @param {WebChartTimeAggregationTypes | undefined} newTimeAggregationType The new time aggregation type.
    */
   setTimeAggregationType(e) {
-    L(e, this._config), this.emitConfigUpdate("setTimeAggregationType");
+    X(e, this._config), this.emitConfigUpdate("setTimeAggregationType");
   }
   /**
    * Gets whether to trim incomplete time intervals for a temporal bar/line chart.
    * @returns {boolean | undefined}
    */
   getTrimIncompleteTimeInterval() {
-    return D(this._config);
+    return P(this._config);
   }
   /**
    * Sets whether to trim incomplete time intervals for a temporal bar/line chart.
    * @param {boolean | undefined} newTrimIncompleteTimeInterval The new state.
    */
   setTrimIncompleteTimeInterval(e) {
-    w(e, this._config), this.emitConfigUpdate("setTrimIncompleteTimeInterval");
+    j(e, this._config), this.emitConfigUpdate("setTrimIncompleteTimeInterval");
   }
   /**
    * Gets the policy which tells the chart how to handle null values.
@@ -86,7 +90,7 @@ class ge extends u {
    * @return {WebChartNullPolicyTypes | undefined}
    */
   getNullPolicy() {
-    return N(this._config);
+    return z(this._config);
   }
   /**
    * Sets the policy which tells the chart how to handle null values.
@@ -100,61 +104,63 @@ class ge extends u {
    * @param {WebChartNullPolicyTypes | undefined} newNullPolicy The new null policy.
    */
   setNullPolicy(e) {
-    E(e, this._config), this.emitConfigUpdate("setNullPolicy");
+    K(e, this._config), this.emitConfigUpdate("setNullPolicy");
   }
   /**
    * Resets the time interval to default for a temporal line chart.
    */
   resetTimeInterval() {
-    V(this._config), this.emitConfigUpdate("resetTimeInterval");
+    Y(this._config), this.emitConfigUpdate("resetTimeInterval");
   }
 }
-const le = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, ce = (s, e, i) => {
-  i.series?.[e] && (i.series[e].assignToSecondValueAxis = s);
-}, de = (s, e) => e.series?.[s]?.name, fe = (s, e, i) => {
+const de = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, he = async (s, e, i) => {
+  s && i.axes !== void 0 && !i.axes?.[2] && (i.axes[2] = (await B(A.BarSeries))[1]), i.series && i.series.forEach((t, a) => {
+    a === e ? t.assignToSecondValueAxis = s : a !== e && t?.assignToSecondValueAxis !== !0 && (t.assignToSecondValueAxis = !1);
+  }), i.axes?.[2] && !i.series.some((t) => t.assignToSecondValueAxis) && i.axes.splice(2, 1);
+}, me = (s, e) => e.series?.[s]?.name, pe = (s, e, i) => {
   i.series?.[e] && (i.series[e].name = s);
-}, he = (s, e) => {
+}, ye = (s, e) => {
   const i = e.series?.[s];
   let t;
-  return C(i) ? t = i.fillSymbol?.color : T(i) && (t = i.lineSymbol?.color), t;
-}, me = (s, e, i) => {
+  return C(i) ? t = i.fillSymbol?.color : I(i) && (t = i.lineSymbol?.color), t;
+}, ue = (s, e, i) => {
   const t = i.series?.[e];
   t && (C(t) ? t.fillSymbol = {
-    ...F(e),
+    ...x(e),
     ...t.fillSymbol,
     color: s
-  } : T(t) && (t.lineSymbol = {
-    ...I(e),
+  } : I(t) && (t.lineSymbol = {
+    ...v(e),
     ...t.lineSymbol,
     color: s
   }));
-}, pe = (s) => s.series.map((e) => e.id), ye = (s, e) => {
+}, Se = (s) => s.series.map((e) => e.id), Te = (s, e) => {
   e.series?.sort(
     (i, t) => s.findIndex((a) => i.id === a) - s.findIndex((a) => t.id === a)
   );
-}, ue = (s) => s.stackedType ?? y.Side, Se = async (s) => {
+}, Ce = (s) => s.stackedType ?? S.Side, Ie = async (s) => {
   const { newStackedType: e, config: i, layerInfo: t } = s;
   if (i.stackedType = e, t !== void 0) {
-    const a = await k({
+    const a = await _({
       config: i,
       layerInfo: t,
       numericFields: o(i),
-      aggregationType: S(i)
+      aggregationType: r(i)
     });
-    W(i, 1, a);
+    G(i, 1, a);
   }
-  i.axes?.[1] && (e === y.Stacked100 ? i.axes[1].valueFormat = B() : i.axes[1].valueFormat = v()), await P(i, null), await X(i, null);
+  i.axes?.[1] && (e === S.Stacked100 ? i.axes[1].valueFormat = O() : i.axes[1].valueFormat = b()), f({ config: i, value: null, axisIndex: 1, isMax: !1 }), f({ config: i, value: null, axisIndex: 1, isMax: !0 });
 };
-class Ce extends u {
+class _e extends T {
   // ---------------------------------------------------------------------------------------------
-  // Data Props
+  // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the x-axis field for the chart.
    * @returns {string}
    */
   getXAxisField() {
-    return j(this._config);
+    return q(this._config);
   }
   /**
    * Sets the x-axis field for the chart.
@@ -162,12 +168,12 @@ class Ce extends u {
    */
   async setXAxisField(e) {
     const i = e.trim() === "";
-    i || await z(e, this._config, this.layerInfo);
-    const t = o(this._config), r = g(this._config.series) === l.BarAndLineFromFields, n = t.includes(this.layerInfo?.objectIdField ?? "");
-    if (i || r && n) {
+    !i && this.layerInfo && await R(e, this._config, this.layerInfo);
+    const t = o(this._config), l = g(this._config.series) === c.BarAndLineFromFields, n = t.includes(this.layerInfo?.objectIdField ?? "");
+    if (i || l && n) {
       await this.resetConfig();
-      const _ = t.length === 1 && t[0] === this.layerInfo?.objectIdField;
-      this.layerInfo && t.length > 0 && !_ && await c(t, this._config, this.layerInfo);
+      const F = t.length === 1 && t[0] === this.layerInfo?.objectIdField;
+      this.layerInfo && t.length > 0 && !F && await d(t, this._config, this.layerInfo);
     }
     this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
   }
@@ -176,7 +182,7 @@ class Ce extends u {
    * @returns {WebChartStatisticType}
    */
   getAggregationType() {
-    return S(this._config);
+    return r(this._config);
   }
   /**
    * Sets the aggregation type for the chart.
@@ -184,7 +190,7 @@ class Ce extends u {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setAggregationType(e) {
-    this.layerInfo && (await K(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType"));
+    this.layerInfo && (await H(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType"));
   }
   /**
    * Gets whether the series should be assigned to the second value axis.
@@ -192,22 +198,22 @@ class Ce extends u {
    * @returns {boolean}
    */
   getAssignToSecondValueAxis(e) {
-    return le(e, this._config);
+    return de(e, this._config);
   }
   /**
    * Sets whether the series should be assigned to the second value axis.
    * @param assign - The value for the setting.
    * @param seriesIndex - The index of the series.
    */
-  setAssignToSecondValueAxis(e, i) {
-    ce(e, i, this._config), this.emitConfigUpdate("setAssignToSecondValueAxis");
+  async setAssignToSecondValueAxis(e, i) {
+    await he(e, i, this._config), this.emitConfigUpdate("setAssignToSecondValueAxis");
   }
   /**
    * Gets the split-by field for the chart.
    * @returns {string}
    */
   getSplitByField() {
-    return Y(this._config);
+    return J(this._config);
   }
   /**
    * Sets the split-by field for the chart.
@@ -215,7 +221,7 @@ class Ce extends u {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setSplitByField(e) {
-    this.layerInfo?.layerFieldsInfo && G(this.layerInfo?.layerFieldsInfo, e) && (await q(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField"));
+    this.layerInfo?.layerFieldsInfo && Q(this.layerInfo?.layerFieldsInfo, e) && (await Z(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setSplitByField"));
   }
   /**
    * Gets the numeric fields array for the chart.
@@ -230,10 +236,10 @@ class Ce extends u {
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async setNumericFields(e) {
-    if (typeof e == "string" && (e = [e]), H(this.layerInfo?.layerFieldsInfo ?? [], e) && this.layerInfo) {
-      await c(e, this._config, this.layerInfo);
+    if (typeof e == "string" && (e = [e]), $(this.layerInfo?.layerFieldsInfo ?? [], e) && this.layerInfo) {
+      await d(e, this._config, this.layerInfo);
       const t = o(this._config);
-      g(this._config.series) === l.BarAndLineFromFields && t.some((n) => n === this.layerInfo?.objectIdField) && await this.resetConfig(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields");
+      g(this._config.series) === c.BarAndLineFromFields && t.some((n) => n === this.layerInfo?.objectIdField) && await this.resetConfig(), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericFields");
     }
   }
   /**
@@ -241,18 +247,18 @@ class Ce extends u {
    * @returns {WebChartDataFilters | undefined}
    */
   getDataFilter() {
-    return J(this._config);
+    return ee(this._config);
   }
   /**
    * Sets the data filter for the bar chart.
    * @param {WebChartDataFilters | undefined} newDataFilter The new data filter.
    */
   async setDataFilter(e) {
-    Q(e, this._config);
-    const i = d(this._config);
-    if (i === te.customSort) {
-      const t = await f(this._config, this.layerInfo);
-      h(i, this._config, t);
+    ie(e, this._config);
+    const i = h(this._config);
+    if (i === oe.customSort) {
+      const t = await m(this._config, this.layerInfo);
+      p(i, this._config, t);
     }
     this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataFilter");
   }
@@ -261,14 +267,14 @@ class Ce extends u {
    * @returns {string[]}
    */
   async getCustomSortValues() {
-    return await f(this._config, this.layerInfo);
+    return await m(this._config, this.layerInfo);
   }
   /**
    * Gets the sort order for the bar chart.
    * @returns {"xAxisAsc" | "xAxisDesc" | "yAxisAsc" | "yAxisDesc" | "customSort"}
    */
   getSortOrder() {
-    return d(this._config);
+    return h(this._config);
   }
   /**
    * Sets the sort order for the bar chart.
@@ -276,28 +282,28 @@ class Ce extends u {
    * @param {string[]} orderByList The list of category's values to order by.
    */
   setSortOrder(e, i) {
-    h(e, this._config, i), this.emitConfigUpdate("setSortOrder");
+    p(e, this._config, i), this.emitConfigUpdate("setSortOrder");
   }
   /**
    * Gets the list of custom sort values for custom sort
    * @returns {string[]}
    */
   getOrderByList() {
-    return m(this._config);
+    return y(this._config);
   }
   /**
    * Sets the list of custom sort values for custom sort
    * @param {string[]} newOrderByList The new list of custom sort values
    */
   setOrderByList(e) {
-    !A(this._config) && (p(e, this._config), this.emitConfigUpdate("setOrderByList"));
+    !M(this._config) && (u(e, this._config), this.emitConfigUpdate("setOrderByList"));
   }
   /**
    * Updates the series based on the layer filter.
    * @async **This method is `async` and must be awaited for the changes to take effect.**
    */
   async updateSeriesFromLayerFilter() {
-    this.layerInfo !== void 0 && (await R({
+    this.layerInfo !== void 0 && (await te({
       splitByField: this.getSplitByField(),
       numericFields: this.getNumericFields(),
       aggregationType: this.getAggregationType(),
@@ -305,8 +311,9 @@ class Ce extends u {
       layerInfo: this.layerInfo
     }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("updateSeriesFromLayerFilter"));
   }
+  // #endregion
   // ---------------------------------------------------------------------------------------------
-  // Series Props
+  // #region Series Props
   // ---------------------------------------------------------------------------------------------
   /**
    * Gets the name of the series based on the series index.
@@ -315,7 +322,7 @@ class Ce extends u {
    * @returns {string | undefined}
    */
   getSeriesName(e) {
-    return de(e, this._config);
+    return me(e, this._config);
   }
   /**
    * Sets name of the series based on the series index.
@@ -323,7 +330,7 @@ class Ce extends u {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesName(e, i) {
-    fe(e, i, this._config), this.emitConfigUpdate("setSeriesName");
+    pe(e, i, this._config), this.emitConfigUpdate("setSeriesName");
   }
   /**
    * Gets the color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
@@ -331,7 +338,7 @@ class Ce extends u {
    * @returns {Color | undefined}
    */
   getSeriesColor(e) {
-    return he(e, this._config);
+    return ye(e, this._config);
   }
   /**
    * Sets the color of the series based on the series index.
@@ -339,21 +346,21 @@ class Ce extends u {
    * @param {number} seriesIndex The index of the series.
    */
   setSeriesColor(e, i) {
-    me(e, i, this._config), this.emitConfigUpdate("setSeriesColor");
+    ue(e, i, this._config), this.emitConfigUpdate("setSeriesColor");
   }
   /**
    * Gets the order of the series array by returning an array of series ids.
    * @returns {string[]}
    */
   getOrderOfSeries() {
-    return pe(this._config);
+    return Se(this._config);
   }
   /**
    * Sets the order of the series array by providing an array of series ids.
    * @param {string[]} newOrder The new order of the series array.
    */
   setOrderOfSeries(e) {
-    ye(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
+    Te(e, this._config), this.emitConfigUpdate("setOrderOfSeries");
   }
   /**
    * Gets how the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
@@ -366,7 +373,7 @@ class Ce extends u {
    * @returns {WebChartStackedKinds | undefined}
    */
   getStackedType() {
-    return ue(this._config);
+    return Ce(this._config);
   }
   /**
    * Sets how the bars/lines should be placed when multiple series are rendered in the same chart, say when "split by" operation is executed on any field or
@@ -379,7 +386,7 @@ class Ce extends u {
    * @default sideBySide
    */
   async setStackedType(e) {
-    await Se({
+    await Ie({
       newStackedType: e,
       config: this._config,
       layerInfo: this.layerInfo
@@ -402,8 +409,8 @@ class Ce extends u {
    * @param {number} toIndex The index to move the custom sort value to.
    */
   moveCustomSortValuesInOrderByList(e, i) {
-    const t = m(this._config), [a] = t.splice(e, 1);
-    t.splice(i, 0, a), p(t, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
+    const t = y(this._config), [a] = t.splice(e, 1);
+    t.splice(i, 0, a), u(t, this._config), this.emitConfigUpdate("moveCustomSortValuesInOrderByList");
   }
   /**
    * Resets the config to the default config
@@ -412,20 +419,55 @@ class Ce extends u {
     const e = this._config.id;
     this._config = await this.generateDefaultConfig(), this._config.id = e, this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("resetConfig");
   }
+  // #endregion
+  // ---------------------------------------------------------------------------------------------
+  // #region General Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Generate the proper chart title given the current config.
+   *
+   * @returns {string}
+   */
+  async generateChartTitle() {
+    return this.layerInfo !== void 0 ? await se(this._config, this.layerInfo) : "";
+  }
+  /**
+   * Generate the proper x-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  generateXAxisTitle() {
+    const e = this.getXAxisField();
+    return this.layerInfo !== void 0 ? U(this.layerInfo.layerFieldsInfo, e) : "";
+  }
+  /**
+   * Generate the proper y-axis title given the current config.
+   *
+   * @returns {string}
+   */
+  async generateYAxisTitle() {
+    return this.layerInfo !== void 0 ? await _({
+      config: this._config,
+      layerInfo: this.layerInfo,
+      numericFields: o(this._config),
+      aggregationType: r(this._config)
+    }) : "";
+  }
+  // #endregion
 }
-Z(Ce, [
-  $,
-  se,
-  ae,
-  oe,
-  re,
+ae(_e, [
+  L,
   ne,
-  ee,
-  ie,
-  ge
+  re,
+  le,
+  ce,
+  ge,
+  w,
+  D,
+  fe
 ]);
 export {
-  Ce as S,
-  fe as a,
-  me as s
+  _e as S,
+  pe as a,
+  ue as s
 };