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

package/dist/chunks/default.js

@@ -2,7 +2,7 @@ import { W as t } from "./series-types.js";
 import { c as o, R as e } from "./rest-js-object-literals.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.20 */
 const l = 153, p = {
   type: t.Guide,
   style: {

package/dist/chunks/gauge-model.js

@@ -1,8 +1,8 @@
-import { W as h, G as b, a as u } from "./series-types.js";
+import { W as h, G as x, a as u } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { aw as a, ab as f, am as x, aG as m, aN as S } from "./interfaces.js";
+import { ax as a, ac as f, an as b, aH as m, aO as S } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -17,7 +17,7 @@ import "@arcgis/core/intl.js";
 import { b as A, e as _ } from "./data.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.20 */
 const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.visible = t;
 }, w = (t) => t.axes[0].needle?.symbol, T = (t, e) => {
@@ -40,14 +40,14 @@ const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
   }), e.axes[0].ticks.visible = t;
 }, j = (t) => t.axes[0].labelsIncrement, X = (t, e) => {
   e.axes[0].labelsIncrement = t;
-}, B = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, Q = (t, e) => {
+}, B = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, H = (t, e) => {
   e.axes[0].onlyShowFirstAndLastLabels = t;
-}, Y = (t) => t.series[0]?.valueConversion, z = (t, e) => {
+}, Q = (t) => t.series[0]?.valueConversion, Y = (t, e) => {
   e.series[0] !== void 0 && (e.series[0].valueConversion = t);
 }, y = (t) => t.series[0]?.featureIndex, c = (t) => {
   const { featureIndex: e, config: i, layerInfo: s, commonStrings: n } = t, r = g(i), p = l(i);
   e === null ? delete i.series[0].featureIndex : i.series[0] !== void 0 && (i.series[0].featureIndex = e), o({ config: i, layerInfo: s, field: r, aggregationType: p, commonStrings: n });
-}, H = (t) => t.subType ?? b.StatisticGauge, J = (t) => {
+}, z = (t) => t.subType ?? x.StatisticGauge, J = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
   if (s !== u.NoAggregation) {
     const n = y(e), r = d(n) ? {} : {
@@ -96,7 +96,7 @@ const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
   e.endAngle = t;
 };
 function oe(t) {
-  return x(t);
+  return b(t);
 }
 class le extends v {
   constructor() {
@@ -185,11 +185,11 @@ class le extends v {
    * Conversion to apply to the gauge value.
    */
   get valueConversion() {
-    return Y(this._config);
+    return Q(this._config);
   }
   set valueConversion(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      z(e, this._config), this.emitConfigUpdate("valueConversion");
+      Y(e, this._config), this.emitConfigUpdate("valueConversion");
     });
   }
   /**
@@ -231,7 +231,7 @@ class le extends v {
    * @remarks When this property is not specified, it will be defaulted to GaugeChartSubTypes.StatisticGauge.
    */
   get gaugeSubType() {
-    return H(this._config);
+    return z(this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Axes Props
@@ -354,7 +354,7 @@ class le extends v {
   }
   set onlyShowFirstAndLastLabels(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      Q(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
+      H(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
     });
   }
   // ---------------------------------------------------------------------------------------------

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

@@ -1,8 +1,8 @@
-import { d as a, W as F } from "./series-types.js";
+import { a as d, d as l, W as C } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { x as c, cf as m, aP as T } from "./interfaces.js";
+import { x as m, cg as p, ck as T, aQ as S } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -12,40 +12,40 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { a as f, u as h, e as x } from "./data.js";
 import "@arcgis/core/intl.js";
-import { a as C, c as _ } from "./model-with-data-labels.js";
+import { a as x, c as A } from "./model-with-data-labels.js";
 import "./model-with-multi-axes.js";
-import { S as L, g as S, a as A } from "./serial-chart-model.js";
-import { r as p } from "./config-update.js";
+import { S as _, g as v, a as B } from "./serial-chart-model.js";
+import { a as y, u as h, e as L } from "./data.js";
+import { r as f } from "./config-update.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 */
-const v = (t) => {
-  const { xField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, g = f(0, i), n = u(i), l = c(i), o = i.series[0];
-  if (typeof e == "string" && n !== e && o && (o.x = e, p(i), n === g || l)) {
-    const d = m(r, e);
-    h(i, 0, d);
-  }
-}, u = (t) => t.series[0].x, B = (t, e) => {
+v5.0.0-next.20 */
+const w = (t) => {
+  const { xField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, a = y(0, i), n = u(i), g = m(i), o = i.series[0];
+  if (typeof e == "string" && n !== e && o && (o.x = e, f(i), n === a || g)) {
+    const c = p(r, e);
+    h(i, 0, c);
+  }
+}, u = (t) => t.series[0].x ?? "", O = (t, e) => {
   const i = t.series[0];
   i.heatRulesType = e;
-}, w = (t) => t.series[0].heatRulesType, R = (t, e) => {
+}, R = (t) => t.series[0].heatRulesType, U = (t, e) => {
   const i = t.series[0];
   i.gradientRules = e;
-}, O = (t) => t.series[0].gradientRules, I = (t) => {
-  const { yField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, g = f(1, i), n = y(i), l = c(i), o = i.series[0];
-  if (typeof e == "string" && n !== e && o && (o.y = e, p(i), n === g || l)) {
-    const d = m(r, e);
-    h(i, 1, d);
+}, b = (t) => t.series[0].gradientRules, W = (t) => {
+  const { yField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, a = y(1, i), n = F(i), g = m(i), o = i.series[0];
+  if (typeof e == "string" && n !== e && o && (o.y = e, f(i), n === a || g)) {
+    const c = p(r, e);
+    h(i, 1, c);
   }
-}, y = (t) => t.series[0].y, U = (t, e) => {
+}, F = (t) => t.series[0].y ?? "", I = (t, e) => {
   const i = e.series[0];
   i.xTemporalBinning = t;
-}, W = (t) => t.series[0].xTemporalBinning, P = (t, e) => {
+}, N = (t) => t.series[0].xTemporalBinning, P = (t, e) => {
   const i = e.series[0];
   i.yTemporalBinning = t;
-}, b = (t) => t.series[0].yTemporalBinning, G = (t, e) => {
+}, E = (t) => t.series[0].yTemporalBinning, G = (t, e) => {
   const i = e.series[0];
   i.gridLine && (i.gridLine.width = t);
 }, M = (t) => t.series[0].gridLine?.width, X = (t, e) => {
@@ -53,11 +53,21 @@ const v = (t) => {
   i.gridLine && s && (i.gridLine.color = t);
 }, Y = (t) => t.series[0].gridLine?.color, H = (t, e) => {
   const i = e.legend;
-  t === a.Bottom && i && (i.position = a.Bottom);
-}, N = (t) => t.legend?.position ?? a.Bottom;
-class D extends L {
+  t === l.Bottom && i && (i.position = l.Bottom);
+}, q = (t) => t.legend?.position ?? l.Bottom, $ = (t) => t.series[0].query?.outStatistics?.[0]?.onStatisticField, D = (t, e) => {
+  const i = e.series[0].query?.outStatistics?.[0];
+  i && (i.onStatisticField = t, i.outStatisticFieldName = `${i.statisticType}_${t}`);
+}, V = (t) => t.series[0].query?.outStatistics?.[0].statisticType ?? d.Count, j = (t, e) => {
+  const i = e.series[0]?.query?.outStatistics?.[0];
+  i && t !== d.NoAggregation && (i.statisticType = t, i.outStatisticFieldName = `${t}_${i.onStatisticField}`);
+}, k = (t) => t.series[0].emptyCells?.text, Q = (t, e) => {
+  e.series[0].emptyCells ? e.series[0].emptyCells.text = t : e.series[0].emptyCells = { text: t };
+}, Z = (t) => t.series[0].emptyCells?.symbol, z = (t, e) => {
+  e.series[0].emptyCells ? e.series[0].emptyCells.symbol = t : e.series[0].emptyCells = { symbol: t };
+};
+class J extends _ {
   constructor() {
-    super(...arguments), this._chartType = F.HeatSeries;
+    super(...arguments), this._chartType = C.HeatSeries;
   }
   generateChartTitle() {
     throw new Error("Method not implemented.");
@@ -65,46 +75,61 @@ class D extends L {
   async setup(e) {
     await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
-  get xField() {
+  /**
+   * The x axis field used by the heat chart
+   */
+  get xAxisField() {
     return u(this._config);
   }
-  set xField(e) {
+  set xAxisField(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      v({
+      w({
         xField: e,
         config: this._config,
         layerInfo: this.layerInfo
-      }), this.emitConfigUpdate("xField");
+      }), this.emitConfigUpdate("xAxisField");
     });
   }
-  get yField() {
-    return y(this._config);
+  /**
+   * The y axis field used by the heat chart
+   */
+  get yAxisField() {
+    return F(this._config);
   }
-  set yField(e) {
+  set yAxisField(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      I({
+      W({
         yField: e,
         config: this._config,
         layerInfo: this.layerInfo
-      }), this.emitConfigUpdate("yField");
+      }), this.emitConfigUpdate("yAxisField");
     });
   }
+  /**
+   * The x temporal binning used by the heat chart
+   */
   get xTemporalBinning() {
-    return W(this._config);
+    return N(this._config);
   }
   set xTemporalBinning(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      U(e, this._config), this.emitConfigUpdate("xTemporalBinning");
+      I(e, this._config), this.emitConfigUpdate("xTemporalBinning");
     });
   }
+  /**
+   * The y temporal binning used by the heat chart
+   */
   get yTemporalBinning() {
-    return b(this._config);
+    return E(this._config);
   }
   set yTemporalBinning(e) {
     this.guardSetterFromAsyncOverwrite(() => {
       P(e, this._config), this.emitConfigUpdate("yTemporalBinning");
     });
   }
+  /**
+   * The grid line width used by the heat chart
+   */
   get gridLineWidth() {
     return M(this._config);
   }
@@ -113,6 +138,9 @@ class D extends L {
       G(e, this._config), this.emitConfigUpdate("gridLineWidth");
     });
   }
+  /**
+   * The grid line color used by the heat chart
+   */
   get gridLineColor() {
     return Y(this._config);
   }
@@ -121,54 +149,130 @@ class D extends L {
       X(e, this._config), this.emitConfigUpdate("gridLineColor");
     });
   }
+  /**
+   * The name of the series that is used by the heat chart
+   */
   get seriesName() {
-    return S(0, this._config);
+    return v(0, this._config);
   }
   set seriesName(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      typeof e == "string" && (A(e, 0, this.config), this.emitConfigUpdate("seriesName"));
+      typeof e == "string" && (B(e, 0, this.config), this.emitConfigUpdate("seriesName"));
     });
   }
+  /**
+   * The heat rules type used by the heat chart
+   */
   get heatRulesType() {
-    return w(this._config);
+    return R(this._config);
   }
   set heatRulesType(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      B(this._config, e), this.emitConfigUpdate("heatRulesType");
+      O(this._config, e), this.emitConfigUpdate("heatRulesType");
     });
   }
+  /**
+   * The grandient rules used by the heat chart
+   */
   get gradientRules() {
-    return O(this._config);
+    return b(this._config);
   }
   set gradientRules(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      R(this._config, e), this.emitConfigUpdate("gradientRules");
+      U(this._config, e), this.emitConfigUpdate("gradientRules");
+    });
+  }
+  /**
+   * The numeric fields used by the heat chart. Only the first field in the array will be used.
+   * An empty string will be ignored.
+   */
+  get numericFields() {
+    const e = $(this._config);
+    return e !== void 0 ? [e] : [];
+  }
+  set numericFields(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      const i = e[0];
+      T(i) || (D(i, this._config), this.emitConfigUpdate("numericFields"));
+    });
+  }
+  /**
+   * The aggregation type for the heat chart. Must be one of the values allowed by WebChartStatisticType.
+   */
+  get aggregationType() {
+    return V(this._config);
+  }
+  set aggregationType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      j(e, this._config), this.emitConfigUpdate("aggregationType");
     });
   }
