@arcgis/charts-components 5.0.0-next.98 → 5.1.0-next.0

package/dist/chunks/model-with-line-marker-styling.js

@@ -0,0 +1,177 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { C as S } from "./chart-model.js";
+import { s as c } from "./serial-chart-model.js";
+import { g as f, a as h, e as p, b as _, f as M, s as k, h as y, c as L, i as C, d, j as m, k as b, l as u, m as V, n as A, o as l, p as v, q as W, r as z } from "./negative-values-stacked-to-baseline.js";
+import { m as i } from "./model-setter.js";
+var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, r = (n, e, t, j) => {
+  for (var o = P(e, t), a = n.length - 1, g; a >= 0; a--)
+    (g = n[a]) && (o = g(e, t, o) || o);
+  return o && O(e, t, o), o;
+};
+class s extends S {
+  /**
+   * Gets the line style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesLineStyle(e) {
+    return f(e, this._config);
+  }
+  setSeriesLineStyle(e, t) {
+    h(e, t, this._config);
+  }
+  /**
+   * Gets the line width of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesLineWidth(e) {
+    return p(e, this._config);
+  }
+  setSeriesLineWidth(e, t) {
+    _(e, t, this._config);
+  }
+  /**
+   * Gets the marker color of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   * @returns Color | undefined
+   */
+  getSeriesMarkerColor(e) {
+    return M(e, this._config);
+  }
+  setSeriesMarkerColor(e, t) {
+    k(e, t, this._config);
+  }
+  /**
+   * Gets the marker style of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesMarkerStyle(e) {
+    return y(e, this._config);
+  }
+  setSeriesMarkerStyle(e, t) {
+    L(e, t, this._config);
+  }
+  /**
+   * Gets the marker size of the series based on the series index. If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesMarkerSize(e) {
+    return C(e, this._config);
+  }
+  setSeriesMarkerSize(e, t) {
+    d(e, t, this._config);
+  }
+  /**
+   * Specify whether line segments of the series should be smoothed.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isLineSmoothed(e) {
+    return m(e, this._config);
+  }
+  setLineSmoothed(e, t) {
+    b({
+      smoothed: e,
+      seriesIndex: t,
+      config: this._config
+    });
+  }
+  /**
+   * Specify the color of the filled area for line chart.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getConnectLines(e) {
+    return u(e, this._config);
+  }
+  setConnectLines(e, t) {
+    V({
+      connect: e,
+      seriesIndex: t,
+      config: this._config
+    });
+  }
+  /**
+   * Specify whether the line series should show area.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isAreaVisible(e) {
+    return A(e, this._config);
+  }
+  setAreaVisible(e, t) {
+    l({
+      visible: e,
+      seriesIndex: t,
+      config: this._config
+    });
+  }
+  /**
+   * Indicate whether to show or hide the markers/bullets of the line series.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isMarkerVisible(e) {
+    return v(e, this._config);
+  }
+  setMarkerVisible(e, t) {
+    W({
+      visible: e,
+      seriesIndex: t,
+      config: this._config
+    });
+  }
+  /**
+   * Specify the color of the filled area for line chart.
+   * **Note:** `areaColor` will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getAreaColor(e) {
+    return z(e, this._config);
+  }
+  setAreaColor(e, t) {
+    l({
+      visible: !0,
+      seriesIndex: t,
+      config: this._config
+    }), c(e, t, this._config);
+  }
+}
+r([
+  i
+], s.prototype, "setSeriesLineStyle");
+r([
+  i
+], s.prototype, "setSeriesLineWidth");
+r([
+  i
+], s.prototype, "setSeriesMarkerColor");
+r([
+  i
+], s.prototype, "setSeriesMarkerStyle");
+r([
+  i
+], s.prototype, "setSeriesMarkerSize");
+r([
+  i
+], s.prototype, "setLineSmoothed");
+r([
+  i
+], s.prototype, "setConnectLines");
+r([
+  i
+], s.prototype, "setAreaVisible");
+r([
+  i
+], s.prototype, "setMarkerVisible");
+r([
+  i
+], s.prototype, "setAreaColor");
+export {
+  s as M
+};

package/dist/chunks/model-with-tooltips.js

@@ -0,0 +1,315 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { C as h, m as s } from "./model-setter.js";
+import "@arcgis/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+import "@arcgis/toolkit/type";
+import { d as y } from "./series-types.js";
+import { aI as b, bB as r, aG as v, aQ as d } 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 { C as f } from "./chart-model.js";
+var m = Object.defineProperty, L = Object.getOwnPropertyDescriptor, u = (t, e, i, p) => {
+  for (var o = L(e, i), l = t.length - 1, n; l >= 0; l--)
+    (n = t[l]) && (o = n(e, i, o) || o);
+  return o && m(e, i, o), o;
+};
+const x = (t) => t.colorMatch ?? !0, D = (t, e) => {
+  e.colorMatch = t;
+};
+class M extends h {
+  /**
+   * 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.
+   */
+  get colorMatch() {
+    return x(this._config);
+  }
+  set colorMatch(e) {
+    D(e, this._config);
+  }
+}
+u([
+  s
+], M.prototype, "colorMatch");
+var V = Object.defineProperty, P = Object.getOwnPropertyDescriptor, C = (t, e, i, p) => {
+  for (var o = P(e, i), l = t.length - 1, n; l >= 0; l--)
+    (n = t[l]) && (o = n(e, i, o) || o);
+  return o && V(e, i, o), o;
+};
+const O = (t) => t.series[0]?.dataLabels?.visible ?? !1, R = (t, e) => {
+  e.series.forEach((i) => {
+    i.dataLabels !== void 0 ? i.dataLabels.visible = t : i.dataLabels = b({
+      text: "",
+      visible: t,
+      font: v(r.DataLabels),
+      type: r.DataLabels
+    });
+  });
+};
+class w extends h {
+  /**
+   * Whether data labels are visible.
+   * true: visible, false: hidden.
+   */
+  get dataLabelsVisibility() {
+    return O(this._config);
+  }
+  set dataLabelsVisibility(e) {
+    R(e, this._config);
+  }
+}
+C([
+  s
+], w.prototype, "dataLabelsVisibility");
+const S = (t) => {
+  let e = !1;
+  return t.legend !== void 0 && (e = t.legend.visible ?? !0), e;
+}, $ = (t, e) => {
+  e.legend === void 0 && (e.legend = d()), e.legend.visible = t;
+}, j = (t) => t.legend?.title?.content, H = (t, e) => {
+  e.legend === void 0 && (e.legend = d()), (e.legend.title === void 0 || t === void 0) && (e.legend.title = b({
+    text: "",
+    visible: !0,
+    font: v(r.LegendTitle),
+    type: r.LegendTitle
+  })), t !== void 0 && (e.legend.title.content = t);
+}, W = (t) => t.legend?.body, E = (t, e) => {
+  e.legend === void 0 && (e.legend = d()), e.legend.body = t ?? b({
+    text: "",
+    visible: !0,
+    font: v(r.LegendText),
+    type: r.LegendText
+  }).content;
+}, c = (t) => t.legend?.title?.content.text ?? "", k = (t, e) => {
+  if (e.legend?.title !== void 0)
+    e.legend.title.content.text = t;
+  else if (e.legend === void 0 && t !== void 0) {
+    const i = d();
+    i.title !== void 0 && (i.title.content.text = t, i.title.visible = !0, e.legend = i);
+  }
+}, B = (t) => t.legend?.title?.visible ?? !1, F = (t, e) => {
+  if (e.legend?.title !== void 0)
+    e.legend.title.visible = t;
+  else if (e.legend !== void 0 && e.legend?.title === void 0 && t)
+    e.legend.title = b({
+      text: c(e),
+      visible: t,
+      font: v(r.LegendTitle),
+      type: r.LegendTitle
+    });
+  else if (e.legend === void 0) {
+    const i = d();
+    i.title = b({
+      text: c(e),
+      visible: t,
+      font: v(r.LegendTitle),
+      type: r.LegendTitle
+    }), e.legend = i;
+  }
+}, G = (t) => t.legend?.position ?? y.Right, Q = (t, e) => {
+  if (e.legend !== void 0)
+    e.legend.position = t;
+  else if (e.legend === void 0) {
+    const i = d();
+    i.position = t, e.legend = i;
+  }
+}, q = (t) => t.legend?.roundMarkers ?? !1, z = (t, e) => {
+  e.legend === void 0 && (e.legend = d()), e.legend.roundMarkers = t;
+}, A = (t) => t.legend?.maxHeight ?? void 0, J = (t, e) => {
+  e.legend === void 0 && (e.legend = d()), e.legend.maxHeight = t;
+};
+var K = Object.defineProperty, N = Object.getOwnPropertyDescriptor, a = (t, e, i, p) => {
+  for (var o = N(e, i), l = t.length - 1, n; l >= 0; l--)
+    (n = t[l]) && (o = n(e, i, o) || o);
+  return o && K(e, i, o), o;
+};
+class g extends f {
+  // ---------------------------------------------------------------------------------------------
+  // Data Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Whether the legend title is visible.
+   *
+   * `true`: Legend title is visible.
+   *
+   * `false`: Legend title is hidden.
+   */
+  get legendVisibility() {
+    return S(this._config);
+  }
+  set legendVisibility(e) {
+    $(e, this._config);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // General Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * The legend title text.
+   */
+  get legendTitleText() {
+    return c(this._config);
+  }
+  set legendTitleText(e) {
+    k(e, this._config);
+  }
+  /**
+   * Whether the legend title is visible.
+   *
+   * `true`: Legend title is visible.
+   *
+   * `false`: Legend title is hidden.
+   */
+  get legendTitleVisibility() {
+    return B(this._config);
+  }
+  set legendTitleVisibility(e) {
+    F(e, this._config);
+  }
+  /**
+   * Legend position: top, bottom, left, or right.
+   */
+  get legendPosition() {
+    return G(this._config);
+  }
+  set legendPosition(e) {
+    Q(e, this._config);
+  }
+  // ---------------------------------------------------------------------------------------------
+  // Format Props
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Legend title text symbol (font, color, style).
+   */
+  get legendTitleSymbol() {
+    return j(this._config);
+  }
+  set legendTitleSymbol(e) {
+    H(e, this._config);
+  }
+  /**
+   * Legend item text symbol (font, color, style).
+   */
+  get legendTextSymbol() {
+    return W(this._config);
+  }
+  set legendTextSymbol(e) {
+    E(e, this._config);
+  }
+  /**
+   * Maximum legend height.
+   */
+  get legendMaxHeight() {
+    return A(this._config);
+  }
+  set legendMaxHeight(e) {
+    e !== void 0 && J(e, this._config);
+  }
+  /**
+   * Whether legend markers are rounded.
+   */
+  get legendRoundMarker() {
+    return q(this._config);
+  }
+  set legendRoundMarker(e) {
+    z(e, this._config);
+  }
+}
+a([
+  s
+], g.prototype, "legendVisibility");
+a([
+  s
+], g.prototype, "legendTitleText");
+a([
+  s
+], g.prototype, "legendTitleVisibility");
+a([
+  s
+], g.prototype, "legendPosition");
+a([
+  s
+], g.prototype, "legendTitleSymbol");
+a([
+  s
+], g.prototype, "legendTextSymbol");
+a([
+  s
+], g.prototype, "legendMaxHeight");
+a([
+  s
+], g.prototype, "legendRoundMarker");
+const U = (t, e) => t.series?.[e ?? 0]?.dataTooltipVisible ?? !0, X = (t, e, i) => {
+  i && t.series?.[i] ? t.series[i].dataTooltipVisible = e : t.series && t.series.forEach((p) => {
+    p.dataTooltipVisible = e;
+  });
+}, Y = (t, e) => t.series?.[e ?? 0]?.dataTooltipReverseColor ?? !1, Z = (t, e, i) => {
+  i && t.series?.[i] ? t.series[i].dataTooltipReverseColor = e : t.series && t.series.forEach((p) => {
+    p.dataTooltipReverseColor = e;
+  });
+};
+var I = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, T = (t, e, i, p) => {
+  for (var o = ee(e, i), l = t.length - 1, n; l >= 0; l--)
+    (n = t[l]) && (o = n(e, i, o) || o);
+  return o && I(e, i, o), o;
+};
+class _ extends f {
+  /**
+   * Gets the visibility of the data tooltips.
+   * - If the seriesIndex is provided, the visibility for that series will be returned. Otherwise, the visibility of the first series will be returned.
+   * - If the visibility is not set on the series, the default value of `true` will be returned.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getDataTooltipVisibility(e) {
+    return U(this._config, e);
+  }
+  setDataTooltipVisibility(e, i) {
+    X(this._config, e, i);
+  }
+  /**
+   * Gets the setting of the `dataTooltipReverseColor` property.
+   * - If the seriesIndex is provided, the dataTooltipReverseColor for that series will be returned. Otherwise, the same property of the first series will be returned.
+   * - If the dataTooltipReverseColor is not set on the series, the default value of `false` will be returned.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getDataTooltipReverseColor(e) {
+    return Y(this._config, e);
+  }
+  setDataTooltipReverseColor(e, i) {
+    Z(this._config, e, i);
+  }
+}
+T([
+  s
+], _.prototype, "setDataTooltipVisibility");
+T([
+  s
+], _.prototype, "setDataTooltipReverseColor");
+export {
+  g as M,
+  M as W,
+  _ as a,
+  w as b
+};

package/dist/chunks/model-with-x-guides.js

@@ -0,0 +1,49 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { G as n } from "./common.js";
+import { a as f } from "./utils.js";
+import { M as a, a as l, d as G } from "./model-with-guides.js";
+import { m as p } from "./model-setter.js";
+var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, u = (o, e, t, h) => {
+  for (var i = c(e, t), s = o.length - 1, r; s >= 0; s--)
+    (r = o[s]) && (i = r(e, t, i) || i);
+  return i && m(e, t, i), i;
+};
+class d extends a {
+  // ---------------------------------------------------------------------------------------------
+  // Guides Methods
+  // ---------------------------------------------------------------------------------------------
+  /**
+   * Gets the number guides in the X-axis guides list.
+   *
+   * @returns The number of X-axis guides.
+   */
+  getXGuidesLength() {
+    return this._config.axes?.[0]?.guides?.length;
+  }
+  addXAxisGuide(e, t) {
+    l({
+      config: this._config,
+      name: e,
+      index: t,
+      orientation: n.X
+    });
+  }
+  deleteXAxisGuide(e) {
+    G({
+      config: this._config,
+      index: e,
+      orientation: n.X
+    });
+  }
+}
+u([
+  p
+], d.prototype, "addXAxisGuide");
+u([
+  p
+], d.prototype, "deleteXAxisGuide");
+const g = [a];
+f(d, g);
+export {
+  d as M
+};