@arcgis/charts-components 4.34.0-next.142 → 4.34.0-next.144

package/dist/chunks/histogram-data.js

@@ -1,9 +1,9 @@
-import { b as x } from "./series-types.js";
-import { substitute as T } from "@arcgis/core/intl.js";
-import { fetchT9nStringsBundle as O, getElementLocale as M } from "@arcgis/toolkit/intl";
+import { b as f } from "./series-types.js";
+import { substitute as O } from "@arcgis/core/intl.js";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { g as r, b as o, c as y, i as h, d as n, e as t } from "./interfaces2.js";
+import { aQ as i, ac as n, cd as m, x as M, aO as y, ak as r } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -11,100 +11,96 @@ 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 { g as A } from "./runtime.js";
+import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { g as C, a as w, u as B, s as l } from "./data.js";
+import { g as C, a as A, u as h, s as l } from "./data.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.142 */
+v4.34.0-next.144 */
 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 });
 };
-async function b(s, e) {
-  const { layerFieldsInfo: a } = e, i = y(a, u(s)), m = await O(
-    M(document.documentElement).t9nLocale,
-    A("./assets/common/t9n"),
-    "messages."
-  );
-  return T(m.titleLabels.distributionOfField, { valueField: i });
+function u(s, e, a) {
+  const { layerFieldsInfo: t } = e, o = m(t, p(s));
+  return O(a.titleLabels.distributionOfField, { valueField: o });
 }
-const u = (s) => s.series[0]?.x ?? "", V = async (s, e, a) => {
-  const { layerFieldsInfo: i } = a, m = await b(e, a), p = C(e), S = w(0, e), D = y(i, u(e)), d = h(e);
-  if (v(e), e?.series?.[0] && (e.series[0].x = s), D === S || d) {
-    const c = y(i, s);
-    B(e, 0, c);
+const p = (s) => s.series[0]?.x ?? "", U = (s) => {
+  const { numericField: e, config: a, layerInfo: t, commonStrings: o } = s, { layerFieldsInfo: d } = t, c = u(a, t, o), D = C(a), S = A(0, a), x = m(d, p(a)), b = M(a);
+  if (v(a), a?.series?.[0] && (a.series[0].x = e), x === S || b) {
+    const T = m(d, e);
+    h(a, 0, T);
   }
-  e.title && (m === p || d) && (e.title.content.text = await b(e, a));
-}, Y = (s) => s.series[0]?.dataTransformationType ?? x.None, Z = (s, e) => {
+  a.title && (c === D || b) && (a.title.content.text = u(a, t, o));
+}, V = (s) => s.series[0]?.dataTransformationType ?? f.None, Y = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].dataTransformationType = s);
-}, _ = (s) => s.series[0]?.binCount ?? 32, $ = (s, e) => {
+}, Z = (s) => s.series[0]?.binCount ?? 32, _ = (s, e) => {
   v(e), e?.series?.[0] && (e.series[0].binCount = s);
-}, g = (s) => s.series[0]?.fillSymbol ?? r().fillSymbol, ss = (s, e) => {
+}, $ = (s) => s.series[0]?.fillSymbol ?? i().fillSymbol, g = (s, e) => {
   e?.series?.[0] && (e.series[0].fillSymbol = {
     ...e.series[0].fillSymbol,
     ...s
   });
-}, N = (s) => s.series[0]?.overlays?.comparisonDistribution?.symbol ?? r().overlays.comparisonDistribution?.symbol ?? o(), es = (s, e) => {
-  e.series[0].overlays ??= n(), e.series[0].overlays.comparisonDistribution ??= t(4), e.series[0].overlays.comparisonDistribution.symbol = {
+}, F = (s) => s.series[0]?.overlays?.comparisonDistribution?.symbol ?? i().overlays.comparisonDistribution?.symbol ?? n(), ss = (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
   };
-}, f = (s) => s.series[0]?.overlays?.mean?.symbol ?? r().overlays.mean?.symbol ?? o(), as = (s, e) => {
-  e.series[0].overlays ??= n(), e.series[0].overlays.mean ??= t(1), e.series[0].overlays.mean.symbol = {
+}, I = (s) => s.series[0]?.overlays?.mean?.symbol ?? i().overlays.mean?.symbol ?? n(), es = (s, e) => {
+  e.series[0].overlays ??= y(), e.series[0].overlays.mean ??= r(1), e.series[0].overlays.mean.symbol = {
     ...e.series[0].overlays.mean.symbol,
     ...s
   };
-}, F = (s) => s.series[0]?.overlays?.median?.symbol ?? r().overlays.median?.symbol ?? o(), ts = (s, e) => {
-  e.series[0].overlays ??= n(), e.series[0].overlays.median ??= t(2), e.series[0].overlays.median.symbol = {
+}, N = (s) => s.series[0]?.overlays?.median?.symbol ?? i().overlays.median?.symbol ?? n(), as = (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
   };
-}, I = (s) => s.series[0]?.overlays?.standardDeviation?.symbol ?? r().overlays.standardDeviation?.symbol ?? o(), rs = (s, e) => {
-  e.series[0].overlays ??= n(), e.series[0].overlays.standardDeviation ??= t(3), e.series[0].overlays.standardDeviation.symbol = {
+}, B = (s) => s.series[0]?.overlays?.standardDeviation?.symbol ?? i().overlays.standardDeviation?.symbol ?? n(), rs = (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
   };
-}, is = (s) => (s.series[0]?.overlays?.comparisonDistribution?.created ?? !1) && (s.series[0]?.overlays?.comparisonDistribution?.visible ?? !1), ls = (s, e) => {
-  const a = t(0);
-  a.created = s, a.visible = s, a.symbol = N(e), e?.series?.[0]?.overlays && (e.series[0].overlays.comparisonDistribution = a);
-}, os = (s) => (s.series[0]?.overlays?.mean?.created ?? !1) && (s.series[0]?.overlays?.mean?.visible ?? !1), ns = (s, e) => {
-  const a = t(1);
-  a.created = s, a.visible = s, a.symbol = f(e), e?.series?.[0]?.overlays && (e.series[0].overlays.mean = a);
-}, ms = (s) => (s.series[0]?.overlays?.median?.created ?? !1) && (s.series[0]?.overlays?.median?.visible ?? !1), ys = (s, e) => {
-  const a = t(2);
-  a.created = s, a.visible = s, a.symbol = F(e), e?.series?.[0]?.overlays && (e.series[0].overlays.median = a);
-}, vs = (s) => (s.series[0]?.overlays?.standardDeviation?.created ?? !1) && (s.series[0]?.overlays?.standardDeviation?.visible ?? !1), ds = (s, e) => {
-  const a = t(3);
-  a.created = s, a.visible = s, a.symbol = I(e), e?.series?.[0]?.overlays && (e.series[0].overlays.standardDeviation = a);
-}, bs = (s) => s?.series?.[0]?.overlays, us = (s, e) => {
+}, ts = (s) => (s.series[0]?.overlays?.comparisonDistribution?.created ?? !1) && (s.series[0]?.overlays?.comparisonDistribution?.visible ?? !1), is = (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);
+}, os = (s) => (s.series[0]?.overlays?.mean?.created ?? !1) && (s.series[0]?.overlays?.mean?.visible ?? !1), ls = (s, e) => {
+  const a = r(1);
+  a.created = s, a.visible = s, a.symbol = I(e), e?.series?.[0]?.overlays && (e.series[0].overlays.mean = a);
+}, ns = (s) => (s.series[0]?.overlays?.median?.created ?? !1) && (s.series[0]?.overlays?.median?.visible ?? !1), ys = (s, e) => {
+  const a = r(2);
+  a.created = s, a.visible = s, a.symbol = N(e), e?.series?.[0]?.overlays && (e.series[0].overlays.median = a);
+}, ms = (s) => (s.series[0]?.overlays?.standardDeviation?.created ?? !1) && (s.series[0]?.overlays?.standardDeviation?.visible ?? !1), vs = (s, e) => {
+  const a = r(3);
+  a.created = s, a.visible = s, a.symbol = B(e), e?.series?.[0]?.overlays && (e.series[0].overlays.standardDeviation = a);
+}, ds = (s) => s?.series?.[0]?.overlays, bs = (s, e) => {
   e?.series?.[0] !== void 0 && (e.series[0].overlays = s);
 };
 export {
-  b as A,
-  _ as a,
-  $ as b,
-  g as c,
-  ss as d,
-  Y as e,
-  Z as f,
-  u as g,
-  f as h,
-  as as i,
-  F as j,
-  ts as k,
-  N as l,
-  es as m,
-  I as n,
+  u as A,
+  Z as a,
+  _ as b,
+  $ as c,
+  g as d,
+  V as e,
+  Y as f,
+  p as g,
+  I as h,
+  es as i,
+  N as j,
+  as as k,
+  F as l,
+  ss as m,
+  B as n,
   rs as o,
-  is as p,
-  ls as q,
+  ts as p,
+  is as q,
   os as r,
-  V as s,
-  ns as t,
-  ms as u,
+  U as s,
+  ls as t,
+  ns as u,
   ys as v,
-  vs as w,
-  ds as x,
-  bs as y,
-  us as z
+  ms as w,
+  vs as x,
+  ds as y,
+  bs as z
 };

