@arcgis/charts-components 4.34.0-next.143 → 4.34.0-next.145

package/dist/chunks/model-with-data-labels.js

@@ -1,7 +1,7 @@
-import { C as a } from "./model-with-multi-axes.js";
-import { d as r } from "./series-types.js";
+import { C as d } from "./model-with-multi-axes.js";
+import { d as g } from "./series-types.js";
 import "@arcgis/toolkit/intl";
-import { cloneDeep as L } from "lodash-es";
+import { cloneDeep as h } from "lodash-es";
 import "d3-array";
 import { aj as o, ab as l, b2 as s, a9 as n } from "./interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
@@ -15,56 +15,47 @@ import "./runtime.js";
 import "@arcgis/toolkit/dom";
 /*! 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.143 */
-const b = (t) => t.colorMatch ?? !0, h = (t, e) => {
+v4.34.0-next.145 */
+const b = (t) => t.colorMatch ?? !0, c = (t, e) => {
   e.colorMatch = t;
 };
-class $ extends a {
+class $ extends d {
   /**
-   * Gets whether the chart should attempt to match the data source's colors.
+   * Whether the chart should attempt to match the data source's colors.
    *
    * `true`: Attempt to match the data source's colors.
    *
    * `false`: Use the colors defined in the config.
-   *
-   * @returns {boolean}
    */
-  getColorMatch() {
+  get colorMatch() {
     return b(this._config);
   }
-  /**
-   * Sets whether the chart should attempt to match the data source's colors.
-   *
-   * `true`: Attempt to match the data source's colors.
-   *
-   * `false`: Use the colors defined in the config.
-   *
-   * @param {boolean} newColorMatch
-   */
-  setColorMatch(e) {
-    h(e, this._config), this.emitConfigUpdate("setColorMatch");
+  set colorMatch(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      c(e, this._config), this.emitConfigUpdate("colorMatch");
+    });
   }
 }
-const p = (t) => {
+const m = (t) => {
   let e = !1;
   return t.legend !== void 0 && (e = t.legend.visible ?? !0), e;
-}, f = (t, e) => {
+}, v = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.visible = t;
-}, c = (t) => t.legend?.title?.content, T = (t, e) => {
+}, f = (t) => t.legend?.title?.content, p = (t, e) => {
   e.legend === void 0 && (e.legend = o()), (e.legend.title === void 0 || t === void 0) && (e.legend.title = l({
     text: "",
     visible: !0,
     font: n(s.LegendTitle),
     type: s.LegendTitle
   })), t !== void 0 && (e.legend.title.content = t);
-}, m = (t) => t.legend?.body, v = (t, e) => {
+}, L = (t) => t.legend?.body, y = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.body = t ?? l({
     text: "",
     visible: !0,
     font: n(s.LegendText),
     type: s.LegendText
   }).content;
-}, g = (t) => t.legend?.title?.content.text ?? "", y = (t, e) => {
+}, a = (t) => t.legend?.title?.content.text ?? "", T = (t, e) => {
   if (e.legend?.title !== void 0)
     e.legend.title.content.text = t;
   else if (e.legend === void 0 && t !== void 0) {
@@ -76,7 +67,7 @@ const p = (t) => {
     e.legend.title.visible = t;
   else if (e.legend !== void 0 && e.legend?.title === void 0 && t)
     e.legend.title = l({
-      text: g(e),
+      text: a(e),
       visible: t,
       font: n(s.LegendTitle),
       type: s.LegendTitle
@@ -84,177 +75,141 @@ const p = (t) => {
   else if (e.legend === void 0) {
     const i = o();
     i.title = l({
-      text: g(e),
+      text: a(e),
       visible: t,
       font: n(s.LegendTitle),
       type: s.LegendTitle
     }), e.legend = i;
   }
-}, C = (t) => t.legend?.position ?? r.Right, D = (t, e) => {
+}, C = (t) => t.legend?.position ?? g.Right, M = (t, e) => {
   if (e.legend !== void 0)
     e.legend.position = t;
   else if (e.legend === void 0) {
     const i = o();
     i.position = t, e.legend = i;
   }
-}, M = (t) => t.legend?.roundMarkers ?? !1, _ = (t, e) => {
+}, _ = (t) => t.legend?.roundMarkers ?? !1, S = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.roundMarkers = t;
-}, V = (t) => t.legend?.maxHeight ?? void 0, R = (t, e) => {
+}, V = (t) => t.legend?.maxHeight ?? void 0, D = (t, e) => {
   e.legend === void 0 && (e.legend = o()), e.legend.maxHeight = t;
 };
-class I extends a {
+class I extends d {
   // ---------------------------------------------------------------------------------------------
   // Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets whether the legend title is visible.
+   * Whether the legend title is visible.
    *
    * `true`: Legend title is visible.
    *
    * `false`: Legend title is hidden.
-   *
-   * @returns {boolean}
    */
-  getLegendVisibility() {
-    return p(this._config);
+  get legendVisibility() {
+    return m(this._config);
   }
-  /**
-   * Sets whether the legend title is visible.
-   *
-   * `true`: Show legend title.
-   *
-   * `false`: Hide legend title.
-   *
-   * @param {boolean} legendVisibility
-   */
-  setLegendVisibility(e) {
-    f(e, this._config), this.emitConfigUpdate("setLegendVisibility");
+  set legendVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      v(e, this._config), this.emitConfigUpdate("legendVisibility");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // General Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the legend title text.
-   * @returns {string}
+   * The legend title text.
    */
-  getLegendTitleText() {
-    return g(this._config);
+  get legendTitleText() {
+    return a(this._config);
   }
-  /**
-   * Sets the legend title text.
-   * @param {string} legendTitleText
-   */
-  setLegendTitleText(e) {
-    y(e, this._config), this.emitConfigUpdate("setLegendTitleText");
+  set legendTitleText(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      T(e, this._config), this.emitConfigUpdate("legendTitleText");
+    });
   }
   /**
-   * Gets whether the legend title is visible.
+   * Whether the legend title is visible.
    *
    * `true`: Legend title is visible.
    *
    * `false`: Legend title is hidden.
-   *
-   * @returns {boolean}
    */
-  getLegendTitleVisibility() {
+  get legendTitleVisibility() {
     return u(this._config);
   }
-  /**
-   * Sets whether the legend title is visible.
-   *
-   * `true`: Show legend title.
-   *
-   * `false`: Hide legend title.
-   *
-   * @param {boolean} showLegendTitle
-   */
-  setLegendTitleVisibility(e) {
-    x(e, this._config), this.emitConfigUpdate("setLegendTitleVisibility");
+  set legendTitleVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      x(e, this._config), this.emitConfigUpdate("legendTitleVisibility");
+    });
   }
   /**
-   * Gets the legend position: top, bottom, left, or right.
-   * @returns {WebChartLegendPositions}
+   * Legend position: top, bottom, left, or right.
    */
-  getLegendPosition() {
+  get legendPosition() {
     return C(this._config);
   }
-  /**
-   * Sets the legend position; where the chart legend should be displayed, top, bottom, left, or right.
-   * @param {WebChartLegendPositions} legendPosition
-   */
-  setLegendPosition(e) {
-    D(e, this._config), this.emitConfigUpdate("setLegendPosition");
+  set legendPosition(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      M(e, this._config), this.emitConfigUpdate("legendPosition");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // Format Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the legend title symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * Legend title text symbol (font, color, style).
    */
-  getLegendTitleSymbol() {
-    return c(this._config);
+  get legendTitleSymbol() {
+    return f(this._config);
   }
-  /**
-   * Sets the legend title symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} legendTitle
-   */
-  setLegendTitleSymbol(e) {
-    T(e, this._config), this.emitConfigUpdate("setLegendTitleSymbol");
+  set legendTitleSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      p(e, this._config), this.emitConfigUpdate("legendTitleSymbol");
+    });
   }
   /**
-   * Gets the legend text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * Legend item text symbol (font, color, style).
    */
-  getLegendTextSymbol() {
-    return m(this._config);
+  get legendTextSymbol() {
+    return L(this._config);
   }
-  /**
-   * Sets the legend text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} legendText
-   */
-  setLegendTextSymbol(e) {
-    v(e, this._config), this.emitConfigUpdate("setLegendTextSymbol");
+  set legendTextSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      y(e, this._config), this.emitConfigUpdate("legendTextSymbol");
+    });
   }
   /**
-   * Gets the maximum height of the legend.
-   * @returns {number | undefined}
+   * Maximum legend height.
    */
-  getLegendMaxHeight() {
+  get legendMaxHeight() {
     return V(this._config);
   }
-  /**
-   * Sets the maximum height of the legend. If not set, the legend will occupy the same height as the series container or pie chart.
-   * @param maxHeight - the maximum height for the legend
-   */
-  setLegendMaxHeight(e) {
-    R(e, this._config), this.emitConfigUpdate("setLegendMaxHeight");
+  set legendMaxHeight(e) {
+    e !== void 0 && this.guardSetterFromAsyncOverwrite(() => {
+      D(e, this._config), this.emitConfigUpdate("legendMaxHeight");
+    });
   }
   /**
-   * Gets the indicator for whether the legend markers should be rounded.
-   * @returns {boolean}
+   * Whether legend markers are rounded.
    */
-  getLegendRoundMarker() {
-    return M(this._config);
+  get legendRoundMarker() {
+    return _(this._config);
   }
-  /**
-   * Sets the indicator for whether the legend markers should be rounded.
-   * @param roundMarker - the round marker indicator
-   */
-  setLegendRoundMarker(e) {
-    _(e, this._config), this.emitConfigUpdate("setLegendRoundMarker");
+  set legendRoundMarker(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      S(e, this._config), this.emitConfigUpdate("legendRoundMarker");
+    });
   }
 }
-const U = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, S = (t, e, i) => {
-  i && t.series?.[i] ? t.series[i].dataTooltipVisible = e : t.series && t.series.forEach((d) => {
-    d.dataTooltipVisible = e;
+const F = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, R = (t, e, i) => {
+  i && t.series?.[i] ? t.series[i].dataTooltipVisible = e : t.series && t.series.forEach((r) => {
+    r.dataTooltipVisible = e;
   });
-}, k = (t, e) => t.series?.[e ?? 0]?.dataTooltipReverseColor ?? !1, H = (t, e, i) => {
-  i && t.series?.[i] ? t.series[i].dataTooltipReverseColor = e : t.series && t.series.forEach((d) => {
-    d.dataTooltipReverseColor = e;
+}, w = (t, e) => t.series?.[e ?? 0]?.dataTooltipReverseColor ?? !1, A = (t, e, i) => {
+  i && t.series?.[i] ? t.series[i].dataTooltipReverseColor = e : t.series && t.series.forEach((r) => {
+    r.dataTooltipReverseColor = e;
   });
 };
-class ee extends a {
+class ee extends d {
   /**
    * Gets the visibility of the data tooltips.
    * @param seriesIndex The index of the series.
@@ -264,7 +219,7 @@ class ee extends a {
    * b. If the visibility is not set on the series, the default value of `true` will be returned.
    */
   getDataTooltipVisibility(e) {
-    return U(this._config, e);
+    return F(this._config, e);
   }
   /**
    * Sets the visibility of the data tooltips.
@@ -273,7 +228,9 @@ class ee extends a {
    * @remarks If the seriesIndex is provided, the visibility will be set for that series only. Otherwise, the visibility will be set for all series.
    */
   setDataTooltipVisibility(e, i) {
-    S(this._config, e, i), this.emitConfigUpdate("setDataTooltipVisibility");
+    this.guardSetterFromAsyncOverwrite(() => {
+      R(this._config, e, i), this.emitConfigUpdate("setDataTooltipVisibility");
+    });
   }
   /**
    * Gets the setting of the `dataTooltipReverseColor` property.
@@ -284,7 +241,7 @@ class ee extends a {
    * b. If the dataTooltipReverseColor is not set on the series, the default value of `false` will be returned.
    */
   getDataTooltipReverseColor(e) {
-    return k(this._config, e);
+    return w(this._config, e);
   }
   /**
    * Sets the setting of the `dataTooltipReverseColor` property.
@@ -293,10 +250,12 @@ class ee extends a {
    * @remarks If the seriesIndex is provided, the reverse color will be set for that series only. Otherwise, the reverse color will be set for all series.
    */
   setDataTooltipReverseColor(e, i) {
-    H(this._config, e, i), this.emitConfigUpdate("setDataTooltipVisibility");
+    this.guardSetterFromAsyncOverwrite(() => {
+      A(this._config, e, i), this.emitConfigUpdate("setDataTooltipReverseColor");
+    });
   }
 }
-const P = (t) => t.series[0]?.dataLabels?.visible ?? !1, W = (t, e) => {
+const O = (t) => t.series[0]?.dataLabels?.visible ?? !1, U = (t, e) => {
   e.series.forEach((i) => {
     i.dataLabels !== void 0 ? i.dataLabels.visible = t : i.dataLabels = l({
       text: "",
@@ -305,63 +264,48 @@ const P = (t) => t.series[0]?.dataLabels?.visible ?? !1, W = (t, e) => {
       type: s.DataLabels
     });
   });
-}, E = (t) => {
+}, k = (t) => {
   for (const e of t.series)
     if (e.dataLabels !== void 0)
       return e.dataLabels.content;
-}, j = (t, e) => {
+}, H = (t, e) => {
   for (const i of e.series)
     (i.dataLabels === void 0 || t === void 0) && (i.dataLabels = l({
       text: "",
       visible: !0,
       font: n(s.DataLabels),
       type: s.DataLabels
-    })), t !== void 0 && (i.dataLabels.content = L(t));
+    })), t !== void 0 && (i.dataLabels.content = h(t));
 };
-class te extends a {
+class te extends d {
   // ---------------------------------------------------------------------------------------------
   // Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets whether the data labels are visible.
-   *
-   * `true`: Data labels are visible.
-   *
-   * `false`: Data labels are hidden.
-   *
-   * @returns {boolean}
+   * Whether data labels are visible.
+   * true: visible, false: hidden.
    */
-  getDataLabelsVisibility() {
-    return P(this._config);
+  get dataLabelsVisibility() {
+    return O(this._config);
   }
-  /**
-   * Sets the visibility of the data labels.
-   *
-   * `true`: Show data labels.
-   *
-   * `false`: Hide data labels.
-   *
-   * @param {boolean} newDataLabelsVisibility
-   */
-  setDataLabelsVisibility(e) {
-    W(e, this._config), this.emitConfigUpdate("setDataLabelsVisibility");
+  set dataLabelsVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      U(e, this._config), this.emitConfigUpdate("dataLabelsVisibility");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // Format Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the data labels text symbol. Contains styling information such as font, color, and symbol style.
-   * @returns {WebChartTextSymbol | undefined}
+   * Data labels text symbol (font, color, style).
    */
-  getDataLabelsSymbol() {
-    return E(this._config);
+  get dataLabelsSymbol() {
+    return k(this._config);
   }
-  /**
-   * Sets the data labels text symbol. Contains styling information such as font, color, and symbol style.
-   * @param {WebChartTextSymbol | undefined} newDataLabelsSymbol
-   */
-  setDataLabelsSymbol(e) {
-    j(e, this._config), this.emitConfigUpdate("setDataLabelsSymbol");
+  set dataLabelsSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      H(e, this._config), this.emitConfigUpdate("dataLabelsSymbol");
+    });
   }
 }
 export {