@arcgis/charts-components 5.1.0-next.13 → 5.1.0-next.131

package/dist/chunks/gauge-model.js

@@ -1,130 +1,114 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { C as v } from "./chart-model.js";
-import { m as o } from "./model-setter.js";
-import { W as _, a as I, b as C } from "./axis-lines-symbol.js";
-import { W as L, b as T } from "./model-with-guides.js";
-import { W as A, a as W, b as V } from "./generate-x-axis-title.js";
-import { g as F, a as D } from "./utils.js";
-import "@arcgis/toolkit/intl";
-import "lodash-es";
-import "luxon";
-import "d3-array";
-import "@arcgis/toolkit/type";
-import { W as y, G as E, a as m } from "./series-types.js";
-import { b3 as d, aK as b, aV as M, bd as x, bk as w, bM as N } from "./index.js";
-import "@arcgis/core/Graphic.js";
-import "@arcgis/core/renderers/support/jsonUtils.js";
-import "@arcgis/core/symbols/support/symbolUtils.js";
-import "@esri/arcgis-html-sanitizer";
-import "@arcgis/core/intl.js";
-import "@arcgis/core/layers/support/FeatureFilter.js";
-import "@arcgis/core/smartMapping/statistics/histogram.js";
-import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import "simple-statistics";
-import "@arcgis/core/request.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
-import "@arcgis/core/geometry/support/jsonUtils.js";
-import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/StatisticDefinition.js";
-import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
-import "./runtime.js";
-import "@arcgis/toolkit/dom";
-import { M as R } from "./model-with-x-guides.js";
-const G = (t) => t.axes[0].needle?.visible ?? !0, P = (t, e) => {
+import { u as c, G as S, r as x } from "./chart-object-literals.js";
+import { K as d, E as b, ah as _, M as m, J as I } from "./index.js";
+import { an as C } from "./index2.js";
+import { C as L } from "./chart-model.js";
+import { m as n } from "./model-setter.js";
+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 P, f as w } from "./utils.js";
+const N = (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;
-}, k = (t) => t.axes[0].needle?.symbol, O = (t, e) => {
+}, G = (t) => t.axes[0].needle?.symbol, k = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.symbol = t;
-}, X = (t) => t.axes[0].needle?.startWidth, $ = (t, e) => {
+}, O = (t) => t.axes[0].needle?.startWidth, X = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.startWidth = t;
-}, j = (t) => t.axes[0].needle?.endWidth, q = (t, e) => {
+}, $ = (t) => t.axes[0].needle?.endWidth, j = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.endWidth = t;
-}, B = (t) => t.axes[0].needle?.innerRadius, K = (t, e) => {
+}, q = (t) => t.axes[0].needle?.innerRadius, J = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.innerRadius = t;
-}, Q = (t) => t.axes[0].needle?.displayPin ?? !1, Y = (t, e) => {
+}, K = (t) => t.axes[0].needle?.displayPin ?? !1, Q = (t, e) => {
   e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.displayPin = t;
-}, z = (t) => t.axes[0].innerLabel?.visible ?? !0, H = (t, e) => {
+}, Y = (t) => t.axes[0].innerLabel?.visible ?? !0, z = (t, e) => {
   e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = b()), e.axes[0].innerLabel.visible = t;
-}, J = (t) => t.axes[0].innerLabel?.content, U = (t, e) => {
+}, H = (t) => t.axes[0].innerLabel?.content, U = (t, e) => {
   e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = b()), t !== void 0 && (e.axes[0].innerLabel.content = t);
