vvplot 0.1.1 → 0.1.2

package/dist/Selection.js

@@ -1,6 +1,6 @@
 import { computed, isRef, reactive, unref, onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, watch, toValue, useTemplateRef, createElementBlock, openBlock, mergeProps, renderSlot, createCommentVNode, createTextVNode, toDisplayString, inject, normalizeStyle, createElementVNode, createBlock, Fragment, renderList, createVNode, toHandlers, normalizeProps, resolveDynamicComponent, guardReactiveProps, mergeModels, useModel, createPropsRestProxy, ref, useId, Teleport, useSlots, useAttrs, provide } from "vue";
 import { theme_base, theme_default, themeBuild, themePreprocess, themeMerge } from "./theme.js";
-import { vecutils, intraaction, numutils, intrazip, GEnumLevel, oob_squish_any, dropNull, emitEvent, plus, categorize, obj_merge, interaction, unique, oob_squish_infinite, str_c, serializeSVG } from "./utils.js";
+import { vecutils, intraaction, numutils, intrazip, GEnumLevel, plus, oob_squish_any, dropNull, emitEvent, categorize, obj_merge, interaction, unique, oob_squish_infinite, str_c, serializeSVG } from "./utils.js";
 import vvscale from "./scale.js";
 import vvbreak from "./break.js";
 import vvlabel from "./label.js";