+  /**
+   * Split-by field is not used by heat chart
+   */
+  get splitByField() {
+    return "";
+  }
+  set splitByField(e) {
+  }
+  /**
+   * The heat charts legend's title (not supported yet)
+   */
   set legendTitleText(e) {
     this.guardSetterFromAsyncOverwrite(() => {
     });
   }
   get legendPosition() {
-    return N(this._config);
+    return q(this._config);
   }
+  /**
+   * The heat charts legend's position
+   */
   set legendPosition(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      e === a.Bottom && (H(e, this._config), this.emitConfigUpdate("legendVisibility"));
+      e === l.Bottom && (H(e, this._config), this.emitConfigUpdate("legendVisibility"));
     });
   }
+  /**
+   * The heat chart's rotatedState (not supported)
+   */
   set rotatedState(e) {
     this.guardSetterFromAsyncOverwrite(() => {
     });
   }
+  get emptyCellText() {
+    return k(this._config);
+  }
+  /**
+   * The heat charts empty cell text
+   */
+  set emptyCellText(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Q(e, this._config), this.emitConfigUpdate("emptyCellText");
+    });
+  }
+  get emptyCellSymbol() {
+    return Z(this._config);
+  }
+  /**
+   * The heat charts empty cell symbol
+   */
+  set emptyCellSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      z(e, this._config), this.emitConfigUpdate("emptyCellSymbol");
+    });
+  }
+  /**
+   * Generates the default config for the heat chart
+   */
   generateDefaultConfig() {
-    const e = T(this.commonStrings, this.layerInfo?.objectIdField);
+    const e = S(this.commonStrings, this.layerInfo?.objectIdField);
     return e.axes?.forEach((i) => {
       i && (i.valueFormat = { intlOptions: { timeZone: void 0 }, type: "date" });
     }), e;
   }
 }
