@arcgis/charts-components 4.34.0-next.99 → 5.0.0-next.1

package/dist/chunks/default.js

@@ -1,18 +1,19 @@
-import { RESTSimpleLineSymbolStyle as t, RESTSymbolType as e, WebChartTypes as l } from "@arcgis/charts-spec";
+import { W as t } from "./series-types.js";
+import { c as o, R as e } from "./rest-js-object-literals.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.99 */
-const y = 153, S = {
-  type: l.Guide,
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+const l = 153, p = {
+  type: t.Guide,
   style: {
     type: e.SLS,
-    color: [127, 127, 127, y],
+    color: [127, 127, 127, l],
     width: 2,
-    style: t.Solid
+    style: o.Solid
   },
   label: { type: e.TS }
 };
 export {
-  S as d,
-  y as g
+  p as d,
+  l as g
 };

package/dist/chunks/gauge-model.js

@@ -1,7 +1,8 @@
-import { WebChartTypes as h, GaugeChartSubTypes as b, WebChartStatisticType as u } from "@arcgis/charts-spec";
+import { W as h, G as b, a as u } from "./series-types.js";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { ap as a, a5 as f, ag as x, az as y, aG as m } from "./interfaces.js";
+import { aw as a, ab as f, am as x, aG as m, aN 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,48 +10,47 @@ 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 "@arcgis/toolkit/intl";
 import "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { C, c as I, b as _ } from "./model-with-y-guides.js";
+import { C as v, c as C, b as I } from "./model-with-multi-axes.js";
 import "@arcgis/core/intl.js";
-import { e as v, i as L } from "./data.js";
+import { b as A, e as _ } 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.99 */
-const S = (t) => t.axes[0].needle?.visible ?? !0, A = (t, e) => {
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.1 */
+const F = (t) => t.axes[0].needle?.visible ?? !0, L = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.visible = t;
-}, N = (t) => t.axes[0].needle?.symbol, T = (t, e) => {
+}, w = (t) => t.axes[0].needle?.symbol, T = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.symbol = t;
-}, F = (t) => t.axes[0].needle?.startWidth, w = (t, e) => {
+}, O = (t) => t.axes[0].needle?.startWidth, W = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.startWidth = t;
-}, V = (t) => t.axes[0].needle?.endWidth, E = (t, e) => {
+}, U = (t) => t.axes[0].needle?.endWidth, V = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.endWidth = t;
-}, U = (t) => t.axes[0].needle?.innerRadius, W = (t, e) => {
+}, D = (t) => t.axes[0].needle?.innerRadius, E = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.innerRadius = t;
-}, D = (t) => t.axes[0].needle?.displayPin ?? !1, M = (t, e) => {
+}, N = (t) => t.axes[0].needle?.displayPin ?? !1, M = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = a()), e.axes[0].needle.displayPin = t;
 }, R = (t) => t.axes[0].innerLabel?.visible ?? !0, G = (t, e) => {
   e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = f()), e.axes[0].innerLabel.visible = t;
 }, k = (t) => t.axes[0].innerLabel?.content, P = (t, e) => {
   e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = f()), t !== void 0 && (e.axes[0].innerLabel.content = t);
