@arcgis/charts-components 5.0.0-next.126 → 5.0.0-next.128

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

@@ -1,44 +1,70 @@
-import { m as i } from "./model-setter.js";
+import { m as e } from "./model-setter.js";
 import { H as o } from "./common.js";
-import { i as y, b as m, t as h, r as f } from "./model-with-multi-axes.js";
-import { a as u } from "./data-labels-visibility.js";
-import { W as _ } from "./data-labels-symbol.js";
-import { S as C } from "./serial-chart-model.js";
-import { l as S, m as T, n as A, o as F, p as O, q as x, r as L, t as b, u as w, v, w as B, x as D, y as P, z as R, A as E, B as W, C as M, D as H, E as N, F as I, G as Y, H as k, I as G, J as V, K as U, L as X, M as j, N as K, O as J, P as q, Q as z, R as Q, S as Z, b as d, T as $, U as ee, V as te, W as ie, X as se, Y as re } from "./serial-chart-data.js";
-import { s as c } from "./data.js";
-import { a as oe } from "./utils.js";
-import { W as ne } from "./series-types.js";
-import { c$ as ae, bj as ge, bJ as le } from "./index.js";
+import { S as f } from "./serial-chart-model.js";
+import { k as _, l as C, m as S, n as T, o as A, p as F, q as O, r as x, t as L, u as v, v as w, w as b, x as B, y as P, z as D, A as R, B as E, C as I, D as H, E as k, F as N, G as W, H as Y, I as G, J as M, K as m, L as d, M as U, N as V, O as X, P as K, Q as j, R as q, b as c, S as z, T as J, U as Q, V as Z, W as $, X as tt } from "./serial-chart-data.js";
+import { i as et, b as it } from "./model-with-multi-axes.js";
+import { s as y } from "./data.js";
+import { W as rt, a as h } from "./series-types.js";
+import { bK as u, d0 as st, bk as ot } from "./index.js";
+import "@arcgis/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+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 "./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.126 */
-var pe = Object.defineProperty, de = Object.getOwnPropertyDescriptor, s = (a, e, r, l) => {
-  for (var n = de(e, r), g = a.length - 1, p; g >= 0; g--)
-    (p = a[g]) && (n = p(e, r, n) || n);
-  return n && pe(e, r, n), n;
+v5.0.0-next.128 */
+var nt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, i = (p, t, s, a) => {
+  for (var n = at(t, s), g = p.length - 1, l; g >= 0; g--)
+    (l = p[g]) && (n = l(t, s, n) || n);
+  return n && nt(t, s, n), n;
 };
-class t extends C {
+class r extends f {
   constructor() {
-    super(...arguments), this._chartType = ne.HeatSeries;
+    super(...arguments), this._chartType = rt.HeatSeries;
   }
   /**
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return S(this.commonStrings);
+    return this.layerInfo !== void 0 ? _(this._config, this.layerInfo, this.commonStrings) : "";
   }
-  async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
+  /**
+   * Generate the proper y-axis title given the current config.
+   */
+  generateYAxisTitle() {
+    const t = this.yTemporalBinning?.unit;
+    return t !== void 0 ? this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[t] : "";
+  }
+  async setup(t) {
+    await this.loadConfigFromLayer(t), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   /**
    * The y axis field used by the heat chart
    */
   get yAxisField() {
-    return T(this._config);
+    return C(this._config);
   }
-  set yAxisField(e) {
-    A({
-      yField: e,
+  set yAxisField(t) {
+    S({
+      yField: t,
       config: this._config,
       layerInfo: this.layerInfo
     });
@@ -49,23 +75,23 @@ class t extends C {
    * **NOTE**: This property is only applicable to the Calendar heat chart.
    */
   get viewType() {
-    return F(this._config);
+    return T(this._config);
   }
-  set viewType(e) {
+  set viewType(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      O(e, this._config), this.emitConfigUpdate("heatChartViewType");
+      A(t, this._config), this.emitConfigUpdate("heatChartViewType");
     });
   }
   /**
    * The x temporal binning used by the heat chart
    */
   get xTemporalBinning() {
-    return x(this._config);
+    return F(this._config);
   }
-  set xTemporalBinning(e) {
-    L({
+  set xTemporalBinning(t) {
+    O({
       commonStrings: this.commonStrings,
-      binning: e,
+      binning: t,
       config: this._config
     });
   }
@@ -73,12 +99,12 @@ class t extends C {
    * The y temporal binning used by the heat chart
    */
   get yTemporalBinning() {
-    return b(this._config);
+    return x(this._config);
   }
-  set yTemporalBinning(e) {
-    w({
+  set yTemporalBinning(t) {
+    L({
       commonStrings: this.commonStrings,
-      binning: e,
+      binning: t,
       config: this._config
     });
   }
@@ -89,96 +115,114 @@ class t extends C {
   get breaksCount() {
     return v(this._config);
   }
-  set breaksCount(e) {
+  set breaksCount(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      B(e, this._config), this.emitConfigUpdate("breaksCount");
+      w(t, this._config), this.emitConfigUpdate("breaksCount");
     });
   }
   /**
    * The class breaks method used by the heat chart
    */
   get classificationMethod() {
-    return D(this._config);
+    return b(this._config);
   }
-  set classificationMethod(e) {
+  set classificationMethod(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      e && (P(e, this._config), this.emitConfigUpdate("classificationMethod"));
+      t && (B(t, this._config), this.emitConfigUpdate("classificationMethod"));
     });
   }
   /**
    * The hide empty rows and columns setting used by the heat chart
    */
   get hideEmptyRowsAndColumns() {
-    return R(this._config);
+    return P(this._config);
   }
-  set hideEmptyRowsAndColumns(e) {
-    E(this._config, e);
+  set hideEmptyRowsAndColumns(t) {
+    D(this._config, t);
   }
   /**
    * The grid line width used by the heat chart
    */
   get gridLineWidth() {
-    return W(this._config);
+    return R(this._config);
   }
-  set gridLineWidth(e) {
-    M(e, this._config);
+  set gridLineWidth(t) {
+    E(t, this._config);
   }
   /**
    * The grid line color used by the heat chart
    */
   get gridLineColor() {
-    return H(this._config);
+    return I(this._config);
   }
-  set gridLineColor(e) {
-    N(e, this._config);
+  set gridLineColor(t) {
+    H(t, this._config);
   }
   /**
    * The name of the series that is used by the heat chart
    */
   get seriesName() {
-    return y(0, this._config);
+    return et(0, this._config);
   }
-  set seriesName(e) {
-    typeof e == "string" && m(e, 0, this._config);
+  set seriesName(t) {
+    typeof t == "string" && it(t, 0, this._config);
   }
   /**
    * The heat rules type used by the heat chart
    */
   get heatRulesType() {
-    return I(this._config);
+    return k(this._config);
   }
-  set heatRulesType(e) {
-    Y(this._config, e);
+  set heatRulesType(t) {
+    N(this._config, t);
   }
   /**
-   * The grandient rules used by the heat chart
+   * Set the gradient rules for the heat chart, which define how data values map to colors.
+   *
+   * @example
+   * In this example, we set the gradient rules for the heat chart to use a color gradient from light blue to red, with specific colors for values outside the defined range.
+   *
+   * ```js
+   * heatChartModel.gradientRules = {
+   *   colorList: [
+   *     [200, 225, 255, 255],
+   *     [220, 0, 0, 255],
+   *   ],
+   *   minValue: 100,
+   *   maxValue: 250,
+   *   outsideRangeLowerColor: [0, 255, 255, 255],
+   *   outsideRangeUpperColor: [0, 30, 30, 255],
+   * };
+   * ```
    */
   get gradientRules() {
-    return k(this._config);
+    return W(this._config);
   }
-  set gradientRules(e) {
-    G(this._config, e);
+  set gradientRules(t) {
+    Y(this._config, t);
   }
   /**
    * 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 = V(this._config);
-    return e !== void 0 ? [e] : [];
+    const t = G(this._config);
+    return t !== void 0 ? [t] : [];
   }
-  set numericFields(e) {
-    const r = e[0];
-    ae(r) || U(r, this._config);
+  set numericFields(t) {
+    const { idField: s } = u(this.layerInfo.layer), a = st(t[0]), n = a ? s : t[0];
+    M(n, this._config);
+    const g = m(this._config);
+    a && g !== h.Count && d(h.Count, this._config);
   }
   /**
    * The aggregation type for the heat chart. Must be one of the values allowed by WebChartStatisticType.
    */
   get aggregationType() {
-    return X(this._config);
+    return m(this._config);
   }
-  set aggregationType(e) {
-    j(e, this._config);
+  set aggregationType(t) {
+    d(t, this._config);
   }
   /**
    * Split-by field is not used by heat chart
@@ -186,80 +230,80 @@ class t extends C {
   get splitByField() {
     return "";
   }
-  set splitByField(e) {
+  set splitByField(t) {
   }
   get legendPosition() {
-    return K(this._config);
+    return U(this._config);
   }
-  set legendPosition(e) {
-    J(e, this._config);
+  set legendPosition(t) {
+    V(t, this._config);
   }
   get nullPolicy() {
-    return q(this._config);
+    return X(this._config);
   }
-  set nullPolicy(e) {
-    z(e, this._config);
+  set nullPolicy(t) {
+    K(t, this._config);
   }
   get emptyCell() {
-    return Q(this._config);
+    return j(this._config);
   }
   /**
    * The heat charts empty cell config
    */
-  set emptyCell(e) {
+  set emptyCell(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      Z(e, this._config), this.emitConfigUpdate("emptyCell");
+      q(t, this._config), this.emitConfigUpdate("emptyCell");
     });
   }
   getSortOrder() {
     return o.Asc;
   }
-  setSortOrder(e, r) {
+  setSortOrder(t, s) {
   }
   /**
    * Get the sort order on the x axis for the heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const e = d(this._config)[0];
-    return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
+    const t = c(this._config)[0];
+    return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
   }
-  setXAxisSortOrder(e, r) {
-    c(e, this._config, r);
+  setXAxisSortOrder(t, s) {
+    y(t, this._config, s);
   }
   /**
    * Gets the sort order for on the y axis for heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const e = d(this._config)[1];
-    return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
+    const t = c(this._config)[1];
+    return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
   }
-  setYAxisSortOrder(e, r) {
-    c(e, this._config, r, !0);
+  setYAxisSortOrder(t, s) {
+    y(t, this._config, s, !0);
   }
   get emptyCellText() {
-    return $(this._config);
+    return z(this._config);
   }
-  set emptyCellText(e) {
-    ee(e, this._config);
+  set emptyCellText(t) {
+    J(t, this._config);
   }
   get includeLeapDay() {
-    return te(this._config);
+    return Q(this._config);
   }
   /**
    * The heat charts include leap day flag that is only honored when day of month is used
    */
-  set includeLeapDay(e) {
+  set includeLeapDay(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      ie(e, this._config), this.emitConfigUpdate("includeLeapDay");
+      Z(t, this._config), this.emitConfigUpdate("includeLeapDay");
     });
   }
   get emptyCellSymbol() {
-    return se(this._config);
+    return $(this._config);
   }
-  set emptyCellSymbol(e) {
-    re(e, this._config);
+  set emptyCellSymbol(t) {
+    tt(t, this._config);
   }
   // Chart override methods that aren't supported
   /**
@@ -268,104 +312,102 @@ class t extends C {
   get rotatedState() {
     return !1;
   }
-  set rotatedState(e) {
+  set rotatedState(t) {
   }
-  setAssignToSecondValueAxis(e, r) {
+  setAssignToSecondValueAxis(t, s) {
   }
-  set stackedType(e) {
+  set stackedType(t) {
   }
-  set binTemporalData(e) {
+  set binTemporalData(t) {
   }
-  set nullCategory(e) {
+  set nullCategory(t) {
   }
   /**
    * Generates the default config for the heat chart
    */
   generateDefaultConfig() {
-    const e = ge(this.commonStrings, le(this.layerInfo.layer).idField);
-    return e.axes?.forEach((r, l) => {
-      r && (r.valueFormat = {
+    const t = ot(this.commonStrings, u(this.layerInfo.layer).idField);
+    return t.axes?.forEach((s, a) => {
+      s && (s.valueFormat = {
         // use short date format for y axis labels
-        intlOptions: { timeZone: void 0, dateStyle: l > 0 ? "long" : "medium" },
+        intlOptions: { timeZone: void 0, dateStyle: a > 0 ? "long" : "medium" },
         type: "date"
       });
-    }), e;
+    }), t;
   }
 }
-s([
-  i
-], t.prototype, "yAxisField");
-s([
-  i
-], t.prototype, "xTemporalBinning");
-s([
-  i
-], t.prototype, "yTemporalBinning");
-s([
-  i
-], t.prototype, "hideEmptyRowsAndColumns");
-s([
-  i
-], t.prototype, "gridLineWidth");
-s([
-  i
-], t.prototype, "gridLineColor");
-s([
-  i
-], t.prototype, "seriesName");
-s([
-  i
-], t.prototype, "heatRulesType");
-s([
-  i
-], t.prototype, "gradientRules");
-s([
-  i
-], t.prototype, "numericFields");
-s([
-  i
-], t.prototype, "aggregationType");
-s([
-  i
-], t.prototype, "splitByField");
-s([
-  i
-], t.prototype, "legendPosition");
-s([
-  i
-], t.prototype, "nullPolicy");
-s([
-  i
-], t.prototype, "setSortOrder");
-s([
-  i
-], t.prototype, "setXAxisSortOrder");
-s([
-  i
-], t.prototype, "setYAxisSortOrder");
-s([
-  i
-], t.prototype, "emptyCellText");
-s([
-  i
-], t.prototype, "emptyCellSymbol");
-s([
-  i
-], t.prototype, "rotatedState");
-s([
-  i
-], t.prototype, "setAssignToSecondValueAxis");
-s([
-  i
-], t.prototype, "stackedType");
-s([
-  i
-], t.prototype, "binTemporalData");
-s([
-  i
-], t.prototype, "nullCategory");
-const ce = [h, u, _, f];
-oe(t, ce);
+i([
+  e
+], r.prototype, "yAxisField");
+i([
+  e
+], r.prototype, "xTemporalBinning");
+i([
+  e
+], r.prototype, "yTemporalBinning");
+i([
+  e
+], r.prototype, "hideEmptyRowsAndColumns");
+i([
+  e
+], r.prototype, "gridLineWidth");
+i([
+  e
+], r.prototype, "gridLineColor");
+i([
+  e
+], r.prototype, "seriesName");
+i([
+  e
+], r.prototype, "heatRulesType");
+i([
+  e
+], r.prototype, "gradientRules");
+i([
+  e
+], r.prototype, "numericFields");
+i([
+  e
+], r.prototype, "aggregationType");
+i([
+  e
+], r.prototype, "splitByField");
+i([
+  e
+], r.prototype, "legendPosition");
+i([
+  e
+], r.prototype, "nullPolicy");
+i([
+  e
+], r.prototype, "setSortOrder");
+i([
+  e
+], r.prototype, "setXAxisSortOrder");
+i([
+  e
+], r.prototype, "setYAxisSortOrder");
+i([
+  e
+], r.prototype, "emptyCellText");
+i([
+  e
+], r.prototype, "emptyCellSymbol");
+i([
+  e
+], r.prototype, "rotatedState");
+i([
+  e
+], r.prototype, "setAssignToSecondValueAxis");
+i([
+  e
+], r.prototype, "stackedType");
+i([
+  e
+], r.prototype, "binTemporalData");
+i([
+  e
+], r.prototype, "nullCategory");
 export {
-  t as HeatChartModel
+  r as HeatChartModel
 };