-}, Z = (t) => t.axes[0].ticks?.visible ?? !0, ee = (t, e) => {
+}, Z = (t) => t.axes[0].progressBands?.visible ?? !0, ee = (t, e) => {
+  e.axes[0].progressBands === void 0 && (e.axes[0].progressBands = {
+    type: c.FixedProgressBands
+  }), e.axes[0].progressBands.visible = t;
+}, te = (t) => t.axes[0].progressBands, se = (t, e) => {
+  t === void 0 ? delete e.axes[0].progressBands : e.axes[0].progressBands = t;
+}, ie = (t) => t.axes[0].ticks?.visible ?? !0, ne = (t, e) => {
   e.axes[0].ticks === void 0 && (e.axes[0].ticks = {
-    type: y.GaugeAxisTick
+    type: c.GaugeAxisTick
   }), e.axes[0].ticks.visible = t;
-}, te = (t) => t.axes[0].labelsIncrement, ie = (t, e) => {
+}, oe = (t) => t.axes[0].labelsIncrement, re = (t, e) => {
   e.axes[0].labelsIncrement = t;
-}, se = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, ne = (t, e) => {
+}, ae = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, le = (t, e) => {
   e.axes[0].onlyShowFirstAndLastLabels = t;
-}, oe = (t) => t.series[0]?.valueConversion, re = (t, e) => {
+}, de = (t) => t.series[0]?.valueConversion, ge = (t, e) => {
   e.series[0] !== void 0 && (e.series[0].valueConversion = t);
-}, S = (t) => t.series[0]?.featureIndex, f = (t) => {
-  const { featureIndex: e, config: i, layerInfo: a, commonStrings: n } = t, l = h(i), g = p(i);
-  e === null ? delete i.series[0].featureIndex : i.series[0] !== void 0 && (i.series[0].featureIndex = e), c({ config: i, layerInfo: a, field: l, aggregationType: g, commonStrings: n });
-}, ae = (t) => t.subType ?? E.StatisticGauge, le = (t) => {
-  const { config: e, field: i, aggregationType: a } = t;
-  if (a !== m.NoAggregation) {
-    const n = S(e), l = u(n) ? {} : {
+}, v = (t) => t.series[0]?.featureIndex, y = (t) => {
+  const { featureIndex: e, config: s, layerInfo: a, commonStrings: r } = t, l = f(s), g = h(s);
+  e === null ? delete s.series[0].featureIndex : s.series[0] !== void 0 && (s.series[0].featureIndex = e), u({ config: s, layerInfo: a, field: l, aggregationType: g, commonStrings: r });
+}, ce = (t) => t.subType ?? S.StatisticGauge, ue = (t) => {
+  const { config: e, field: s, aggregationType: a } = t;
+  if (a !== x.NoAggregation) {
+    const r = v(e), l = p(r) ? {} : {
       outStatistics: [
         {
           statisticType: a,
-          onStatisticField: i,
-          outStatisticFieldName: `${a}_${i}`
+          onStatisticField: s,
+          outStatisticFieldName: `${a}_${s}`
         }
       ]
     };
     e.series[0].query = l;
   }
-}, de = (t) => {
-  const { config: e, layerInfo: i, commonStrings: a, field: n, aggregationType: l } = t;
-  e.title && (e.title.content.text = F({
+}, he = (t) => {
+  const { config: e, layerInfo: s, commonStrings: a, field: r, aggregationType: l } = t;
+  e.title && (e.title.content.text = P({
     config: e,
-    layerInfo: i,
+    layerInfo: s,
     commonStrings: a,
-    numericFields: [n],
+    numericFields: [r],
     aggregationType: l
   }));
-}, c = (t) => {
-  const { config: e, field: i, aggregationType: a } = t;
-  e.series[0] === void 0 && (e.series = [x({})]);
-  const n = u(e.series[0]?.featureIndex);
-  let l = n ? i : `${a}_${i}`;
-  n && i.startsWith(`${a}_`) && (l = i.replace(`${a}_`, "")), e.series[0].x = l, le({ config: e, field: i, aggregationType: a }), de(t);
-}, p = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? m.Count, ge = (t) => {
-  const { config: e, layerInfo: i, commonStrings: a, aggregationType: n } = t, l = h(e);
-  c({
+}, u = (t) => {
+  const { config: e, field: s, aggregationType: a } = t;
+  e.series[0] === void 0 && (e.series = [m({})]);
+  const r = p(e.series[0]?.featureIndex);
+  let l = r ? s : `${a}_${s}`;
+  r && s.startsWith(`${a}_`) && (l = s.replace(`${a}_`, "")), e.series[0].x = l, ue({ config: e, field: s, aggregationType: a }), he(t);
+}, h = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? x.Count, pe = (t) => {
+  const { config: e, layerInfo: s, commonStrings: a, aggregationType: r } = t, l = f(e);
+  u({
     config: e,
-    layerInfo: i,
+    layerInfo: s,
     commonStrings: a,
     field: l,
-    aggregationType: n
+    aggregationType: r
   });
-}, u = (t) => typeof t == "number" && t >= 0, h = (t) => u(t.series[0]?.featureIndex) ? t.series[0]?.x : t.series[0]?.query?.outStatistics?.[0]?.onStatisticField ?? "", ce = (t) => {
-  const { field: e, config: i, layerInfo: a, commonStrings: n } = t, l = p(i);
-  c({ config: i, layerInfo: a, commonStrings: n, field: e, aggregationType: l });
-}, pe = (t) => t.innerRadius ?? 50, ue = (t, e) => {
+}, p = (t) => typeof t == "number" && t >= 0, f = (t) => p(t.series[0]?.featureIndex) ? t.series[0]?.x : t.series[0]?.query?.outStatistics?.[0]?.onStatisticField ?? "", fe = (t) => {
+  const { field: e, config: s, layerInfo: a, commonStrings: r } = t, l = h(s);
+  u({ config: s, layerInfo: a, commonStrings: r, field: e, aggregationType: l });
+}, ye = (t) => t.innerRadius ?? 50, xe = (t, e) => {
   e.innerRadius = t;
-}, he = (t) => t.startAngle ?? -90, fe = (t, e) => {
+}, be = (t) => t.startAngle ?? -90, me = (t, e) => {
   e.startAngle = t;
-}, ye = (t) => t.endAngle ?? 270, me = (t, e) => {
+}, ve = (t) => t.endAngle ?? 270, Se = (t, e) => {
   e.endAngle = t;
 };
-function be(t) {
-  return M(t);
+function _e(t) {
+  return _(t);
 }
-var xe = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, r = (t, e, i, a) => {
-  for (var n = Se(e, i), l = t.length - 1, g; l >= 0; l--)
-    (g = t[l]) && (n = g(e, i, n) || n);
-  return n && xe(e, i, n), n;
+var Ie = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, o = (t, e, s, a) => {
+  for (var r = Ce(e, s), l = t.length - 1, g; l >= 0; l--)
+    (g = t[l]) && (r = g(e, s, r) || r);
+  return r && Ie(e, s, r), r;
 };
-class s extends v {
+class i extends L {
   constructor() {
-    super(...arguments), this._chartType = y.GaugeSeries;
+    super(...arguments), this._chartType = c.GaugeSeries;
   }
   /**
    * Generate the proper chart title given the current config.
    */
   generateChartTitle() {
-    return be(this.commonStrings);
+    return _e(this.commonStrings);
   }
   async setup(e) {
     await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
@@ -136,10 +120,10 @@ class s extends v {
    * Data field used for the gauge.
    */
   get field() {
-    return h(this._config);
+    return f(this._config);
   }
   set field(e) {
-    ce({ field: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
+    fe({ field: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Aggregation type used for the gauge.
@@ -147,10 +131,10 @@ class s extends v {
    * Must be one of the values allowed by `WebChartStatisticType`, excluding `"no_aggregation"`.
    */
   get aggregationType() {
-    return p(this._config);
+    return h(this._config);
   }
   set aggregationType(e) {
-    ge({
+    pe({
       aggregationType: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -161,28 +145,28 @@ class s extends v {
    * Inner radius of the gauge.
    */
   get innerRadius() {
-    return pe(this._config);
+    return ye(this._config);
   }
   set innerRadius(e) {
-    ue(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
+    xe(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Start angle of the gauge.
    */
   get startAngle() {
-    return he(this._config);
+    return be(this._config);
   }
   set startAngle(e) {
-    fe(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
+    me(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * End angle of the gauge.
    */
   get endAngle() {
-    return ye(this._config);
+    return ve(this._config);
   }
   set endAngle(e) {
-    me(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
+    Se(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   // ---------------------------------------------------------------------------------------------
   // Series Props
@@ -191,21 +175,21 @@ class s extends v {
    * Conversion to apply to the gauge value.
    */
   get valueConversion() {
-    return oe(this._config);
+    return de(this._config);
   }
   set valueConversion(e) {
-    re(e, this._config);
+    ge(e, this._config);
   }
   /**
    * Gets the index of the feature to be rendered.
-   * - 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)
+   * - For statistic gauge, this property will be ignored.
+   * - For feature based gauge, if this property is not present, the first feature will be used (`featureIndex = 0`).
    */
   get featureIndex() {
-    return S(this._config);
+    return v(this._config);
   }
   set featureIndex(e) {
-    f({
+    y({
       featureIndex: e,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -213,7 +197,7 @@ class s extends v {
     });
   }
   removeFeatureIndex() {
-    f({
+    y({
       featureIndex: null,
       config: this._config,
       layerInfo: this.layerInfo,
@@ -221,12 +205,14 @@ class s extends v {
     });
   }
   /**
-   * Type of Gauge chart, like `FeatureGauge` and `StatisticGauge`.
+   * Type of gauge
+   * - `featureGauge` indicates that the gauge is based on a specific feature from the layer.
+   * - `statisticGauge` indicates that the gauge is based on a statistic value calculated from the layer's features.
    *
-   * **Note**: When this property is not specified, it will be defaulted to `GaugeChartSubTypes.StatisticGauge`.
+   * **Note**: When this property is not specified, it will be defaulted to `statisticGauge`.
    */
   get gaugeSubType() {
-    return ae(this._config);
+    return ce(this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Axes Props
@@ -235,179 +221,231 @@ class s extends v {
    * Visibility of the gauge's needle.
    */
   get needleVisibility() {
-    return G(this._config);
+    return N(this._config);
   }
   set needleVisibility(e) {
-    P(e, this._config);
+    R(e, this._config);
   }
   /**
    * Symbol of the gauge's needle.
+   *
+   * @example
+   * ```typescript
+   * gaugeModel.needleSymbol = {
+   *   type: "esriSFS",
+   *   color: [255, 0, 0, 255],
+   * };
+   * ```
    */
   get needleSymbol() {
-    return k(this._config);
+    return G(this._config);
   }
   set needleSymbol(e) {
-    O(e, this._config);
+    k(e, this._config);
   }
   /**
    * Start width of the gauge's needle.
    */
   get needleStartWidth() {
-    return X(this._config);
+    return O(this._config);
   }
   set needleStartWidth(e) {
-    $(e, this._config);
+    X(e, this._config);
   }
   /**
    * End width of the gauge's needle.
    */
   get needleEndWidth() {
-    return j(this._config);
+    return $(this._config);
   }
   set needleEndWidth(e) {
-    q(e, this._config);
+    j(e, this._config);
   }
   /**
    * Inner radius of the gauge's needle.
    */
   get needleInnerRadius() {
-    return B(this._config);
+    return q(this._config);
   }
   set needleInnerRadius(e) {
-    K(e, this._config);
+    J(e, this._config);
   }
   /**
    * Whether to display the pin for the gauge's needle.
    */
   get needleDisplayPin() {
-    return Q(this._config);
+    return K(this._config);
   }
   set needleDisplayPin(e) {
-    Y(e, this._config);
+    Q(e, this._config);
   }
   /**
    * Whether the inner label is visible.
    */
   get innerLabelVisible() {
-    return z(this._config);
+    return Y(this._config);
   }
   set innerLabelVisible(e) {
-    H(e, this._config);
+    z(e, this._config);
   }
   /**
    * Content symbol for the inner label.
+   *
+   * @example
+   * ```typescript
+   * gaugeModel.innerLabelContent = {
+   *   type: "esriTS",
+   *   text: "Inner label",
+   * };
+   * ```
    */
   get innerLabelContent() {
-    return J(this._config);
+    return H(this._config);
   }
   set innerLabelContent(e) {
     U(e, this._config);
   }
+  /**
+   * Whether progress bands are visible.
+   */
+  get progressBandsVisibility() {
+    return Z(this._config);
+  }
+  set progressBandsVisibility(e) {
+    ee(e, this._config);
+  }
+  /**
+   * Gauge progress bands configuration.
+   *
+   * @example
+   * ```ts
+   * gaugeModel.progressBands = {
+   *  type: "fixed",
+   *  visible: true,
+   *  bands: {
+   *    target: { type: "esriSFS", color: [0, 255, 0, 255] },
+   *    base: { type: "esriSFS", color: [255, 0, 0, 255] }
+   *  }
+   * };
+   * ```
+   */
+  get progressBands() {
+    return te(this._config);
+  }
+  set progressBands(e) {
+    se(e, this._config);
+  }
   /**
    * Whether axis ticks are visible.
    */
   get axisTickVisibility() {
-    return Z(this._config);
+    return ie(this._config);
   }
   set axisTickVisibility(e) {
-    ee(e, this._config);
+    ne(e, this._config);
   }
   /**
    * Labels increment for the gauge.
    */
   get labelsIncrement() {
-    return te(this._config);
+    return oe(this._config);
   }
   set labelsIncrement(e) {
-    ie(e, this._config);
+    re(e, this._config);
   }
   /**
    * Whether to only show the first and last axis labels.
    */
   get onlyShowFirstAndLastLabels() {
-    return se(this._config);
+    return ae(this._config);
   }
   set onlyShowFirstAndLastLabels(e) {
-    ne(e, this._config);
+    le(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
   /** @private */
   generateDefaultConfig() {
-    const e = w(this.commonStrings);
-    return e.series = [x({ objectIDField: N(this.layerInfo.layer).idField })], e;
+    const e = I(this.commonStrings);
+    return e.series = [m({ objectIDField: C(this.layerInfo.layer).idField })], e;
   }
 }
-r([
-  o
-], s.prototype, "field");
-r([
-  o
-], s.prototype, "aggregationType");
-r([
-  o
-], s.prototype, "innerRadius");
-r([
-  o
-], s.prototype, "startAngle");
-r([
-  o
-], s.prototype, "endAngle");
-r([
-  o
-], s.prototype, "valueConversion");
-r([
-  o
-], s.prototype, "featureIndex");
-r([
-  o
-], s.prototype, "removeFeatureIndex");
-r([
-  o
-], s.prototype, "needleVisibility");
-r([
-  o
-], s.prototype, "needleSymbol");
-r([
-  o
-], s.prototype, "needleStartWidth");
-r([
-  o
-], s.prototype, "needleEndWidth");
-r([
-  o
-], s.prototype, "needleInnerRadius");
-r([
-  o
-], s.prototype, "needleDisplayPin");
-r([
-  o
-], s.prototype, "innerLabelVisible");
-r([
-  o
-], s.prototype, "innerLabelContent");
-r([
-  o
-], s.prototype, "axisTickVisibility");
-r([
-  o
-], s.prototype, "labelsIncrement");
-r([
-  o
-], s.prototype, "onlyShowFirstAndLastLabels");
-const ve = [
+o([
+  n
+], i.prototype, "field");
+o([
+  n
+], i.prototype, "aggregationType");
+o([
+  n
+], i.prototype, "innerRadius");
+o([
+  n
+], i.prototype, "startAngle");
+o([
+  n
+], i.prototype, "endAngle");
+o([
+  n
+], i.prototype, "valueConversion");
+o([
+  n
+], i.prototype, "featureIndex");
+o([
+  n
+], i.prototype, "removeFeatureIndex");
+o([
+  n
+], i.prototype, "needleVisibility");
+o([
+  n
+], i.prototype, "needleSymbol");
+o([
+  n
+], i.prototype, "needleStartWidth");
+o([
+  n
+], i.prototype, "needleEndWidth");
+o([
+  n
+], i.prototype, "needleInnerRadius");
+o([
+  n
+], i.prototype, "needleDisplayPin");
+o([
+  n
+], i.prototype, "innerLabelVisible");
+o([
+  n
+], i.prototype, "innerLabelContent");
+o([
+  n
+], i.prototype, "progressBandsVisibility");
+o([
+  n
+], i.prototype, "progressBands");
+o([
+  n
+], i.prototype, "axisTickVisibility");
+o([
+  n
+], i.prototype, "labelsIncrement");
+o([
+  n
+], i.prototype, "onlyShowFirstAndLastLabels");
+const Le = [
+  F,
+  E,
+  D,
+  M,
   A,
-  L,
   W,
-  T,
-  _,
-  I,
-  C,
   V,
-  R
+  B,
+  T
 ];
-D(s, ve);
+w(i, Le);
 export {
-  s as GaugeModel
+  i as GaugeModel
 };