@arcgis/charts-components 4.34.0-next.16 → 4.34.0-next.161

package/dist/chunks/histogram-model.js

@@ -1,7 +1,8 @@
-import { WebChartDataTransformations as c, WebChartTypes as u } from "@arcgis/charts-spec";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
+import { W as e } from "./series-types.js";
 import "d3-array";
-import { aH as i, a3 as r, c9 as f, bR as p, aF as o, ab as a, aI as g } from "./interfaces.js";
+import { cg as i, aU as s } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -9,271 +10,208 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { u as D, f as M, s as C, b as O, c as _, d as w, C as T, a as N, M as B, e as U } from "./serial-chart-data.js";
-import { M as x, a as F, b as W, c as E } from "./model-with-data-labels.js";
+import "./runtime.js";
+import "@arcgis/toolkit/dom";
+import { e as r } from "./data.js";
+import { g as a, s as o, a as n, b as m, c as h, d as g, e as l, f as d, h as y, i as c, j as f, k as S, l as v, m as u, n as p, o as w, p as O, q as b, r as C, t as M, u as D, v as _, w as F, x as A, y as T, z as U, A as N } from "./histogram-data.js";
+import { C as W, M as x, a as E } from "./model-with-multi-axes.js";
+import { M as I, a as B, b as H, c as L } from "./model-with-data-labels.js";
+import "@arcgis/core/intl.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
-const l = (s) => {
-  C(s, null), O(s, null), _(s, null), w(s, null);
-}, H = (s) => s.series[0]?.x ?? "", A = async (s, e, t) => {
-  const { layerFieldsInfo: h } = t;
-  l(e), e?.series?.[0] && (e.series[0].x = s);
-  const n = f(h, s);
-  D(e, 0, n);
-  const b = await M(), S = p(b.titleLabels.distributionOfField, { valueField: n });
-  e?.title && (e.title.content.text = S);
-}, L = (s) => s.series[0]?.dataTransformationType ?? c.None, Y = (s, e) => {
-  l(e), e?.series?.[0] && (e.series[0].dataTransformationType = s);
-}, I = (s) => s.series[0]?.binCount ?? 32, X = (s, e) => {
-  l(e), e?.series?.[0] && (e.series[0].binCount = s);
-}, G = (s) => s.series[0]?.fillSymbol ?? i().fillSymbol, R = (s, e) => {
-  e?.series?.[0] && (e.series[0].fillSymbol = {
-    ...e.series[0].fillSymbol,
-    ...s
-  });
-}, m = (s) => s.series[0]?.overlays?.comparisonDistribution?.symbol ?? i().overlays.comparisonDistribution?.symbol ?? r(), j = (s, e) => {
-  e.series[0].overlays ??= o(), e.series[0].overlays.comparisonDistribution ??= a(4), e.series[0].overlays.comparisonDistribution.symbol = {
-    ...e.series[0].overlays.comparisonDistribution.symbol,
-    ...s
-  };
-}, y = (s) => s.series[0]?.overlays?.mean?.symbol ?? i().overlays.mean?.symbol ?? r(), k = (s, e) => {
-  e.series[0].overlays ??= o(), e.series[0].overlays.mean ??= a(1), e.series[0].overlays.mean.symbol = {
-    ...e.series[0].overlays.mean.symbol,
-    ...s
-  };
-}, d = (s) => s.series[0]?.overlays?.median?.symbol ?? i().overlays.median?.symbol ?? r(), q = (s, e) => {
-  e.series[0].overlays ??= o(), e.series[0].overlays.median ??= a(2), e.series[0].overlays.median.symbol = {
-    ...e.series[0].overlays.median.symbol,
-    ...s
-  };
-}, v = (s) => s.series[0]?.overlays?.standardDeviation?.symbol ?? i().overlays.standardDeviation?.symbol ?? r(), z = (s, e) => {
-  e.series[0].overlays ??= o(), e.series[0].overlays.standardDeviation ??= a(3), e.series[0].overlays.standardDeviation.symbol = {
-    ...e.series[0].overlays.standardDeviation.symbol,
-    ...s
-  };
-}, J = (s) => (s.series[0]?.overlays?.comparisonDistribution?.created ?? !1) && (s.series[0]?.overlays?.comparisonDistribution?.visible ?? !1), K = (s, e) => {
-  const t = a(0);
-  t.created = s, t.visible = s, t.symbol = m(e), e?.series?.[0]?.overlays && (e.series[0].overlays.comparisonDistribution = t);
-}, P = (s) => (s.series[0]?.overlays?.mean?.created ?? !1) && (s.series[0]?.overlays?.mean?.visible ?? !1), Q = (s, e) => {
-  const t = a(1);
-  t.created = s, t.visible = s, t.symbol = y(e), e?.series?.[0]?.overlays && (e.series[0].overlays.mean = t);
-}, V = (s) => (s.series[0]?.overlays?.median?.created ?? !1) && (s.series[0]?.overlays?.median?.visible ?? !1), Z = (s, e) => {
-  const t = a(2);
-  t.created = s, t.visible = s, t.symbol = d(e), e?.series?.[0]?.overlays && (e.series[0].overlays.median = t);
-}, $ = (s) => (s.series[0]?.overlays?.standardDeviation?.created ?? !1) && (s.series[0]?.overlays?.standardDeviation?.visible ?? !1), ee = (s, e) => {
-  const t = a(3);
-  t.created = s, t.visible = s, t.symbol = v(e), e?.series?.[0]?.overlays && (e.series[0].overlays.standardDeviation = t);
-}, se = (s) => s?.series?.[0]?.overlays, te = (s, e) => {
-  e?.series?.[0] !== void 0 && (e.series[0].overlays = s);
-};
-class ae extends T {
+v4.34.0-next.161 */
+class j extends W {
   constructor() {
-    super(...arguments), this._chartType = u.HistogramSeries;
+    super(...arguments), this._chartType = e.HistogramSeries;
   }
-  async setup(e) {
-    await this.loadConfigFromLayer(e), this.resolveSetup();
+  async setup(t) {
+    await this.loadConfigFromLayer(t), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
-  // Data Props
+  // #region Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets numeric field. This is the field used to create a histogram to visualize the frequency distribution of its values.
-   * @returns {string}
+   * Numeric field used to create the histogram to visualize the frequency distribution of its values.
    */
-  getNumericField() {
-    return H(this._config);
+  get numericField() {
+    return a(this._config);
   }
-  /**
-   * Sets numeric field. This is the field used to create a histogram to visualize the frequency distribution of its values.
-   * @param {string} numericField
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setNumericField(e) {
-    await A(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setNumericField");
+  set numericField(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      o({
+        numericField: t,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("numericField");
+    });
   }
   /**
-   * Gets the number of bins used to create the histogram.
-   * @returns {number}
+   * Number of bins used to create the histogram.
    */
-  getBinCount() {
-    return I(this._config);
+  get binCount() {
+    return n(this._config);
   }
-  /**
-   * Sets the number of bins used to create the histogram.
-   * @param {number} binCount
-   */
-  setBinCount(e) {
-    X(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setBinCount");
+  set binCount(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      m(t, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("binCount");
+    });
   }
   /**
-   * Gets the fill symbol used for the bins in the histogram.
-   * @returns {ISimpleFillSymbol}
+   * Fill symbol used for the bins in the histogram.
    */
-  getBinSymbol() {
-    return G(this._config);
+  get binSymbol() {
+    return h(this._config);
   }
-  /**
-   * Sets the fill symbol used for the bins in the histogram.
-   * @param {ISimpleFillSymbol} symbol
-   */
-  setBinSymbol(e) {
-    R(e, this._config), this.emitConfigUpdate("setBinSymbol");
+  set binSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      g(t, this._config), this.emitConfigUpdate("binSymbol");
+    });
   }
   /**
-   * Gets the data transformation type used in the histogram.
-   * @returns {WebChartDataTransformations}
+   * Data transformation type used in the histogram.
    */
-  getDataTransformationType() {
-    return L(this._config);
+  get dataTransformationType() {
+    return l(this._config);
   }
-  /**
-   * Sets the data transformation type used in the histogram.
-   * @param {WebChartDataTransformations} dataTransformationType
-   */
-  setDataTransformationType(e) {
-    Y(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setDataTransformationType");
+  set dataTransformationType(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      d(t, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("dataTransformationType");
+    });
   }
   /**
-   * Gets the line symbol used for the mean overlay in the histogram.
-   * @returns {ISimpleLineSymbol}
+   * Line symbol used for the mean overlay in the histogram.
    */
-  getMeanSymbol() {
+  get meanSymbol() {
     return y(this._config);
   }
-  /**
-   * Sets the line symbol used for the mean overlay in the histogram.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setMeanSymbol(e) {
-    k(e, this._config), this.emitConfigUpdate("setMeanSymbol");
+  set meanSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      c(t, this._config), this.emitConfigUpdate("meanSymbol");
+    });
   }
   /**
-   * Gets the line symbol used for the median overlay in the histogram.
-   * @returns {ISimpleLineSymbol}
+   * Line symbol used for the median overlay in the histogram.
    */
-  getMedianSymbol() {
-    return d(this._config);
+  get medianSymbol() {
+    return f(this._config);
   }
-  /**
-   * Sets the line symbol used for the median overlay in the histogram.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setMedianSymbol(e) {
-    q(e, this._config), this.emitConfigUpdate("setMedianSymbol");
+  set medianSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      S(t, this._config), this.emitConfigUpdate("medianSymbol");
+    });
   }
   /**
-   * Gets the line symbol used for the normal distribution overlay in the histogram.
-   * @returns {ISimpleLineSymbol}
+   * Line symbol used for the normal distribution overlay in the histogram.
    */
-  getNormalDistSymbol() {
-    return m(this._config);
+  get normalDistSymbol() {
+    return v(this._config);
   }
-  /**
-   * Sets the line symbol used for the normal distribution overlay in the histogram.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setNormalDistSymbol(e) {
-    j(e, this._config), this.emitConfigUpdate("setNormalDistSymbol");
+  set normalDistSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      u(t, this._config), this.emitConfigUpdate("normalDistSymbol");
+    });
   }
   /**
-   * Gets the line symbol used for the standard deviation overlay in the histogram.
-   * @returns {ISimpleLineSymbol}
+   * Line symbol used for the standard deviation overlay in the histogram.
    */
-  getStandardDevSymbol() {
-    return v(this._config);
+  get standardDevSymbol() {
+    return p(this._config);
   }
-  /**
-   * Sets the line symbol used for the standard deviation overlay in the histogram.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setStandardDevSymbol(e) {
-    z(e, this._config), this.emitConfigUpdate("setStandardDevSymbol");
+  set standardDevSymbol(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      w(t, this._config), this.emitConfigUpdate("standardDevSymbol");
+    });
   }
   /**
-   * Gets whether the normal distribution overlay is shown in the histogram.
-   * @returns {boolean}
+   * Whether the normal distribution overlay is shown in the histogram.
    */
-  getShowNormalDistOverlay() {
-    return J(this._config);
+  get showNormalDistOverlay() {
+    return O(this._config);
   }
-  /**
-   * Sets whether to show the normal distribution overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowNormalDistOverlay(e) {
-    K(e, this._config), this.emitConfigUpdate("setShowNormalDistOverlay");
+  set showNormalDistOverlay(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      b(t, this._config), this.emitConfigUpdate("showNormalDistOverlay");
+    });
   }
   /**
-   * Gets whether the mean overlay is shown in the histogram.
-   * @returns {boolean}
+   * Whether the mean overlay is shown in the histogram.
    */
-  getShowMeanOverlay() {
-    return P(this._config);
+  get showMeanOverlay() {
+    return C(this._config);
   }
-  /**
-   * Sets whether to show the mean overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowMeanOverlay(e) {
-    Q(e, this._config), this.emitConfigUpdate("setShowMeanOverlay");
+  set showMeanOverlay(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      M(t, this._config), this.emitConfigUpdate("showMeanOverlay");
+    });
   }
   /**
-   * Gets whether the median overlay is shown in the histogram.
-   * @returns {boolean}
+   * Whether the median overlay is shown in the histogram.
    */
-  getShowMedianOverlay() {
-    return V(this._config);
+  get showMedianOverlay() {
+    return D(this._config);
   }
-  /**
-   * Sets whether to show the median overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowMedianOverlay(e) {
-    Z(e, this._config), this.emitConfigUpdate("setShowMedianOverlay");
+  set showMedianOverlay(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      _(t, this._config), this.emitConfigUpdate("showMedianOverlay");
+    });
   }
   /**
-   * Gets whether the standard deviation overlay is shown in the histogram.
-   * @returns {boolean}
+   * Whether the standard deviation overlay is shown in the histogram.
    */
-  getShowStandardDevOverlay() {
-    return $(this._config);
+  get showStandardDevOverlay() {
+    return F(this._config);
+  }
+  set showStandardDevOverlay(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      A(t, this._config), this.emitConfigUpdate("showStandardDevOverlay");
+    });
   }
   /**
-   * Sets whether to show the standard deviation overlay for the histogram.
-   * @param {boolean} show
+   * Chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
    */
-  setShowStandardDevOverlay(e) {
-    ee(e, this._config), this.emitConfigUpdate("setShowStandardDevOverlay");
+  get seriesOverlays() {
+    return T(this._config);
+  }
+  set seriesOverlays(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      U(t, this._config), this.emitConfigUpdate("seriesOverlays");
+    });
   }
+  // ---------------------------------------------------------------------------------------------
+  // #region General methods
+  // ---------------------------------------------------------------------------------------------
   /**
-   * Get the chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
+   * Generate the proper chart title given the current config.
+   *
+   * @returns {string}
    */
-  getSeriesOverlay() {
-    return se(this._config);
+  generateChartTitle() {
+    return N(this._config, this.layerInfo, this.commonStrings);
   }
   /**
-   * Set the chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
-   * @param overlays The overlays
+   * Generate the proper x-axis title given the current config.
+   *
+   * @returns {string}
    */
-  setSeriesOverlays(e) {
-    te(e, this._config), this.emitConfigUpdate("setSeriesOverlay");
+  generateXAxisTitle() {
+    return i(this.layerInfo.layerFieldsInfo, this.numericField);
   }
   // ---------------------------------------------------------------------------------------------
-  // Protected methods
+  // #region Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    return await g();
+  generateDefaultConfig() {
+    return s(this.commonStrings);
   }
 }
-N(ae, [
-  B,
+r(j, [
   x,
-  F,
-  W,
-  E,
-  U
+  I,
+  B,
+  H,
+  L,
+  E
 ]);
 export {
-  ae as HistogramModel
+  j as HistogramModel
 };