package/dist/chunks/histogram-model.js

@@ -2,7 +2,7 @@ import "@arcgis/toolkit/intl";
 import "lodash-es";
 import { W as e } from "./series-types.js";
 import "d3-array";
-import { c as i, x as a } from "./interfaces2.js";
+import { cd as i, aR 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";
@@ -12,14 +12,14 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { e as s } from "./data.js";
-import { g as o, s as r, a as n, b as l, c as m, d as h, e as g, f as d, h as y, i as f, j as S, k as c, l as p, m as v, n as u, o as M, p as C, q as D, r as b, t as w, u as _, v as O, w as N, x as T, y as U, z as B, A as F } from "./histogram-data.js";
+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 A, a as I, b as H, c as L } from "./model-with-data-labels.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.142 */
+v4.34.0-next.144 */
 class j extends W {
   constructor() {
     super(...arguments), this._chartType = e.HistogramSeries;
@@ -31,186 +31,152 @@ class j extends W {
   // #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 o(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(t) {
-    await r(t, 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() {
+  get binCount() {
     return n(this._config);
   }
-  /**
-   * Sets the number of bins used to create the histogram.
-   * @param {number} binCount
-   */
-  setBinCount(t) {
-    l(t, 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 m(this._config);
+  get binSymbol() {
+    return h(this._config);
   }
-  /**
-   * Sets the fill symbol used for the bins in the histogram.
-   * @param {ISimpleFillSymbol} symbol
-   */
-  setBinSymbol(t) {
-    h(t, 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 g(this._config);
+  get dataTransformationType() {
+    return l(this._config);
   }
-  /**
-   * Sets the data transformation type used in the histogram.
-   * @param {WebChartDataTransformations} dataTransformationType
-   */
-  setDataTransformationType(t) {
-    d(t, 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(t) {
-    f(t, 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 S(this._config);
+  get medianSymbol() {
+    return f(this._config);
   }
-  /**
-   * Sets the line symbol used for the median overlay in the histogram.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setMedianSymbol(t) {
-    c(t, 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 p(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(t) {
-    v(t, 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 u(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(t) {
-    M(t, 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 C(this._config);
+  get showNormalDistOverlay() {
+    return O(this._config);
   }
-  /**
-   * Sets whether to show the normal distribution overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowNormalDistOverlay(t) {
-    D(t, 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 b(this._config);
+  get showMeanOverlay() {
+    return C(this._config);
   }
-  /**
-   * Sets whether to show the mean overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowMeanOverlay(t) {
-    w(t, 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 _(this._config);
+  get showMedianOverlay() {
+    return D(this._config);
   }
-  /**
-   * Sets whether to show the median overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowMedianOverlay(t) {
-    O(t, 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 N(this._config);
+  get showStandardDevOverlay() {
+    return F(this._config);
   }
-  /**
-   * Sets whether to show the standard deviation overlay for the histogram.
-   * @param {boolean} show
-   */
-  setShowStandardDevOverlay(t) {
-    T(t, this._config), this.emitConfigUpdate("setShowStandardDevOverlay");
+  set showStandardDevOverlay(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      A(t, this._config), this.emitConfigUpdate("showStandardDevOverlay");
+    });
   }
   /**
-   * Get the chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
+   * Chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
    */
-  getSeriesOverlay() {
-    return U(this._config);
+  get seriesOverlays() {
+    return T(this._config);
   }
-  /**
-   * Set the chart overlays for the series. Histogram supports 4 overlays: **mean**, **median**, **standardDeviation** and **comparisonDistribution**.
-   * @param overlays The overlays
-   */
-  setSeriesOverlays(t) {
-    B(t, this._config), this.emitConfigUpdate("setSeriesOverlay");
+  set seriesOverlays(t) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      U(t, this._config), this.emitConfigUpdate("seriesOverlays");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // #region General methods
@@ -220,8 +186,8 @@ class j extends W {
    *
    * @returns {string}
    */
-  async generateChartTitle() {
-    return await F(this._config, this.layerInfo);
+  generateChartTitle() {
+    return N(this._config, this.layerInfo, this.commonStrings);
   }
   /**
    * Generate the proper x-axis title given the current config.
@@ -229,20 +195,19 @@ class j extends W {
    * @returns {string}
    */
   generateXAxisTitle() {
-    const t = this.getNumericField();
-    return i(this.layerInfo.layerFieldsInfo, t);
+    return i(this.layerInfo.layerFieldsInfo, this.numericField);
   }
   // ---------------------------------------------------------------------------------------------
   // #region Protected methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    return await a();
+  generateDefaultConfig() {
+    return s(this.commonStrings);
   }
 }
-s(j, [
+r(j, [
   x,
-  A,
   I,
+  B,
   H,
   L,
   E