-x(D, [C, _]);
+L(J, [x, A]);
 export {
-  D as HeatChartModel
+  J as HeatChartModel
 };

package/dist/chunks/histogram-data.js

@@ -1,9 +1,9 @@
-import { b as T } from "./series-types.js";
+import { b as f } from "./series-types.js";
 import { substitute as O } from "@arcgis/core/intl.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { aS as i, ac as n, cf as m, x as M, aQ as y, ak as r } from "./interfaces.js";
+import { aT as i, ad as n, cg as m, x as M, aR as y, al as r } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -16,7 +16,7 @@ import "@arcgis/toolkit/dom";
 import { g as C, a as A, u as h, s as l } from "./data.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.20 */
 const v = (s) => {
   l({ config: s, value: null, axisIndex: 0, isMax: !1 }), l({ config: s, value: null, axisIndex: 0, isMax: !0 }), l({ config: s, value: null, axisIndex: 1, isMax: !1 }), l({ config: s, value: null, axisIndex: 1, isMax: !0 });
 };
@@ -25,13 +25,13 @@ function u(s, e, a) {
   return O(a.titleLabels.distributionOfField, { valueField: o });
 }
 const p = (s) => s.series[0]?.x ?? "", U = (s) => {
-  const { numericField: e, config: a, layerInfo: t, commonStrings: o } = s, { layerFieldsInfo: d } = t, c = u(a, t, o), S = C(a), D = A(0, a), x = m(d, p(a)), b = M(a);
-  if (v(a), a?.series?.[0] && (a.series[0].x = e), x === D || b) {
-    const f = m(d, e);
-    h(a, 0, f);
+  const { numericField: e, config: a, layerInfo: t, commonStrings: o } = s, { layerFieldsInfo: d } = t, c = u(a, t, o), D = C(a), S = A(0, a), x = m(d, p(a)), b = M(a);
+  if (v(a), a?.series?.[0] && (a.series[0].x = e), x === S || b) {
+    const T = m(d, e);
+    h(a, 0, T);
   }
-  a.title && (c === S || b) && (a.title.content.text = u(a, t, o));
-}, V = (s) => s.series[0]?.dataTransformationType ?? T.None, Y = (s, e) => {
+  a.title && (c === D || b) && (a.title.content.text = u(a, t, o));
+}, V = (s) => s.series[0]?.dataTransformationType ?? f.None, Y = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].dataTransformationType = s);
 }, Z = (s) => s.series[0]?.binCount ?? 32, _ = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].binCount = s);

package/dist/chunks/histogram-model.js

@@ -2,7 +2,7 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import { W as e } from "./series-types.js";
 import "d3-array";
-import { cf as i, aT as s } from "./interfaces.js";
+import { cg as i, aU as s } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -19,7 +19,7 @@ import { M as I, a as B, b as H, c as L } from "./model-with-data-labels.js";
 import "@arcgis/core/intl.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.20 */
 class j extends W {
   constructor() {
     super(...arguments), this._chartType = e.HistogramSeries;