@arcgis/charts-components 5.0.0-next.5 → 5.0.0-next.50

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.5 */
+v5.0.0-next.50 */
 const l = 153, p = {
   type: t.Guide,
   style: {

package/dist/chunks/gauge-model.js

@@ -2,52 +2,60 @@ import { W as h, G as b, 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 { aU as a, az as m, aK as x, b2 as f, b9 as S } from "./index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 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 "./runtime.js";
 import "@arcgis/toolkit/dom";
 import { C as v, c as C, b as I } from "./model-with-multi-axes.js";
-import "@arcgis/core/intl.js";
-import { b as A, e as _ } from "./data.js";
+import { b as A, d as _ } from "./serial-chart-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.5 */
+v5.0.0-next.50 */
 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) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.symbol = t;
-}, O = (t) => t.axes[0].needle?.startWidth, W = (t, e) => {
+}, O = (t) => t.axes[0].needle?.startWidth, U = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.startWidth = t;
-}, U = (t) => t.axes[0].needle?.endWidth, V = (t, e) => {
+}, W = (t) => t.axes[0].needle?.endWidth, V = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.endWidth = t;
 }, D = (t) => t.axes[0].needle?.innerRadius, E = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.innerRadius = t;
 }, N = (t) => t.axes[0].needle?.displayPin ?? !1, M = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.displayPin = t;
 }, R = (t) => t.axes[0].innerLabel?.visible ?? !0, G = (t, e) => {
-  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = f()), e.axes[0].innerLabel.visible = t;
+  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = m()), e.axes[0].innerLabel.visible = t;
 }, k = (t) => t.axes[0].innerLabel?.content, P = (t, e) => {
-  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = f()), t !== void 0 && (e.axes[0].innerLabel.content = t);
+  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = m()), t !== void 0 && (e.axes[0].innerLabel.content = t);
 }, $ = (t) => t.axes[0].ticks?.visible ?? !0, q = (t, e) => {
   e.axes[0].ticks === void 0 && (e.axes[0].ticks = {
     type: h.GaugeAxisTick
   }), 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) => {
+}, z = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, B = (t, e) => {
   e.axes[0].onlyShowFirstAndLastLabels = t;
-}, Y = (t) => t.series[0]?.valueConversion, z = (t, e) => {
+}, K = (t) => t.series[0]?.valueConversion, Q = (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) => {
+}, Y = (t) => t.subType ?? b.StatisticGauge, H = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
   if (s !== u.NoAggregation) {
     const n = y(e), r = d(n) ? {} : {
@@ -61,7 +69,7 @@ const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
     };
     e.series[0].query = r;
   }
-}, K = (t) => {
+}, J = (t) => {
   const { config: e, layerInfo: i, commonStrings: s, field: n, aggregationType: r } = t;
   e.title && (e.title.content.text = A({
     config: e,
@@ -72,10 +80,10 @@ const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
   }));
 }, o = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
-  e.series[0] === void 0 && (e.series = [m({})]);
+  e.series[0] === void 0 && (e.series = [f({})]);
   const n = d(e.series[0]?.featureIndex);
   let r = n ? i : `${s}_${i}`;
