@arcgis/charts-components 6.0.0-next.1 → 6.0.0-next.10

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

@@ -1,25 +1,25 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { isEqual as x } from "es-toolkit/compat";
 import { a as _, c as b, d as f } from "./chart-object-literals.js";
-import { c8 as v, cb as L, bK as p, t as M } from "./index.js";
-import { i as P } from "./index4.js";
+import { cz as v, cD as L, eJ as M, eK as P, c5 as p, u as V, eL as N, eI as k } from "./index.js";
+import { i as R } from "./index3.js";
 import { m as o } from "./model-setter.js";
-import { S as V } from "./common.js";
-import { M as N, a as k, W as R, b as E } from "./data-labels-visibility.js";
-import { M as U, a as j } from "./model-with-y-guides.js";
+import { S as E } from "./common.js";
+import { M as U, a as j, W as X, b as Y } from "./data-labels-visibility.js";
+import { M as w, a as z } from "./model-with-y-guides.js";
 import { C as O } from "./chart-model.js";
-import { g as S, d as u, j as X, k as Y, l as w, m as z, n as K, o as q, q as G, t as $, v as Z, w as H, x as J, y as Q, z as m, A as T, B, C as d, D as ee, E as ie, e as te, F as se, W as re } from "./serial-chart-data.js";
-import { M as oe } from "./model-with-x-guides.js";
-import { W as ne, c as ae, d as le } from "./axis-lines-symbol.js";
-import { W as ge, c as ce, d as he } from "./generate-x-axis-title.js";
-import { W as fe, a as pe } from "./x-bounds.js";
-import { W as me } from "./data-labels-symbol.js";
-import { W as de } from "./rotated-state.js";
-import { g as W, u as ye, d as C, j as Se, k as ue, l as _e, h as xe } from "./utils.js";
+import { g as S, d as u, j as K, k as q, l as G, m as $, n as J, o as Z, q as H, t as Q, v as ee, w as ie, x as te, y as se, z as m, A as T, B, C as d, D as re, E as oe, e as ne, F as ae, W as le } from "./serial-chart-data.js";
+import { M as ge } from "./model-with-x-guides.js";
+import { W as ce, c as he, d as fe } from "./axis-lines-symbol.js";
+import { W as pe, c as me, d as de } from "./generate-x-axis-title.js";
+import { W as ye, a as Se } from "./x-bounds.js";
+import { W as ue } from "./data-labels-symbol.js";
+import { W as _e } from "./rotated-state.js";
+import { a as D, u as xe, d as C } from "./utils.js";
 import { d as y, e as F, a as Te } from "./data.js";
