@arcgis/charts-components 5.1.0-next.13 → 5.1.0-next.130

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

@@ -1,41 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { m as e } from "./model-setter.js";
+import { m as t } from "./model-setter.js";
 import { H as o } from "./common.js";
 import { S as u, g as _, a as C } from "./serial-chart-model.js";
-import { a as S, b as T, s as A, c as O, d as F, e as L, f as x, h as D, i as b, j as v, k as w, l as B, m as P, n as E, o as R, p as k, q as W, r as I, t as G, u as H, v as N, w as M, x as Y, y as U, z as V, A as m, B as d, C as X, D as j, E as K, F as q, G as z, H as J, I as y, J as Q, K as Z, L as $, M as tt, N as et, O as it, P as st, Q as rt } from "./serial-chart-data.js";
-import { s as c } from "./data.js";
-import { W as ot, a as h } from "./series-types.js";
-import { bM as f, d2 as nt, bm as at } from "./index.js";
-import "@arcgis/toolkit/intl";
-import "lodash-es";
-import "luxon";
-import "d3-array";
-import "@arcgis/toolkit/type";
-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/StatisticDefinition.js";
-import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
-import "./runtime.js";
-import "@arcgis/toolkit/dom";
-var gt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, i = (p, t, r, a) => {
-  for (var n = pt(t, r), g = p.length - 1, l; g >= 0; g--)
-    (l = p[g]) && (n = l(t, r, n) || n);
-  return n && gt(t, r, n), n;
+import { E as S, F as T, G as F, H as O, I as A, J as L, K as R, L as x, M as D, N as v, O as w, P as b, Q as I, R as B, S as P, T as E, U as N, V as k, W, X as G, Y as H, Z as Y, _ as U, $ as M, a0 as V, a1 as X, a2 as j, a3 as K, a4 as Z, a5 as c, a6 as y, a7 as q, a8 as J, a9 as Q, aa as $, ab as z, ac as ee, y as m, ad as te, ae as ie, af as se, ag as re, ah as oe, ai as ne, aj as ae, ak as ge } from "./serial-chart-data.js";
+import { d } from "./data.js";
+import { u as le, r as f } from "./chart-object-literals.js";
+import { N as pe } from "./index.js";
+import { an as h } from "./index2.js";
+import { q as ce } from "./index3.js";
+var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, i = (l, e, r, a) => {
+  for (var n = me(e, r), g = l.length - 1, p; g >= 0; g--)
+    (p = l[g]) && (n = p(e, r, n) || n);
+  return n && ye(e, r, n), n;
 };
 class s extends u {
   constructor() {
-    super(...arguments), this._chartType = ot.HeatSeries;
+    super(...arguments), this._chartType = le.HeatSeries;
   }
   /**
    * Generate the proper chart title given the current config.
@@ -47,131 +27,181 @@ class s extends u {
    * 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] : "";
+    const e = this.yTemporalBinning?.unit;
+    return e !== void 0 ? this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[e] : "";
   }
-  async setup(t) {
-    await this.loadConfigFromLayer(t), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
+  /**
+   * The layer associated with the heat chart model.
+   */
+  get layer() {
+    return super.layer;
+  }
+  async setup(e) {
+    await this.loadConfigFromLayer(e), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   /**
-   * The y axis field used by the heat chart
+   * The y axis field used by the heat chart.
    */
   get yAxisField() {
     return T(this._config);
   }
-  set yAxisField(t) {
-    A({
-      yField: t,
+  set yAxisField(e) {
+    F({
+      yField: e,
       config: this._config,
       layerInfo: this.layerInfo
     });
   }
   /**
    * The calendar view type for the heat chart.
+   * `SingleCalendarView` - A single calendar view showing all data in one calendar.
+   * `SequentialCalendarViews` - Multiple sequential calendar views (e.g., years).
    *
-   * **NOTE**: This property is only applicable to the Calendar heat chart.
+   * **Note**: This is only applicable for calendar heat charts (when `xAxisField` and `yAxisField` are date fields).
    */
   get viewType() {
     return O(this._config);
   }
-  set viewType(t) {
+  set viewType(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      F(t, this._config), this.emitConfigUpdate("heatChartViewType");
+      A(e, this._config), this.emitConfigUpdate("heatChartViewType");
     });
   }
   /**
-   * The x temporal binning used by the heat chart
+   * The x axis temporal binning used by the heat chart.
+   *
+   * @example
+   * ```ts
+   * heatChartModel.xTemporalBinning = {
+   *   type: WebChartTypes.CalendarDateParts,
+   *   unit: WebChartCalendarDatePartsUnits.MonthOfYear,
+   * };
+   * ```
    */
   get xTemporalBinning() {
     return L(this._config);
   }
-  set xTemporalBinning(t) {
-    x({
+  set xTemporalBinning(e) {
+    R({
       commonStrings: this.commonStrings,
-      binning: t,
+      binning: e,
       config: this._config
     });
   }
   /**
-   * The y temporal binning used by the heat chart
+   * The y axis temporal binning used by the heat chart.
+   *
+   * @example
+   * ```ts
+   * heatChartModel.yTemporalBinning = {
+   *   type: WebChartTypes.CalendarDateParts,
+   *   unit: WebChartCalendarDatePartsUnits.DayOfMonth,
+   * };
+   * ```
    */
   get yTemporalBinning() {
-    return D(this._config);
+    return x(this._config);
   }
-  set yTemporalBinning(t) {
-    b({
+  set yTemporalBinning(e) {
+    D({
       commonStrings: this.commonStrings,
-      binning: t,
+      binning: e,
       config: this._config
     });
   }
   /**
-   * The number of class breaks used by the heat chart
+   * The number of class breaks used by the heat chart.
    * @default 5
    * */
   get breaksCount() {
     return v(this._config);
   }
-  set breaksCount(t) {
+  set breaksCount(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      w(t, this._config), this.emitConfigUpdate("breaksCount");
+      w(e, this._config), this.emitConfigUpdate("breaksCount");
     });
   }
   /**
-   * The class breaks method used by the heat chart
+   * The classification method to be used for the heat chart.
+   * `equal-interval` - Divides the range of values into equal-sized intervals.
+   * `quantile` - Divides the range of values into intervals that contain an equal number of features.
+   * `natural-breaks` - Identifies natural groupings of values in the data by minimizing the variance within classes and maximizing the variance between classes.
+   * `manual` - Allows you to manually specify the class breaks.
    */
   get classificationMethod() {
-    return B(this._config);
+    return b(this._config);
   }
-  set classificationMethod(t) {
+  set classificationMethod(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      t && (P(t, this._config), this.emitConfigUpdate("classificationMethod"));
+      e && (I(e, this._config), this.emitConfigUpdate("classificationMethod"));
     });
   }
   /**
-   * The hide empty rows and columns setting used by the heat chart
+   * The name of the color ramp used by the heat chart.
    */
-  get hideEmptyRowsAndColumns() {
+  get colorRampName() {
+    return B(this._config);
+  }
+  set colorRampName(e) {
+    P(e, this._config);
+  }
+  /**
+   * Whether the color ramp is flipped for the heat chart,
+   * which means the colors will be reversed (e.g., if the original color ramp goes from light to dark, flipping it will make it go from dark to light).
+   */
+  get isColorRampFlipped() {
     return E(this._config);
   }
-  set hideEmptyRowsAndColumns(t) {
-    R(this._config, t);
+  set isColorRampFlipped(e) {
+    N(e, this._config);
   }
   /**
-   * The grid line width used by the heat chart
+   * Hide the empty rows and columns in the heat chart.
    */
-  get gridLineWidth() {
+  get hideEmptyRowsAndColumns() {
     return k(this._config);
   }
-  set gridLineWidth(t) {
-    W(t, this._config);
+  set hideEmptyRowsAndColumns(e) {
+    W(this._config, e);
   }
   /**
-   * The grid line color used by the heat chart
+   * The grid line width used by the heat chart.
+   */
+  get gridLineWidth() {
+    return G(this._config);
+  }
+  set gridLineWidth(e) {
+    H(e, this._config);
+  }
+  /**
+   * The grid line color used by the heat chart.
    */
   get gridLineColor() {
-    return I(this._config);
+    return Y(this._config);
   }
-  set gridLineColor(t) {
-    G(t, this._config);
+  set gridLineColor(e) {
+    U(e, this._config);
   }
   /**
-   * The name of the series that is used by the heat chart
+   * The name of the series that is used by the heat chart.
+   * @internal
    */
   get seriesName() {
     return _(0, this._config);
   }
-  set seriesName(t) {
-    typeof t == "string" && C(t, 0, this._config);
+  set seriesName(e) {
+    typeof e == "string" && C(e, 0, this._config);
   }
   /**
-   * The heat rules type used by the heat chart
+   * The heat rules type used by the heat chart.
+   * `gradient`: A gradient of colors is applied to the cells based on their values, with the range of colors determined by the minimum and maximum values in the data.
+   * `renderer`: A class break renderer is used to apply specific colors to cells based on defined value ranges, allowing for more customized visualizations.
    */
   get heatRulesType() {
-    return H(this._config);
+    return M(this._config);
   }
-  set heatRulesType(t) {
-    N(this._config, t);
+  set heatRulesType(e) {
+    V(this._config, e);
   }
   /**
    * Set the gradient rules for the heat chart, which define how data values map to colors.
@@ -193,10 +223,10 @@ class s extends u {
    * ```
    */
   get gradientRules() {
-    return M(this._config);
+    return X(this._config);
   }
-  set gradientRules(t) {
-    Y(this._config, t);
+  set gradientRules(e) {
+    j(this._config, e);
   }
   /**
    * Gets the grid lines symbol. Contains styling information such as line width, line style, and line color.
@@ -204,236 +234,258 @@ class s extends u {
   getGridLinesSymbol() {
     return this._config.series?.[0]?.gridLine;
   }
-  setGridLinesSymbol(t) {
-    this._config.series?.[0] && (this._config.series[0].gridLine = t);
+  setGridLinesSymbol(e) {
+    this._config.series?.[0] && (this._config.series[0].gridLine = e);
   }
   /**
-   * The numeric fields used by the heat chart. Only the first field in the array will be used.
-   * An empty string will be ignored.
+   * Heat chart only supports one numeric field, if there are multiple numeric fields provided in the array, only the first one will be used and the rest will be ignored.
    */
   get numericFields() {
-    const t = U(this._config);
-    return t !== void 0 ? [t] : [];
+    const e = K(this._config);
+    return e !== void 0 ? [e] : [];
   }
-  set numericFields(t) {
-    const { idField: r } = f(this.layerInfo.layer), a = nt(t[0]), n = a ? r : t[0];
-    V(n, this._config);
-    const g = m(this._config);
-    a && g !== h.Count && d(h.Count, this._config);
+  set numericFields(e) {
+    const { idField: r } = h(this.layerInfo.layer), a = ce(e[0]), n = a ? r : e[0];
+    Z({
+      field: n,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    });
+    const g = c(this._config);
+    a && g !== f.Count && y({
+      aggregationType: f.Count,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    });
   }
   /**
-   * The aggregation type for the heat chart. Must be one of the values allowed by WebChartStatisticType.
+   * The aggregation type for the heat chart.
    */
   get aggregationType() {
-    return m(this._config);
+    return c(this._config);
   }
-  set aggregationType(t) {
-    d(t, this._config);
+  set aggregationType(e) {
+    y({
+      aggregationType: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    });
   }
   /**
-   * Split-by field is not used by heat chart
+   * Split-by field not supported for heat charts.
+   * @internal
    */
   get splitByField() {
     return "";
   }
-  set splitByField(t) {
+  set splitByField(e) {
   }
   get legendPosition() {
-    return X(this._config);
+    return q(this._config);
   }
-  set legendPosition(t) {
-    j(t, this._config);
+  set legendPosition(e) {
+    J(e, this._config);
   }
   get nullPolicy() {
-    return K(this._config);
+    return Q(this._config);
   }
-  set nullPolicy(t) {
-    q(t, this._config);
+  set nullPolicy(e) {
+    $(e, this._config);
   }
   get emptyCell() {
     return z(this._config);
   }
   /**
-   * The heat charts empty cell config
+   * The heat chart's empty cell configuration.
    */
-  set emptyCell(t) {
+  set emptyCell(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      J(t, this._config), this.emitConfigUpdate("emptyCell");
+      ee(e, this._config), this.emitConfigUpdate("emptyCell");
     });
   }
   getSortOrder() {
     return o.Asc;
   }
-  setSortOrder(t, r) {
+  setSortOrder(e, r) {
   }
   /**
    * Get the sort order on the x axis for the heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const t = y(this._config)[0];
-    return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
+    const e = m(this._config)[0];
+    return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
-  setXAxisSortOrder(t, r) {
-    c(t, this._config, r);
+  setXAxisSortOrder(e, r) {
+    d(e, this._config, r);
   }
   /**
    * Gets the sort order for on the y axis for heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const t = y(this._config)[1];
-    return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
+    const e = m(this._config)[1];
+    return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
-  setYAxisSortOrder(t, r) {
-    c(t, this._config, r, !0);
+  setYAxisSortOrder(e, r) {
+    d(e, this._config, r, !0);
   }
   get emptyCellText() {
-    return Q(this._config);
+    return te(this._config);
   }
-  set emptyCellText(t) {
-    Z(t, this._config);
+  set emptyCellText(e) {
+    ie(e, this._config);
   }
   get includeLeapDay() {
-    return $(this._config);
+    return se(this._config);
   }
   /**
-   * The heat charts include leap day flag that is only honored when day of month is used
+   * Whether to include leap day (February 29) in the heat chart when using "day of month" temporal binning.
    */
-  set includeLeapDay(t) {
+  set includeLeapDay(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      tt(t, this._config), this.emitConfigUpdate("includeLeapDay");
+      re(e, this._config), this.emitConfigUpdate("includeLeapDay");
     });
   }
   /**
    * The first day of the week used for date-based bins.
    *
-   * - `1` = Monday
-   * - `7` = Sunday
+   * - `1`: Monday
+   * - `7`: Sunday
    */
   get firstDayOfWeek() {
-    return et(this._config);
+    return oe(this._config);
   }
-  set firstDayOfWeek(t) {
+  set firstDayOfWeek(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      it(t, this._config), this.emitConfigUpdate("firstDayOfWeek");
+      ne(e, this._config), this.emitConfigUpdate("firstDayOfWeek");
     });
   }
   get emptyCellSymbol() {
-    return st(this._config);
+    return ae(this._config);
   }
-  set emptyCellSymbol(t) {
-    rt(t, this._config);
+  set emptyCellSymbol(e) {
+    ge(e, this._config);
   }
   // Chart override methods that aren't supported
   /**
-   * The heat chart's rotatedState (not supported)
+   * The heat chart's rotated state (not supported)
+   * @internal
    */
-  get rotatedState() {
+  get rotated() {
     return !1;
   }
-  set rotatedState(t) {
+  set rotated(e) {
   }
-  setAssignToSecondValueAxis(t, r) {
+  setAssignToSecondValueAxis(e, r) {
   }
-  set stackedType(t) {
+  set stackedType(e) {
   }
-  set binTemporalData(t) {
+  set binTemporalData(e) {
   }
-  set nullCategory(t) {
+  set nullCategory(e) {
   }
   /**
    * Generates the default config for the heat chart
    * @private
    */
   generateDefaultConfig() {
-    const t = at(this.commonStrings, f(this.layerInfo.layer).idField);
-    return t.axes?.forEach((r, a) => {
+    const e = pe(this.commonStrings, h(this.layerInfo.layer).idField);
+    return e.axes?.forEach((r, a) => {
       r && (r.valueFormat = {
         // use short date format for y axis labels
         intlOptions: { timeZone: void 0, dateStyle: a > 0 ? "long" : "medium" },
         type: "date"
       });
-    }), t;
+    }), e;
   }
 }
 i([
-  e
+  t
 ], s.prototype, "yAxisField");
 i([
-  e
+  t
 ], s.prototype, "xTemporalBinning");
 i([
-  e
+  t
 ], s.prototype, "yTemporalBinning");
 i([
-  e
+  t
+], s.prototype, "colorRampName");
+i([
+  t
+], s.prototype, "isColorRampFlipped");
+i([
+  t
 ], s.prototype, "hideEmptyRowsAndColumns");
 i([
-  e
+  t
 ], s.prototype, "gridLineWidth");
 i([
-  e
+  t
 ], s.prototype, "gridLineColor");
 i([
-  e
+  t
 ], s.prototype, "seriesName");
 i([
-  e
+  t
 ], s.prototype, "heatRulesType");
 i([
-  e
+  t
 ], s.prototype, "gradientRules");
 i([
-  e
+  t
 ], s.prototype, "setGridLinesSymbol");
 i([
-  e
+  t
 ], s.prototype, "numericFields");
 i([
-  e
+  t
 ], s.prototype, "aggregationType");
 i([
-  e
+  t
 ], s.prototype, "splitByField");
 i([
-  e
+  t
 ], s.prototype, "legendPosition");
 i([
-  e
+  t
 ], s.prototype, "nullPolicy");
 i([
-  e
+  t
 ], s.prototype, "setSortOrder");
 i([
-  e
+  t
 ], s.prototype, "setXAxisSortOrder");
 i([
-  e
+  t
 ], s.prototype, "setYAxisSortOrder");
 i([
-  e
+  t
 ], s.prototype, "emptyCellText");
 i([
-  e
+  t
 ], s.prototype, "firstDayOfWeek");
 i([
-  e
+  t
 ], s.prototype, "emptyCellSymbol");
 i([
-  e
-], s.prototype, "rotatedState");
+  t
+], s.prototype, "rotated");
 i([
-  e
+  t
 ], s.prototype, "setAssignToSecondValueAxis");
 i([
-  e
+  t
 ], s.prototype, "stackedType");
 i([
-  e
+  t
 ], s.prototype, "binTemporalData");
 i([
-  e
+  t
 ], s.prototype, "nullCategory");
 export {
   s as HeatChartModel