vvplot 0.1.1 → 0.1.3

package/dist/break.js

@@ -1,5 +1,5 @@
-function break_number({ step: $step, minor = false } = {}) {
-  return function({ min, max } = {}) {
+function break_number({ step: $step, minor: $minor = false } = {}) {
+  return function({ min, max, minor = $minor } = {}) {
     let interval = max - min, step = $step;
     if (isNaN(interval) || interval < 0) return [];
     if (interval == 0) return [min];

package/dist/components.d.ts

@@ -5,6 +5,7 @@ import { default as VVAxisY } from './AxisY.vue';
 import { default as VVGeom } from './Geom.vue';
 import { default as VVGeomBar } from './GeomBar.vue';
 import { default as VVGeomBlank } from './GeomBlank.vue';
+import { default as VVGeomBoxplot } from './GeomBoxplot.vue';
 import { default as VVGeomCurve } from './GeomCurve.vue';
 import { default as VVGeomDensity } from './GeomDensity.vue';
 import { default as VVGeomHistogram } from './GeomHistogram.vue';
@@ -36,6 +37,8 @@ export { VVGeomBar }
 
 export { VVGeomBlank }
 
+export { VVGeomBoxplot }
+
 export { VVGeomCurve }
 
 export { VVGeomDensity }

package/dist/components.js

@@ -1,4 +1,4 @@
-import { _sfc_main$1, _sfc_main$3, _sfc_main$4, _sfc_main$5, _sfc_main$6, _sfc_main$7, _sfc_main$8, _sfc_main$9, _sfc_main$10, _sfc_main$11, _sfc_main$12, _sfc_main$13, _sfc_main$14, _sfc_main$15, _sfc_main$16, _sfc_main$17, _sfc_main$18, _sfc_main$19, _sfc_main$20, _sfc_main$21, _sfc_main$22, _sfc_main, _sfc_main$2 } from "./Selection.js";
+import { _sfc_main$1, _sfc_main$3, _sfc_main$4, _sfc_main$5, _sfc_main$6, _sfc_main$7, _sfc_main$8, _sfc_main$9, _sfc_main$10, _sfc_main$11, _sfc_main$12, _sfc_main$13, _sfc_main$14, _sfc_main$15, _sfc_main$16, _sfc_main$17, _sfc_main$18, _sfc_main$19, _sfc_main$20, _sfc_main$21, _sfc_main$22, _sfc_main$23, _sfc_main, _sfc_main$2 } from "./Selection.js";
 export {
   _sfc_main$1 as VVAction,
   _sfc_main$3 as VVAxis,
@@ -7,20 +7,21 @@ export {
   _sfc_main$6 as VVGeom,
   _sfc_main$7 as VVGeomBar,
   _sfc_main$8 as VVGeomBlank,
-  _sfc_main$9 as VVGeomCurve,
-  _sfc_main$10 as VVGeomDensity,
-  _sfc_main$11 as VVGeomHistogram,
-  _sfc_main$12 as VVGeomLine,
-  _sfc_main$13 as VVGeomLinerange,
-  _sfc_main$14 as VVGeomPath,
-  _sfc_main$15 as VVGeomPoint,
-  _sfc_main$16 as VVGeomPolygon,
-  _sfc_main$17 as VVGeomRect,
-  _sfc_main$18 as VVGeomSegment,
-  _sfc_main$19 as VVGeomStick,
-  _sfc_main$20 as VVGeomText,
-  _sfc_main$21 as VVGeomTextsegment,
-  _sfc_main$22 as VVGeomTile,
+  _sfc_main$9 as VVGeomBoxplot,
+  _sfc_main$10 as VVGeomCurve,
+  _sfc_main$11 as VVGeomDensity,
+  _sfc_main$12 as VVGeomHistogram,
+  _sfc_main$13 as VVGeomLine,
+  _sfc_main$14 as VVGeomLinerange,
+  _sfc_main$15 as VVGeomPath,
+  _sfc_main$16 as VVGeomPoint,
+  _sfc_main$17 as VVGeomPolygon,
+  _sfc_main$18 as VVGeomRect,
+  _sfc_main$19 as VVGeomSegment,
+  _sfc_main$20 as VVGeomStick,
+  _sfc_main$21 as VVGeomText,
+  _sfc_main$22 as VVGeomTextsegment,
+  _sfc_main$23 as VVGeomTile,
   _sfc_main as VVPlot,
   _sfc_main$2 as VVSelection
 };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { default as VVAxisY } from './AxisY.vue';
 import { default as VVGeom } from './Geom.vue';
 import { default as VVGeomBar } from './GeomBar.vue';
 import { default as VVGeomBlank } from './GeomBlank.vue';
+import { default as VVGeomBoxplot } from './GeomBoxplot.vue';
 import { default as VVGeomCurve } from './GeomCurve.vue';
 import { default as VVGeomDensity } from './GeomDensity.vue';
 import { default as VVGeomHistogram } from './GeomHistogram.vue';
@@ -36,6 +37,8 @@ export { VVGeomBar }
 
 export { VVGeomBlank }
 
+export { VVGeomBoxplot }
+
 export { VVGeomCurve }
 
 export { VVGeomDensity }

package/dist/index.js

@@ -1,4 +1,4 @@
-import { _sfc_main$1, _sfc_main$3, _sfc_main$4, _sfc_main$5, _sfc_main$6, _sfc_main$7, _sfc_main$8, _sfc_main$9, _sfc_main$10, _sfc_main$11, _sfc_main$12, _sfc_main$13, _sfc_main$14, _sfc_main$15, _sfc_main$16, _sfc_main$17, _sfc_main$18, _sfc_main$19, _sfc_main$20, _sfc_main$21, _sfc_main$22, _sfc_main, _sfc_main$2 } from "./Selection.js";
+import { _sfc_main$1, _sfc_main$3, _sfc_main$4, _sfc_main$5, _sfc_main$6, _sfc_main$7, _sfc_main$8, _sfc_main$9, _sfc_main$10, _sfc_main$11, _sfc_main$12, _sfc_main$13, _sfc_main$14, _sfc_main$15, _sfc_main$16, _sfc_main$17, _sfc_main$18, _sfc_main$19, _sfc_main$20, _sfc_main$21, _sfc_main$22, _sfc_main$23, _sfc_main, _sfc_main$2 } from "./Selection.js";
 export {
   _sfc_main$1 as VVAction,
   _sfc_main$3 as VVAxis,
@@ -7,20 +7,21 @@ export {
   _sfc_main$6 as VVGeom,
   _sfc_main$7 as VVGeomBar,
   _sfc_main$8 as VVGeomBlank,
-  _sfc_main$9 as VVGeomCurve,
-  _sfc_main$10 as VVGeomDensity,
-  _sfc_main$11 as VVGeomHistogram,
-  _sfc_main$12 as VVGeomLine,
-  _sfc_main$13 as VVGeomLinerange,
-  _sfc_main$14 as VVGeomPath,
-  _sfc_main$15 as VVGeomPoint,
-  _sfc_main$16 as VVGeomPolygon,
-  _sfc_main$17 as VVGeomRect,
-  _sfc_main$18 as VVGeomSegment,
-  _sfc_main$19 as VVGeomStick,
-  _sfc_main$20 as VVGeomText,
-  _sfc_main$21 as VVGeomTextsegment,
-  _sfc_main$22 as VVGeomTile,
+  _sfc_main$9 as VVGeomBoxplot,
+  _sfc_main$10 as VVGeomCurve,
+  _sfc_main$11 as VVGeomDensity,
+  _sfc_main$12 as VVGeomHistogram,
+  _sfc_main$13 as VVGeomLine,
+  _sfc_main$14 as VVGeomLinerange,
+  _sfc_main$15 as VVGeomPath,
+  _sfc_main$16 as VVGeomPoint,
+  _sfc_main$17 as VVGeomPolygon,
+  _sfc_main$18 as VVGeomRect,
+  _sfc_main$19 as VVGeomSegment,
+  _sfc_main$20 as VVGeomStick,
+  _sfc_main$21 as VVGeomText,
+  _sfc_main$22 as VVGeomTextsegment,
+  _sfc_main$23 as VVGeomTile,
   _sfc_main as VVPlot,
   _sfc_main$2 as VVSelection
 };

package/dist/scale.js

@@ -2691,6 +2691,11 @@ const oob = {
     return value;
   }
 };
+function custom_scale(func, { title, ...etc } = {}) {
+  return Object.assign(function(arr) {
+    return arr.map(func);
+  }, { title }, etc);
+}
 function manual_scale({
   values = {},
   na_value = null,
@@ -2729,6 +2734,16 @@ function continuous_scale({
   };
   return Object.assign(fn, { title, limits, oob: oob2 }, etc);
 }
+function identity_scale_number({ title, ...etc } = {}) {
+  return Object.assign(function(arr) {
+    return arr.map((v) => +v);
+  }, { asis: true, title }, etc);
+}
+function identity_scale_string({ title, ...etc } = {}) {
+  return Object.assign(function(arr) {
+    return arr.map((v) => String(v ?? ""));
+  }, { asis: true, title }, etc);
+}
 function palette_scale_hue({
   h = [15, 375],
   c = 100,
@@ -2875,29 +2890,6 @@ function palette_scale_dynamic({
   };
   return Object.assign(fn, { title, limits, oob: oob2 }, etc);
 }
-const palette_scales = {
-  identity: scale_identity_string,
-  discrete: palette_scale_hue,
-  hue: palette_scale_hue,
-  manual: palette_scale_manual,
-  continuous: palette_scale_gradient,
-  gradient: palette_scale_gradient,
-  gradient2: palette_scale_gradient2,
-  gradientn: palette_scale_gradientn,
-  dynamic: palette_scale_dynamic,
-  auto: palette_scale_auto,
-  default: palette_scale_auto
-};
-function scale_identity_number({ title, ...etc } = {}) {
-  return Object.assign(function(arr) {
-    return arr.map((v) => +v);
-  }, { title }, etc);
-}
-function scale_identity_string({ title, ...etc } = {}) {
-  return Object.assign(function(arr) {
-    return arr.map((v) => String(v ?? ""));
-  }, { title }, etc);
-}
 function shape_scale_discrete({ title, ...etc } = {}) {
   let shapes = ["circle", "square", "triangle", "diamond", "plus"];
   let fn = function(arr) {
@@ -2926,39 +2918,53 @@ function linetype_scale_discrete({ title, ...etc } = {}) {
   };
   return Object.assign(fn, { title }, etc);
 }
+const palette_scales = {
+  identity: ({ title, ...etc } = {}) => identity_scale_string({ legend: false, title, ...etc }),
+  discrete: palette_scale_hue,
+  hue: palette_scale_hue,
+  manual: palette_scale_manual,
+  continuous: palette_scale_gradient,
+  gradient: palette_scale_gradient,
+  gradient2: palette_scale_gradient2,
+  gradientn: palette_scale_gradientn,
+  dynamic: palette_scale_dynamic,
+  auto: palette_scale_auto,
+  custom: custom_scale,
+  default: palette_scale_auto
+};
 const vvscale = {
   color: palette_scales,
   stroke: palette_scales,
   fill: palette_scales,
   alpha: {
     continuous: continuous_scale,
+    custom: custom_scale,
     default: ({ title, ...etc } = {}) => continuous_scale({ range: [0.1, 1], title, ...etc })
   },
   size: {
-    identity: scale_identity_number,
+    identity: ({ title, ...etc } = {}) => identity_scale_number({ legend: false, title, ...etc }),
     continuous: continuous_scale,
+    custom: custom_scale,
     default: ({ title, ...etc } = {}) => continuous_scale({ range: [1, 6], title, ...etc })
   },
   linewidth: {
-    identity: scale_identity_number,
+    identity: ({ title, ...etc } = {}) => identity_scale_number({ legend: false, title, ...etc }),
     continuous: continuous_scale,
     manual: manual_scale,
+    custom: custom_scale,
     default: ({ title, ...etc } = {}) => continuous_scale({ range: [1, 6], title, ...etc })
   },
   linetype: {
-    identity: scale_identity_string,
+    identity: ({ title, ...etc } = {}) => identity_scale_string({ legend: false, title, ...etc }),
     discrete: linetype_scale_discrete,
-    default: linetype_scale_discrete
+    default: linetype_scale_discrete,
+    custom: custom_scale
   },
   shape: {
-    identity: scale_identity_string,
+    identity: ({ title, ...etc } = {}) => identity_scale_string({ legend: false, title, ...etc }),
     discrete: shape_scale_discrete,
-    default: shape_scale_discrete
-  },
-  custom(func, { title, ...etc } = {}) {
-    return Object.assign(function(arr) {
-      return arr.map(func);
-    }, { title }, etc);
+    default: shape_scale_discrete,
+    custom: custom_scale
   }
 };
 export {

package/dist/style.css

@@ -3,7 +3,6 @@
 }
 
 .vvplot-panel-container {
-    position: absolute;
     pointer-events: none;
 }
 
@@ -16,7 +15,3 @@
     display: flex;
     flex-direction: column;
 }
-
-.vvplot-cursor-grab {
-    cursor: grab;
-}

package/dist/theme.js

@@ -41,6 +41,9 @@ const theme_base = {
   },
   legend: {
     spacing: 4
+  },
+  selection: {
+    background: "#00000020"
   }
 };
 const theme_default = {
@@ -123,7 +126,7 @@ function themeMerge(...themes) {
       if (t[k] === null) {
         acc[k] = null;
       } else {
-        acc[k] = Object.assign(acc[k] || {}, t[k]);
+        acc[k] = obj_merge(acc[k], t[k]);
       }
     }
     return acc ?? void 0;
@@ -153,19 +156,19 @@ function themePreprocess(theme2, flip = false) {
     ...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]);
+    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]);
+    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;
@@ -191,24 +194,24 @@ function themeBuild(theme2) {
   }
   return {
     axis: {
-      h: obj_merge(["axis", "axis_h"].map((k) => theme2?.[k])),
-      v: obj_merge(["axis", "axis_v"].map((k) => theme2?.[k])),
+      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])
+        ...["axis", "axis_v", "axis_left"].map((k) => theme2?.[k])
       ),
       right: obj_merge(
-        ["axis", "axis_v", "axis_right"].map((k) => theme2?.[k])
+        ...["axis", "axis_v", "axis_right"].map((k) => theme2?.[k])
       ),
       top: obj_merge(
-        ["axis", "axis_h", "axis_top"].map((k) => theme2?.[k])
+        ...["axis", "axis_h", "axis_top"].map((k) => theme2?.[k])
       ),
       bottom: obj_merge(
-        ["axis", "axis_h", "axis_bottom"].map((k) => theme2?.[k])
+        ...["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])))
+      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: {

package/dist/utils.js

@@ -111,11 +111,11 @@ const numutils = {
     return arr[lo] * (hi - idx) + arr[hi] * (idx - lo);
   },
   extent(arr, { na_rm = true, infinity_rm = true } = {}) {
-    if (arr.length == 0) return [];
     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 { 0: min, 1: max, length: 2, min, max };
+    return Object.assign([min, max], { min, max });
   }
 };
 const vecutils = {
@@ -134,23 +134,66 @@ const vecutils = {
     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));
+  },
+  /* vectorized opposite of numbers */
+  opposite(value) {
+    if (value == null) return null;
+    if (!Array.isArray(value) && typeof value != "number")
+      throw new Error("Arguments must be numbers or arrays");
+    if (Array.isArray(value))
+      return value.map((v) => v == null ? v : -v);
+    return -value;
+  },
+  /* vectorized concat of strings */
+  concat(...values) {
+    if (values.some((x) => x == null)) return null;
+    let arrs = values.filter((x) => Array.isArray(x));
+    if (arrs.length == 0) return [values.join("")];
+    if (values.some((v) => v.length == 0))
+      return [];
+    let length = arrs[0].length;
+    if (arrs.some((v) => v.length != length))
+      throw new Error("Arrays must have the same length");
+    return Array.from({ length }, (_, i) => values.map((a) => Array.isArray(a) ? a[i] : a).join(""));
+  },
+  /* vectorized function application */
+  apply(func, ...values) {
+    if (values.some((x) => x == null)) return null;
+    let arrs = values.filter((x) => Array.isArray(x));
+    if (arrs.length == 0) return [func(...values)];
+    if (values.some((v) => v.length == 0))
+      return [];
+    let length = arrs[0].length;
+    if (arrs.some((v) => v.length != length))
+      throw new Error("Arrays must have the same length");
+    return Array.from({ length }, (_, i) => func(...values.map((a) => Array.isArray(a) ? a[i] : a)));
   }
 };
-function obj_merge(arr) {
+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), {});
+  return arr.reduce((a, c) => {
+    for (let k in c) {
+      if (c[k] === null) delete a[k];
+      if (c[k] != void 0) a[k] = c[k];
+    }
+    return a;
+  }, {});
 }
 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) {
-  if (arr == null) return [];
-  return Array.from(new Set(arr));
+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")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vvplot",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "MIT",
   "files": [
     "dist"
@@ -15,8 +15,6 @@
   "imports": {
     "#base/*": "./src/*"
   },
-  "homepage": "https://fan-ix.github.io/vvplot/",
-  "repository": "https://github.com/Fan-iX/vvplot/",
   "exports": {
     ".": "./dist/index.js",
     "./components": "./dist/components.js",
@@ -26,6 +24,11 @@
     "./label": "./dist/label.js",
     "./style.css": "./dist/style.css"
   },
+  "homepage": "https://fan-ix.github.io/vvplot/",
+  "repository": "https://github.com/Fan-iX/vvplot/",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@vueuse/core": "^13.7.0",
     "d3": "^7.9.0",