-  n && i.startsWith(`${s}_`) && (r = i.replace(`${s}_`, "")), e.series[0].x = r, J({ config: e, field: i, aggregationType: s }), K(t);
+  n && i.startsWith(`${s}_`) && (r = i.replace(`${s}_`, "")), e.series[0].x = r, H({ config: e, field: i, aggregationType: s }), J(t);
 }, l = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? u.Count, Z = (t) => {
   const { config: e, layerInfo: i, commonStrings: s, aggregationType: n } = t, r = g(e);
   o({
@@ -185,11 +193,11 @@ class le extends v {
    * Conversion to apply to the gauge value.
    */
   get valueConversion() {
-    return Y(this._config);
+    return K(this._config);
   }
   set valueConversion(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      z(e, this._config), this.emitConfigUpdate("valueConversion");
+      Q(e, this._config), this.emitConfigUpdate("valueConversion");
     });
   }
   /**
@@ -231,7 +239,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 Y(this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Axes Props
@@ -266,14 +274,14 @@ class le extends v {
   }
   set needleStartWidth(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      W(e, this._config), this.emitConfigUpdate("needleStartWidth");
+      U(e, this._config), this.emitConfigUpdate("needleStartWidth");
     });
   }
   /**
    * End width of the gauge's needle.
    */
   get needleEndWidth() {
-    return U(this._config);
+    return W(this._config);
   }
   set needleEndWidth(e) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -350,11 +358,11 @@ class le extends v {
    * Whether to only show the first and last axis labels.
    */
   get onlyShowFirstAndLastLabels() {
-    return B(this._config);
+    return z(this._config);
   }
   set onlyShowFirstAndLastLabels(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      Q(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
+      B(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
     });
   }
   // ---------------------------------------------------------------------------------------------
@@ -362,7 +370,7 @@ class le extends v {
   // ---------------------------------------------------------------------------------------------
   generateDefaultConfig() {
     const e = S(this.commonStrings);
-    return e.series = [m({ objectIDField: this.layerInfo?.objectIdField })], e;
+    return e.series = [f({ objectIDField: this.layerInfo?.objectIdField })], e;
   }
 }
 _(le, [C, I]);

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

@@ -1,51 +1,59 @@
-import { d as a, W as F } from "./series-types.js";
+import { a as m, 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 { S as d, cN as p, cR as S, bb as T } from "./index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@arcgis/core/intl.js";
+import "@arcgis/core/layers/support/FeatureFilter.js";
+import "@arcgis/core/smartMapping/statistics/histogram.js";
+import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
 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 "./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 _, 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 x, g as v, a as B } from "./serial-chart-model.js";
+import { a as y, u as h, d as L } from "./serial-chart-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.5 */
-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.50 */
+const w = (t) => {
+  const { xField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, g = y(0, i), o = u(i), a = d(i), n = i.series[0];
+  if (typeof e == "string" && o !== e && n && (n.x = e, f(i), o === g || a)) {
+    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) => {
+}, b = (t) => t.series[0].heatRulesType, P = (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);
+}, R = (t) => t.series[0].gradientRules, U = (t) => {
+  const { yField: e, config: i, layerInfo: s } = t, { layerFieldsInfo: r } = s, g = y(1, i), o = F(i), a = d(i), n = i.series[0];
+  if (typeof e == "string" && o !== e && n && (n.y = e, f(i), o === g || a)) {
+    const c = p(r, e);
+    h(i, 1, c);
   }
-}, y = (t) => t.series[0].y, U = (t, e) => {
+}, F = (t) => t.series[0].y ?? "", N = (t, e) => {
   const i = e.series[0];
   i.xTemporalBinning = t;
-}, W = (t) => t.series[0].xTemporalBinning, P = (t, e) => {
+}, W = (t) => t.series[0].xTemporalBinning, I = (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 +61,23 @@ 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 ?? m.Count, j = (t, e) => {
+  const i = e.series[0]?.query?.outStatistics?.[0];
+  i && t !== m.NoAggregation && (i.statisticType = t, i.outStatisticFieldName = `${t}_${i.onStatisticField}`);
+}, Z = (t) => t.nullPolicy, k = (t, e) => {
+  e.nullPolicy = t;
+}, z = (t) => t.series[0].emptyCells?.text, J = (t, e) => {
+  e.series[0].emptyCells ? e.series[0].emptyCells.text = t : e.series[0].emptyCells = { text: t };
+}, K = (t) => t.series[0].emptyCells?.symbol, Q = (t, e) => {
+  e.series[0].emptyCells ? e.series[0].emptyCells.symbol = t : e.series[0].emptyCells = { symbol: t };
+};
+class ee extends x {
   constructor() {
-    super(...arguments), this._chartType = F.HeatSeries;
+    super(...arguments), this._chartType = C.HeatSeries;
   }
   generateChartTitle() {
     throw new Error("Method not implemented.");
@@ -65,46 +85,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({
+      U({
         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);
   }
   set xTemporalBinning(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      U(e, this._config), this.emitConfigUpdate("xTemporalBinning");
+      N(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");
+      I(e, this._config), this.emitConfigUpdate("yTemporalBinning");
     });
   }
+  /**
+   * The grid line width used by the heat chart
+   */
   get gridLineWidth() {
     return M(this._config);
   }
@@ -113,6 +148,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,46 +159,133 @@ 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 b(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 R(this._config);
   }
   set gradientRules(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      R(this._config, e), this.emitConfigUpdate("gradientRules");
+      P(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];
+      S(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 nullPolicy() {
+    return Z(this._config);
+  }
+  /**
+   * The heat charts null policy
+   */
+  set nullPolicy(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      k(e, this._config), this.emitConfigUpdate("nullPolicy");
+    });
+  }
+  get emptyCellText() {
+    return z(this._config);
+  }
+  /**
+   * The heat charts empty cell text
+   */
+  set emptyCellText(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      J(e, this._config), this.emitConfigUpdate("emptyCellText");
+    });
+  }
+  get emptyCellSymbol() {
+    return K(this._config);
+  }
+  /**
+   * The heat charts empty cell symbol
+   */
+  set emptyCellSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Q(e, this._config), this.emitConfigUpdate("emptyCellSymbol");
+    });
+  }
+  /**
+   * Generates the default config for the heat chart
+   */
   generateDefaultConfig() {
     const e = T(this.commonStrings, this.layerInfo?.objectIdField);
     return e.axes?.forEach((i) => {
@@ -168,7 +293,7 @@ class D extends L {
     }), e;
   }
 }
-x(D, [C, _]);
+L(ee, [_, A]);
 export {
-  D as HeatChartModel
+  ee as HeatChartModel
 };