@arcgis/charts-components 5.0.0-next.2 → 5.0.0-next.21

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

@@ -1,7 +1,7 @@
 import "@arcgis/toolkit/intl";
 import { isEqual as x } from "lodash-es";
-import { e as A, W as v, a as l } from "./series-types.js";
-import { aA as I, ap as B, av as O, ah as b, af as U, b as m, x as M, cf as L } from "./interfaces.js";
+import { e as F, W as v, a as l } from "./series-types.js";
+import { aB as B, aq as I, aw as O, ai as b, ag as U, b as m, x as M, cg as L } from "./interfaces.js";
 import "d3-array";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
@@ -14,13 +14,13 @@ import "./runtime.js";
 import "@arcgis/toolkit/dom";
 import { C as T, M as w, b as D, a as N } from "./model-with-multi-axes.js";
 import { l as n, j as a, k as g } from "./index4.js";
-import { t as P, v as V, w as W, x as k, y as E, z as R, A as z, B as K, C as j, D as G, E as X, b as _, j as h, k as c, u as Y, s as f, f as q, i as H, F as y, G as u, H as p, I as S, J as C, K as J, L as Q, h as Z, m as $, M as F, N as ee, e as te } from "./data.js";
+import { t as P, v as V, w as W, x as k, y as E, z as R, A as z, B as K, C as j, D as G, E as X, b as _, j as h, k as c, u as Y, s as f, f as q, i as H, F as y, G as u, H as p, I as S, J as C, K as J, L as Q, h as Z, m as $, M as A, N as ee, e as te } from "./data.js";
 import { S as ie } from "./common.js";
 import { M as se, a as re, b as oe, c as ne } from "./model-with-data-labels.js";
 import { M as ae } from "./model-with-rotation.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 class le extends T {
   /**
    * Time interval size for a temporal bar/line chart.
@@ -106,11 +106,11 @@ const ge = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, he = (s) => {
 }, fe = (s, e, t) => {
   const i = t.series?.[e];
   i && (n(i) ? i.fillSymbol = {
-    ...I(e),
+    ...B(e),
     ...i.fillSymbol,
     color: s
   } : a(i) && (i.lineSymbol = {
-    ...B(e),
+    ...I(e),
     ...i.lineSymbol,
     color: s
   }));
@@ -118,7 +118,7 @@ const ge = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, he = (s) => {
   e.series?.sort(
     (t, i) => s.findIndex((r) => t.id === r) - s.findIndex((r) => i.id === r)
   );
-}, pe = (s) => s.stackedType ?? A.Side, Se = (s) => {
+}, pe = (s) => s.stackedType ?? F.Side, Se = (s) => {
   const { newStackedType: e, config: t, layerInfo: i, commonStrings: r } = s;
   if (t.stackedType = e, i !== void 0) {
     const o = _({
@@ -130,19 +130,19 @@ const ge = (s, e) => e.series?.[s].assignToSecondValueAxis ?? !1, he = (s) => {
     });
     Y(t, 1, o);
   }
-  t.axes?.[1] && (e === A.Stacked100 ? t.axes[1].valueFormat = b() : t.axes[1].valueFormat = U()), f({ config: t, value: null, axisIndex: 1, isMax: !1 }), f({ config: t, value: null, axisIndex: 1, isMax: !0 });
+  t.axes?.[1] && (e === F.Stacked100 ? t.axes[1].valueFormat = b() : t.axes[1].valueFormat = U()), f({ config: t, value: null, axisIndex: 1, isMax: !1 }), f({ config: t, value: null, axisIndex: 1, isMax: !0 });
 }, Ce = (s) => {
   let e;
   const t = s.series.find(
     (i) => (n(i) || a(i) || g(i)) && i.nullCategory !== void 0
   );
   return (n(t) || a(t) || g(t)) && (e = t?.nullCategory), e;
-}, Fe = (s, e) => {
+}, Ae = (s, e) => {
   s.series.forEach((t) => {
     (n(t) || a(t) || g(t)) && (t.nullCategory = e);
   });
 };
-class Ae extends T {
+class Fe extends T {
   constructor() {
     super(...arguments), this._xAxisField = "", this._aggregationType = l.Count, this._splitByField = "", this._numericFields = [];
   }
@@ -188,10 +188,12 @@ class Ae extends T {
     return this._numericFields;
   }
   set numericFields(e) {
-    if (typeof e == "string" && (e = [e]), H(this.layerInfo?.layerFieldsInfo ?? [], e)) {
-      const i = this.layerInfo?.objectIdField ?? "";
-      e.length === 0 ? (e.push(i), this._aggregationType = l.Count) : this._aggregationType === l.Count && e.length >= 1 && !e.includes(i) && (this._aggregationType = l.Sum), this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), this.numericFields.length > 1 && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), (this.xAxisField === "" || this.xAxisField === m) && this.numericFields.length === 0 && this.resetConfig(), this.processSeriesRebuild();
-    }
+    typeof e == "string" && (e = [e]);
+    const t = H(this.layerInfo?.layerFieldsInfo ?? [], e), i = (this.xAxisField === "" || this.xAxisField === m) && e.length === 0;
+    if (t && !i) {
+      const r = this.layerInfo?.objectIdField ?? "";
+      e.length === 0 ? (e.push(r), this._aggregationType = l.Count) : this._aggregationType === l.Count && e.length >= 1 && !e.includes(r) && (this._aggregationType = l.Sum), this._numericFields = e, this.dirtyAsyncSetters.push("numericFields"), this.numericFields.length > 1 && (this._splitByField = "", this.dirtyAsyncSetters.push("splitByField")), this.processSeriesRebuild();
+    } else i && this.resetConfig();
   }
   /**
    * Gets whether the series should be assigned to the second value axis.
@@ -268,8 +270,7 @@ class Ae extends T {
   }
   /**
    * Whether temporal binning is enabled for all series in the config.
-   *
-   * **NOTE** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
+   * **Note:** Setting this prop removes any existing temporal binning settings if `value` is set to `false`.
    */
   get binTemporalData() {
     return J(this._config);
@@ -372,8 +373,7 @@ class Ae extends T {
   }
   /**
    * Moves the custom sort values in-place for the order by list in the config.
-   *
-   * NOTE: This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
+   * **Note:** This method should be only used when the sort order is set to `SerialChartDataSortingKinds.customSort`.
    * @param {number} fromIndex The index to move the custom sort value from.
    * @param {number} toIndex The index to move the custom sort value to.
    */
@@ -392,7 +392,7 @@ class Ae extends T {
   set nullCategory(e) {
     this.guardSetterFromAsyncOverwrite(() => {
       const t = this.nullCategory;
-      x(t, e) || (Fe(this._config, e), this.emitConfigUpdate("setNullCategory"));
+      x(t, e) || (Ae(this._config, e), this.emitConfigUpdate("setNullCategory"));
     });
   }
   /**
@@ -430,12 +430,12 @@ class Ae extends T {
     if (this.layerInfo !== void 0) {
       const e = this.dirtyAsyncSetters[this.dirtyAsyncSetters.length - 1];
       if (this.canUseSynchronousSeriesRebuild())
-        this.dirtyAsyncSetters = [], F(this.getBuildNewSeriesProps());
+        this.dirtyAsyncSetters = [], A(this.getBuildNewSeriesProps());
       else if (!this.asyncConfigUpdateInProgress) {
         for (this.asyncConfigUpdateInProgress = !0, this.setupFinished = new Promise((t) => {
           this.resolveSetup = t;
         }); this.dirtyAsyncSetters.length > 0; )
-          this.dirtyAsyncSetters = [], await F(this.getBuildNewSeriesProps());
+          this.dirtyAsyncSetters = [], await A(this.getBuildNewSeriesProps());
         this.asyncConfigUpdateInProgress = !1, this.resolveSetup?.();
       }
       this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate(e);
@@ -487,7 +487,7 @@ class Ae extends T {
   }
   // #endregion
 }
-te(Ae, [
+te(Fe, [
   w,
   se,
   re,
@@ -499,7 +499,7 @@ te(Ae, [
   le
 ]);
 export {
-  Ae as S,
+  Fe as S,
   de as a,
   ce as g,
   fe as s

package/dist/chunks/series-types.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 const a = {
   Chart: "chart",
   Text: "chartText",

package/dist/chunks/series.js

@@ -2,7 +2,7 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "./series-types.js";
 import "d3-array";
-import { ap as o } from "./interfaces.js";
+import { aq as o } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -14,7 +14,7 @@ import "./runtime.js";
 import "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 const d = (t) => t.lineSymbol?.style, g = (t, i) => {
   i.lineSymbol ??= o(), i.lineSymbol.style = t;
 }, f = (t) => t.lineSymbol?.width, w = (t, i) => {

package/dist/chunks/sk_SK.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 const o = {
   "Zoom Out": "Oddialiť",
   "From %1 to %2": "Z %1 do %2",

package/dist/chunks/store.js

@@ -1,19 +1,28 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
-const c = {}, o = {}, n = {
+v5.0.0-next.21 */
+const a = {}, s = {}, r = {
   selectedChartId: "",
-  chartAxesBoundDataMap: c,
-  scatterplotData: o
-}, r = (t) => {
-  const { chartId: s, isXAxis: a, isLogarithmic: e } = t;
-  return `${s}_${a ? "x" : "y"}${e ? "_log" : ""}`;
-}, d = (t) => {
-  const s = t.selectedChartId;
-  t.chartAxesBoundDataMap[s] = void 0;
+  chartAxesBoundDataMap: a,
+  scatterplotData: s,
+  timeBinningIntervalMap: {}
+}, c = (n) => {
+  const { chartId: t, isXAxis: e, isLogarithmic: i } = n;
+  return `${t}_${e ? "x" : "y"}${i ? "_log" : ""}`;
+}, o = (n) => {
+  const t = n.selectedChartId;
+  n.chartAxesBoundDataMap[t] = void 0;
+}, d = (n) => n.timeBinningIntervalMap[n.selectedChartId], h = (n, t) => {
+  const e = n.selectedChartId;
+  n.timeBinningIntervalMap[e] || (n.timeBinningIntervalMap[e] = t);
+}, g = (n) => {
+  n.timeBinningIntervalMap[n.selectedChartId] = void 0;
 };
 export {
-  d,
-  r as g,
-  n as s
+  h as a,
+  c as b,
+  o as d,
+  d as g,
+  g as r,
+  r as s
 };

package/dist/chunks/type-guards.js

@@ -2,7 +2,7 @@ import { u as a, W as i } from "./series-types.js";
 import { M as t } from "./common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 function s(e) {
   switch (e) {
     case i.BarSeries:

package/dist/chunks/useT9n.js

@@ -2,7 +2,7 @@ import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/web-component-utils.js

@@ -1,17 +1,17 @@
 import { W as P, u as Q } from "./series-types.js";
-import { isEqual as X, capitalize as g, isNumber as A, zip as E } from "lodash-es";
+import { isEqual as X, capitalize as g, isNumber as C, zip as E } from "lodash-es";
 import { b as k } from "./interfaces3.js";
 import { a as _ } from "./common.js";
-import { p as v, c4 as Y, cz as d, H as N, b2 as h, a2 as D, bf as U, N as B, a$ as W, b0 as T } from "./interfaces.js";
+import { p as v, c5 as Y, cA as d, I as T, b3 as h, a3 as D, bg as U, P as B, b0 as W, b1 as K } from "./interfaces.js";
 import { g as J } from "./histogram-data.js";
 import { h as ee, j as te, k as oe, l as Z, m as ie, c as q } from "./data.js";
 import { g as ae, a as se, b as le } from "./pie-chart-data.js";
-import { i as ne, m as K, o as G, n as R } from "./box-plot-data.js";
+import { j as ne, n as N, p as G, o as R } from "./box-plot-data.js";
 import { C as M } from "./interfaces4.js";
 import { g as re } from "./index3.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.2 */
+v5.0.0-next.21 */
 const Le = [
   P.BarSeries,
   P.BoxPlotSeries,
@@ -88,7 +88,7 @@ function ke(u) {
 function de(u, e) {
   const t = J(u), n = `${g(k.Min)} of ${t}`, s = `${g(k.Max)} of ${t}`, o = `${g(k.Count)} of ${t}`;
   return e.map((i) => {
-    const { minValue: m, maxValue: r, count: f } = i, F = A(m), p = A(r), y = A(f), a = {};
+    const { minValue: m, maxValue: r, count: f } = i, F = C(m), p = C(r), y = C(f), a = {};
     return F && (a[n] = m.toFixed(2)), p && (a[s] = r.toFixed(2)), F && p && (a.Label = `${m.toFixed(2)} - ${r.toFixed(2)}`), y && (a[o] = f), a;
   });
 }
@@ -103,7 +103,7 @@ function fe(u) {
   switch (f) {
     case d.BarAndLineNoAggregation:
       c = t.map((l) => {
-        const x = C({
+        const x = A({
           field: o,
           value: l[o],
           fieldList: s
@@ -113,14 +113,14 @@ function fe(u) {
       break;
     case d.BarAndLineFromFields:
       c = E(r, t).map(([l, x]) => {
-        const b = N(e.series)[0], S = {};
+        const b = T(e.series)[0], S = {};
         return x !== void 0 && l !== void 0 && (S.Field = x[o], S.Value = x[b]), S;
       });
       break;
     case d.BarAndLineMonoField:
     case d.BarAndLineMultiFields:
       c = t.map((l) => {
-        const x = C({
+        const x = A({
           field: o,
           value: l[o],
           fieldList: s
@@ -133,7 +133,7 @@ function fe(u) {
             aggregationType: i,
             layer: n,
             numericFieldIndex: L
-          }), V = N(e.series)[L];
+          }), V = T(e.series)[L];
           let I = V, j = V;
           V.toLowerCase() === O.name.toLowerCase() && (I = O.description, j = O.name), b[I] = l[j];
         }), b;
@@ -141,7 +141,7 @@ function fe(u) {
       break;
     case d.BarAndLineSplitBy:
       c = t.flatMap((l) => {
-        const x = H(l, r[0]), b = C({
+        const x = H(l, r[0]), b = A({
           field: o,
           value: l[o],
           fieldList: s
@@ -157,7 +157,7 @@ function fe(u) {
       break;
     case d.BarAndLineSplitByNoAggregation:
       c = t.map((l) => {
-        const x = C({
+        const x = A({
           field: o,
           value: l[o],
           fieldList: s
@@ -202,9 +202,9 @@ function ye(u) {
     aggregationType: F,
     mode: f,
     layer: n
-  }), y = N(e.series)[0];
+  }), y = T(e.series)[0];
   return i === d.PieFromCategory ? m = m.map((a) => {
-    const c = C({
+    const c = A({
       field: o,
       value: a[o],
       fieldList: s
@@ -220,20 +220,20 @@ function w(u) {
   const { rawData: e, keyBase: t = "", outRow: n } = u;
   for (const [s, o] of Object.entries(B)) {
     const i = e[t + o];
-    i !== void 0 && (n[s] = A(i) ? i.toFixed(2) : i);
+    i !== void 0 && (n[s] = C(i) ? i.toFixed(2) : i);
     const m = e[t + o + W];
-    m !== void 0 && (n[`${s} Outlier`] = A(m) ? m.toFixed(2) : m);
-    const r = e[t + o + T];
-    r !== void 0 && (n[`${s} Z-Score`] = A(r) ? r.toFixed(2) : r);
+    m !== void 0 && (n[`${s} Outlier`] = C(m) ? m.toFixed(2) : m);
+    const r = e[t + o + K];
+    r !== void 0 && (n[`${s} Z-Score`] = C(r) ? r.toFixed(2) : r);
   }
 }
 function $(u) {
-  const { rawData: e, outRow: t, config: n, boxPlotSubType: s, fieldList: o } = u, i = K(n), m = G(n), r = R(n);
+  const { rawData: e, outRow: t, config: n, boxPlotSubType: s, fieldList: o } = u, i = N(n), m = G(n), r = R(n);
   let f = B.Outlier;
   const F = D;
   switch (s) {
     case d.BoxPlotMonoFieldAndCategory: {
-      const a = C({
+      const a = A({
         field: i,
         value: e[i],
         fieldList: o
@@ -265,11 +265,11 @@ function $(u) {
       break;
     }
   }
-  const p = `${f}${T}`, y = e[p];
-  y !== void 0 && (t[`${g(B.Outlier)} Z-Score`] = A(y) ? y.toFixed(2) : y);
+  const p = `${f}${K}`, y = e[p];
+  y !== void 0 && (t[`${g(B.Outlier)} Z-Score`] = C(y) ? y.toFixed(2) : y);
 }
 function pe(u) {
-  const { rawData: e, outRow: t, config: n, splitByValue: s } = u, o = v(n.series), i = e[`${s}_${B.Average}`], m = R(n), r = K(n);
+  const { rawData: e, outRow: t, config: n, splitByValue: s } = u, o = v(n.series), i = e[`${s}_${B.Average}`], m = R(n), r = N(n);
   let f = "";
   switch (o) {
     case d.BoxPlotMonoFieldAndSplitBy: {
@@ -285,16 +285,16 @@ function pe(u) {
       break;
     }
   }
-  t[g(B.Average)] = A(i) ? i.toFixed(2) : i;
-  const F = `${i}${T}`, p = e[F];
-  p !== void 0 && (t[`${g(B.Average)} Z-Score`] = A(p) ? p.toFixed(2) : p);
+  t[g(B.Average)] = C(i) ? i.toFixed(2) : i;
+  const F = `${i}${K}`, p = e[F];
+  p !== void 0 && (t[`${g(B.Average)} Z-Score`] = C(p) ? p.toFixed(2) : p);
 }
 function ge(u) {
   const { config: e, rows: t, fieldList: n } = u, s = v(e.series);
   let o = s;
   const i = ne(e), m = Array.isArray(t) && t.length > 0 && t.every((a) => a[M.boxPlot.boxPlotMeanLineMarkerId] !== void 0);
   i && !m && (s === d.BoxPlotMonoFieldAndSplitBy ? o = d.BoxPlotMonoField : s === d.BoxPlotMultiFieldsAndSplitBy ? o = d.BoxPlotMultiFields : s === d.BoxPlotMonoFieldAndCategoryAndSplitBy && (o = d.BoxPlotMonoFieldAndCategory));
-  const r = K(e), f = G(e), F = Z(e), p = R(e);
+  const r = N(e), f = G(e), F = Z(e), p = R(e);
   let y;
   switch (o) {
     case d.BoxPlotMonoField:
@@ -305,7 +305,7 @@ function ge(u) {
           $({ rawData: a, outRow: c, config: e, boxPlotSubType: o });
         else {
           if (o === d.BoxPlotMonoFieldAndCategory) {
-            const l = C({
+            const l = A({
               field: r,
               value: a[r],
               fieldList: n
@@ -344,7 +344,7 @@ function ge(u) {
             });
           else {
             if (o === d.BoxPlotMultiFieldsAndCategory) {
-              const b = C({
+              const b = A({
                 field: r,
                 value: a[r],
                 fieldList: n
@@ -381,7 +381,7 @@ function ge(u) {
         }) : F.map((c) => {
           const l = {};
           if (o === d.BoxPlotMonoFieldAndCategoryAndSplitBy) {
-            const x = C({
+            const x = A({
               field: r,
               value: a[r],
               fieldList: n
@@ -406,7 +406,7 @@ function ge(u) {
 const Fe = (u) => {
   let e = !1;
   return (typeof u == "string" || typeof u == "number") && (e = !Number.isNaN(new Date(u).getTime())), e;
-}, C = (u) => {
+}, A = (u) => {
   const { field: e, value: t, fieldList: n } = u;
   let s = !1;
   return n !== void 0 && n.length > 0 && (s = U(n).some((i) => i === e)), Fe(t) && s ? new Date(t).toISOString() : t;

package/dist/components/arcgis-chart/customElement.d.ts

@@ -32,7 +32,6 @@ import { MissingSplitBySeriesProps, DownloadableChartImagesTypes } from '../../u
 export declare class ArcgisChart extends LitElement {
     /**
      * Instance of an ArcGIS Chart Model. Provides an API to interact with the chart's configuration.
-     *
      * **Note:** This property has a union type of `ChartModel | WebChart` meaning a raw chart config object can be passed to it instead, however it is recommended to use a `ChartModel` instance whenever possible.
      *
      * @type {ChartModel | WebChart | undefined}
@@ -591,13 +590,6 @@ export declare class ArcgisChart extends LitElement {
      * @default undefined
      */
     updateSplitBySeries?: MissingSplitBySeriesProps;
-    /**
-     * Returns a promise that resolves when the chart model is fully loaded.
-     *
-     * @returns
-     * @category Public
-     */
-    loadModel(): Promise<void>;
     /**
      * Clears all selection on the chart.
      *
@@ -644,6 +636,13 @@ export declare class ArcgisChart extends LitElement {
      * @default DownloadableChartImagesTypes.PNG
      */
     exportAsImage(format?: DownloadableChartImagesTypes): Promise<void>;
+    /**
+     * Returns a promise that resolves when the chart model is fully loaded.
+     *
+     * @returns
+     * @category Public
+     */
+    loadModel(): Promise<void>;
     /**
      * Notify method allows passing external messages to the chart component.
      * It can be used to pass validation or information messages.
@@ -660,14 +659,12 @@ export declare class ArcgisChart extends LitElement {
      * Re-render the chart.
      *
      * @param props.updateData Indicates whether to fetch new data. Default: true.
-     * @param props.updateExtent Indicates whether the view's extent is to update. Default: false.
      * @param props.resetAxesBounds Option to reset the axes bounds along with the refresh. Default: false;
      * @category Public
      */
     refresh(props?: {
         updateData?: boolean;
         resetAxesBounds?: boolean;
-        updateExtent?: boolean;
     }): Promise<void>;
     /**
      * Resets the chart zoom to bring it back to full extent