@geoscene/charts-components 5.0.19

package/dist/chunks/combo-bar-line-chart-model.js

@@ -0,0 +1,299 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { g as p, s as b, a as _, b as L } from "./bar-chart-series.js";
+import { m as a } from "./model-setter.js";
+import {
+  g as u,
+  a as k,
+  e as C,
+  b as v,
+  f as M,
+  s as z,
+  h as O,
+  c as B,
+  i as V,
+  d as D,
+  j as F,
+  k as A,
+  n as H,
+  o as d,
+  p as j,
+  q as W,
+  r as w,
+  W as P,
+} from "./negative-values-stacked-to-baseline.js";
+import { S as T, s as N } from "./serial-chart-model.js";
+import { a as q } from "./utils.js";
+import { W as S } from "./series-types.js";
+import { o as R, j as l, l as g } from "./index4.js";
+import { bk as E, bd as y, bR as f, ba as m } from "./index.js";
+var G = Object.defineProperty,
+  J = Object.getOwnPropertyDescriptor,
+  n = (c, e, i, s) => {
+    for (var t = J(e, i), r = c.length - 1, h; r >= 0; r--)
+      (h = c[r]) && (t = h(e, i, t) || t);
+    return t && G(e, i, t), t;
+  };
+class o extends T {
+  constructor() {
+    super(...arguments), (this._chartType = S.ComboLineAndBarSeries);
+  }
+  async setup(e) {
+    await this.loadConfigFromLayer(e),
+      this.setupLocalProps(),
+      e.config !== void 0 &&
+        (R(e.config?.series) && this.initDefaultSeries(),
+        await this.updateSeriesFromLayerFilter()),
+      typeof this.resolveSetup == "function" && this.resolveSetup();
+  }
+  // ---------------------------------------------------------------------------------------------
+  // Protected Methods
+  // ---------------------------------------------------------------------------------------------
+  /** @private */
+  generateDefaultConfig() {
+    const e = E(this.commonStrings);
+    return (
+      (e.series = [
+        y({
+          commonStrings: this.commonStrings,
+          objectIDField: f(this.layerInfo.layer).idField,
+        }),
+      ]),
+      e
+    );
+  }
+  /**
+   * Initializes the default series for the combo bar-line chart. Used in resetting the series styling.
+   *
+   * @private
+   */
+  initDefaultSeries() {
+    this.defaultSeries = m({
+      commonStrings: this.commonStrings,
+      objectIDField: f(this.layerInfo.layer).idField,
+    });
+  }
+  setSeriesType(e, i) {
+    if (e < this._config.series.length && e >= 0) {
+      const s = this._config.series[e];
+      let t;
+      if (i === S.BarSeries && l(s)) {
+        const r = { ...s };
+        delete r.lineSymbol,
+          delete r.markerSymbol,
+          delete r.lineSmoothed,
+          delete r.markerVisible,
+          delete r.areaColor,
+          delete r.stackNegativeValuesToBaseline,
+          (t = {
+            ...y({
+              commonStrings: this.commonStrings,
+              objectIDField: f(this.layerInfo.layer).idField,
+            }),
+            ...r,
+            type: S.BarSeries,
+            y: [s.y].flat()[0],
+          }),
+          t.fillSymbol &&
+            (t.fillSymbol = {
+              ...t.fillSymbol,
+              color: s.lineSymbol?.color,
+            });
+      } else if (i === S.LineSeries && g(s)) {
+        const r = { ...s };
+        delete r.fillSymbol,
+          delete r.hideOversizedStackedLabels,
+          delete r.hideOversizedSideBySideLabels,
+          (t = {
+            ...m({
+              commonStrings: this.commonStrings,
+              objectIDField: f(this.layerInfo.layer).idField,
+            }),
+            ...r,
+            type: S.LineSeries,
+          }),
+          t.lineSymbol &&
+            (t.lineSymbol = {
+              ...t.lineSymbol,
+              color: s.fillSymbol?.color,
+            });
+      }
+      t !== void 0 && (this._config.series[e] = t);
+    }
+  }
+  /**
+   * 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 u(e, this._config);
+  }
+  setSeriesLineStyle(e, i) {
+    const s = this._config.series?.[i];
+    l(s) && k(e, i, 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 C(e, this._config);
+  }
+  setSeriesLineWidth(e, i) {
+    const s = this._config.series?.[i];
+    l(s) && v(e, i, 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.
+   */
+  getSeriesMarkerColor(e) {
+    return M(e, this._config);
+  }
+  setSeriesMarkerColor(e, i) {
+    const s = this._config.series?.[i];
+    l(s) && z(e, i, 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 O(e, this._config);
+  }
+  setSeriesMarkerStyle(e, i) {
+    const s = this._config.series?.[i];
+    l(s) && B(e, i, 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 V(e, this._config);
+  }
+  setSeriesMarkerSize(e, i) {
+    const s = this._config.series?.[i];
+    l(s) && D(e, i, this._config);
+  }
+  /**
+   * Specify whether line segments of the series should be smoothed.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isLineSmoothed(e) {
+    return F(e, this._config);
+  }
+  setLineSmoothed(e, i) {
+    const s = this._config.series?.[i];
+    l(s) &&
+      A({
+        smoothed: e,
+        seriesIndex: i,
+        config: this._config,
+      });
+  }
+  /**
+   * Indicate whether the area is visible for the line series.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  isAreaVisible(e) {
+    return H(e, this._config);
+  }
+  setAreaVisible(e, i) {
+    const s = this._config.series?.[i];
+    l(s) &&
+      d({
+        visible: e,
+        seriesIndex: i,
+        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 j(e, this._config);
+  }
+  setMarkerVisible(e, i) {
+    const s = this._config.series?.[i];
+    l(s) &&
+      W({
+        visible: e,
+        seriesIndex: i,
+        config: this._config,
+      });
+  }
+  /**
+   * Gets 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 w(e, this._config);
+  }
+  setAreaColor(e, i) {
+    const s = this._config.series?.[i];
+    l(s) &&
+      (d({
+        visible: !0,
+        seriesIndex: i,
+        config: this._config,
+      }),
+      N(e, i, this._config));
+  }
+  /**
+   * Gets whether to hide oversized data labels of the side-by-side series based on the series index. '
+   *
+   * If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesHideOversizedSideBySideLabels(e) {
+    return p(e, this._config);
+  }
+  setSeriesHideOversizedSideBySideLabels(e, i) {
+    const s = this._config.series?.[i];
+    g(s) && b(e, i, this._config);
+  }
+  /**
+   * Gets whether to hide oversized data labels of the stacked series based on the series index.
+   * If the index is out of bounds, it will return `undefined`.
+   *
+   * @param seriesIndex - The index of the series.
+   */
+  getSeriesHideOversizedStackedLabels(e) {
+    return _(e, this._config);
+  }
+  setSeriesHideOversizedStackedLabels(e, i) {
+    const s = this._config.series?.[i];
+    g(s) && L(e, i, this._config);
+  }
+}
+n([a], o.prototype, "setSeriesType");
+n([a], o.prototype, "setSeriesLineStyle");
+n([a], o.prototype, "setSeriesLineWidth");
+n([a], o.prototype, "setSeriesMarkerColor");
+n([a], o.prototype, "setSeriesMarkerStyle");
+n([a], o.prototype, "setSeriesMarkerSize");
+n([a], o.prototype, "setLineSmoothed");
+n([a], o.prototype, "setAreaVisible");
+n([a], o.prototype, "setMarkerVisible");
+n([a], o.prototype, "setAreaColor");
+n([a], o.prototype, "setSeriesHideOversizedSideBySideLabels");
+n([a], o.prototype, "setSeriesHideOversizedStackedLabels");
+const K = [P];
+q(o, K);
+export { o as ComboBarLineChartModel };

package/dist/chunks/common.js

@@ -0,0 +1,106 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+const e = "customSort",
+  s = {
+    xAxisAsc: "xAxisAsc",
+    xAxisDesc: "xAxisDesc",
+    yAxisAsc: "yAxisAsc",
+    yAxisDesc: "yAxisDesc",
+    customSort: e,
+  },
+  a = {
+    xAxisAsc: "xAxisAsc",
+    xAxisDesc: "xAxisDesc",
+    meanAsc: "meanAsc",
+    meanDesc: "meanDesc",
+    medianAsc: "medianAsc",
+    medianDesc: "medianDesc",
+    customSort: e,
+  },
+  t = {
+    Asc: "Asc",
+    Desc: "Desc",
+    customSort: e,
+  },
+  i = {
+    labelAsc: "labelAsc",
+    labelDesc: "labelDesc",
+    valueAsc: "valueAsc",
+    valueDesc: "valueDesc",
+    customSort: e,
+  },
+  n = {
+    Category: "category",
+    Fields: "fields",
+  },
+  r = {
+    Category: "category",
+    Value: "value",
+    Percentage: "percentage",
+    Both: "both",
+  },
+  c = {
+    TextElements: "textElements",
+    XAxisTitle: "xAxisTitle",
+    YAxisTitle: "yAxisTitle",
+    AxisLabels: "axisLabels",
+    GuideLabels: "guideLabels",
+    Title: "title",
+    LegendText: "legendText",
+    LegendTitle: "legendTitle",
+    Description: "description",
+    DataLabels: "dataLabels",
+    Background: "background",
+    LeaderLines: "leaderLines",
+    AxisLines: "axisLines",
+    GridLines: "gridLines",
+  },
+  o = {
+    AxisLines: "axisLines",
+    GridLines: "gridLines",
+    LeaderLines: "leaderLines",
+  },
+  l = {
+    Title: "title",
+    XAxisTitle: "xAxisTitle",
+    YAxisTitle: "yAxisTitle",
+    AxisLabels: "axisLabels",
+    GuideLabels: "guideLabels",
+    LegendText: "legendText",
+    LegendTitle: "legendTitle",
+    Description: "description",
+    DataLabels: "dataLabels",
+  },
+  x = {
+    Background: "background",
+  },
+  d = {
+    X: "x",
+    Y: "y",
+  },
+  A = {
+    BarChart: "barChart",
+    LineChart: "lineChart",
+    ComboBarLineChart: "comboBarLineChart",
+    BoxPlot: "boxPlot",
+    PieChart: "pieChart",
+    Scatterplot: "scatterplot",
+    Histogram: "histogram",
+    Gauge: "gauge",
+    RadarChart: "radarChart",
+    HeatChart: "heatChart",
+  };
+export {
+  a as B,
+  x as C,
+  c as F,
+  d as G,
+  t as H,
+  o as L,
+  A as M,
+  i as P,
+  s as S,
+  l as T,
+  n as a,
+  r as b,
+  e as c,
+};

package/dist/chunks/data-labels-symbol.js

@@ -0,0 +1,42 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { cloneDeep as l } from "lodash-es";
+import { C as n, m as b } from "./model-setter.js";
+import { aP as f, bI as i, aN as d } from "./index.js";
+var c = Object.defineProperty,
+  m = Object.getOwnPropertyDescriptor,
+  p = (e, t, a, y) => {
+    for (var s = m(t, a), o = e.length - 1, r; o >= 0; o--)
+      (r = e[o]) && (s = r(t, a, s) || s);
+    return s && c(t, a, s), s;
+  };
+function h(e) {
+  return e !== void 0 && "dataLabelsSymbol" in e;
+}
+const L = (e) => {
+    for (const t of e.series)
+      if (t.dataLabels !== void 0) return t.dataLabels.content;
+  },
+  v = (e, t) => {
+    for (const a of t.series)
+      (a.dataLabels === void 0 || e === void 0) &&
+        (a.dataLabels = f({
+          text: "",
+          visible: !0,
+          font: d(i.DataLabels),
+          type: i.DataLabels,
+        })),
+        e !== void 0 && (a.dataLabels.content = l(e));
+  };
+class u extends n {
+  /**
+   * Data labels text symbol (font, color, style).
+   */
+  get dataLabelsSymbol() {
+    return L(this._config);
+  }
+  set dataLabelsSymbol(t) {
+    v(t, this._config);
+  }
+}
+p([b], u.prototype, "dataLabelsSymbol");
+export { u as W, h as i };

package/dist/chunks/data.js

@@ -0,0 +1,195 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { capitalize as y } from "lodash-es";
+import "@geoscene/toolkit/type";
+import { g as l, t as n, w as F, W as d, a as f } from "./series-types.js";
+import {
+  c0 as x,
+  b as $,
+  d as L,
+  ay as N,
+  dr as I,
+  o as H,
+  bR as _,
+  cM as M,
+  dp as P,
+  c as W,
+  a as v,
+} from "./index.js";
+import "@geoscene/toolkit/intl";
+import "luxon";
+import "d3-array";
+import "@geoscene/geoscene-html-sanitizer";
+import "@geoscene/core/geometry/support/jsonUtils.js";
+import "@geoscene/core/rest/support/AttributeBinsQuery.js";
+import "@geoscene/core/rest/support/StatisticDefinition.js";
+import "@geoscene/core/time/TimeExtent.js";
+import "@geoscene/core/core/promiseUtils.js";
+import "@geoscene/core/request.js";
+import "./runtime.js";
+import "@geoscene/toolkit/dom";
+import "@geoscene/core/intl.js";
+import { H as u, S as o, a as U } from "./common.js";
+function E(e, r) {
+  let t;
+  return (
+    r === n.Category && Array.isArray(e)
+      ? (t = o.customSort)
+      : r === n.Category
+      ? (t = e === l.Ascending ? o.xAxisAsc : o.xAxisDesc)
+      : e === l.Ascending
+      ? (t = o.yAxisAsc)
+      : (t = o.yAxisDesc),
+    t
+  );
+}
+function ne(e, r) {
+  let t;
+  return (
+    r === n.Category && Array.isArray(e)
+      ? (t = u.customSort)
+      : (t = e === l.Ascending ? u.Asc : u.Desc),
+    t
+  );
+}
+const K = (e) => {
+    const r =
+      e.orderOptions?.data && "orderBy" in e.orderOptions.data
+        ? e.orderOptions.data.orderBy
+        : l.Ascending;
+    return E(r, e.orderOptions?.data?.orderType ?? n.Category);
+  },
+  V = (e) => {
+    const r = F(e.series);
+    let t = !1;
+    return (
+      (r === d.BarSeries || r === d.LineSeries) && (t = K(e) === o.customSort),
+      t
+    );
+  },
+  le = (e) => {
+    let r = [];
+    const t = e.orderOptions?.data?.orderType;
+    return V(e) && t === n.Category && (r = e.orderOptions?.data?.orderBy), r;
+  },
+  ce = (e, r, t, s) => {
+    const i = F(r.series),
+      m = I(r);
+    r.orderOptions ??= {};
+    let a = m ? [""] : l.Ascending;
+    if (m)
+      e === u.customSort && t !== void 0
+        ? (a = [...t])
+        : (a = e === u.Desc ? l.Descending : l.Ascending),
+        s
+          ? (r.orderOptions.data = {
+              ...r.orderOptions.data,
+              orderByY: a,
+              orderType: n.MultiAxes,
+            })
+          : (r.orderOptions.data = {
+              ...r.orderOptions.data,
+              orderByX: a,
+              orderType: n.MultiAxes,
+            });
+    else if (i === d.BarSeries || i === d.LineSeries) {
+      let c = n.Category;
+      e === o.customSort && t !== void 0
+        ? ((a = [...t]),
+          (r.orderOptions.data = {
+            orderType: c,
+            orderBy: a,
+          }))
+        : ((c = e === o.xAxisAsc || e === o.xAxisDesc ? n.Category : n.YValue),
+          (a =
+            e === o.xAxisAsc || e === o.yAxisAsc ? l.Ascending : l.Descending),
+          (r.orderOptions.data = {
+            orderType: c,
+            orderBy: a,
+          }));
+    }
+  },
+  pe = (e) => e?.series?.[0]?.x ?? "",
+  me = (e) => {
+    const {
+        config: r,
+        xAxisField: t,
+        numericFields: s,
+        aggregationType: i,
+        mode: m,
+        layer: a,
+        numericFieldIndex: c,
+        seriesIndex: h,
+        splitByField: S = "",
+        fieldList: O,
+      } = e,
+      T = F(r.series),
+      b = H(r.series),
+      { idField: D, isTraditionalTypeOID: B } = _(M(a)),
+      C = B && s.length === 1 && s[0] === D;
+    let p = "y",
+      A = "y";
+    switch (T) {
+      case d.PieSeries: {
+        i !== f.NoAggregation
+          ? m === U.Category
+            ? ((p = `${i}_${s[0]}_0`.toUpperCase()),
+              (A = C ? y(f.Count) : y(`${i} of ${s[0]}`)))
+            : (p = v)
+          : (p = s[0]);
+        break;
+      }
+      case d.BarSeries:
+      case d.LineSeries:
+      case d.ComboLineAndBarSeries:
+      case d.RadarSeries:
+      case d.HeatSeries: {
+        if (S === "" || s.length > 1)
+          j({
+            fieldName: t,
+            numericFields: s,
+            fieldList: O ?? [],
+          }) || b === P.BarAndLineFromFields
+            ? (p = W)
+            : ((p = `${i}_${s[c ?? 0]}_${c ?? 0}`.toUpperCase()),
+              (A = C ? y(f.Count) : y(`${i} of ${s[c ?? 0]}`)));
+        else {
+          const g = s[0];
+          (p = `${i}_${g}_${h ?? 0}`.toUpperCase()),
+            (A = C ? y(f.Count) : y(`${i} of ${g}`));
+        }
+        break;
+      }
+    }
+    return {
+      name: p,
+      description: A,
+    };
+  };
+function Y(e) {
+  const { fieldName: r, fieldList: t } = e,
+    s = x(t ?? [], r);
+  return (
+    r === $ ||
+    r === L ||
+    r === N ||
+    r === void 0 ||
+    r.trim() === "" ||
+    s === void 0
+  );
+}
+function j(e) {
+  const { fieldName: r, fieldList: t, numericFields: s } = e,
+    i = s.filter((m) => x(t ?? [], m)?.type !== "esriFieldTypeOID");
+  return Y({ fieldName: r, fieldList: t }) && (i?.length ?? 0) > 0;
+}
+export {
+  K as a,
+  pe as b,
+  j as c,
+  le as d,
+  ne as e,
+  E as f,
+  me as g,
+  ce as s,
+  Y as x,
+};

package/dist/chunks/default.js

@@ -0,0 +1,16 @@
+/* COPYRIGHT  - https://js.geoscene.cn/5.0/LICENSE.txt */
+import "@geoscene/toolkit/type";
+import { W as t } from "./series-types.js";
+import { a as o, f as e } from "./rest-js-object-literals.js";
+const i = 153,
+  a = {
+    type: t.Guide,
+    style: {
+      type: e.SLS,
+      color: [127, 127, 127, i],
+      width: 2,
+      style: o.Solid,
+    },
+    label: { type: e.TS },
+  };
+export { a as d, i as g };