@@ -2845,46 +2845,47 @@ class GPlot {
     let result = {};
     this._range = range;
     if (this.levels.x) {
-      let min = +(range?.xmin ?? -0.5) - (add.x?.min ?? 0), max = +(range?.xmax ?? this.levels.x.length - 0.5) + (add.x?.max ?? 0);
+      let min = +(range?.xmin ?? -0.5) - (+add.x?.min || 0), max = +(range?.xmax ?? this.levels.x.length - 0.5) + (+add.x?.max || 0);
       result.x = new DiscreteCoordScale(this.levels.x, { min, max });
     } else {
       let $min = range?.xmin ?? this.extents.x?.min ?? 0, $max = range?.xmax ?? this.extents.x?.max ?? 0;
-      let min = +$min - (add.x?.min ?? 0), max = +$max + (add.x?.max ?? 0);
+      let min = plus($min, -add.x?.min || 0), max = plus($max, +add.x?.max || 0);
       let dmin = minRange?.x ?? 1;
       if (max - min < dmin) {
         if (range?.xmax == null && range?.xmin != null) {
-          max = min + dmin;
+          max = plus(min, +dmin);
         } else if (range?.xmax != null && range?.xmin == null) {
-          min = max - dmin;
+          min = plus(max, -dmin);
         } else {
-          max = (max + min) / 2 + dmin / 2;
-          min = max - dmin;
+          let interval2 = max - min;
+          max = plus(max, -interval2 / 2 + dmin / 2);
+          min = plus(max, -dmin);
         }
       }
-      if ($min instanceof Date || $max instanceof Date) {
+      if (min instanceof Date || max instanceof Date) {
         result.x = new DatetimeCoordScale({ min, max });
       } else {
         result.x = new ContinuousCoordScale({ min, max });
       }
     }
     if (this.levels.y) {
-      let min = +(range?.ymin ?? -0.5) - (add.y?.min ?? 0), max = +(range?.ymax ?? this.levels.y.length - 0.5) + (add.y?.max ?? 0);
+      let min = +(range?.ymin ?? -0.5) - (+add.y?.min || 0), max = +(range?.ymax ?? this.levels.y.length - 0.5) + (+add.y?.max || 0);
       result.y = new DiscreteCoordScale(this.levels.y, { min, max });
     } else {
       let $min = range?.ymin ?? this.extents.y?.min ?? 0, $max = range?.ymax ?? this.extents.y?.max ?? 0;
-      let min = +$min - (add.y?.min ?? 0), max = +$max + (add.y?.max ?? 0);
+      let min = plus($min, -add.y?.min), max = plus($max, +add.y?.max || 0);
       let dmin = minRange?.y ?? 1;
       if (max - min < dmin) {
         if (range?.ymax == null && range?.ymin != null) {
-          max = min + dmin;
+          max = plus(min, +dmin);
         } else if (range?.ymax != null && range?.ymin == null) {
-          min = max - dmin;
+          min = plus(max, -dmin);
         } else {
-          max = (max + min) / 2 + dmin / 2;
-          min = max - dmin;
+          max = plus(max, -interval / 2 + dmin / 2);
+          min = plus(max, -dmin);
         }
       }
-      if ($min instanceof Date || $max instanceof Date) {
+      if (min instanceof Date || max instanceof Date) {
         result.y = new DatetimeCoordScale({ min, max });
       } else {
         result.y = new ContinuousCoordScale({ min, max });
@@ -2934,23 +2935,13 @@ class DiscreteCoordScale extends Function {
   constructor(level, { min, max } = {}) {
     const scale = min == max ? (x2) => 0 : (x2) => (+x2 - min) / (max - min);
     scale.range = { min, max };
-    scale.limits = { min, max };
     scale.level = level;
-    scale.invert = (w) => w * (max - min) + min;
     Object.setPrototypeOf(scale, DiscreteCoordScale.prototype);
     return scale;
   }
-  expand({ min: mmin = 0, max: mmax = 0 } = {}) {
-    let $min = 0, $max = this.level.length, $interval = $max;
-    let min = $min - mmin * $interval, max = $max + mmax * $interval;
-    const scale = min == max ? (x2) => 0 : (x2) => (+x2 - min) / (max - min);
-    scale.invert = (w) => w * (max - min) + min;
-    scale.range = this.range;
-    scale.level = this.level;
-    scale.title = this.title;
-    scale.limits = { min, max };
-    Object.setPrototypeOf(scale, DiscreteCoordScale.prototype);
-    return scale;
+  invert(w) {
+    let { min, max } = this.range;
+    return w * (max - min) + min;
   }
   get breaks() {
     return Array.from(this.level);
@@ -2961,35 +2952,19 @@ class DiscreteCoordScale extends Function {
 }
 class ContinuousCoordScale extends Function {
   constructor(domain) {
-    let min = +domain.min, max = +domain.max;
-    const scale = min == max ? (x2) => 0.5 : (x2) => (+x2 - min) / (max - min);
+    let { min, max } = domain;
+    const scale = min == max ? (x2) => isFinite(x2) ? 0.5 : x2 : (x2) => (+x2 - min) / (max - min);
     scale.range = { min, max };
-    scale.limits = { min, max };
-    Object.setPrototypeOf(scale, ContinuousCoordScale.prototype);
-    return scale;
-  }
-  expand({ min: mmin = 0, max: mmax = 0 } = {}) {
-    let { min: $min, max: $max } = this.limits;
-    let $interval = $max - $min;
-    let min = $min - mmin * $interval, max = $max + mmax * $interval;
-    const scale = min == max ? (x2) => 0.5 : (x2) => (+x2 - min) / (max - min);
-    scale.range = this.range;
-    scale.level = this.level;
-    scale.title = this.title;
-    scale.limits = { min, max };
     Object.setPrototypeOf(scale, ContinuousCoordScale.prototype);
     return scale;
   }
   invert(w) {
-    let { min, max } = this.limits;
-    return w * (max - min) + min;
+    let { min, max } = this.range;
+    return plus(min, w * (max - min));
   }
   get breaks() {
     return vvbreak.number();
   }
-  get minorBreaks() {
-    return vvbreak.number({ minor: true });
-  }
 }
 class DatetimeCoordScale extends ContinuousCoordScale {
   constructor(domain) {
@@ -2997,15 +2972,6 @@ class DatetimeCoordScale extends ContinuousCoordScale {
     Object.setPrototypeOf(scale, DatetimeCoordScale.prototype);
     return scale;
   }
-  expand({ min: mmin = 0, max: mmax = 0 } = {}) {
-    let scale = super.expand({ min: mmin, max: mmax });
-    Object.setPrototypeOf(scale, DatetimeCoordScale.prototype);
-    return scale;
-  }
-  invert(w) {
-    let { min, max } = this.limits;
-    return new Date(w * (max - min) + min);
-  }
   get breaks() {
     return vvbreak.datetime();
   }
@@ -3014,25 +2980,28 @@ class DatetimeCoordScale extends ContinuousCoordScale {
   }
 }
 class GAxis {
-  constructor(scale, { extend: extend2, breaks, labels, minorBreaks, titles } = {}) {
+  constructor(scale, { breaks, labels, minorBreaks, titles } = {}) {
     this.scale = scale;
-    this.limits = scale?.limits;
-    this.extend = extend2 ?? 0;
+    this.range = scale?.range;
     this.breaks = breaks ?? scale.breaks;
     this.labels = labels ?? vvlabel.auto();
     this.titles = titles ?? vvlabel.asis();
-    this.minorBreaks = minorBreaks ?? scale.minorBreaks;
-  }
-  getBindings({ limits = this.limits, extend: extend2 = this.extend } = {}) {
-    let breaks = this.breaks, minorBreaks = this.minorBreaks;
-    let { min, max } = limits, interval = max - min || 0;
-    min = min == null ? min : min - extend2 * interval;
-    max = max == null ? max : max + extend2 * interval;
-    if (typeof breaks == "function") breaks = breaks(limits);
-    breaks = Array.isArray(breaks) ? breaks.sort((a, b) => a - b) : [];
-    if (typeof minorBreaks == "function") minorBreaks = minorBreaks(limits);
-    minorBreaks = Array.isArray(minorBreaks) ? minorBreaks.sort((a, b) => a - b) : [];
-    let labels = this.labels, titles = this.titles;
+    this.minorBreaks = minorBreaks ?? breaks ?? scale.minorBreaks ?? scale.breaks;
+  }
+  getBindings({ range = this.range, expandMult = { min: 0, max: 0 } } = {}) {
+    let majorBreaks = this.breaks, minorBreaks = this.minorBreaks, labels = this.labels, titles = this.titles;
+    let { min, max } = range, interval2 = max - min || 0;
+    min = min == null ? min : plus(min, -expandMult.min * interval2);
+    max = max == null ? max : plus(max, +expandMult.max * interval2);
+    function normalizeBreaks(val) {
+      if (val.position != null) return val;
+      return { position: val };
+    }
+    if (typeof majorBreaks == "function") majorBreaks = majorBreaks({ min, max });
+    majorBreaks = Array.isArray(majorBreaks) ? majorBreaks.map(normalizeBreaks) : [];
+    let breaks = majorBreaks.map((x2) => x2.position);
+    if (typeof minorBreaks == "function") minorBreaks = minorBreaks({ min, max, minor: true });
+    minorBreaks = Array.isArray(minorBreaks) ? minorBreaks.map(normalizeBreaks) : [];
     if (typeof labels === "function") labels = breaks.map(labels);
     if (!Array.isArray(labels)) {
       labels = [];
@@ -3042,11 +3011,11 @@ class GAxis {
     if (typeof titles === "function") titles = breaks.map(titles);
     if (!Array.isArray(titles)) {
       titles = [];
-    } else if (titles.length != titles.length) {
+    } else if (titles.length != breaks.length) {
       throw new Error("Length of titles must be the same as breaks");
     }
     return {
-      majorBreaks: breaks,
+      majorBreaks,
       minorBreaks,
       ticks: breaks.map((position, i) => ({ position, label: labels[i], title: titles[i] }))
     };
@@ -3155,7 +3124,7 @@ const _hoisted_3$4 = {
   class: "vvplot-interactive",
   fill: "transparent"
 };
-const _hoisted_4$3 = ["width"];
+const _hoisted_4$3 = ["width", "cursor"];
 const _hoisted_5$2 = {
   key: 0,
   class: "vvplot-interactive",
@@ -3522,7 +3491,7 @@ const _sfc_main$S = {
             height: 10,
             y: -5
           }, toHandlers(axisVOn, true), {
-            class: { "vvplot-cursor-grab": __props.action.some?.((a) => a.action == "move") }
+            cursor: __props.action.some?.((a) => a.action == "move") ? "grab" : null
           }), null, 16, _hoisted_4$3)
         ]),
         __props.action.some?.((a) => a.action == "rescale") ? (openBlock(), createElementBlock("g", _hoisted_5$2, [
@@ -3553,7 +3522,7 @@ const _hoisted_3$3 = {
   class: "vvplot-interactive",
   fill: "transparent"
 };
-const _hoisted_4$2 = ["height"];
+const _hoisted_4$2 = ["height", "cursor"];
 const _hoisted_5$1 = {
   key: 0,
   class: "vvplot-interactive",
@@ -3920,7 +3889,7 @@ const _sfc_main$R = {
             height: height.value,
             x: -5
           }, toHandlers(axisVOn, true), {
-            class: { "vvplot-cursor-grab": __props.action.some?.((a) => a.action == "move") }
+            cursor: __props.action.some?.((a) => a.action == "move") ? "grab" : null
           }), null, 16, _hoisted_4$2)
         ]),
         __props.action.some?.((a) => a.action == "rescale") ? (openBlock(), createElementBlock("g", _hoisted_5$1, [
@@ -3985,8 +3954,8 @@ const _sfc_main$P = {
     const majorLines = computed(() => {
       let result = [];
       for (let line2 of __props.majorBreaks) {
-        if (line2?.position == null) line2 = { position: +line2 };
         let pos = __props.coord2pos({ v: line2.position }).v;
+        if (isNaN(pos)) continue;
         let tsl = pos * (__props.activeTransform.scaleV - 1) + __props.activeTransform.translateV;
         let position = pos + __props.layout.t;
         if (position + tsl < 0 || position + tsl > height.value) continue;
@@ -4007,8 +3976,9 @@ const _sfc_main$P = {
     const minorLines = computed(() => {
       let result = [];
       for (let line2 of __props.minorBreaks) {
-        if (line2?.position == null) line2 = { position: +line2 };
+        if (__props.majorBreaks.some((ml) => ml.position == line2.position)) continue;
         let pos = __props.coord2pos({ v: line2.position }).v;
+        if (isNaN(pos)) continue;
         let tsl = pos * (__props.activeTransform.scaleV - 1) + __props.activeTransform.translateV;
         let position = pos + __props.layout.t;
         if (position + tsl < 0 || position + tsl > height.value) continue;
@@ -4024,16 +3994,12 @@ const _sfc_main$P = {
           style: { transition: __props.transition }
         });
       }
-      return result.filter((l) => l.stroke !== null && majorLines.value.every((ml) => ml.y1 !== l.y1));
+      return result.filter((l) => l.stroke !== null);
     });
+    const lines = computed(() => minorLines.value.concat(majorLines.value).sort((a, b) => a.y1 - b.y1));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("g", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(minorLines.value, (line2) => {
-          return openBlock(), createElementBlock("line", mergeProps({ ref_for: true }, line2, {
-            style: { transition: __props.transition }
-          }), null, 16);
-        }), 256)),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(majorLines.value, (line2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (line2) => {
           return openBlock(), createElementBlock("line", mergeProps({ ref_for: true }, line2, {
             style: { transition: __props.transition }
           }), null, 16);
@@ -4061,8 +4027,8 @@ const _sfc_main$O = {
     const majorLines = computed(() => {
       let result = [];
       for (let line2 of __props.majorBreaks) {
-        if (line2?.position == null) line2 = { position: +line2 };
         let pos = __props.coord2pos({ h: line2.position }).h;
+        if (isNaN(pos)) continue;
         let tsl = pos * (__props.activeTransform.scaleH - 1) + __props.activeTransform.translateH;
         let position = pos + __props.layout.l;
         if (position + tsl < 0 || position + tsl > width.value) continue;
@@ -4083,8 +4049,9 @@ const _sfc_main$O = {
     const minorLines = computed(() => {
       let result = [];
       for (let line2 of __props.minorBreaks) {
-        if (line2?.position == null) line2 = { position: +line2 };
+        if (__props.majorBreaks.some((ml) => ml.position == line2.position)) continue;
         let pos = __props.coord2pos({ h: line2.position }).h;
+        if (isNaN(pos)) continue;
         let tsl = pos * (__props.activeTransform.scaleH - 1) + __props.activeTransform.translateH;
         let position = pos + __props.layout.l;
         if (position + tsl < 0 || position + tsl > width.value) continue;
@@ -4100,15 +4067,15 @@ const _sfc_main$O = {
           style: { transition: __props.transition }
         });
       }
-      return result.filter((l) => l.stroke !== null && majorLines.value.every((ml) => ml.x1 !== l.x1));
+      return result.filter((l) => l.stroke !== null);
     });
+    const lines = computed(() => minorLines.value.concat(majorLines.value).sort((a, b) => a.x1 - b.x1));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("g", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(minorLines.value, (line2) => {
-          return openBlock(), createElementBlock("line", mergeProps({ ref_for: true }, line2), null, 16);
-        }), 256)),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(majorLines.value, (line2) => {
-          return openBlock(), createElementBlock("line", mergeProps({ ref_for: true }, line2), null, 16);
+        (openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (line2) => {
+          return openBlock(), createElementBlock("line", mergeProps({ ref_for: true }, line2, {
+            style: { transition: __props.transition }
+          }), null, 16);
         }), 256))
       ]);
     };
@@ -5767,7 +5734,7 @@ const _sfc_main$s = {
         stroke: __props.theme?.line_color ?? "transparent",
         "stroke-width": __props.theme?.line_width,
         "stroke-opacity": __props.theme?.opacity,
-        style: config.move ? "cursor:move;" : "pointer:events-none;"
+        style: config.move ? "cursor:move;" : "pointer-events:none;"
       };
       if (config.resize) {
         if (pos.hmin != null)
@@ -6324,15 +6291,15 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     function _coord2pos({ value, min, max } = {}, { oob = oob_squish_infinite } = {}, scale, rev, length, boundary) {
       let result = {};
       if (value != null) {
-        result.value = oob(length * (rev ? 1 - scale(value) : scale(value)), boundary);
+        result.value = length ? oob(length * (rev ? 1 - scale(value) : scale(value)), boundary) : 0;
       }
       if (min == null && max == null) return result;
       if (rev) {
-        if (max != null) result.min = oob(length * (1 - scale(max)), boundary);
-        if (min != null) result.max = oob(length * (1 - scale(min)), boundary);
+        if (max != null) result.min = length ? oob(length * (1 - scale(max)), boundary) : 0;
+        if (min != null) result.max = length ? oob(length * (1 - scale(min)), boundary) : 0;
       } else {
-        if (min != null) result.min = oob(length * scale(min), boundary);
-        if (max != null) result.max = oob(length * scale(max), boundary);
+        if (min != null) result.min = length ? oob(length * scale(min), boundary) : 0;
+        if (max != null) result.max = length ? oob(length * scale(max), boundary) : 0;
       }
       return result;
     }
@@ -6400,10 +6367,10 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     }
     function getPadding({ min: $min, max: $max } = {}, { min: mmin = 0, max: mmax = 0 } = {}) {
       let $interval = $max - $min;
-      let min = $min - mmin * $interval, max = $max + mmax * $interval, interval = max - min;
+      let min = +$min - mmin * $interval, max = +$max + mmax * $interval, interval2 = max - min;
       return {
-        min: interval == 0 ? 0 : ($min - min) / interval,
-        max: interval == 0 ? 0 : (max - $max) / interval
+        min: interval2 == 0 ? 0 : ($min - min) / interval2,
+        max: interval2 == 0 ? 0 : (max - $max) / interval2
       };
     }
     function getCoord(event) {
@@ -6676,14 +6643,14 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     function changerange(coord) {
       let { xmin, xmax, ymin, ymax } = coord;
       let { xmin: $xmin, xmax: $xmax, ymin: $ymin, ymax: $ymax } = range;
-      xmin = xmin != null ? plus(xmin, __props.expandAdd.x.min) : $xmin;
+      xmin = xmin != null ? plus(xmin, +__props.expandAdd.x.min) : $xmin;
       xmax = xmax != null ? plus(xmax, -__props.expandAdd.x.max) : $xmax;
-      ymin = ymin != null ? plus(ymin, __props.expandAdd.y.min) : $ymin;
+      ymin = ymin != null ? plus(ymin, +__props.expandAdd.y.min) : $ymin;
       ymax = ymax != null ? plus(ymax, -__props.expandAdd.y.max) : $ymax;
       if (xmin == $xmin && xmax == $xmax && ymin == $ymin && ymax == $ymax) return;
       Object.assign(range, { xmin, xmax, ymin, ymax });
     }
-    const axisLimits = reactiveComputed(() => {
+    const axisRange = reactiveComputed(() => {
       let xmin = rangePreview?.xmin ?? range?.xmin, xmax = rangePreview?.xmax ?? range?.xmax, ymin = rangePreview?.ymin ?? range?.ymin, ymax = rangePreview?.ymax ?? range?.ymax;
       return {
         x: xmin || xmax ? { min: xmin, max: xmax } : void 0,
@@ -6692,24 +6659,26 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     const gaxes = computed(() => {
       let coordScales = {
-        x: vplot.value.coordScales.x.expand(__props.expandMult?.x),
-        y: vplot.value.coordScales.y.expand(__props.expandMult?.y)
+        x: vplot.value.coordScales.x,
+        y: vplot.value.coordScales.y
       };
       return props.axes.filter((a) => a.coord in coordScales).filter((a) => ["h", "v"].includes(a.orientation)).map(({
         coord,
         breaks,
-        extend: extend2,
         labels,
         minorBreaks,
         ...etc
       }) => ({
         coord,
-        axis: new GAxis(coordScales[coord], { breaks, extend: extend2, labels, minorBreaks }),
+        axis: new GAxis(coordScales[coord], { breaks, labels, minorBreaks }),
         etc
       }));
     });
     const vaxes = computed(() => gaxes.value.map(({ coord, axis, etc }) => {
-      let { majorBreaks, minorBreaks, ticks } = axis.getBindings({ limits: axisLimits[coord] });
+      let { majorBreaks, minorBreaks, ticks } = axis.getBindings({
+        range: axisRange[coord],
+        expandMult: __props.expandMult[coord]
+      });
       let { showGrid, orientation, ...bind } = etc;
       return {
         majorBreaks,
@@ -6725,12 +6694,12 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       let hAxes = vaxes.value.filter((a) => a.showGrid && a.orientation == "v"), vAxes = vaxes.value.filter((a) => a.showGrid && a.orientation == "h");
       return {
         h: {
-          majorBreaks: unique(hAxes.flatMap((a) => a.majorBreaks)),
-          minorBreaks: unique(hAxes.flatMap((a) => a.minorBreaks))
+          majorBreaks: unique(hAxes.flatMap((a) => a.majorBreaks), (x2) => x2.position),
+          minorBreaks: unique(hAxes.flatMap((a) => a.minorBreaks), (x2) => x2.position)
         },
         v: {
-          majorBreaks: unique(vAxes.flatMap((a) => a.majorBreaks)),
-          minorBreaks: unique(vAxes.flatMap((a) => a.minorBreaks))
+          majorBreaks: unique(vAxes.flatMap((a) => a.majorBreaks), (x2) => x2.position),
+          minorBreaks: unique(vAxes.flatMap((a) => a.minorBreaks), (x2) => x2.position)
         }
       };
     });
@@ -7036,7 +7005,10 @@ const axis_components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.def
   VVAxisX: _sfc_main$3,
   VVAxisY: _sfc_main$2
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1 = { class: "vvplot-panel" };
+const _hoisted_1 = {
+  key: 0,
+  class: "vvplot-panel"
+};
 const _sfc_main$1 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "Plot",
   props: /* @__PURE__ */ mergeModels({
@@ -7543,6 +7515,7 @@ const _sfc_main$1 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     const panelStyle = computed(() => {
       return {
+        position: "absolute",
         left: str_c(plotRef.value?.panel?.left, "px"),
         top: str_c(plotRef.value?.panel?.top, "px"),
         width: str_c(plotRef.value?.panel?.width, "px"),
@@ -7599,17 +7572,16 @@ const _sfc_main$1 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           legendTeleport: __props.legendTeleport,
           onSelect: _cache[3] || (_cache[3] = (d, e) => emit("select", d, e))
         }), null, 16, ["paddings", "schema", "layers", "min-range", "expand-add", "expand-mult", "reverse", "flip", "coord-levels", "levels", "scales", "axes", "theme", "selections", "transition", "selectionPreview", "selectionPreviewTheme", "action", "clip", "legendTeleport"]),
-        vnodes.dom.panel?.length ? (openBlock(), createElementBlock("div", {
-          key: 0,
+        createElementVNode("div", {
           class: "vvplot-panel-container",
           style: normalizeStyle(panelStyle.value)
         }, [
-          createElementVNode("div", _hoisted_1, [
+          vnodes.dom.panel?.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(vnodes.dom.panel, (c) => {
               return openBlock(), createBlock(resolveDynamicComponent(c));
             }), 256))
-          ])
-        ], 4)) : createCommentVNode("", true),
+          ])) : createCommentVNode("", true)
+        ], 4),
         (openBlock(true), createElementBlock(Fragment, null, renderList(vdom.value, (c) => {
           return openBlock(), createBlock(resolveDynamicComponent(c));
         }), 256))

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/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,
@@ -2886,6 +2891,7 @@ const palette_scales = {
   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 } = {}) {
@@ -2932,33 +2938,33 @@ const vvscale = {
   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,
     continuous: continuous_scale,
+    custom: custom_scale,
     default: ({ title, ...etc } = {}) => continuous_scale({ range: [1, 6], title, ...etc })
   },
   linewidth: {
     identity: scale_identity_number,
     continuous: continuous_scale,
     manual: manual_scale,
+    custom: custom_scale,
     default: ({ title, ...etc } = {}) => continuous_scale({ range: [1, 6], title, ...etc })
   },
   linetype: {
     identity: scale_identity_string,
     discrete: linetype_scale_discrete,
-    default: linetype_scale_discrete
+    default: linetype_scale_discrete,
+    custom: custom_scale
   },
   shape: {
     identity: scale_identity_string,
     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/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 = {
@@ -148,9 +148,13 @@ function str_c(...args) {
   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.2",
   "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",