@arcgis/charts-components 5.0.0-next.1 → 5.0.0-next.100

package/dist/chunks/default.js

@@ -2,7 +2,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
+v5.0.0-next.100 */
 const l = 153, p = {
   type: t.Guide,
   style: {

package/dist/chunks/gauge-model.js

@@ -1,114 +1,125 @@
-import { W as h, G as b, a as u } from "./series-types.js";
+import { W as y, G as S, a as m } from "./series-types.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
-import { aw as a, ab as f, am as x, aG as m, aN as S } from "./interfaces.js";
+import { b1 as d, aI as b, aT as I, bb as x, bi as _, bJ as C } from "./index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+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/Query.js";
 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 "./runtime.js";
 import "@arcgis/toolkit/dom";
-import { C as v, c as C, b as I } from "./model-with-multi-axes.js";
-import "@arcgis/core/intl.js";
-import { b as A, e as _ } from "./data.js";
+import { C as L, V as T, y as A } from "./model-with-multi-axes.js";
+import { b as F, m as o, d as V } from "./serial-chart-data.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 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;
-}, 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;
-}, 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;
-}, 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;
-}, 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;
-}, 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, q = (t, e) => {
+v5.0.0-next.100 */
+const W = (t) => t.axes[0].needle?.visible ?? !0, D = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.visible = t;
+}, E = (t) => t.axes[0].needle?.symbol, w = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.symbol = t;
+}, N = (t) => t.axes[0].needle?.startWidth, M = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.startWidth = t;
+}, R = (t) => t.axes[0].needle?.endWidth, G = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.endWidth = t;
+}, P = (t) => t.axes[0].needle?.innerRadius, k = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.innerRadius = t;
+}, O = (t) => t.axes[0].needle?.displayPin ?? !1, $ = (t, e) => {
+  e.axes[0].needle === void 0 && (e.axes[0].needle = d()), e.axes[0].needle.displayPin = t;
+}, j = (t) => t.axes[0].innerLabel?.visible ?? !0, q = (t, e) => {
+  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = b()), e.axes[0].innerLabel.visible = t;
+}, X = (t) => t.axes[0].innerLabel?.content, B = (t, e) => {
+  e.axes[0].innerLabel === void 0 && (e.axes[0].innerLabel = b()), t !== void 0 && (e.axes[0].innerLabel.content = t);
+}, J = (t) => t.axes[0].ticks?.visible ?? !0, Q = (t, e) => {
   e.axes[0].ticks === void 0 && (e.axes[0].ticks = {
-    type: h.GaugeAxisTick
+    type: y.GaugeAxisTick
   }), e.axes[0].ticks.visible = t;
-}, j = (t) => t.axes[0].labelsIncrement, X = (t, e) => {
+}, Y = (t) => t.axes[0].labelsIncrement, z = (t, e) => {
   e.axes[0].labelsIncrement = t;
-}, B = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, Q = (t, e) => {
+}, H = (t) => t.axes[0].onlyShowFirstAndLastLabels ?? !1, K = (t, e) => {
   e.axes[0].onlyShowFirstAndLastLabels = t;
-}, Y = (t) => t.series[0]?.valueConversion, z = (t, e) => {
+}, U = (t) => t.series[0]?.valueConversion, Z = (t, e) => {
   e.series[0] !== void 0 && (e.series[0].valueConversion = 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 = y(e), r = d(n) ? {} : {
+}, v = (t) => t.series[0]?.featureIndex, f = (t) => {
+  const { featureIndex: e, config: i, layerInfo: a, commonStrings: s } = t, l = h(i), g = u(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: s });
+}, ee = (t) => t.subType ?? S.StatisticGauge, te = (t) => {
+  const { config: e, field: i, aggregationType: a } = t;
+  if (a !== m.NoAggregation) {
+    const s = v(e), l = p(s) ? {} : {
       outStatistics: [
         {
-          statisticType: s,
+          statisticType: a,
           onStatisticField: i,
-          outStatisticFieldName: `${s}_${i}`
+          outStatisticFieldName: `${a}_${i}`
         }
       ]
     };
-    e.series[0].query = r;
+    e.series[0].query = l;
   }
-}, K = (t) => {
-  const { config: e, layerInfo: i, commonStrings: s, field: n, aggregationType: r } = t;
-  e.title && (e.title.content.text = A({
+}, ie = (t) => {
+  const { config: e, layerInfo: i, commonStrings: a, field: s, aggregationType: l } = t;
+  e.title && (e.title.content.text = F({
     config: e,
     layerInfo: i,
-    commonStrings: s,
-    numericFields: [n],
-    aggregationType: r
+    commonStrings: a,
+    numericFields: [s],
+    aggregationType: l
   }));
-}, o = (t) => {
-  const { config: e, field: i, aggregationType: s } = t;
-  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, 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({
+}, c = (t) => {
+  const { config: e, field: i, aggregationType: a } = t;
+  e.series[0] === void 0 && (e.series = [x({})]);
+  const s = p(e.series[0]?.featureIndex);
+  let l = s ? i : `${a}_${i}`;
+  s && i.startsWith(`${a}_`) && (l = i.replace(`${a}_`, "")), e.series[0].x = l, te({ config: e, field: i, aggregationType: a }), ie(t);
+}, u = (t) => t.series[0]?.query?.outStatistics?.[0]?.statisticType ?? m.Count, ne = (t) => {
+  const { config: e, layerInfo: i, commonStrings: a, aggregationType: s } = t, l = h(e);
+  c({
     config: e,
     layerInfo: i,
-    commonStrings: s,
-    field: r,
-    aggregationType: n
+    commonStrings: a,
+    field: l,
+    aggregationType: s
   });
-}, 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) => {
+}, p = (t) => typeof t == "number" && t >= 0, h = (t) => p(t.series[0]?.featureIndex) ? t.series[0]?.x : t.series[0]?.query?.outStatistics?.[0]?.onStatisticField ?? "", se = (t) => {
+  const { field: e, config: i, layerInfo: a, commonStrings: s } = t, l = u(i);
+  c({ config: i, layerInfo: a, commonStrings: s, field: e, aggregationType: l });
+}, oe = (t) => t.innerRadius ?? 50, re = (t, e) => {
   e.innerRadius = t;
-}, se = (t) => t.startAngle ?? -90, ne = (t, e) => {
+}, ae = (t) => t.startAngle ?? -90, le = (t, e) => {
   e.startAngle = t;
-}, re = (t) => t.endAngle ?? 270, ae = (t, e) => {
+}, de = (t) => t.endAngle ?? 270, ge = (t, e) => {
   e.endAngle = t;
 };
-function oe(t) {
-  return x(t);
+function ce(t) {
+  return I(t);
 }
-class le extends v {
+var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, r = (t, e, i, a) => {
+  for (var s = pe(e, i), l = t.length - 1, g; l >= 0; l--)
+    (g = t[l]) && (s = g(e, i, s) || s);
+  return s && ue(e, i, s), s;
+};
+class n extends L {
   constructor() {
-    super(...arguments), this._chartType = h.GaugeSeries;
+    super(...arguments), this._chartType = y.GaugeSeries;
   }
   /**
    * Generate the proper chart title given the current config.
-   *
-   * @returns {string}
    */
   generateChartTitle() {
-    return oe(this.commonStrings);
+    return ce(this.commonStrings);
   }
   async setup(e) {
     await this.loadConfigFromLayer(e), typeof this.resolveSetup == "function" && this.resolveSetup();
@@ -120,12 +131,10 @@ class le extends v {
    * Data field used for the gauge.
    */
   get field() {
-    return g(this._config);
+    return h(this._config);
   }
   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");
-    });
+    se({ field: e, config: this._config, layerInfo: this.layerInfo, commonStrings: this.commonStrings }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Aggregation type used for the gauge.
@@ -133,50 +142,42 @@ class le extends v {
    * Must be one of the values allowed by `WebChartStatisticType`, excluding `"no_aggregation"`.
    */
   get aggregationType() {
-    return l(this._config);
+    return u(this._config);
   }
   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");
-    });
+    ne({
+      aggregationType: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
+    }), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Inner radius of the gauge.
    */
   get innerRadius() {
-    return te(this._config);
+    return oe(this._config);
   }
   set innerRadius(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ie(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("innerRadius");
-    });
+    re(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * Start angle of the gauge.
    */
   get startAngle() {
-    return se(this._config);
+    return ae(this._config);
   }
   set startAngle(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ne(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("startAngle");
-    });
+    le(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   /**
    * End angle of the gauge.
    */
   get endAngle() {
-    return re(this._config);
+    return de(this._config);
   }
   set endAngle(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      ae(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("endAngle");
-    });
+    ge(e, this._config), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"));
   }
   // ---------------------------------------------------------------------------------------------
   // Series Props
@@ -185,53 +186,42 @@ class le extends v {
    * Conversion to apply to the gauge value.
    */
   get valueConversion() {
-    return Y(this._config);
+    return U(this._config);
   }
   set valueConversion(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      z(e, this._config), this.emitConfigUpdate("valueConversion");
-    });
+    Z(e, this._config);
   }
   /**
    * Gets 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)
+   * - 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)
    */
   get featureIndex() {
-    return y(this._config);
+    return v(this._config);
   }
   set featureIndex(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      c({
-        featureIndex: e,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings
-      }), this.emitConfigUpdate("featureIndex");
+    f({
+      featureIndex: e,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
-  /**
-   * Removes the existing feature index from the config object
-   */
   removeFeatureIndex() {
-    this.guardSetterFromAsyncOverwrite(() => {
-      c({
-        featureIndex: null,
-        config: this._config,
-        layerInfo: this.layerInfo,
-        commonStrings: this.commonStrings
-      }), this.emitConfigUpdate("removeFeatureIndex");
+    f({
+      featureIndex: null,
+      config: this._config,
+      layerInfo: this.layerInfo,
+      commonStrings: this.commonStrings
     });
   }
   /**
-   * Type of Gauge chart, like FeatureGauge and StatisticGauge.
+   * Type of Gauge chart, like `FeatureGauge` and `StatisticGauge`.
    *
-   * @remarks 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 `GaugeChartSubTypes.StatisticGauge`.
    */
   get gaugeSubType() {
-    return H(this._config);
+    return ee(this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Axes Props
@@ -240,132 +230,167 @@ class le extends v {
    * Visibility of the gauge's needle.
    */
   get needleVisibility() {
-    return F(this._config);
+    return W(this._config);
   }
   set needleVisibility(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      L(e, this._config), this.emitConfigUpdate("needleVisibility");
-    });
+    D(e, this._config);
   }
   /**
    * Symbol of the gauge's needle.
    */
   get needleSymbol() {
-    return w(this._config);
+    return E(this._config);
   }
   set needleSymbol(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      T(e, this._config), this.emitConfigUpdate("needleSymbol");
-    });
+    w(e, this._config);
   }
   /**
    * Start width of the gauge's needle.
    */
   get needleStartWidth() {
-    return O(this._config);
+    return N(this._config);
   }
   set needleStartWidth(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      W(e, this._config), this.emitConfigUpdate("needleStartWidth");
-    });
+    M(e, this._config);
   }
   /**
    * End width of the gauge's needle.
    */
   get needleEndWidth() {
-    return U(this._config);
+    return R(this._config);
   }
   set needleEndWidth(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      V(e, this._config), this.emitConfigUpdate("needleEndWidth");
-    });
+    G(e, this._config);
   }
   /**
    * Inner radius of the gauge's needle.
    */
   get needleInnerRadius() {
-    return D(this._config);
+    return P(this._config);
   }
   set needleInnerRadius(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      E(e, this._config), this.emitConfigUpdate("needleInnerRadius");
-    });
+    k(e, this._config);
   }
   /**
    * Whether to display the pin for the gauge's needle.
    */
   get needleDisplayPin() {
-    return N(this._config);
+    return O(this._config);
   }
   set needleDisplayPin(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      M(e, this._config), this.emitConfigUpdate("needleDisplayPin");
-    });
+    $(e, this._config);
   }
   /**
    * Whether the inner label is visible.
    */
   get innerLabelVisible() {
-    return R(this._config);
+    return j(this._config);
   }
   set innerLabelVisible(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      G(e, this._config), this.emitConfigUpdate("innerLabelVisible");
-    });
+    q(e, this._config);
   }
   /**
    * Content symbol for the inner label.
    */
   get innerLabelContent() {
-    return k(this._config);
+    return X(this._config);
   }
   set innerLabelContent(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      P(e, this._config), this.emitConfigUpdate("innerLabelContent");
-    });
+    B(e, this._config);
   }
   /**
    * Whether axis ticks are visible.
    */
   get axisTickVisibility() {
-    return $(this._config);
+    return J(this._config);
   }
   set axisTickVisibility(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      q(e, this._config), this.emitConfigUpdate("axisTickVisibility");
-    });
+    Q(e, this._config);
   }
   /**
    * Labels increment for the gauge.
    */
   get labelsIncrement() {
-    return j(this._config);
+    return Y(this._config);
   }
   set labelsIncrement(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      X(e, this._config), this.emitConfigUpdate("labelsIncrement");
-    });
+    z(e, this._config);
   }
   /**
    * Whether to only show the first and last axis labels.
    */
   get onlyShowFirstAndLastLabels() {
-    return B(this._config);
+    return H(this._config);
   }
   set onlyShowFirstAndLastLabels(e) {
-    this.guardSetterFromAsyncOverwrite(() => {
-      Q(e, this._config), this.emitConfigUpdate("onlyShowFirstAndLastLabels");
-    });
+    K(e, this._config);
   }
   // ---------------------------------------------------------------------------------------------
   // Protected Methods
   // ---------------------------------------------------------------------------------------------
   generateDefaultConfig() {
-    const e = S(this.commonStrings);
-    return e.series = [m({ objectIDField: this.layerInfo?.objectIdField })], e;
+    const e = _(this.commonStrings);
+    return e.series = [x({ objectIDField: C(this.layerInfo.layer).idField })], e;
   }
 }
