vvplot 0.1.2 → 0.2.0

package/dist/theme.d.ts

@@ -1 +0,0 @@
-export { }

package/dist/theme.js

@@ -1,251 +0,0 @@
-import { obj_merge } from "./utils.js";
-const theme_base = {
-  axis: {
-    line_width: 1,
-    tick_width: 1,
-    tick_length: 5,
-    label_size: 12,
-    title_size: 18
-  },
-  axis_h: {
-    title_offset: 20
-  },
-  axis_v: {
-    title_offset: 30,
-    title_angle: 90
-  },
-  axis_left: {
-    tick_position: "left",
-    title_position: "left"
-  },
-  axis_right: {
-    tick_position: "right",
-    title_position: "right"
-  },
-  axis_top: {
-    tick_position: "top",
-    title_position: "top"
-  },
-  axis_bottom: {
-    tick_position: "bottom",
-    title_position: "bottom"
-  },
-  grid: {
-    line_width: 1,
-    line_width_major: 2
-  },
-  plot: {
-    margin: 20,
-    padding_h: 50,
-    padding_v: 20
-  },
-  legend: {
-    spacing: 4
-  }
-};
-const theme_default = {
-  axis: {
-    line_color: "black",
-    tick_color: "black",
-    label_color: "black",
-    title_color: "black"
-  },
-  grid: {
-    line_color: "#eeeeee"
-  }
-};
-const theme_light = {
-  axis: {
-    line_color: "gray",
-    tick_color: "gray",
-    label_color: "gray",
-    title_color: "gray"
-  },
-  grid: {
-    line_color: "#eeeeee"
-  }
-};
-const theme_gray = {
-  axis: {
-    tick_color: "black",
-    label_color: "black",
-    title_color: "black"
-  },
-  grid: {
-    line_color: "white"
-  },
-  plot: {
-    background: "#eeeeee"
-  }
-};
-const theme_dark = {
-  axis: {
-    tick_color: "#333333",
-    label_color: "#555555",
-    title_color: "black"
-  },
-  grid: {
-    line_color: "#666666"
-  },
-  plot: {
-    background: "#888888"
-  }
-};
-const theme_linedraw = {
-  axis: {
-    line_color: "black",
-    tick_color: "black",
-    label_color: "black",
-    title_color: "black"
-  },
-  grid: {
-    line_color: "black",
-    line_width_major: 1,
-    line_width_minor: 0.5
-  }
-};
-const theme_classic = {
-  axis: {
-    line_color: "black",
-    tick_color: "black",
-    label_color: "black",
-    title_color: "black"
-  },
-  grid: null
-};
-const theme_void = {
-  axis: null,
-  grid: null
-};
-function themeMerge(...themes) {
-  return themes.reduce((acc, t) => {
-    for (let k in t) {
-      if (t[k] === null) {
-        acc[k] = null;
-      } else {
-        acc[k] = Object.assign(acc[k] || {}, t[k]);
-      }
-    }
-    return acc ?? void 0;
-  }, {});
-}
-function themePreprocess(theme2, flip = false) {
-  let {
-    axis_h,
-    axis_v,
-    axis_x,
-    axis_y,
-    grid_h,
-    grid_v,
-    grid_x,
-    grid_y,
-    plot: {
-      margin_x,
-      margin_y,
-      margin_h,
-      margin_v,
-      padding_x,
-      padding_y,
-      padding_h,
-      padding_v,
-      ...plot
-    } = {},
-    ...rest
-  } = theme2;
-  if (flip) {
-    axis_h = obj_merge([axis_h, axis_y]);
-    axis_v = obj_merge([axis_v, axis_x]);
-    grid_h = obj_merge([grid_h, grid_x]);
-    grid_v = obj_merge([grid_v, grid_y]);
-    plot.margin_h = margin_y === void 0 ? margin_h : margin_y;
-    plot.margin_v = margin_x === void 0 ? margin_v : margin_x;
-    plot.padding_h = padding_y === void 0 ? padding_h : padding_y;
-    plot.padding_v = padding_x === void 0 ? padding_v : padding_x;
-  } else {
-    axis_h = obj_merge([axis_h, axis_x]);
-    axis_v = obj_merge([axis_v, axis_y]);
-    grid_h = obj_merge([grid_h, grid_y]);
-    grid_v = obj_merge([grid_v, grid_x]);
-    plot.margin_h = margin_x === void 0 ? margin_h : margin_x;
-    plot.margin_v = margin_y === void 0 ? margin_v : margin_y;
-    plot.padding_h = padding_x === void 0 ? padding_h : padding_x;
-    plot.padding_v = padding_y === void 0 ? padding_v : padding_y;
-  }
-  return {
-    axis_h,
-    axis_v,
-    grid_h,
-    grid_v,
-    plot,
-    ...rest
-  };
-}
-function themeBuild(theme2) {
-  function _grid_build(grid_theme) {
-    return {
-      line_color_major: ["line_color", "line_color_major"].map((k) => grid_theme?.[k]).findLast((x) => x !== void 0),
-      line_color_minor: ["line_color", "line_color_minor"].map((k) => grid_theme?.[k]).findLast((x) => x !== void 0),
-      line_width_major: ["line_width", "line_width_major"].map((k) => grid_theme?.[k]).findLast((x) => x !== void 0),
-      line_width_minor: ["line_width", "line_width_minor"].map((k) => grid_theme?.[k]).findLast((x) => x !== void 0)
-    };
-  }
-  return {
-    axis: {
-      h: obj_merge(["axis", "axis_h"].map((k) => theme2?.[k])),
-      v: obj_merge(["axis", "axis_v"].map((k) => theme2?.[k])),
-      left: obj_merge(
-        ["axis", "axis_v", "axis_left"].map((k) => theme2?.[k])
-      ),
-      right: obj_merge(
-        ["axis", "axis_v", "axis_right"].map((k) => theme2?.[k])
-      ),
-      top: obj_merge(
-        ["axis", "axis_h", "axis_top"].map((k) => theme2?.[k])
-      ),
-      bottom: obj_merge(
-        ["axis", "axis_h", "axis_bottom"].map((k) => theme2?.[k])
-      )
-    },
-    grid: {
-      h: _grid_build(obj_merge(["grid", "grid_h"].map((k) => theme2?.[k]))),
-      v: _grid_build(obj_merge(["grid", "grid_v"].map((k) => theme2?.[k])))
-    },
-    plot: {
-      margin: {
-        left: ["margin", "margin_h", "margin_left"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        right: ["margin", "margin_h", "margin_right"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        top: ["margin", "margin_v", "margin_top"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        bottom: ["margin", "margin_v", "margin_bottom"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0
-      },
-      padding: {
-        left: ["padding", "padding_h", "padding_left"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        right: ["padding", "padding_h", "padding_right"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        top: ["padding", "padding_v", "padding_top"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0,
-        bottom: ["padding", "padding_v", "padding_bottom"].map((k) => theme2?.plot?.[k]).findLast((x) => x !== void 0) ?? 0
-      },
-      background: theme2?.plot?.background
-    },
-    selection: theme2?.selection ?? {},
-    legend: {
-      spacing: theme2?.legend?.spacing ?? 0
-    }
-  };
-}
-const theme = {
-  base: theme_base,
-  default: theme_default,
-  light: theme_light,
-  classic: theme_classic,
-  gray: theme_gray,
-  dark: theme_dark,
-  linedraw: theme_linedraw,
-  void: theme_void
-};
-export {
-  theme as default,
-  themeBuild,
-  themeMerge,
-  themePreprocess,
-  theme_base,
-  theme_default
-};

package/dist/utils.js

@@ -1,333 +0,0 @@
-class GEnumElement {
-  constructor(label, value, level) {
-    this.label = label;
-    this.value = value;
-    this.level = level;
-  }
-  toString() {
-    return this.label;
-  }
-  valueOf() {
-    return this.value;
-  }
-  toJSON() {
-    return this.label;
-  }
-}
-class GEnumLevel extends Array {
-  /**
-   * return:
-   *   x if x is a GEnumLevel
-   *   new GEnumLevel from distinct values of x, ordered by natural order, if x is iterable
-   *   new GEnumLevel from keys of x, orderd by coresponing values, if x is an object
-   * @param {*} x
-   * @param {function} [sortkey]
-   * @returns {GEnumLevel}
-   */
-  static from(x) {
-    if (x instanceof this) return x;
-    if (x[Symbol.iterator]) {
-      let lvl = unique(Array.from(x).map((x2) => String(x2))).sort((a, b) => compare(a, b, { numeric: true }));
-      return new this(...lvl);
-    } else if (typeof x === "object") {
-      let lvl = Object.keys(x).map((x2) => String(x2)).sort((a, b) => compare(x[a], x[b]));
-      return new this(...lvl);
-    }
-    throw new Error(`Invalid level values: ${x}`);
-  }
-  /**
-   * build a GEnumLevel
-   * @param {string[]} level
-   */
-  constructor(...level) {
-    level = level.map((x, i) => new GEnumElement(String(x), i));
-    level.forEach((l) => l.level = level);
-    level.mapping = Object.fromEntries(level.map((fct) => [fct, fct]));
-    Object.setPrototypeOf(level, GEnumLevel.prototype);
-    return level;
-  }
-  /**
-   * get the level instance by index or key
-   * @param {(number|string)} idx 
-   * @returns {GEnumElement}
-   */
-  getItem(idx) {
-    if (typeof idx === "number" || idx instanceof Number) {
-      return this[idx];
-    } else {
-      return this.mapping[idx];
-    }
-  }
-  /**
-   * convert an array to a GEnum array
-   * @param {string[]} arr array to be converted, preferably a string array (items of other types will be converted to string)
-   * @returns {GEnumElement[]}
-   */
-  apply(arr) {
-    let result = arr.map((x) => this.mapping[x]);
-    result.level = this;
-    return result;
-  }
-}
-function isContinuous(x) {
-  return typeof x === "number" || x instanceof Number || x instanceof Date;
-}
-function plus(a, b = 0) {
-  if (b == 0 || a == null) return a;
-  if (a instanceof Date) return new a.constructor(+a + b);
-  return +a + b;
-}
-const numutils = {
-  min(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    return Array.from(arr).reduce((a, b) => a < b ? a : b, Infinity);
-  },
-  max(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    return Array.from(arr).reduce((a, b) => a > b ? a : b, -Infinity);
-  },
-  mean(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    if (arr.length == 0) return NaN;
-    return Array.from(arr).reduce((a, v) => a + v, 0) / arr.length;
-  },
-  sd(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    if (arr.length <= 1) return NaN;
-    let mean = Array.from(arr).reduce((a, v) => a + v, 0) / arr.length;
-    return Math.sqrt(Array.from(arr).reduce((a, v) => a + (v - mean) ** 2, 0) / (arr.length - 1));
-  },
-  quantile(arr, p, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    if (arr.length == 0) return NaN;
-    arr = Array.from(arr).sort((a, b) => a - b);
-    let idx = (arr.length - 1) * p, lo = Math.floor(idx), hi = Math.ceil(idx);
-    if (lo == hi) return arr[lo];
-    return arr[lo] * (hi - idx) + arr[hi] * (idx - lo);
-  },
-  extent(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (na_rm) arr = arr.filter(isContinuous);
-    if (infinity_rm) arr = arr.filter((x) => isFinite(x));
-    if (arr.length == 0) return new Array(2);
-    let min = Array.from(arr).reduce((a, b) => a < b ? a : b, Infinity), max = Array.from(arr).reduce((a, b) => a > b ? a : b, -Infinity);
-    return Object.assign([min, max], { min, max });
-  }
-};
-const vecutils = {
-  /* vectorized summation of numbers */
-  sum(...values) {
-    if (values.some((x) => x == null)) return null;
-    if (values.some((x) => !Array.isArray(x) && typeof x != "number"))
-      throw new Error("Arguments must be numbers or arrays");
-    let nums = values.filter((x) => !Array.isArray(x)).reduce((s, a) => +a + s, 0);
-    values = values.filter((x) => Array.isArray(x));
-    if (values.length == 0)
-      return [nums];
-    if (values.some((v) => v.length == 0))
-      return [];
-    let length = values[0].length;
-    if (values.some((v) => v.length != length))
-      throw new Error("Arrays must have the same length");
-    return Array.from({ length }, (_, i) => values.reduce((s, a) => +a[i] + s, nums));
-  }
-};
-function obj_merge(arr) {
-  arr = arr.filter((x) => x !== void 0);
-  if (arr.length == 0) return void 0;
-  arr = arr.slice(arr.findIndex((x) => x == null) + 1);
-  if (arr.length == 0) return null;
-  return arr.reduce((a, c) => Object.assign(a, c), {});
-}
-function str_c(...args) {
-  if (args.some((x) => x === void 0)) return void 0;
-  if (args.some((x) => x === null)) return null;
-  return args.join("");
-}
-function unique(arr, mapper = null) {
-  let map = /* @__PURE__ */ new Map();
-  for (let i in arr) {
-    let key = mapper ? mapper(arr[i]) : arr[i];
-    if (!map.has(key)) map.set(key, arr[i]);
-  }
-  return Array.from(map.values());
-}
-function compare(a, b, { numeric = false } = {}) {
-  if (typeof a != "number" || typeof b != "number")
-    return String(a).localeCompare(String(b), void 0, { numeric });
-  return a - b;
-}
-function emitEvent(handlers, ...args) {
-  if (Array.isArray(handlers)) {
-    handlers = handlers.filter((h) => typeof h === "function");
-    if (handlers.length === 0) return false;
-    handlers.forEach((h) => h(...args));
-    return true;
-  }
-  if (typeof handlers !== "function") return false;
-  handlers(...args);
-  return true;
-}
-function oob_censor(value, { min, max }) {
-  if (value < min || value > max) return NaN;
-  return value;
-}
-function oob_squish_any(value, { min, max }) {
-  if (value < min) return min;
-  if (value > max) return max;
-  return value;
-}
-function oob_squish_infinite(value, { min, max }) {
-  if (value == -Infinity) return min;
-  if (value == Infinity) return max;
-  return value;
-}
-function dropNull(obj) {
-  if (typeof obj !== "object" || obj == null) return obj;
-  return Object.fromEntries(Object.entries(obj).filter(([k, v]) => v != null));
-}
-function deepEqual(a, b) {
-  if (a === b) return true;
-  if (typeof a !== "object" || typeof b !== "object" || a == null || b == null) return false;
-  let aKeys = Object.keys(a), bKeys = Object.keys(b);
-  if (aKeys.length !== bKeys.length) return false;
-  for (let key of aKeys) {
-    if (!deepEqual(a[key], b[key])) return false;
-  }
-  return true;
-}
-function categorize(array) {
-  if (!Array.isArray(array)) throw new Error("Argument must be an array");
-  let categories = [], result = [];
-  for (let i = 0; i < array.length; i++) {
-    let obj = array[i];
-    let idx = categories.findIndex((cat) => deepEqual(cat, obj));
-    if (idx === -1) {
-      categories.push(obj);
-      idx = categories.length - 1;
-    }
-    result.push(idx);
-  }
-  result.categories = categories;
-  return result;
-}
-function interaction(...arrays) {
-  if (arrays.length == 0) return null;
-  let length = arrays.filter((x) => Array.isArray(x)).reduce((l, arr) => {
-    if (Array.isArray(arr)) {
-      if (l == null) return arr.length;
-      if (l != arr.length) throw new Error("Arrays must have the same length");
-    }
-    return l;
-  }, null) ?? 0;
-  let categories = [], result = [];
-  for (let i = 0; i < length; i++) {
-    let arr = arrays.map((x) => Array.isArray(x) ? x[i] : x);
-    let idx = categories.findIndex((x) => x.every((v, j) => v === arr[j]));
-    if (idx === -1) {
-      categories.push(arr);
-      idx = categories.length - 1;
-    }
-    result.push(idx);
-  }
-  result.categories = categories;
-  return result;
-}
-function intraaction(arrays) {
-  if (Object.keys(arrays).length == 0) return null;
-  let length = Object.values(arrays).filter((x) => Array.isArray(x)).reduce((l, arr) => {
-    if (Array.isArray(arr)) {
-      if (l == null) return arr.length;
-      if (l != arr.length) throw new Error("Arrays must have the same length");
-    }
-    return l;
-  }, null) ?? 0;
-  let keys = Object.keys(arrays);
-  let categories = [], result = [];
-  for (let i = 0; i < length; i++) {
-    let arr = Object.fromEntries(keys.map((k) => [k, Array.isArray(arrays[k]) ? arrays[k][i] : arrays[k]]));
-    let idx = categories.findIndex((x) => keys.every((k) => x[k] === arr[k]));
-    if (idx === -1) {
-      categories.push(arr);
-      idx = categories.length - 1;
-    }
-    result.push(idx);
-  }
-  result.categories = categories;
-  return result;
-}
-function intrazip(arrays) {
-  if (Object.keys(arrays).length == 0) return [];
-  let length = Object.values(arrays).filter((x) => Array.isArray(x)).reduce((l, arr) => {
-    if (Array.isArray(arr)) {
-      if (l == null) return arr.length;
-      if (l != arr.length) throw new Error("Arrays must have the same length");
-    }
-    return l;
-  }, null) ?? 0;
-  return Array.from({ length }, (_, i) => Object.fromEntries(Object.keys(arrays).map((k) => [k, Array.isArray(arrays[k]) ? arrays[k][i] : arrays[k]])));
-}
-function serializeSVG(svgElement) {
-  if (!(svgElement instanceof SVGElement)) return null;
-  function removeComments(node) {
-    let i = node.childNodes.length;
-    while (i--) {
-      const child = node.childNodes[i];
-      if (child.nodeType === Node.COMMENT_NODE) {
-        node.removeChild(child);
-      } else if (child.nodeType === Node.ELEMENT_NODE) {
-        removeComments(child);
-        if (child.getAttribute("style") == "") child.removeAttribute("style");
-        if (child.getAttribute("class") == "") child.removeAttribute("class");
-      }
-    }
-  }
-  let svgClone = svgElement.cloneNode(true);
-  let foreignElements = Array.from(svgElement.querySelectorAll("foreignObject")), foreignClones = Array.from(svgClone.querySelectorAll("foreignObject"));
-  for (let i = 0; i < foreignElements.length; i++) {
-    let foreignElement = foreignElements[i], foreignClone = foreignClones[i];
-    let canvas = foreignElements[i].querySelector("canvas");
-    if (!canvas) continue;
-    let img = svgClone.ownerDocument.createElementNS("http://www.w3.org/2000/svg", "image");
-    img.setAttribute("href", canvas.toDataURL());
-    img.setAttribute("x", foreignElement.getAttribute("x"));
-    img.setAttribute("y", foreignElement.getAttribute("y"));
-    img.setAttribute("width", foreignElement.getAttribute("width"));
-    img.setAttribute("height", foreignElement.getAttribute("height"));
-    foreignClone.parentNode.replaceChild(img, foreignClone);
-  }
-  for (let node of svgClone.querySelectorAll(".vvplot-interactive")) node.remove();
-  removeComments(svgClone);
-  svgClone.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-  svgClone.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
-  svgClone.setAttribute("version", "1.1");
-  svgClone.setAttribute("width", svgElement.scrollWidth);
-  svgClone.setAttribute("height", svgElement.scrollHeight);
-  svgClone.setAttribute("viewBox", `0 0 ${svgElement.scrollWidth} ${svgElement.scrollHeight}`);
-  const serializer = new XMLSerializer();
-  return serializer.serializeToString(svgClone);
-}
-export {
-  GEnumElement,
-  GEnumLevel,
-  categorize,
-  dropNull,
-  emitEvent,
-  interaction,
-  intraaction,
-  intrazip,
-  numutils,
-  obj_merge,
-  oob_censor,
-  oob_squish_any,
-  oob_squish_infinite,
-  plus,
-  serializeSVG,
-  str_c,
-  unique,
-  vecutils
-};