@arcgis/charts-components 5.2.0-next.6 → 5.2.0-next.60

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

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 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 { 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 { S as u, g as _, a as S } from "./serial-chart-model.js";
+import { F as C, G as T, H as A, I as F, J as O, K as x, L, M as R, N as D, O as I, P as v, Q as w, R as b, S as B, T as P, U as k, V as E, X as N, Y as W, Z as Y, _ as H, $ as G, a0 as M, a1 as U, a2 as V, a3 as X, a4 as j, a5 as K, a6 as Q, a7 as Z, a8 as c, a9 as m, aa as q, ab as z, ac as J, ad as $, ae as ee, af as te, z as y, ag as ie, ah as se, ai as re, aj as oe, ak as ne, al as ae, am as ge, an as le } 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--)
+import { u as pe, r as f } from "./chart-object-literals.js";
+import { Q as ce } from "./index.js";
+import { ap as h } from "./index2.js";
+import { q as me } from "./index3.js";
+var ye = Object.defineProperty, de = Object.getOwnPropertyDescriptor, i = (l, e, r, a) => {
+  for (var n = de(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 = le.HeatSeries;
+    super(...arguments), this._chartType = pe.HeatSeries;
   }
   /**
    * 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.
@@ -36,20 +36,29 @@ class s extends u {
   get layer() {
     return super.layer;
   }
+  /**
+   * Sets up the heat chart model from the provided model params.
+   * @param {ModelParams<ChartConfig<typeof ModelTypes.HeatChart>>} params - The model setup params.
+   */
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
+    await this.loadConfigFromLayer(e), T({
+      commonStrings: this.commonStrings,
+      config: this._config,
+      layerInfo: this.layerInfo
+    }), this.setupLocalProps(), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   /**
    * The y axis field used by the heat chart.
    */
   get yAxisField() {
-    return T(this._config);
+    return A(this._config);
   }
   set yAxisField(e) {
     F({
       yField: e,
       config: this._config,
-      layerInfo: this.layerInfo
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
   /**
@@ -64,7 +73,7 @@ class s extends u {
   }
   set viewType(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      A(e, this._config), this.emitConfigUpdate("heatChartViewType");
+      x(e, this._config), this.emitConfigUpdate("heatChartViewType");
     });
   }
   /**
@@ -100,10 +109,10 @@ class s extends u {
    * ```
    */
   get yTemporalBinning() {
-    return x(this._config);
+    return D(this._config);
   }
   set yTemporalBinning(e) {
-    D({
+    I({
       commonStrings: this.commonStrings,
       binning: e,
       config: this._config
@@ -133,17 +142,17 @@ class s extends u {
   }
   set classificationMethod(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      e && (I(e, this._config), this.emitConfigUpdate("classificationMethod"));
+      e && (B(e, this._config), this.emitConfigUpdate("classificationMethod"));
     });
   }
   /**
    * The name of the color ramp used by the heat chart.
    */
   get colorRampName() {
-    return B(this._config);
+    return P(this._config);
   }
   set colorRampName(e) {
-    P(e, this._config);
+    k(e, this._config);
   }
   /**
    * Whether the color ramp is flipped for the heat chart,
@@ -159,25 +168,25 @@ class s extends u {
    * Hide the empty rows and columns in the heat chart.
    */
   get hideEmptyRowsAndColumns() {
-    return k(this._config);
+    return W(this._config);
   }
   set hideEmptyRowsAndColumns(e) {
-    W(this._config, e);
+    Y(this._config, e);
   }
   /**
    * The grid line width used by the heat chart.
    */
   get gridLineWidth() {
-    return G(this._config);
+    return H(this._config);
   }
   set gridLineWidth(e) {
-    H(e, this._config);
+    G(e, this._config);
   }
   /**
    * The grid line color used by the heat chart.
    */
   get gridLineColor() {
-    return Y(this._config);
+    return M(this._config);
   }
   set gridLineColor(e) {
     U(e, this._config);
@@ -190,7 +199,7 @@ class s extends u {
     return _(0, this._config);
   }
   set seriesName(e) {
-    typeof e == "string" && C(e, 0, this._config);
+    typeof e == "string" && S(e, 0, this._config);
   }
   /**
    * The heat rules type used by the heat chart.
@@ -198,10 +207,10 @@ class s extends u {
    * `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 M(this._config);
+    return V(this._config);
   }
   set heatRulesType(e) {
-    V(this._config, e);
+    X(this._config, e);
   }
   /**
    * Set the gradient rules for the heat chart, which define how data values map to colors.
@@ -223,10 +232,10 @@ class s extends u {
    * ```
    */
   get gradientRules() {
-    return X(this._config);
+    return j(this._config);
   }
   set gradientRules(e) {
-    j(this._config, e);
+    K(this._config, e);
   }
   /**
    * Gets the grid lines symbol. Contains styling information such as line width, line style, and line color.
@@ -241,11 +250,11 @@ class s extends u {
    * 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 e = K(this._config);
+    const e = Q(this._config);
     return e !== void 0 ? [e] : [];
   }
   set numericFields(e) {
-    const { idField: r } = h(this.layerInfo.layer), a = ce(e[0]), n = a ? r : e[0];
+    const { idField: r } = h(this.layerInfo.layer), a = me(e[0]), n = a ? r : e[0];
     Z({
       field: n,
       config: this._config,
@@ -253,7 +262,7 @@ class s extends u {
       commonStrings: this.commonStrings
     });
     const g = c(this._config);
-    a && g !== f.Count && y({
+    a && g !== f.Count && m({
       aggregationType: f.Count,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -267,7 +276,7 @@ class s extends u {
     return c(this._config);
   }
   set aggregationType(e) {
-    y({
+    m({
       aggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -287,23 +296,23 @@ class s extends u {
     return q(this._config);
   }
   set legendPosition(e) {
-    J(e, this._config);
+    z(e, this._config);
   }
   get nullPolicy() {
-    return Q(this._config);
+    return J(this._config);
   }
   set nullPolicy(e) {
     $(e, this._config);
   }
   get emptyCell() {
-    return z(this._config);
+    return ee(this._config);
   }
   /**
    * The heat chart's empty cell configuration.
    */
   set emptyCell(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      ee(e, this._config), this.emitConfigUpdate("emptyCell");
+      te(e, this._config), this.emitConfigUpdate("emptyCell");
     });
   }
   getSortOrder() {
@@ -316,7 +325,7 @@ class s extends u {
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const e = m(this._config)[0];
+    const e = y(this._config)[0];
     return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
   setXAxisSortOrder(e, r) {
@@ -327,27 +336,27 @@ class s extends u {
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const e = m(this._config)[1];
+    const e = y(this._config)[1];
     return e === o.Asc || e === o.Desc || e === o.customSort ? e : o.Asc;
   }
   setYAxisSortOrder(e, r) {
     d(e, this._config, r, !0);
   }
   get emptyCellText() {
-    return te(this._config);
+    return ie(this._config);
   }
   set emptyCellText(e) {
-    ie(e, this._config);
+    se(e, this._config);
   }
   get includeLeapDay() {
-    return se(this._config);
+    return re(this._config);
   }
   /**
    * Whether to include leap day (February 29) in the heat chart when using "day of month" temporal binning.
    */
   set includeLeapDay(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      re(e, this._config), this.emitConfigUpdate("includeLeapDay");
+      oe(e, this._config), this.emitConfigUpdate("includeLeapDay");
     });
   }
   /**
@@ -357,18 +366,18 @@ class s extends u {
    * - `7`: Sunday
    */
   get firstDayOfWeek() {
-    return oe(this._config);
+    return ne(this._config);
   }
   set firstDayOfWeek(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      ne(e, this._config), this.emitConfigUpdate("firstDayOfWeek");
+      ae(e, this._config), this.emitConfigUpdate("firstDayOfWeek");
     });
   }
   get emptyCellSymbol() {
-    return ae(this._config);
+    return ge(this._config);
   }
   set emptyCellSymbol(e) {
-    ge(e, this._config);
+    le(e, this._config);
   }
   // Chart override methods that aren't supported
   /**
@@ -382,6 +391,23 @@ class s extends u {
   }
   setAssignToSecondValueAxis(e, r) {
   }
+  /**
+   * The heat chart's second axis (not supported)
+   * @internal
+   * @deprecated since 5.2. Use {@link model/heat-chart-model/heat-chart-model#getSeriesToSecondaryYAxis getSeriesToSecondaryYAxis} instead.
+   */
+  getAssignToSecondValueAxis() {
+    return !1;
+  }
+  setSeriesToSecondaryYAxis(e, r) {
+  }
+  /**
+   * The heat chart's secondary y-axis (not supported)
+   * @internal
+   */
+  getSeriesToSecondaryYAxis() {
+    return !1;
+  }
   set stackedType(e) {
   }
   set binTemporalData(e) {
@@ -393,7 +419,7 @@ class s extends u {
    * @private
    */
   generateDefaultConfig() {
-    const e = pe(this.commonStrings, h(this.layerInfo.layer).idField);
+    const e = ce(this.commonStrings, h(this.layerInfo.layer).idField);
     return e.axes?.forEach((r, a) => {
       r && (r.valueFormat = {
         // use short date format for y axis labels
@@ -478,6 +504,9 @@ i([
 i([
   t
 ], s.prototype, "setAssignToSecondValueAxis");
+i([
+  t
+], s.prototype, "setSeriesToSecondaryYAxis");
 i([
   t
 ], s.prototype, "stackedType");

package/dist/chunks/histogram-data.js

@@ -4,33 +4,33 @@ import { u as O, s as l } from "./utils.js";
 import { b as M } from "./series-length.js";
 import { g as C } from "./utils2.js";
 import { g as A } from "./chart-object-literals.js";
-import { Q as i, Z as n, P as y, a0 as r } from "./index.js";
+import { U as i, a0 as n, S as y, a3 as r } from "./index.js";
 import { d as m } from "./index3.js";
 import { i as h } from "./index4.js";
 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 });
 };
 function u(s, e, a) {
-  const { layerFieldsInfo: t } = e, o = m(t, c(s));
+  const { layerFieldsInfo: t } = e, o = m(t, S(s));
   return T(a.titleLabels.distributionOfField, { valueField: o });
 }
-const c = (s) => s.series[0]?.x ?? "", z = (s) => {
-  const { numericField: e, config: a, layerInfo: t, commonStrings: o } = s, { layerFieldsInfo: d } = t, D = u(a, t, o), S = M(a), p = C(0, a), x = m(d, c(a)), b = h(a);
+const S = (s) => s.series[0]?.x ?? "", z = (s) => {
+  const { numericField: e, config: a, layerInfo: t, commonStrings: o } = s, { layerFieldsInfo: d } = t, c = u(a, t, o), D = M(a), p = C(0, a), x = m(d, S(a)), b = h(a);
   if (v(a), a?.series?.[0] && (a.series[0].x = e), x === p || b) {
     const f = m(d, e);
     O(a, 0, f);
   }
-  a.title && (D === S || b) && (a.title.content.text = u(a, t, o));
-}, Q = (s) => s.series[0]?.dataTransformationType ?? A.None, W = (s, e) => {
+  a.title && (c === D || b) && (a.title.content.text = u(a, t, o));
+}, U = (s) => s.series[0]?.dataTransformationType ?? A.None, W = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].dataTransformationType = s);
-}, Z = (s) => s.series[0]?.binCount ?? 32, E = (s, e) => {
+}, E = (s) => s.series[0]?.binCount ?? 32, G = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].binCount = s);
-}, G = (s) => s.series[0]?.fillSymbol ?? i().fillSymbol, J = (s, e) => {
+}, J = (s) => s.series[0]?.fillSymbol ?? i().fillSymbol, K = (s, e) => {
   e?.series?.[0] && (e.series[0].fillSymbol = {
     ...e.series[0].fillSymbol,
     ...s
   });
-}, F = (s) => s.series[0]?.overlays?.comparisonDistribution?.symbol ?? i().overlays.comparisonDistribution?.symbol ?? n(), K = (s, e) => {
+}, F = (s) => s.series[0]?.overlays?.comparisonDistribution?.symbol ?? i().overlays.comparisonDistribution?.symbol ?? n(), Q = (s, e) => {
   e.series[0].overlays ??= y(), e.series[0].overlays.comparisonDistribution ??= r(4), e.series[0].overlays.comparisonDistribution.symbol = {
     ...e.series[0].overlays.comparisonDistribution.symbol,
     ...s
@@ -40,17 +40,17 @@ const c = (s) => s.series[0]?.x ?? "", z = (s) => {
     ...e.series[0].overlays.mean.symbol,
     ...s
   };
-}, N = (s) => s.series[0]?.overlays?.median?.symbol ?? i().overlays.median?.symbol ?? n(), U = (s, e) => {
+}, N = (s) => s.series[0]?.overlays?.median?.symbol ?? i().overlays.median?.symbol ?? n(), V = (s, e) => {
   e.series[0].overlays ??= y(), e.series[0].overlays.median ??= r(2), e.series[0].overlays.median.symbol = {
     ...e.series[0].overlays.median.symbol,
     ...s
   };
-}, B = (s) => s.series[0]?.overlays?.standardDeviation?.symbol ?? i().overlays.standardDeviation?.symbol ?? n(), V = (s, e) => {
+}, B = (s) => s.series[0]?.overlays?.standardDeviation?.symbol ?? i().overlays.standardDeviation?.symbol ?? n(), Y = (s, e) => {
   e.series[0].overlays ??= y(), e.series[0].overlays.standardDeviation ??= r(3), e.series[0].overlays.standardDeviation.symbol = {
     ...e.series[0].overlays.standardDeviation.symbol,
     ...s
   };
-}, Y = (s) => (s.series[0]?.overlays?.comparisonDistribution?.created ?? !1) && (s.series[0]?.overlays?.comparisonDistribution?.visible ?? !1), _ = (s, e) => {
+}, Z = (s) => (s.series[0]?.overlays?.comparisonDistribution?.created ?? !1) && (s.series[0]?.overlays?.comparisonDistribution?.visible ?? !1), _ = (s, e) => {
   const a = r(0);
   a.created = s, a.visible = s, a.symbol = F(e), e?.series?.[0]?.overlays && (e.series[0].overlays.comparisonDistribution = a);
 }, $ = (s) => (s.series[0]?.overlays?.mean?.created ?? !1) && (s.series[0]?.overlays?.mean?.visible ?? !1), g = (s, e) => {
@@ -67,22 +67,22 @@ const c = (s) => s.series[0]?.x ?? "", z = (s) => {
 };
 export {
   u as A,
-  Z as a,
-  E as b,
-  G as c,
-  J as d,
-  Q as e,
+  E as a,
+  G as b,
+  J as c,
+  K as d,
+  U as e,
   W as f,
-  c as g,
+  S as g,
   I as h,
   R as i,
   N as j,
-  U as k,
+  V as k,
   F as l,
-  K as m,
+  Q as m,
   B as n,
-  V as o,
-  Y as p,
+  Y as o,
+  Z as p,
   _ as q,
   $ as r,
   z as s,

package/dist/chunks/histogram-model.js

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { f as m } from "./utils.js";
-import { g as h, s as y, a as g, b as f, c as p, d, e as c, f as S, h as v, i as b, j as u, k as _, l as D, m as O, n as M, o as w, p as C, q as W, r as T, t as x, u as A, v as N, w as L, x as E, y as F, z as X, A as B } from "./histogram-data.js";
+import { h as m } from "./utils.js";
+import { g as h, s as y, a as g, b as f, c as p, d, e as c, f as S, h as v, i as b, j as u, k as _, l as D, m as M, n as O, o as w, p as C, q as W, r as T, t as x, u as A, v as N, w as L, x as E, y as F, z as X, A as B } from "./histogram-data.js";
 import { C as P } from "./chart-model.js";
 import { M as j, a as H, W as I, b as V } from "./data-labels-visibility.js";
 import { W as G } from "./data-labels-symbol.js";
 import { W as q, a as z } from "./x-bounds.js";
-import { W as Y, c as k, d as J } from "./axis-lines-symbol.js";
-import { W as K, c as Q, d as R } from "./generate-x-axis-title.js";
+import { W as R, c as Y, d as k } from "./axis-lines-symbol.js";
+import { W as J, c as K, d as Q } from "./generate-x-axis-title.js";
 import { m as s } from "./model-setter.js";
 import { u as U } from "./chart-object-literals.js";
-import { O as Z } from "./index.js";
+import { R as Z } from "./index.js";
 import { M as $, a as tt } from "./model-with-y-guides.js";
 var et = Object.defineProperty, st = Object.getOwnPropertyDescriptor, o = (a, t, r, it) => {
   for (var i = st(t, r), n = a.length - 1, l; n >= 0; n--)
@@ -103,13 +103,13 @@ class e extends P {
     return D(this._config);
   }
   set normalDistSymbol(t) {
-    O(t, this._config);
+    M(t, this._config);
   }
   /**
    * Line symbol used for the standard deviation overlay in the histogram.
    */
   get standardDevSymbol() {
-    return M(this._config);
+    return O(this._config);
   }
   set standardDevSymbol(t) {
     w(t, this._config);
@@ -223,14 +223,14 @@ const ot = [
   V,
   G,
   tt,
-  K,
+  J,
   q,
-  Q,
+  K,
   z,
+  R,
   Y,
   k,
-  J,
-  R
+  Q
 ];
 m(e, ot);
 export {