@arcgis/charts-components 5.1.0-next.8 → 5.1.0-next.80

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

@@ -1,39 +1,47 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { m as e } 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 x, f as D, h as v, i as w, j as L, k as b, l as B, m as P, n as k, o as E, p as R, q as W, r as I, t as H, u as N, v as Y, w as G, x as M, y as U, z as K, A as m, B as c, C as V, D as X, E as j, F as q, G as z, H as J, I as d, 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 y } from "./data.js";
-import { W as ot, a as h } from "./series-types.js";
-import { bK as f, d0 as nt, bk as at } from "./index.js";
+import { S as u, g as _, a as S } from "./serial-chart-model.js";
+import { d as C, e as T, s as O, f as A, h as F, i as L, j as x, k as D, l as v, m as w, n as b, o as B, p as I, q as P, r as R, t as E, u as k, v as W, w as G, x as H, y as N, z as Y, A as M, B as U, C as V, D as m, E as y, F as X, G as j, H as K, I as Q, J as q, K as z, L as c, M as J, N as Z, O as $, P as tt, Q as et, R as it, S as rt, T as st } from "./serial-chart-data.js";
+import { s as d } from "./data.js";
+import { u as ot, r as f } from "./series-types.js";
+import { bI as h, cO as nt, aQ 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 "@amcharts/amcharts4/core.js";
+import "@amcharts/amcharts4/charts.js";
+import "@amcharts/amcharts4/.internal/charts/axes/Axis.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/layers/support/CodedValueDomain.js";
+import "@arcgis/core/intl.js";
 import "simple-statistics";
 import "@arcgis/core/request.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/core/sql.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/core/applications/Components/imageryUtils.js";
+import "@arcgis/core/geometry/Extent.js";
+import "@arcgis/core/geometry/Point.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;
+var gt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, i = (p, t, s, a) => {
+  for (var n = pt(t, s), g = p.length - 1, l; g >= 0; g--)
+    (l = p[g]) && (n = l(t, s, n) || n);
+  return n && gt(t, s, n), n;
 };
-class s extends u {
+class r extends u {
   constructor() {
     super(...arguments), this._chartType = ot.HeatSeries;
   }
@@ -41,7 +49,7 @@ class s extends u {
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return this.layerInfo !== void 0 ? S(this._config, this.layerInfo, this.commonStrings) : "";
+    return this.layerInfo !== void 0 ? C(this._config, this.layerInfo, this.commonStrings) : "";
   }
   /**
    * Generate the proper y-axis title given the current config.
@@ -50,17 +58,23 @@ class s extends u {
     const t = this.yTemporalBinning?.unit;
     return t !== void 0 ? this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[t] : "";
   }
+  /**
+   * The layer associated with the heat chart model.
+   */
+  get layer() {
+    return super.layer;
+  }
   async setup(t) {
     await this.loadConfigFromLayer(t), 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({
+    O({
       yField: t,
       config: this._config,
       layerInfo: this.layerInfo
@@ -68,11 +82,13 @@ class s extends u {
   }
   /**
    * 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);
+    return A(this._config);
   }
   set viewType(t) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -80,37 +96,53 @@ class s extends u {
     });
   }
   /**
-   * 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 x(this._config);
+    return L(this._config);
   }
   set xTemporalBinning(t) {
-    D({
+    x({
       commonStrings: this.commonStrings,
       binning: t,
       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 v(this._config);
+    return D(this._config);
   }
   set yTemporalBinning(t) {
-    w({
+    v({
       commonStrings: this.commonStrings,
       binning: t,
       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 L(this._config);
+    return w(this._config);
   }
   set breaksCount(t) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -118,60 +150,67 @@ class s extends u {
     });
   }
   /**
-   * 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);
   }
   set classificationMethod(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      t && (P(t, this._config), this.emitConfigUpdate("classificationMethod"));
+      t && (I(t, this._config), this.emitConfigUpdate("classificationMethod"));
     });
   }
   /**
-   * The hide empty rows and columns setting used by the heat chart
+   * Hide the empty rows and columns in the heat chart.
    */
   get hideEmptyRowsAndColumns() {
-    return k(this._config);
+    return P(this._config);
   }
   set hideEmptyRowsAndColumns(t) {
-    E(this._config, t);
+    R(this._config, t);
   }
   /**
-   * The grid line width used by the heat chart
+   * The grid line width used by the heat chart.
    */
   get gridLineWidth() {
-    return R(this._config);
+    return E(this._config);
   }
   set gridLineWidth(t) {
-    W(t, this._config);
+    k(t, this._config);
   }
   /**
-   * The grid line color used by the heat chart
+   * The grid line color used by the heat chart.
    */
   get gridLineColor() {
-    return I(this._config);
+    return W(this._config);
   }
   set gridLineColor(t) {
-    H(t, this._config);
+    G(t, 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);
+    typeof t == "string" && S(t, 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 N(this._config);
+    return H(this._config);
   }
   set heatRulesType(t) {
-    Y(this._config, t);
+    N(this._config, t);
   }
   /**
    * Set the gradient rules for the heat chart, which define how data values map to colors.
@@ -193,36 +232,60 @@ class s extends u {
    * ```
    */
   get gradientRules() {
-    return G(this._config);
+    return Y(this._config);
   }
   set gradientRules(t) {
     M(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.
+   * Gets the grid lines symbol. Contains styling information such as line width, line style, and line color.
+   */
+  getGridLinesSymbol() {
+    return this._config.series?.[0]?.gridLine;
+  }
+  setGridLinesSymbol(t) {
+    this._config.series?.[0] && (this._config.series[0].gridLine = t);
+  }
+  /**
+   * 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] : [];
   }
   set numericFields(t) {
-    const { idField: r } = f(this.layerInfo.layer), a = nt(t[0]), n = a ? r : t[0];
-    K(n, this._config);
+    const { idField: s } = h(this.layerInfo.layer), a = nt(t[0]), n = a ? s : t[0];
+    V({
+      field: n,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    });
     const g = m(this._config);
-    a && g !== h.Count && c(h.Count, 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);
   }
   set aggregationType(t) {
-    c(t, this._config);
+    y({
+      aggregationType: t,
+      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 "";
@@ -230,57 +293,57 @@ class s extends u {
   set splitByField(t) {
   }
   get legendPosition() {
-    return V(this._config);
+    return X(this._config);
   }
   set legendPosition(t) {
-    X(t, this._config);
+    j(t, this._config);
   }
   get nullPolicy() {
-    return j(this._config);
+    return K(this._config);
   }
   set nullPolicy(t) {
-    q(t, this._config);
+    Q(t, this._config);
   }
   get emptyCell() {
-    return z(this._config);
+    return q(this._config);
   }
   /**
-   * The heat charts empty cell config
+   * The heat chart's empty cell configuration.
    */
   set emptyCell(t) {
     this.guardSetterFromAsyncOverwrite(() => {
-      J(t, this._config), this.emitConfigUpdate("emptyCell");
+      z(t, this._config), this.emitConfigUpdate("emptyCell");
     });
   }
   getSortOrder() {
     return o.Asc;
   }
-  setSortOrder(t, r) {
+  setSortOrder(t, s) {
   }
   /**
    * Get the sort order on the x axis for the heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const t = d(this._config)[0];
+    const t = c(this._config)[0];
     return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
   }
-  setXAxisSortOrder(t, r) {
-    y(t, this._config, r);
+  setXAxisSortOrder(t, s) {
+    d(t, this._config, s);
   }
   /**
    * Gets the sort order for on the y axis for heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const t = d(this._config)[1];
+    const t = c(this._config)[1];
     return t === o.Asc || t === o.Desc || t === o.customSort ? t : o.Asc;
   }
-  setYAxisSortOrder(t, r) {
-    y(t, this._config, r, !0);
+  setYAxisSortOrder(t, s) {
+    d(t, this._config, s, !0);
   }
   get emptyCellText() {
-    return Q(this._config);
+    return J(this._config);
   }
   set emptyCellText(t) {
     Z(t, this._config);
@@ -289,7 +352,7 @@ class s extends u {
     return $(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) {
     this.guardSetterFromAsyncOverwrite(() => {
@@ -299,8 +362,8 @@ class s extends u {
   /**
    * 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);
@@ -311,21 +374,22 @@ class s extends u {
     });
   }
   get emptyCellSymbol() {
-    return st(this._config);
+    return rt(this._config);
   }
   set emptyCellSymbol(t) {
-    rt(t, this._config);
+    st(t, this._config);
   }
   // Chart override methods that aren't supported
   /**
    * The heat chart's rotatedState (not supported)
+   * @internal
    */
   get rotatedState() {
     return !1;
   }
   set rotatedState(t) {
   }
-  setAssignToSecondValueAxis(t, r) {
+  setAssignToSecondValueAxis(t, s) {
   }
   set stackedType(t) {
   }
@@ -338,9 +402,9 @@ class s extends u {
    * @private
    */
   generateDefaultConfig() {
-    const t = at(this.commonStrings, f(this.layerInfo.layer).idField);
-    return t.axes?.forEach((r, a) => {
-      r && (r.valueFormat = {
+    const t = at(this.commonStrings, h(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: a > 0 ? "long" : "medium" },
         type: "date"
@@ -350,79 +414,82 @@ class s extends u {
 }
 i([
   e
-], s.prototype, "yAxisField");
+], r.prototype, "yAxisField");
+i([
+  e
+], r.prototype, "xTemporalBinning");
 i([
   e
-], s.prototype, "xTemporalBinning");
+], r.prototype, "yTemporalBinning");
 i([
   e
-], s.prototype, "yTemporalBinning");
+], r.prototype, "hideEmptyRowsAndColumns");
 i([
   e
-], s.prototype, "hideEmptyRowsAndColumns");
+], r.prototype, "gridLineWidth");
 i([
   e
-], s.prototype, "gridLineWidth");
+], r.prototype, "gridLineColor");
 i([
   e
-], s.prototype, "gridLineColor");
+], r.prototype, "seriesName");
 i([
   e
-], s.prototype, "seriesName");
+], r.prototype, "heatRulesType");
 i([
   e
-], s.prototype, "heatRulesType");
+], r.prototype, "gradientRules");
 i([
   e
-], s.prototype, "gradientRules");
+], r.prototype, "setGridLinesSymbol");
 i([
   e
-], s.prototype, "numericFields");
+], r.prototype, "numericFields");
 i([
   e
-], s.prototype, "aggregationType");
+], r.prototype, "aggregationType");
 i([
   e
-], s.prototype, "splitByField");
+], r.prototype, "splitByField");
 i([
   e
-], s.prototype, "legendPosition");
+], r.prototype, "legendPosition");
 i([
   e
-], s.prototype, "nullPolicy");
+], r.prototype, "nullPolicy");
 i([
   e
-], s.prototype, "setSortOrder");
+], r.prototype, "setSortOrder");
 i([
   e
-], s.prototype, "setXAxisSortOrder");
+], r.prototype, "setXAxisSortOrder");
 i([
   e
-], s.prototype, "setYAxisSortOrder");
+], r.prototype, "setYAxisSortOrder");
 i([
   e
-], s.prototype, "emptyCellText");
+], r.prototype, "emptyCellText");
 i([
   e
-], s.prototype, "firstDayOfWeek");
+], r.prototype, "firstDayOfWeek");
 i([
   e
-], s.prototype, "emptyCellSymbol");
+], r.prototype, "emptyCellSymbol");
 i([
   e
-], s.prototype, "rotatedState");
+], r.prototype, "rotatedState");
 i([
   e
-], s.prototype, "setAssignToSecondValueAxis");
+], r.prototype, "setAssignToSecondValueAxis");
 i([
   e
-], s.prototype, "stackedType");
+], r.prototype, "stackedType");
 i([
   e
-], s.prototype, "binTemporalData");
+], r.prototype, "binTemporalData");
 i([
   e
-], s.prototype, "nullCategory");
+], r.prototype, "nullCategory");
 export {
-  s as HeatChartModel
+  r as HeatChartModel
 };