-import { u as Be, m as Ce, a8 as Fe, j as Ae, k as Ie } from "./index3.js";
-import { s as D } from "./series-types.js";
-const A = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, I = (s) => {
+import { u as Be, m as Ce, ag as Fe, j as Ie, k as Ae } from "./index2.js";
+import { s as W } from "./series-types.js";
+const I = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, A = (s) => {
   const { assign: e, seriesIndex: i, config: t, commonStrings: r } = s;
   e && t.axes !== void 0 && !t.axes?.[2] && (t.axes[2] = Fe(r, _.BarSeries)[1]), t.series && t.series.forEach((l, g) => {
     g === i ? l.assignToSecondValueAxis = e : g !== i && l?.assignToSecondValueAxis !== !0 && (l.assignToSecondValueAxis = !1);
@@ -41,31 +41,31 @@ const A = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, I = (s) => {
     ...t.lineSymbol,
     color: s
   }));
-}, We = (s) => s.series.map((e) => e.id), De = (s, e) => {
+}, De = (s) => s.series.map((e) => e.id), We = (s, e) => {
   e.series?.sort(
     (i, t) => s.findIndex((r) => i.id === r) - s.findIndex((r) => t.id === r)
   );
 }, Me = (s) => s.stackedType ?? b.Side, Pe = (s) => {
   const { newStackedType: e, config: i, layerInfo: t, commonStrings: r } = s;
   if (i.stackedType = e, t !== void 0) {
-    const l = W({
+    const l = D({
       config: i,
       layerInfo: t,
       commonStrings: r,
       numericFields: u(i),
       aggregationType: S(i)
     });
-    ye(i, 1, l);
+    xe(i, 1, l);
   }
-  i.axes?.[1] && (e === b.Stacked100 ? i.axes[1].valueFormat = Ae() : i.axes[1].valueFormat = Ie()), C({ config: i, value: null, axisIndex: 1, isMax: !1 }), C({ config: i, value: null, axisIndex: 1, isMax: !0 });
+  i.axes?.[1] && (e === b.Stacked100 ? i.axes[1].valueFormat = Ie() : i.axes[1].valueFormat = Ae()), C({ config: i, value: null, axisIndex: 1, isMax: !1 }), C({ config: i, value: null, axisIndex: 1, isMax: !0 });
 }, Ve = (s) => {
   const e = {};
   return s.series.forEach((i) => {
-    D(i) && "nullCategory" in i && i.nullCategory !== void 0 && (e.text ??= i.nullCategory.text, i.type === _.BarSeries ? e.fillSymbol ??= i.nullCategory.fillSymbol : e.markerSymbol ??= i.nullCategory.markerSymbol);
+    W(i) && "nullCategory" in i && i.nullCategory !== void 0 && (e.text ??= i.nullCategory.text, i.type === _.BarSeries ? e.fillSymbol ??= i.nullCategory.fillSymbol : e.markerSymbol ??= i.nullCategory.markerSymbol);
   }), e.text || e.fillSymbol || e.markerSymbol ? e : void 0;
 }, Ne = (s, e) => {
   s.series.forEach((i) => {
-    D(i) && (e ? i.type === _.BarSeries ? i.nullCategory = { text: e?.text, fillSymbol: e?.fillSymbol } : i.nullCategory = { text: e?.text, markerSymbol: e?.markerSymbol } : i.nullCategory = void 0);
+    W(i) && (e ? i.type === _.BarSeries ? i.nullCategory = { text: e?.text, fillSymbol: e?.fillSymbol } : i.nullCategory = { text: e?.text, markerSymbol: e?.markerSymbol } : i.nullCategory = void 0);
   });
 };
 var ke = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, h = (s, e, i, t) => {
@@ -78,37 +78,37 @@ class c extends O {
    * Time interval size for a temporal bar chart or line chart.
    */
   get temporalBinningSize() {
-    return X(this._config);
+    return K(this._config);
   }
   set temporalBinningSize(e) {
-    Y(e, this._config);
+    q(e, this._config);
   }
   /**
    * Time interval units for a temporal bar chart or line chart.
    */
   get temporalBinningUnit() {
-    return w(this._config);
+    return G(this._config);
   }
   set temporalBinningUnit(e) {
-    z(e, this._config);
+    $(e, this._config);
   }
   /**
    * Time aggregation type for a temporal bar chart or line chart.
    */
   get timeAggregationType() {
-    return K(this._config);
+    return J(this._config);
   }
   set timeAggregationType(e) {
-    q(e, this._config);
+    Z(e, this._config);
   }
   /**
    * Whether to trim incomplete time intervals for a temporal bar chart or line chart.
    */
   get trimIncompleteTimeInterval() {
-    return G(this._config);
+    return H(this._config);
   }
   set trimIncompleteTimeInterval(e) {
-    $(e, this._config);
+    Q(e, this._config);
   }
   /**
    * Policy which tells the chart how to handle null values.
@@ -120,13 +120,13 @@ class c extends O {
    *   - Line series: connects the lines across null values.
    */
   get nullPolicy() {
-    return Z(this._config);
+    return ee(this._config);
   }
   set nullPolicy(e) {
-    H(e, this._config);
+    ie(e, this._config);
   }
   resetTimeInterval() {
-    J(this._config);
+    te(this._config);
   }
 }
 h([
@@ -234,7 +234,7 @@ class n extends O {
     return this._aggregationType;
   }
   set aggregationType(e) {
-    this._aggregationType = e, Q({
+    this._aggregationType = e, se({
       aggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -248,7 +248,7 @@ class n extends O {
     return this._splitByField;
   }
   set splitByField(e) {
-    this.layerInfo?.layerFieldsInfo && Se(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.processSeriesRebuild("splitByField"));
+    this.layerInfo?.layerFieldsInfo && M(this.layerInfo?.layerFieldsInfo, e) && (this._splitByField = e, this.processSeriesRebuild("splitByField"));
   }
   /**
    * The numeric fields array for the chart.
@@ -258,9 +258,9 @@ class n extends O {
   }
   set numericFields(e) {
     typeof e == "string" && (e = [e]);
-    const i = ue(this.layerInfo?.layerFieldsInfo ?? [], e), t = (this.xAxisField === "" || this.xAxisField === p) && e.length === 0;
+    const i = P(this.layerInfo?.layerFieldsInfo ?? [], e), t = (this.xAxisField === "" || this.xAxisField === p) && e.length === 0;
     if (i && !t) {
-      const r = M(this.layerInfo.layer).idField;
+      const r = V(this.layerInfo.layer).idField;
       e.length === 0 && r !== void 0 ? (e = [r], this._aggregationType = f.Count) : this._aggregationType === f.Count && e.length >= 1 && r !== void 0 && !e.includes(r) && (this._aggregationType = f.Sum), this._numericFields = e, this.numericFields.length > 1 && (this._splitByField = ""), this.processSeriesRebuild("numericFields");
     } else t && this.resetConfig();
   }
@@ -271,10 +271,10 @@ class n extends O {
    * @deprecated since 5.2. Use {@link model/serial-chart-model/serial-chart-model#getSeriesToSecondaryYAxis getSeriesToSecondaryYAxis} instead.
    */
   getAssignToSecondValueAxis(e) {
-    return A(e, this._config);
+    return I(e, this._config);
   }
   setAssignToSecondValueAxis(e, i) {
-    I({ assign: e, seriesIndex: i, config: this._config, commonStrings: this.commonStrings });
+    A({ assign: e, seriesIndex: i, config: this._config, commonStrings: this.commonStrings });
   }
   /**
    * Gets whether the series should be assigned to the secondary y-axis.
@@ -282,10 +282,10 @@ class n extends O {
    * @param seriesIndex - The index of the series.
    */
   getSeriesToSecondaryYAxis(e) {
-    return A(e, this._config);
+    return I(e, this._config);
   }
   setSeriesToSecondaryYAxis(e, i) {
-    I({ assign: e, seriesIndex: i, config: this._config, commonStrings: this.commonStrings });
+    A({ assign: e, seriesIndex: i, config: this._config, commonStrings: this.commonStrings });
   }
   /**
    * Gets the data sort order for the chart.
@@ -321,18 +321,21 @@ class n extends O {
   }
   /**
    * Gets the list of the category values for the chart.
+   *
+   * @param num The maximum number of category values to fetch.
    */
-  async getCustomSortValues() {
+  async getCustomSortValues(e) {
     return await T({
       config: this._config,
       layerInfo: this.layerInfo,
+      num: e,
       errorStrings: this.commonStrings?.errorStrings
     });
   }
   async setDataFilters(e) {
     super.setDataFilters(e);
     const i = m(this._config)[0];
-    if (i === V.customSort) {
+    if (i === E.customSort) {
       this.startAsyncUpdate();
       const t = await T({
         config: this._config,
@@ -350,7 +353,7 @@ class n extends O {
     return F(this._config);
   }
   set orderByList(e) {
-    !P(this._config) && B(e, this._config);
+    !R(this._config) && B(e, this._config);
   }
   /**
    * Updates the series based on the layer filter.
@@ -372,10 +375,10 @@ class n extends O {
    * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
    */
   get binTemporalData() {
-    return ee(this._config);
+    return re(this._config);
   }
   set binTemporalData(e) {
-    ie(e, this._config);
+    oe(e, this._config);
   }
   // #endregion
   // ---------------------------------------------------------------------------------------------
@@ -414,10 +417,10 @@ class n extends O {
    * orders categories or numeric values within the chart data.
    */
   getOrderOfSeries() {
-    return We(this._config);
+    return De(this._config);
   }
   setOrderOfSeries(e) {
-    De(e, this._config);
+    We(e, this._config);
   }
   /**
    * 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
@@ -464,7 +467,7 @@ class n extends O {
    * @private
    */
   setupLocalProps() {
-    this._xAxisField = Te(this._config), this._aggregationType = S(this._config), this._splitByField = te(this._config), this._numericFields = u(this._config);
+    this._xAxisField = Te(this._config), this._aggregationType = S(this._config), this._splitByField = ne(this._config), this._numericFields = u(this._config);
   }
   resetConfig() {
     const e = this._config.id;
@@ -493,7 +496,7 @@ class n extends O {
    * Fetches the split-by field information and stores it in a private member for use in building the series.
    */
   async fetchSplitByFieldInfos() {
-    return this.splitByFieldInfos = await _e({
+    return this.splitByFieldInfos = await N({
       config: this._config,
       layer: this.layerInfo.layer,
       layerFieldsInfo: this.layerInfo.layerFieldsInfo,
@@ -529,13 +532,13 @@ class n extends O {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return this.layerInfo !== void 0 ? se(this._config, this.layerInfo, this.commonStrings) : "";
+    return this.layerInfo !== void 0 ? ae(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
    */
   generateYAxisTitle() {
-    return this.layerInfo !== void 0 ? W({
+    return this.layerInfo !== void 0 ? D({
       config: this._config,
       layerInfo: this.layerInfo,
       commonStrings: this.commonStrings,
@@ -594,27 +597,27 @@ a([
   o
 ], n.prototype, "resetConfig");
 const je = [
+  w,
   U,
-  N,
-  k,
-  R,
-  de,
-  E,
-  me,
-  oe,
   j,
-  c,
+  X,
+  _e,
+  Y,
+  ue,
   ge,
-  fe,
-  ce,
+  z,
+  c,
   pe,
-  ne,
-  ae,
-  le,
+  ye,
+  me,
+  Se,
+  ce,
   he,
-  re
+  fe,
+  de,
+  le
 ];
-xe(n, je);
+k(n, je);
 export {
   n as S,
   ve as a,

package/dist/chunks/series-length.js

@@ -1,7 +1,7 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { m as n, C as a } from "./model-setter.js";
-import { a1 as o, a2 as g, a3 as h } from "./index3.js";
-import { P as p } from "./index.js";
+import { a4 as o, a5 as g, a6 as h } from "./index2.js";
+import { Z as p } from "./index.js";
 var f = Object.defineProperty, c = Object.getOwnPropertyDescriptor, u = (t, e, i, _) => {
   for (var s = c(e, i), r = t.length - 1, l; r >= 0; r--)
     (l = t[r]) && (s = l(e, i, s) || s);
@@ -38,7 +38,7 @@ class C extends a {
   }
 }
 const T = (t) => t.series.length ?? 0;
-class P extends a {
+class b extends a {
   /**
    * The length of the series array.
    */
@@ -50,7 +50,7 @@ export {
   m as W,
   v as a,
   T as b,
-  P as c,
+  b as c,
   C as d,
   x as g
 };

package/dist/chunks/series-types.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { a as e } from "./chart-object-literals.js";
 function r(t) {
   return t.size === 2 && t.has(e.LineSeries) && t.has(e.BarSeries);

package/dist/chunks/series.js

@@ -1,5 +1,5 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { m as i } from "./index3.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { m as i } from "./index2.js";
 const o = (e) => e.lineSymbol?.style, n = (e, t) => {
   t.lineSymbol ??= i(), t.lineSymbol.style = e;
 }, s = (e) => e.lineSymbol?.width, S = (e, t) => {

package/dist/chunks/store.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const r = {}, s = {}, i = {
   selectedChartId: "",
   chartAxesBoundDataMap: r,

package/dist/chunks/type-guards.js

@@ -1,59 +1,113 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import "@arcgis/toolkit/type";
-function p(e) {
-  return e !== void 0 && "type" in e && e.type === "imagery";
-}
-function y(e) {
-  return e !== void 0 && "type" in e && e.type === "imagery-tile";
-}
-function u(e) {
-  return e !== void 0 && "type" in e && e.type === "wcs";
-}
-function t(e) {
-  return e === "imagery" || e === "imagery-tile" || e === "wcs";
-}
-function a(e) {
-  return e !== void 0 && "type" in e && t(e.type);
-}
-function g(e) {
-  return s(e?.iLayer);
-}
-function s(e) {
-  const r = e?.layerType;
-  return r === "ArcGISImageServiceLayer" || r === "ArcGISTiledImageServiceLayer" || r === "WCS";
-}
-function c(e, r) {
-  if (a(e))
-    throw new Error(r ?? "Raster layer is not supported by this operation.");
-}
-const i = [
-  "catalog",
-  "catalog-footprint",
-  "csv",
-  "feature",
-  "geojson",
-  "imagery",
-  "knowledge-graph-sublayer",
-  "ogc-feature",
-  "oriented-imagery",
-  "parquet",
-  "scene",
-  "stream",
-  "subtype-group",
-  "subtype-sublayer",
-  "wfs"
-], o = new Set(i);
-function d(e) {
-  return o.has(e.type);
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as s } from "./model-types.js";
+import { a as e } from "./chart-object-literals.js";
+function t(i) {
+  return i !== void 0 && "config" in i && // this `satisfies` ensures TypeScript checks that "config" is a key of ChartModel
+  "update" in i;
+}
+function a(i) {
+  return t(i) && i?.chartType === e.BarSeries;
+}
+function f(i) {
+  return t(i) && i?.chartType === e.LineSeries;
+}
+function h(i) {
+  return t(i) && i?.chartType === e.RadarSeries;
+}
+function o(i) {
+  return t(i) && i?.chartType === e.ComboLineAndBarSeries;
+}
+function p(i) {
+  const r = t(i) ? i?.chartType : void 0;
+  return r === e.LineSeries || r === e.BarSeries || r === e.ComboLineAndBarSeries || r === e.RadarSeries;
+}
+function u(i) {
+  return t(i) && i?.chartType === e.PieSeries;
+}
+function y(i) {
+  return t(i) && i?.chartType === e.BoxPlotSeries;
+}
+function M(i) {
+  return t(i) && i?.chartType === e.ScatterSeries;
+}
+function S(i) {
+  return t(i) && i?.chartType === e.HistogramSeries;
+}
+function T(i) {
+  return t(i) && i?.chartType === e.HeatSeries;
+}
+function l(i) {
+  return t(i) && i?.chartType === e.GaugeSeries;
+}
+function g(i) {
+  const r = [
+    e.BarSeries,
+    e.BoxPlotSeries,
+    e.HistogramSeries,
+    e.ScatterSeries,
+    e.LineSeries,
+    e.ComboLineAndBarSeries,
+    e.HeatSeries
+  ];
+  return t(i) && r.includes(i.chartType) && "getAxisTitleText" in i && typeof i.getAxisTitleText == "function";
+}
+function C(i) {
+  return i !== void 0 && "setSeriesMarkerColor" in i;
+}
+function x(i) {
+  return i !== void 0 && "getDataTooltipVisibility" in i;
+}
+function B(i) {
+  return i !== void 0 && "getGuideVisibility" in i && typeof i.getGuideVisibility == "function";
+}
+function v(i) {
+  return i !== void 0 && "addXAxisGuide" in i && typeof i.addXAxisGuide == "function";
+}
+function A(i) {
+  return i !== void 0 && "addYAxisGuide" in i && typeof i.addYAxisGuide == "function";
+}
+function G(i) {
+  return i !== void 0 && "legendVisibility" in i;
+}
+function L(i) {
+  return u(i);
+}
+function W(i) {
+  return i !== void 0 && "temporalBinningSize" in i;
+}
+function b(i) {
+  return a(i) || o(i);
+}
+function H(i, r) {
+  const n = s(i?.chartType);
+  return i !== void 0 && n === r;
+}
+function P(i) {
+  return i !== void 0 && "nullCategory" in i;
 }
 export {
-  c as a,
-  g as b,
-  t as c,
-  p as d,
-  y as e,
-  d as f,
-  u as g,
-  s as h,
-  a as i
+  p as a,
+  y as b,
+  T as c,
+  W as d,
+  a as e,
+  f,
+  o as g,
+  h,
+  t as i,
+  G as j,
+  M as k,
+  g as l,
+  P as m,
+  u as n,
+  B as o,
+  S as p,
+  v as q,
+  A as r,
+  l as s,
+  H as t,
+  C as u,
+  b as v,
+  x as w,
+  L as x
 };

package/dist/chunks/useT9n.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 const s = o(t);