-}, $ = (t) => t.axes[0].ticks?.visible ?? !0, O = (t, e) => {
+}, $ = (t) => t.axes[0].ticks?.visible ?? !0, q = (t, e) => {
   e.axes[0].ticks === void 0 && (e.axes[0].ticks = {
     type: h.GaugeAxisTick
   }), e.axes[0].ticks.visible = t;
-}, q = (t) => t.axes[0].labelsIncrement, j = (t, e) => {
+}, j = (t) => t.axes[0].labelsIncrement, X = (t, e) => {
   e.axes[0].labelsIncrement = t;
-}, X = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, z = (t, e) => {
+}, B = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, Q = (t, e) => {
   e.axes[0].onlyShowFirstAndLastLabels = t;
-}, B = (t) => t.series[0]?.valueConversion, Q = (t, e) => {
+}, Y = (t) => t.series[0]?.valueConversion, z = (t, e) => {
   e.series[0] !== void 0 && (e.series[0].valueConversion = t);
-}, p = (t) => t.series[0]?.featureIndex, c = async (t, e, i) => {
-  const s = g(e), n = o(e);
-  t === null ? delete e.series[0].featureIndex : e.series[0] !== void 0 && (e.series[0].featureIndex = t), await l({ config: e, layerInfo: i, field: s, aggregationType: n });
-}, Y = (t) => t.subType ?? b.StatisticGauge, H = (t) => {
+}, y = (t) => t.series[0]?.featureIndex, c = (t) => {
+  const { featureIndex: e, config: i, layerInfo: s, commonStrings: n } = t, r = g(i), p = l(i);
+  e === null ? delete i.series[0].featureIndex : i.series[0] !== void 0 && (i.series[0].featureIndex = e), o({ config: i, layerInfo: s, field: r, aggregationType: p, commonStrings: n });
+}, H = (t) => t.subType ?? b.StatisticGauge, J = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
   if (s !== u.NoAggregation) {
-    const n = p(e), r = d(n) ? {} : {
+    const n = y(e), r = d(n) ? {} : {
       outStatistics: [
         {
           statisticType: s,
@@ -61,42 +61,44 @@ const S = (t) => t.axes[0].needle?.visible ?? !0, A = (t, e) => {
     };
     e.series[0].query = r;
   }
-}, J = async (t) => {
-  const { config: e, layerInfo: i, field: s, aggregationType: n } = t;
-  e.title && (e.title.content.text = await v({
+}, K = (t) => {
+  const { config: e, layerInfo: i, commonStrings: s, field: n, aggregationType: r } = t;
+  e.title && (e.title.content.text = A({
     config: e,
     layerInfo: i,
-    numericFields: [s],
-    aggregationType: n
+    commonStrings: s,
+    numericFields: [n],
+    aggregationType: r
   }));
-}, l = async (t) => {
+}, o = (t) => {
   const { config: e, field: i, aggregationType: s } = t;
-  e.series[0] === void 0 && (e.series = [y({})]);
+  e.series[0] === void 0 && (e.series = [m({})]);
   const n = d(e.series[0]?.featureIndex);
   let r = n ? i : `${s}_${i}`;
-  n && i.startsWith(`${s}_`) && (r = i.replace(`${s}_`, "")), e.series[0].x = r, H({ config: e, field: i, aggregationType: s }), await J(t);
-}, o = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? u.Count, K = async (t, e, i) => {
-  const s = g(e);
-  await l({
+  n && i.startsWith(`${s}_`) && (r = i.replace(`${s}_`, "")), e.series[0].x = r, J({ config: e, field: i, aggregationType: s }), K(t);
+}, l = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? u.Count, Z = (t) => {
+  const { config: e, layerInfo: i, commonStrings: s, aggregationType: n } = t, r = g(e);
+  o({
     config: e,
     layerInfo: i,
-    field: s,
-    aggregationType: t
+    commonStrings: s,
+    field: r,
+    aggregationType: n
   });
-}, d = (t) => typeof t == "number" && t >= 0, g = (t) => d(t.series[0]?.featureIndex) ? t.series[0]?.x : t.series[0]?.query?.outStatistics?.[0]?.onStatisticField ?? "", Z = async (t, e, i) => {
-  const s = o(e);
-  await l({ config: e, layerInfo: i, field: t, aggregationType: s });
-}, ee = (t) => t.innerRadius ?? 50, te = (t, e) => {
+}, d = (t) => typeof t == "number" && t >= 0, g = (t) => d(t.series[0]?.featureIndex) ? t.series[0]?.x : t.series[0]?.query?.outStatistics?.[0]?.onStatisticField ?? "", ee = (t) => {
+  const { field: e, config: i, layerInfo: s, commonStrings: n } = t, r = l(i);
+  o({ config: i, layerInfo: s, commonStrings: n, field: e, aggregationType: r });
+}, te = (t) => t.innerRadius ?? 50, ie = (t, e) => {
   e.innerRadius = t;
-}, ie = (t) => t.startAngle ?? -90, se = (t, e) => {
+}, se = (t) => t.startAngle ?? -90, ne = (t, e) => {
   e.startAngle = t;
-}, ne = (t) => t.endAngle ?? 270, ae = (t, e) => {
+}, re = (t) => t.endAngle ?? 270, ae = (t, e) => {
   e.endAngle = t;
 };
-async function re() {
-  return await x();
+function oe(t) {
+  return x(t);
 }
-class le extends C {
+class le extends v {
   constructor() {
     super(...arguments), this._chartType = h.GaugeSeries;
   }
@@ -105,304 +107,265 @@ class le extends C {
    *
    * @returns {string}
    */
-  async generateChartTitle() {
-    return await re();
+  generateChartTitle() {
+    return oe(this.commonStrings);
   }
   async setup(e) {
-    await this.loadConfigFromLayer(e), this.resolveSetup();
+    await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
   }
   // ---------------------------------------------------------------------------------------------
   // Data Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the data field used for the gauge.
-   * @returns {string}
+   * Data field used for the gauge.
    */
-  getField() {
+  get field() {
     return g(this._config);
   }
-  /**
-   * Sets the data field used for the gauge.
-   * @param {string} field The field to set.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setField(e) {
-    await Z(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setField");
+  set field(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ee({ field: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("field");
+    });
   }
   /**
-   * Gets the aggregation type used for the gauge.
-   * @returns {WebChartStatisticType}
+   * Aggregation type used for the gauge.
+   *
+   * Must be one of the values allowed by `WebChartStatisticType`, excluding `"no_aggregation"`.
    */
-  getAggregationType() {
-    return o(this._config);
+  get aggregationType() {
+    return l(this._config);
   }
-  /**
-   * Sets the aggregation type used for the gauge.
-   * @param {WebChartStatisticType} aggregationType The aggregation type to set. Must be one of the values allowed by `WebChartStatisticType`, excluding `"no_aggregation"`.
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setAggregationType(e) {
-    await K(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setAggregationType");
+  set aggregationType(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Z({
+        aggregationType: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("aggregationType");
+    });
   }
   /**
-   * Gets the inner radius of the gauge.
-   * @returns {number}
+   * Inner radius of the gauge.
    */
-  getInnerRadius() {
-    return ee(this._config);
+  get innerRadius() {
+    return te(this._config);
   }
-  /**
-   * Sets the inner radius of the gauge.
-   * @param {number} innerRadius The inner radius to set.
-   */
-  setInnerRadius(e) {
-    te(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setInnerRadius");
+  set innerRadius(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ie(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("innerRadius");
+    });
   }
   /**
-   * Gets the start angle of the gauge.
-   * @returns {number}
+   * Start angle of the gauge.
    */
-  getStartAngle() {
-    return ie(this._config);
+  get startAngle() {
+    return se(this._config);
   }
-  /**
-   * Sets the start angle of the gauge.
-   * @param {number} startAngle The start angle to set.
-   */
-  setStartAngle(e) {
-    se(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setStartAngle");
+  set startAngle(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ne(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("startAngle");
+    });
   }
   /**
-   * Gets the end angle of the gauge.
-   * @returns {number}
+   * End angle of the gauge.
    */
-  getEndAngle() {
-    return ne(this._config);
+  get endAngle() {
+    return re(this._config);
   }
-  /**
-   * Sets the end angle of the gauge.
-   * @param {number} endAngle The end angle to set.
-   */
-  setEndAngle(e) {
-    ae(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setEndAngle");
+  set endAngle(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      ae(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("endAngle");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // Series Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the conversion to apply to the gauge value
-   *
-   * @returns {ValueConversion | undefined}
+   * Conversion to apply to the gauge value.
    */
-  getValueConversion() {
-    return B(this._config);
+  get valueConversion() {
+    return Y(this._config);
   }
-  /**
-   * Sets the conversion to apply to the gauge value
-   * @param {ValueConversion} valueConversion The conversion to apply
-   */
-  setValueConversion(e) {
-    Q(e, this._config), this.emitConfigUpdate("setValueConversion");
+  set valueConversion(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      z(e, this._config), this.emitConfigUpdate("valueConversion");
+    });
   }
   /**
    * Gets the index of the feature to be rendered.
-   * @returns {number | undefined}
+   *
    * @remarks
    * This property will be ignored for a statistic gauge (indicated via `WebGaugeChart.subType` property).
    * For feature-based gauge, if this property is not present, the first feature will be used (featureIndex = 0)
    */
-  getFeatureIndex() {
-    return p(this._config);
+  get featureIndex() {
+    return y(this._config);
   }
-  /**
-   * Sets the index of the feature to be rendered.
-   * @param {number | null} featureIndex The index of the feature to be rendered
-   * @remarks This property will be ignored for a statistic gauge (indicated via `WebGaugeChart.subType` property).
-   * For feature-based gauge, if this property is not present, the first feature will be used (featureIndex = 0)
-   */
-  async setFeatureIndex(e) {
-    await c(e, this._config, this.layerInfo), this.emitConfigUpdate("setFeatureIndex");
+  set featureIndex(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      c({
+        featureIndex: e,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.emitConfigUpdate("featureIndex");
+    });
   }
   /**
    * Removes the existing feature index from the config object
    */
   removeFeatureIndex() {
-    c(null, this._config, this.layerInfo), this.emitConfigUpdate("removeFeatureIndex");
+    this.guardSetterFromAsyncOverwrite(() => {
+      c({
+        featureIndex: null,
+        config: this._config,
+        layerInfo: this.layerInfo,
+        commonStrings: this.commonStrings
+      }), this.emitConfigUpdate("removeFeatureIndex");
+    });
   }
   /**
-   * Gets the type of Gauge chart, like FeatureGauge and StatisticGauge.
-   * @returns {GaugeChartSubTypes}
+   * Type of Gauge chart, like FeatureGauge and StatisticGauge.
+   *
    * @remarks When this property is not specified, it will be defaulted to GaugeChartSubTypes.StatisticGauge.
    */
-  getGaugeSubType() {
-    return Y(this._config);
+  get gaugeSubType() {
+    return H(this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Axes Props
   // ---------------------------------------------------------------------------------------------
   /**
-   * Gets the visibility of the gauge's needle.
-   * @returns {boolean}
-   */
-  getNeedleVisibility() {
-    return S(this._config);
-  }
-  /**
-   * Sets the visibility of the gauge's needle.
-   * @param {boolean} visible The visibility to set.
+   * Visibility of the gauge's needle.
    */
-  setNeedleVisibility(e) {
-    A(e, this._config), this.emitConfigUpdate("setNeedleVisibility");
+  get needleVisibility() {
+    return F(this._config);
   }
-  /**
-   * Gets the symbol of the gauge's needle.
-   * @returns {ISimpleFillSymbol | undefined}
-   */
-  getNeedleSymbol() {
-    return N(this._config);
+  set needleVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      L(e, this._config), this.emitConfigUpdate("needleVisibility");
+    });
   }
   /**
-   * Sets the symbol of the gauge's needle.
-   * @param {ISimpleFillSymbol | undefined} needleSymbol The needle symbol to set.
+   * Symbol of the gauge's needle.
    */
-  setNeedleSymbol(e) {
-    T(e, this._config), this.emitConfigUpdate("setNeedleSymbol");
+  get needleSymbol() {
+    return w(this._config);
   }
-  /**
-   * Gets the start width of the gauge's needle.
-   * @returns {number | null | undefined}
-   */
-  getNeedleStartWidth() {
-    return F(this._config);
+  set needleSymbol(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      T(e, this._config), this.emitConfigUpdate("needleSymbol");
+    });
   }
   /**
-   * Sets the start width of the gauge's needle.
-   * @param {number | null | undefined} width The start width to set.
+   * Start width of the gauge's needle.
    */
-  setNeedleStartWidth(e) {
-    w(e, this._config), this.emitConfigUpdate("setNeedleStartWidth");
+  get needleStartWidth() {
+    return O(this._config);
   }
-  /**
-   * Gets the end width of the gauge's needle.
-   * @returns {number | null | undefined}
-   */
-  getNeedleEndWidth() {
-    return V(this._config);
+  set needleStartWidth(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      W(e, this._config), this.emitConfigUpdate("needleStartWidth");
+    });
   }
   /**
-   * Sets the end width of the gauge's needle.
-   * @param {number | null | undefined} width The end width to set.
+   * End width of the gauge's needle.
    */
-  setNeedleEndWidth(e) {
-    E(e, this._config), this.emitConfigUpdate("setNeedleEndWidth");
-  }
-  /**
-   * Gets the inner radius of the gauge's needle.
-   * @returns {number | null | undefined}
-   */
-  getNeedleInnerRadius() {
+  get needleEndWidth() {
     return U(this._config);
   }
-  /**
-   * Sets the inner radius of the gauge's needle.
-   * @param {number | null | undefined} innerRadius The inner radius to set.
-   */
-  setNeedleInnerRadius(e) {
-    W(e, this._config), this.emitConfigUpdate("setNeedleInnerRadius");
+  set needleEndWidth(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      V(e, this._config), this.emitConfigUpdate("needleEndWidth");
+    });
   }
   /**
-   * Gets whether to display the pin for the gauge's needle.
-   * @returns {boolean}
+   * Inner radius of the gauge's needle.
    */
-  getNeedleDisplayPin() {
+  get needleInnerRadius() {
     return D(this._config);
   }
+  set needleInnerRadius(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      E(e, this._config), this.emitConfigUpdate("needleInnerRadius");
+    });
+  }
   /**
-   * Sets whether to display the pin for the gauge's needle.
-   * @param {boolean} displayPin The display pin state.
+   * Whether to display the pin for the gauge's needle.
    */
-  setNeedleDisplayPin(e) {
-    M(e, this._config), this.emitConfigUpdate("setNeedleDisplayPin");
+  get needleDisplayPin() {
+    return N(this._config);
+  }
+  set needleDisplayPin(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      M(e, this._config), this.emitConfigUpdate("needleDisplayPin");
+    });
   }
   /**
-   * Gets whether the inner label is visible.
-   * @returns {boolean}
+   * Whether the inner label is visible.
    */
-  getInnerLabelVisible() {
+  get innerLabelVisible() {
     return R(this._config);
   }
-  /**
-   * Sets whether the inner label is visible.
-   * @param {boolean} visible The visibility state to set.
-   */
-  setInnerLabelVisibility(e) {
-    G(e, this._config), this.emitConfigUpdate("setInnerLabelVisibility");
+  set innerLabelVisible(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      G(e, this._config), this.emitConfigUpdate("innerLabelVisible");
+    });
   }
   /**
-   * Gets the inner label content symbol.
-   * @returns {WebChartTextSymbol | undefined}
+   * Content symbol for the inner label.
    */
-  getInnerLabelContent() {
+  get innerLabelContent() {
     return k(this._config);
   }
-  /**
-   * Sets the inner label content symbol.
-   * @param {WebChartTextSymbol | undefined} innerLabelContent The content symbol to set.
-   */
-  setInnerLabelContent(e) {
-    P(e, this._config), this.emitConfigUpdate("setInnerLabelContent");
+  set innerLabelContent(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      P(e, this._config), this.emitConfigUpdate("innerLabelContent");
+    });
   }
   /**
-   * Gets whether the axis ticks are visible.
-   * @returns {boolean}
+   * Whether axis ticks are visible.
    */
-  getAxisTickVisibility() {
+  get axisTickVisibility() {
     return $(this._config);
   }
-  /**
-   * Sets whether the axis ticks are visible.
-   * @param {boolean} visibile The visibility state to set.
-   */
-  setAxisTickVisibility(e) {
-    O(e, this._config), this.emitConfigUpdate("setAxisTickVisibility");
+  set axisTickVisibility(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      q(e, this._config), this.emitConfigUpdate("axisTickVisibility");
+    });
   }
   /**
-   * Gets the labels increment for the gauge.
-   * @returns {number | undefined}
+   * Labels increment for the gauge.
    */
-  getLabelsIncrement() {
-    return q(this._config);
+  get labelsIncrement() {
+    return j(this._config);
   }
-  /**
-   * Sets the labels increment for the gauge.
-   * @param {number | undefined} increment The increment to set.
-   */
-  setLabelsIncrement(e) {
-    j(e, this._config), this.emitConfigUpdate("setLabelsIncrement");
+  set labelsIncrement(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      X(e, this._config), this.emitConfigUpdate("labelsIncrement");
+    });
   }
   /**
-   * Gets whether to only show the first and last labels.
-   * @returns {boolean}
+   * Whether to only show the first and last axis labels.
    */
-  getOnlyShowFirstAndLastLabels() {
-    return X(this._config);
+  get onlyShowFirstAndLastLabels() {
+    return B(this._config);
   }
-  /**
-   * Sets whether to only show the first and last axis labels.
-   * @param {boolean} showOnlyFirstAndLastLabels Indicator of whether to only show the first and last axis labels
-   */
-  setOnlyShowFirstAndLastLabels(e) {
-    z(e, this._config), this.emitConfigUpdate("setOnlyShowFirstAndLastLabels");
+  set onlyShowFirstAndLastLabels(e) {
+    this.guardSetterFromAsyncOverwrite(() => {
+      Q(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
+    });
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    const e = await m();
-    return e.series = [y({ objectIDField: this.layerInfo?.objectIdField })], e;
+  generateDefaultConfig() {
+    const e = S(this.commonStrings);
+    return e.series = [m({ objectIDField: this.layerInfo?.objectIdField })], e;
   }
 }
-L(le, [I, _]);
+_(le, [C, I]);
 export {
   le as GaugeModel
 };