-_(le, [C, I]);
+r([
+  o
+], n.prototype, "field");
+r([
+  o
+], n.prototype, "aggregationType");
+r([
+  o
+], n.prototype, "innerRadius");
+r([
+  o
+], n.prototype, "startAngle");
+r([
+  o
+], n.prototype, "endAngle");
+r([
+  o
+], n.prototype, "valueConversion");
+r([
+  o
+], n.prototype, "featureIndex");
+r([
+  o
+], n.prototype, "removeFeatureIndex");
+r([
+  o
+], n.prototype, "needleVisibility");
+r([
+  o
+], n.prototype, "needleSymbol");
+r([
+  o
+], n.prototype, "needleStartWidth");
+r([
+  o
+], n.prototype, "needleEndWidth");
+r([
+  o
+], n.prototype, "needleInnerRadius");
+r([
+  o
+], n.prototype, "needleDisplayPin");
+r([
+  o
+], n.prototype, "innerLabelVisible");
+r([
+  o
+], n.prototype, "innerLabelContent");
+r([
+  o
+], n.prototype, "axisTickVisibility");
+r([
+  o
+], n.prototype, "labelsIncrement");
+r([
+  o
+], n.prototype, "onlyShowFirstAndLastLabels");
+V(n, [T, A]);
 export {
-  le as GaugeModel
+  n as GaugeModel
 };