vvplot 0.1.2 → 0.1.3

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

@@ -2734,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,
@@ -2880,30 +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,
-  custom: custom_scale,
-  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) {
@@ -2932,6 +2918,20 @@ 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,
@@ -2942,26 +2942,26 @@ const vvscale = {
     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,
     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: custom_scale

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

@@ -134,14 +134,53 @@ 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vvplot",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "MIT",
   "files": [
     "dist"