@arcgis/charts-components 5.2.0-next.40 → 5.2.0-next.42

package/dist/chunks/box-plot-model.js

@@ -7,14 +7,14 @@ import { C as N } from "./chart-model.js";
 import { m as o } from "./model-setter.js";
 import { B as E } from "./common.js";
 import { M as R, a as U, W as z, b as X } from "./data-labels-visibility.js";
-import { M as j, a as K } from "./model-with-y-guides.js";
-import { W as Y, c as k, d as G } from "./axis-lines-symbol.js";
+import { M as j, a as k } from "./model-with-y-guides.js";
+import { W as K, c as Y, d as G } from "./axis-lines-symbol.js";
 import { W as q, c as H, d as J } from "./generate-x-axis-title.js";
 import { W as Q, a as Z } from "./x-bounds.js";
 import { W as $ } from "./data-labels-symbol.js";
 import { W as ee } from "./rotated-state.js";
 import { g as te, s as u, b as se, a as S } from "./series.js";
-import { j as ie, h as re, f as oe } from "./utils.js";
+import { k as ie, j as re, h as oe } from "./utils.js";
 import { s as ne, d as ae, e as le, f as he, h as ce, i as L, j as _, k as C, l as B, m as M, g as ge, n as de, o as fe, p as x, a as ye, c as me, b as pe, q as ue, r as F, t as Se, u as v, v as Le, w, x as _e, y as Ce, z as Be, A as Me, B as xe, C as Fe, D as b } from "./box-plot-data.js";
 var ve = Object.defineProperty, we = Object.getOwnPropertyDescriptor, n = (c, e, t, s) => {
   for (var r = we(e, t), a = c.length - 1, h; a >= 0; a--)
@@ -427,13 +427,13 @@ const be = [
   ee,
   X,
   $,
-  K,
+  k,
   q,
   Q,
   H,
   Z,
+  K,
   Y,
-  k,
   G,
   J
 ];

package/dist/chunks/chart-model.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { f as j } from "./utils.js";
+import { h as j } from "./utils.js";
 import { b as F, W, c as L, d as I } from "./series-length.js";
 import { m as a, C as n } from "./model-setter.js";
 import { F as p, T as c, J as f } from "./index.js";

package/dist/chunks/chart-object-literals.js

@@ -27,7 +27,8 @@ const r = {
   HeatSeries: "heatSeries",
   Buffer: "buffer",
   SizePolicy: "sizeScale",
-  CalendarDateParts: "calendarDateParts"
+  CalendarDateParts: "calendarDateParts",
+  HistogramBin: "histogramBin"
 }, e = {
   Count: "count",
   Sum: "sum",

package/dist/chunks/class-breaks.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import P from "@arcgis/core/Color.js";
+import W from "@arcgis/core/Color.js";
 import { createClassBreaksRenderer as q } from "@arcgis/core/smartMapping/renderers/color.js";
-import { a3 as G, bW as _ } from "./index2.js";
+import { a3 as G, bY as _ } from "./index2.js";
 import { cloneDeep as J, memoize as Y, isEqual as T, sortBy as Q, flatMap as U } from "lodash-es";
 import { getSchemes as X } from "@arcgis/core/smartMapping/symbology/color.js";
 import { k as L } from "./index.js";
@@ -182,7 +182,7 @@ const $e = {
   convertColor: x,
   removeConfigFieldsFromData: j
 }, w = Z.all(), re = X({ geometryType: "point", theme: "high-to-low" });
-function W(e, o, t) {
+function H(e, o, t) {
   const s = Math.max(0, Math.min(1, t));
   return [
     Math.round(e[0] + (o[0] - e[0]) * s),
@@ -209,7 +209,7 @@ function ne(e) {
     else
       for (let i = 0; i < o; i++) {
         const l = i / (o - 1);
-        n.push(W(r, a, l));
+        n.push(H(r, a, l));
       }
   }
   return n;
@@ -238,7 +238,7 @@ function le(e) {
           c = [];
           break;
         }
-        const R = f * (a.length - 1) - u, g = W(m, d, R);
+        const R = f * (a.length - 1) - u, g = H(m, d, R);
         i.push(g);
       }
       c = i;
@@ -246,7 +246,7 @@ function le(e) {
   }
   return c;
 }
-function H(e) {
+function K(e) {
   const { numberOfClassBreaks: o, selectedColorRamp: t, colorRamp: s, isFlipped: c = !1 } = e;
   let n = ae(o, s);
   const r = t ? le({ colorRamp: t, numberOfClassBreaks: o, isFlipped: c }) : [];
@@ -304,7 +304,7 @@ function y(e) {
 }
 function M(e) {
   let o;
-  if (e instanceof P) {
+  if (e instanceof W) {
     const t = e.toRgba();
     o = [y(t[0]), y(t[1]), y(t[2]), y(t[3] * 255)];
   } else if (Array.isArray(e) && e.every((t) => typeof t == "number") && e.length === 4) {
@@ -336,7 +336,7 @@ function fe(e) {
 }
 function ue(e) {
   const { ramp: o, breakKeys: t, breakCount: s, weights: c } = e, n = (d) => d.join(","), r = o.colorsForClassBreaks?.find((d) => d.numClasses === s)?.colors ?? [], a = new Set(I(r).map(n)), i = E(t, a), l = new Set(
-    I(H({ numberOfClassBreaks: s, selectedColorRamp: o })).map(
+    I(K({ numberOfClassBreaks: s, selectedColorRamp: o })).map(
       n
     )
   ), f = E(t, l), u = fe(o).filter((d) => !!d), p = new Set(I(u).map(n)), m = E(t, p);
@@ -431,14 +431,14 @@ async function me(e) {
   return r;
 }
 function pe(e) {
-  return e?.length ? e : K.esriColorRamps;
+  return e?.length ? e : P.esriColorRamps;
 }
 function de(e, o) {
   return e ? pe(o).find((s) => s.name === e) : void 0;
 }
 function he(e) {
   const { colorRampName: o, availableColorRamps: t } = e;
-  return de(o, t) ?? K.defaultColorRampForCharts;
+  return de(o, t) ?? P.defaultColorRampForCharts;
 }
 const Ne = Y(
   async (e) => {
@@ -455,7 +455,7 @@ const Ne = Y(
     } = e, f = he({
       colorRampName: n,
       availableColorRamps: r
-    }), u = l ?? !1, p = H({
+    }), u = l ?? !1, p = K({
       numberOfClassBreaks: t,
       selectedColorRamp: f,
       colorRamp: i ? a?.map((m) => m.symbol?.color) : void 0,
@@ -470,7 +470,7 @@ const Ne = Y(
     });
   },
   (e) => JSON.stringify(e)
-), K = {
+), P = {
   esriColorRamps: w,
   defaultColorRampForCharts: w.find((e) => e.name === "Blue 3") ?? w[0]
 };
@@ -495,8 +495,8 @@ export {
   oe as b,
   te as c,
   Be as d,
-  K as e,
-  H as f,
+  P as e,
+  K as f,
   Ne as g,
   Me as h,
   $e as i,

package/dist/chunks/combo-bar-line-chart-model.js

@@ -3,7 +3,7 @@ import { g as p, s as b, a as _, b as L, W as u } from "./rounded-corners.js";
 import { m as a } from "./model-setter.js";
 import { g as k, a as C, e as v, b as M, f as z, s as O, h as B, c as V, i as D, d as F, j as A, k as H, n as W, o as d, p as j, q as P, r as T, W as w } from "./negative-values-stacked-to-baseline.js";
 import { S as N, s as q } from "./serial-chart-model.js";
-import { f as R } from "./utils.js";
+import { h as R } from "./utils.js";
 import { u as S } from "./chart-object-literals.js";
 import { j as Z, g as l, i as g } from "./index5.js";
 import { x as E, y, Z as m } from "./index.js";

package/dist/chunks/data.js

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { capitalize as u } from "lodash-es";
-import { N as x, k as B, m as L, cS as $, Y as N, an as I, af as H, ax as P, l as _, n as v } from "./index2.js";
+import { N as x, k as B, m as L, cU as $, Y as N, an as I, af as H, ax as P, l as _, n as U } from "./index2.js";
 import { g as F } from "./series-types.js";
-import { H as A, S as o, P as M } from "./common.js";
+import { H as A, S as o, P as v } from "./common.js";
 import { p as l, n, u as d, r as g } from "./chart-object-literals.js";
-import { C as U } from "./index3.js";
+import { C as M } from "./index3.js";
 import { g as W } from "./index.js";
 import { d as Y } from "./type-guards.js";
 function k(e, r) {
@@ -77,7 +77,7 @@ const E = (e) => {
   let p = "y", C = "y";
   switch (T) {
     case d.PieSeries: {
-      i !== g.NoAggregation ? y === M.Category ? (p = `${i}_${t[0]}_0`.toUpperCase(), C = f ? u(g.Count) : u(`${i} of ${t[0]}`)) : p = v : p = t[0];
+      i !== g.NoAggregation ? y === v.Category ? (p = `${i}_${t[0]}_0`.toUpperCase(), C = f ? u(g.Count) : u(`${i} of ${t[0]}`)) : p = U : p = t[0];
       break;
     }
     case d.BarSeries:
@@ -90,7 +90,7 @@ const E = (e) => {
           fieldName: s,
           numericFields: t,
           fieldList: O ?? []
-        }) || b === U.BarAndLineFromFields ? p = _ : (p = i !== g.NoAggregation ? `${i}_${t[c ?? 0]}_${c ?? 0}`.toUpperCase() : t[c ?? 0], C = f ? u(g.Count) : u(`${i} of ${t[c ?? 0]}`));
+        }) || b === M.BarAndLineFromFields ? p = _ : (p = i !== g.NoAggregation ? `${i}_${t[c ?? 0]}_${c ?? 0}`.toUpperCase() : t[c ?? 0], C = f ? u(g.Count) : u(`${i} of ${t[c ?? 0]}`));
       else {
         const m = t[0];
         p = i !== g.NoAggregation ? `${i}_${m}_${h ?? 0}`.toUpperCase() : m, C = f ? u(g.Count) : u(`${i} of ${m}`);

package/dist/chunks/gauge-model.js

@@ -8,7 +8,7 @@ import { M as T } from "./model-with-x-guides.js";
 import { W as A, c as W, d as V } from "./axis-lines-symbol.js";
 import { W as F, c as D, d as B } from "./generate-x-axis-title.js";
 import { W as E, a as M } from "./x-bounds.js";
-import { g as N, f as P } from "./utils.js";
+import { g as N, h as P } from "./utils.js";
 const w = (t) => t.axes[0].needle?.visible ?? !0, R = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.visible = t;
 }, G = (t) => t.axes[0].needle?.symbol, k = (t, e) => {

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

@@ -1,13 +1,13 @@
 /* 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 { F as S, G as T, H as A, I as F, J as O, K as x, L, M as R, N as D, O as v, P as w, Q as I, 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 G, $ as H, a0 as U, a1 as M, a2 as V, a3 as X, a4 as j, a5 as K, a6 as Z, a7 as c, a8 as y, a9 as q, aa as z, ab as J, ac as Q, ad as $, ae as ee, z as d, af as te, ag as ie, ah as se, ai as re, aj as oe, ak as ne, al as ae, am as ge } from "./serial-chart-data.js";
-import { d as m } from "./data.js";
-import { u as le, r as f } from "./chart-object-literals.js";
-import { O as pe } from "./index.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 Z, a7 as q, a8 as c, a9 as m, aa as z, ab as J, ac as Q, 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 pe, r as f } from "./chart-object-literals.js";
+import { O as ce } from "./index.js";
 import { an as h } from "./index2.js";
-import { q as ce } from "./index3.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);
@@ -15,13 +15,13 @@ var ye = Object.defineProperty, de = Object.getOwnPropertyDescriptor, i = (l, e,
 };
 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) {
-    A({
+    F({
       yField: e,
       config: this._config,
-      layerInfo: this.layerInfo
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
   /**
@@ -60,11 +69,11 @@ class s extends u {
    * **Note**: This is only applicable for calendar heat charts (when `xAxisField` and `yAxisField` are date fields).
    */
   get viewType() {
-    return F(this._config);
+    return O(this._config);
   }
   set viewType(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      O(e, this._config), this.emitConfigUpdate("heatChartViewType");
+      x(e, this._config), this.emitConfigUpdate("heatChartViewType");
     });
   }
   /**
@@ -79,10 +88,10 @@ class s extends u {
    * ```
    */
   get xTemporalBinning() {
-    return x(this._config);
+    return L(this._config);
   }
   set xTemporalBinning(e) {
-    L({
+    R({
       commonStrings: this.commonStrings,
       binning: e,
       config: this._config
@@ -100,10 +109,10 @@ class s extends u {
    * ```
    */
   get yTemporalBinning() {
-    return R(this._config);
+    return D(this._config);
   }
   set yTemporalBinning(e) {
-    D({
+    I({
       commonStrings: this.commonStrings,
       binning: e,
       config: this._config
@@ -129,46 +138,46 @@ class s extends u {
    * `manual` - Allows you to manually specify the class breaks.
    */
   get classificationMethod() {
-    return I(this._config);
+    return b(this._config);
   }
   set classificationMethod(e) {
     this.guardSetterFromAsyncOverwrite(() => {
-      e && (b(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,
    * 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 k(this._config);
+    return E(this._config);
   }
   set isColorRampFlipped(e) {
-    E(e, this._config);
+    N(e, this._config);
   }
   /**
    * Hide the empty rows and columns in the heat chart.
    */
   get hideEmptyRowsAndColumns() {
-    return N(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 Y(this._config);
+    return H(this._config);
   }
   set gridLineWidth(e) {
     G(e, this._config);
@@ -177,7 +186,7 @@ class s extends u {
    * The grid line color used by the heat chart.
    */
   get gridLineColor() {
-    return H(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,19 +250,19 @@ 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 = Z(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];
-    Z({
+    const { idField: r } = h(this.layerInfo.layer), a = me(e[0]), n = a ? r : e[0];
+    q({
       field: n,
       config: this._config,
       layerInfo: this.layerInfo,
       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,
@@ -284,26 +293,26 @@ class s extends u {
   set splitByField(e) {
   }
   get legendPosition() {
-    return q(this._config);
+    return z(this._config);
   }
   set legendPosition(e) {
-    z(e, this._config);
+    J(e, this._config);
   }
   get nullPolicy() {
-    return J(this._config);
+    return Q(this._config);
   }
   set nullPolicy(e) {
-    Q(e, this._config);
+    $(e, this._config);
   }
   get emptyCell() {
-    return $(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,38 +325,38 @@ class s extends u {
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getXAxisSortOrder() {
-    const e = d(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) {
-    m(e, this._config, r);
+    d(e, this._config, r);
   }
   /**
    * Gets the sort order for on the y axis for heat chart.
    * @returns {"Asc" | "Desc" | "customSort"}
    */
   getYAxisSortOrder() {
-    const e = d(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) {
-    m(e, this._config, r, !0);
+    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
   /**
@@ -410,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

package/dist/chunks/histogram-model.js

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { f as m } from "./utils.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";