@flowtools/uplot 0.0.11 → 0.0.12

package/README.md

@@ -14,9 +14,9 @@ pnpm add @flowtools/uplot uplot @vueuse/core
 
 ```vue
 <script setup lang="ts">
-import { ref } from 'vue'
 import type { AlignedData, Options } from '@flowtools/uplot'
 import { Uplot } from '@flowtools/uplot'
+import { ref } from 'vue'
 
 const options = ref<Options>({
   series: [

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as D, onMounted as N, watch as v, nextTick as P, openBlock as p, createElementBlock as u, renderSlot as j, unref as d, createElementVNode as y, createTextVNode as U, toDisplayString as h, createCommentVNode as S, Fragment as L, renderList as M, normalizeClass as R, normalizeStyle as C } from "vue";
-import q from "uplot";
-import { useElementSize as G, useVModel as T } from "@vueuse/core";
+import { useElementSize as q, useVModel as T } from "@vueuse/core";
+import G from "uplot";
 function B(n) {
   if (typeof n == "object" && n !== null) {
     if (typeof Object.getPrototypeOf == "function") {
@@ -37,13 +37,13 @@ c.withOptions = (n, ...r) => {
 const H = { class: "__uplot-root" }, I = {
   key: 0,
   class: "extra-info"
-}, J = /* @__PURE__ */ y("br", null, null, -1), K = { style: { "text-align": "left" } }, Q = { class: "__uplot-legend" }, W = ["onClick"], X = {
+}, J = { style: { "text-align": "left" } }, K = { class: "__uplot-legend" }, Q = ["onClick"], W = {
   key: 1,
   class: "__uplot-legend-value"
-}, Y = {
+}, X = {
   key: 2,
   class: "__uplot-legend-value"
-}, te = /* @__PURE__ */ F({
+}, oe = /* @__PURE__ */ F({
   __name: "uplot",
   props: {
     options: {},
@@ -56,7 +56,7 @@ const H = { class: "__uplot-root" }, I = {
   },
   emits: ["select", "cursor", "update:zoom", "update:series"],
   setup(n, { expose: r, emit: a }) {
-    const o = n, _ = a, b = D(), { width: w, height: x } = G(b), z = T(o, "zoom", _, { passive: !0 }), i = T(o, "series", _, { passive: !0 }), $ = {
+    const o = n, g = a, b = D(), { width: w, height: x } = q(b), z = T(o, "zoom", g, { passive: !0 }), i = T(o, "series", g, { passive: !0 }), $ = {
       title: void 0,
       legend: {
         show: !1
@@ -64,26 +64,26 @@ const H = { class: "__uplot-root" }, I = {
       hooks: {
         init: [
           (e) => {
-            o.showDebug && console.log("init", e), i.value = e.series.map((l, t) => ({
-              label: l.label,
-              stroke: typeof l.stroke == "function" ? l.stroke(e, t) : null,
+            o.showDebug && console.log("init", e), i.value = e.series.map((t, s) => ({
+              label: t.label,
+              stroke: typeof t.stroke == "function" ? t.stroke(e, s) : null,
               value: null,
               data: null,
-              show: l.show
+              show: t.show
               // ...s,
             }));
           }
         ],
         setCursor: [
           (e) => {
-            _("cursor", e.cursor), i.value = e.series.map((l, t) => {
+            g("cursor", e.cursor), i.value = e.series.map((t, s) => {
               var f, m;
               return {
-                label: l.label,
-                stroke: typeof l.stroke == "function" ? l.stroke(e, t) : null,
-                value: e.cursor.idx && e.data[t][e.cursor.idx] ? typeof l.value == "function" ? l.value(e, e.data[t][e.cursor.idx], t, e.cursor.idx) : e.data[t][e.cursor.idx] : null,
-                data: (f = e.cursor) != null && f.idx ? e.data[t][(m = e.cursor) == null ? void 0 : m.idx] : null,
-                show: l.show
+                label: t.label,
+                stroke: typeof t.stroke == "function" ? t.stroke(e, s) : null,
+                value: e.cursor.idx && e.data[s][e.cursor.idx] ? typeof t.value == "function" ? t.value(e, e.data[s][e.cursor.idx], s, e.cursor.idx) : e.data[s][e.cursor.idx] : null,
+                data: (f = e.cursor) != null && f.idx ? e.data[s][(m = e.cursor) == null ? void 0 : m.idx] : null,
+                show: t.show
                 // ...s,
               };
             });
@@ -91,7 +91,7 @@ const H = { class: "__uplot-root" }, I = {
         ],
         setSelect: [
           (e) => {
-            _("select", e.select), o.showDebug && console.log("setSelect", e.select), z.value = [
+            g("select", e.select), o.showDebug && console.log("setSelect", e.select), z.value = [
               e.posToVal(e.select.left, "x"),
               e.posToVal(e.select.left + e.select.width, "x")
             ];
@@ -107,10 +107,10 @@ const H = { class: "__uplot-root" }, I = {
         ]
       }
     };
-    let s;
+    let l;
     const O = D();
     function A() {
-      s && s.destroy(), s = new q({ width: 100, height: 100, ...c(o.options, $) }, o.data, b.value), O.value = s, o.zoom[0] !== null && o.zoom[1] !== null && s.setScale("x", { min: o.zoom[0], max: o.zoom[1] }), setTimeout(() => {
+      l && l.destroy(), l = new G({ width: 100, height: 100, ...c(o.options, $) }, o.data, b.value), O.value = l, o.zoom[0] !== null && o.zoom[1] !== null && l.setScale("x", { min: o.zoom[0], max: o.zoom[1] }), setTimeout(() => {
         k();
       }, 0);
     }
@@ -122,26 +122,26 @@ const H = { class: "__uplot-root" }, I = {
       });
     }), v(o.data, (e) => {
       if (o.noResetScale) {
-        s.setData(e, !1), s.redraw(!1);
+        l.setData(e, !1), l.redraw(!1);
         return;
       }
-      s.setData(e, !0);
-    }), v(o.options, (e, l) => {
-      o.showDebug && console.log("watch options", e, l), A();
+      l.setData(e, !0);
+    }), v(o.options, (e, t) => {
+      o.showDebug && console.log("watch options", e, t), A();
     }), v(() => o.zoom, (e) => {
-      e[0] !== null && e[1] !== null && (s.scales.x.min !== e[0] || s.scales.x.max !== e[1]) && (console.log("watch zoom setScale", s.scales.x.min, e[0], s.scales.x.max, e[1]), s.setScale("x", { min: e[0], max: e[1] }));
+      e[0] !== null && e[1] !== null && (l.scales.x.min !== e[0] || l.scales.x.max !== e[1]) && (console.log("watch zoom setScale", l.scales.x.min, e[0], l.scales.x.max, e[1]), l.setScale("x", { min: e[0], max: e[1] }));
     });
     function k() {
-      s.setSize({ width: w.value, height: x.value }), o.showDebug && console.log("resize", s);
+      l.setSize({ width: w.value, height: x.value }), o.showDebug && console.log("resize", l);
     }
-    function g(e) {
-      var l, t;
-      typeof e == "object" && (e = ((l = i.value) == null ? void 0 : l.indexOf(e)) || -1), s.setSeries(e, { show: !s.series[e].show }), (t = i.value) != null && t[e] && (i.value[e].show = s.series[e].show);
+    function _(e) {
+      var t, s;
+      typeof e == "object" && (e = ((t = i.value) == null ? void 0 : t.indexOf(e)) || -1), l.setSeries(e, { show: !l.series[e].show }), (s = i.value) != null && s[e] && (i.value[e].show = l.series[e].show);
     }
-    return r({ toggleShow: g, uplot: O }), (e, l) => (p(), u("div", H, [
+    return r({ toggleShow: _, uplot: O }), (e, t) => (p(), u("div", H, [
       j(e.$slots, "header", {
         series: d(i),
-        toggleShow: g
+        toggleShow: _
       }),
       y("div", {
         ref_key: "el",
@@ -150,30 +150,30 @@ const H = { class: "__uplot-root" }, I = {
       }, null, 512),
       e.showDebug ? (p(), u("div", I, [
         U(h(d(w)) + " x " + h(d(x)) + " ", 1),
-        J,
-        y("pre", K, h(d(i)), 1)
+        t[0] || (t[0] = y("br", null, null, -1)),
+        y("pre", J, h(d(i)), 1)
       ])) : S("", !0),
       e.noFooter ? S("", !0) : j(e.$slots, "footer", {
         key: 1,
         series: d(i),
-        toggleShow: g
+        toggleShow: _
       }, () => [
-        y("div", Q, [
-          (p(!0), u(L, null, M(d(i), (t, f) => {
+        y("div", K, [
+          (p(!0), u(L, null, M(d(i), (s, f) => {
             var m;
             return p(), u("div", {
-              key: t.label,
-              class: R(["__uplot-legend-series", [`__uplot-${(m = t.label) == null ? void 0 : m.toLowerCase()}`, `__uplot-i-${f}`]]),
-              style: C({ backgroundColor: t.show ? "" : "lightgrey" }),
-              onClick: (Z) => g(f)
+              key: s.label,
+              class: R(["__uplot-legend-series", [`__uplot-${(m = s.label) == null ? void 0 : m.toLowerCase()}`, `__uplot-i-${f}`]]),
+              style: C({ backgroundColor: s.show ? "" : "lightgrey" }),
+              onClick: (Y) => _(f)
             }, [
               f !== 0 ? (p(), u("span", {
                 key: 0,
-                style: C({ color: t.stroke || "black" }),
+                style: C({ color: s.stroke || "black" }),
                 class: "__uplot-legend-label"
-              }, h(t.label), 5)) : S("", !0),
-              t.value ? (p(), u("span", X, h(t.value), 1)) : (p(), u("span", Y, "--"))
-            ], 14, W);
+              }, h(s.label), 5)) : S("", !0),
+              s.value ? (p(), u("span", W, h(s.value), 1)) : (p(), u("span", X, "--"))
+            ], 14, Q);
           }), 128))
         ])
       ])
@@ -181,5 +181,5 @@ const H = { class: "__uplot-root" }, I = {
   }
 });
 export {
-  te as Uplot
+  oe as Uplot
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("uplot"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","uplot","@vueuse/core"],o):(i=typeof globalThis<"u"?globalThis:i||self,o(i["change-name"]={},i.vue,i.Uplot,i.core))})(this,function(i,o,D,g){"use strict";function w(c){if(typeof c=="object"&&c!==null){if(typeof Object.getPrototypeOf=="function"){const r=Object.getPrototypeOf(c);return r===Object.prototype||r===null}return Object.prototype.toString.call(c)==="[object Object]"}return!1}function f(...c){return c.reduce((r,a)=>{if(Array.isArray(a))throw new TypeError("Arguments provided to ts-deepmerge must be objects, not arrays.");return a&&Object.keys(a).forEach(t=>{["__proto__","constructor","prototype"].includes(t)||(Array.isArray(r[t])&&Array.isArray(a[t])?r[t]=f.options.mergeArrays?Array.from(new Set(r[t].concat(a[t]))):a[t]:w(r[t])&&w(a[t])?r[t]=f(r[t],a[t]):r[t]=a[t])}),r},{})}const S={mergeArrays:!0};f.options=S,f.withOptions=(c,...r)=>{f.options={mergeArrays:!0,...c};const a=f(...r);return f.options=S,a};const E={class:"__uplot-root"},O={key:0,class:"extra-info"},A=o.createElementVNode("br",null,null,-1),j={style:{"text-align":"left"}},C={class:"__uplot-legend"},T=["onClick"],N={key:1,class:"__uplot-legend-value"},$={key:2,class:"__uplot-legend-value"},M=o.defineComponent({__name:"uplot",props:{options:{},data:{},noResetScale:{type:Boolean,default:!1},showDebug:{type:Boolean,default:!1},noFooter:{type:Boolean,default:!1},zoom:{default:()=>[null,null]},series:{}},emits:["select","cursor","update:zoom","update:series"],setup(c,{expose:r,emit:a}){const t=c,h=a,_=o.ref(),{width:y,height:b}=g.useElementSize(_),k=g.useVModel(t,"zoom",h,{passive:!0}),p=g.useVModel(t,"series",h,{passive:!0}),P={title:void 0,legend:{show:!1},hooks:{init:[e=>{t.showDebug&&console.log("init",e),p.value=e.series.map((n,l)=>({label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:null,data:null,show:n.show}))}],setCursor:[e=>{h("cursor",e.cursor),p.value=e.series.map((n,l)=>{var d,m;return{label:n.label,stroke:typeof n.stroke=="function"?n.stroke(e,l):null,value:e.cursor.idx&&e.data[l][e.cursor.idx]?typeof n.value=="function"?n.value(e,e.data[l][e.cursor.idx],l,e.cursor.idx):e.data[l][e.cursor.idx]:null,data:(d=e.cursor)!=null&&d.idx?e.data[l][(m=e.cursor)==null?void 0:m.idx]:null,show:n.show}})}],setSelect:[e=>{h("select",e.select),t.showDebug&&console.log("setSelect",e.select),k.value=[e.posToVal(e.select.left,"x"),e.posToVal(e.select.left+e.select.width,"x")]}],setScale:[e=>{t.showDebug&&console.log("setScale",e.scales),k.value=[e.scales.x.min||null,e.scales.x.max||null]}]}};let s;const x=o.ref();function z(){s&&s.destroy(),s=new D({width:100,height:100,...f(t.options,P)},t.data,_.value),x.value=s,t.zoom[0]!==null&&t.zoom[1]!==null&&s.setScale("x",{min:t.zoom[0],max:t.zoom[1]}),setTimeout(()=>{B()},0)}o.onMounted(()=>{z()}),o.watch([y,b],()=>{o.nextTick(()=>{B()})}),o.watch(t.data,e=>{if(t.noResetScale){s.setData(e,!1),s.redraw(!1);return}s.setData(e,!0)}),o.watch(t.options,(e,n)=>{t.showDebug&&console.log("watch options",e,n),z()}),o.watch(()=>t.zoom,e=>{e[0]!==null&&e[1]!==null&&(s.scales.x.min!==e[0]||s.scales.x.max!==e[1])&&(console.log("watch zoom setScale",s.scales.x.min,e[0],s.scales.x.max,e[1]),s.setScale("x",{min:e[0],max:e[1]}))});function B(){s.setSize({width:y.value,height:b.value}),t.showDebug&&console.log("resize",s)}function u(e){var n,l;typeof e=="object"&&(e=((n=p.value)==null?void 0:n.indexOf(e))||-1),s.setSeries(e,{show:!s.series[e].show}),(l=p.value)!=null&&l[e]&&(p.value[e].show=s.series[e].show)}return r({toggleShow:u,uplot:x}),(e,n)=>(o.openBlock(),o.createElementBlock("div",E,[o.renderSlot(e.$slots,"header",{series:o.unref(p),toggleShow:u}),o.createElementVNode("div",{ref_key:"el",ref:_,class:"__uplot"},null,512),e.showDebug?(o.openBlock(),o.createElementBlock("div",O,[o.createTextVNode(o.toDisplayString(o.unref(y))+" x "+o.toDisplayString(o.unref(b))+" ",1),A,o.createElementVNode("pre",j,o.toDisplayString(o.unref(p)),1)])):o.createCommentVNode("",!0),e.noFooter?o.createCommentVNode("",!0):o.renderSlot(e.$slots,"footer",{key:1,series:o.unref(p),toggleShow:u},()=>[o.createElementVNode("div",C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(p),(l,d)=>{var m;return o.openBlock(),o.createElementBlock("div",{key:l.label,class:o.normalizeClass(["__uplot-legend-series",[`__uplot-${(m=l.label)==null?void 0:m.toLowerCase()}`,`__uplot-i-${d}`]]),style:o.normalizeStyle({backgroundColor:l.show?"":"lightgrey"}),onClick:V=>u(d)},[d!==0?(o.openBlock(),o.createElementBlock("span",{key:0,style:o.normalizeStyle({color:l.stroke||"black"}),class:"__uplot-legend-label"},o.toDisplayString(l.label),5)):o.createCommentVNode("",!0),l.value?(o.openBlock(),o.createElementBlock("span",N,o.toDisplayString(l.value),1)):(o.openBlock(),o.createElementBlock("span",$,"--"))],14,T)}),128))])])]))}});i.Uplot=M,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(c,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@vueuse/core"),require("uplot")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","uplot"],o):(c=typeof globalThis<"u"?globalThis:c||self,o(c["change-name"]={},c.vue,c.core,c.Uplot))})(this,function(c,o,g,D){"use strict";function w(i){if(typeof i=="object"&&i!==null){if(typeof Object.getPrototypeOf=="function"){const r=Object.getPrototypeOf(i);return r===Object.prototype||r===null}return Object.prototype.toString.call(i)==="[object Object]"}return!1}function f(...i){return i.reduce((r,a)=>{if(Array.isArray(a))throw new TypeError("Arguments provided to ts-deepmerge must be objects, not arrays.");return a&&Object.keys(a).forEach(t=>{["__proto__","constructor","prototype"].includes(t)||(Array.isArray(r[t])&&Array.isArray(a[t])?r[t]=f.options.mergeArrays?Array.from(new Set(r[t].concat(a[t]))):a[t]:w(r[t])&&w(a[t])?r[t]=f(r[t],a[t]):r[t]=a[t])}),r},{})}const S={mergeArrays:!0};f.options=S,f.withOptions=(i,...r)=>{f.options={mergeArrays:!0,...i};const a=f(...r);return f.options=S,a};const E={class:"__uplot-root"},O={key:0,class:"extra-info"},A={style:{"text-align":"left"}},j={class:"__uplot-legend"},C=["onClick"],T={key:1,class:"__uplot-legend-value"},N={key:2,class:"__uplot-legend-value"},$=o.defineComponent({__name:"uplot",props:{options:{},data:{},noResetScale:{type:Boolean,default:!1},showDebug:{type:Boolean,default:!1},noFooter:{type:Boolean,default:!1},zoom:{default:()=>[null,null]},series:{}},emits:["select","cursor","update:zoom","update:series"],setup(i,{expose:r,emit:a}){const t=i,h=a,y=o.ref(),{width:_,height:b}=g.useElementSize(y),k=g.useVModel(t,"zoom",h,{passive:!0}),p=g.useVModel(t,"series",h,{passive:!0}),M={title:void 0,legend:{show:!1},hooks:{init:[e=>{t.showDebug&&console.log("init",e),p.value=e.series.map((l,s)=>({label:l.label,stroke:typeof l.stroke=="function"?l.stroke(e,s):null,value:null,data:null,show:l.show}))}],setCursor:[e=>{h("cursor",e.cursor),p.value=e.series.map((l,s)=>{var d,m;return{label:l.label,stroke:typeof l.stroke=="function"?l.stroke(e,s):null,value:e.cursor.idx&&e.data[s][e.cursor.idx]?typeof l.value=="function"?l.value(e,e.data[s][e.cursor.idx],s,e.cursor.idx):e.data[s][e.cursor.idx]:null,data:(d=e.cursor)!=null&&d.idx?e.data[s][(m=e.cursor)==null?void 0:m.idx]:null,show:l.show}})}],setSelect:[e=>{h("select",e.select),t.showDebug&&console.log("setSelect",e.select),k.value=[e.posToVal(e.select.left,"x"),e.posToVal(e.select.left+e.select.width,"x")]}],setScale:[e=>{t.showDebug&&console.log("setScale",e.scales),k.value=[e.scales.x.min||null,e.scales.x.max||null]}]}};let n;const x=o.ref();function z(){n&&n.destroy(),n=new D({width:100,height:100,...f(t.options,M)},t.data,y.value),x.value=n,t.zoom[0]!==null&&t.zoom[1]!==null&&n.setScale("x",{min:t.zoom[0],max:t.zoom[1]}),setTimeout(()=>{B()},0)}o.onMounted(()=>{z()}),o.watch([_,b],()=>{o.nextTick(()=>{B()})}),o.watch(t.data,e=>{if(t.noResetScale){n.setData(e,!1),n.redraw(!1);return}n.setData(e,!0)}),o.watch(t.options,(e,l)=>{t.showDebug&&console.log("watch options",e,l),z()}),o.watch(()=>t.zoom,e=>{e[0]!==null&&e[1]!==null&&(n.scales.x.min!==e[0]||n.scales.x.max!==e[1])&&(console.log("watch zoom setScale",n.scales.x.min,e[0],n.scales.x.max,e[1]),n.setScale("x",{min:e[0],max:e[1]}))});function B(){n.setSize({width:_.value,height:b.value}),t.showDebug&&console.log("resize",n)}function u(e){var l,s;typeof e=="object"&&(e=((l=p.value)==null?void 0:l.indexOf(e))||-1),n.setSeries(e,{show:!n.series[e].show}),(s=p.value)!=null&&s[e]&&(p.value[e].show=n.series[e].show)}return r({toggleShow:u,uplot:x}),(e,l)=>(o.openBlock(),o.createElementBlock("div",E,[o.renderSlot(e.$slots,"header",{series:o.unref(p),toggleShow:u}),o.createElementVNode("div",{ref_key:"el",ref:y,class:"__uplot"},null,512),e.showDebug?(o.openBlock(),o.createElementBlock("div",O,[o.createTextVNode(o.toDisplayString(o.unref(_))+" x "+o.toDisplayString(o.unref(b))+" ",1),l[0]||(l[0]=o.createElementVNode("br",null,null,-1)),o.createElementVNode("pre",A,o.toDisplayString(o.unref(p)),1)])):o.createCommentVNode("",!0),e.noFooter?o.createCommentVNode("",!0):o.renderSlot(e.$slots,"footer",{key:1,series:o.unref(p),toggleShow:u},()=>[o.createElementVNode("div",j,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(p),(s,d)=>{var m;return o.openBlock(),o.createElementBlock("div",{key:s.label,class:o.normalizeClass(["__uplot-legend-series",[`__uplot-${(m=s.label)==null?void 0:m.toLowerCase()}`,`__uplot-i-${d}`]]),style:o.normalizeStyle({backgroundColor:s.show?"":"lightgrey"}),onClick:P=>u(d)},[d!==0?(o.openBlock(),o.createElementBlock("span",{key:0,style:o.normalizeStyle({color:s.stroke||"black"}),class:"__uplot-legend-label"},o.toDisplayString(s.label),5)):o.createCommentVNode("",!0),s.value?(o.openBlock(),o.createElementBlock("span",T,o.toDisplayString(s.value),1)):(o.openBlock(),o.createElementBlock("span",N,"--"))],14,C)}),128))])])]))}});c.Uplot=$,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/dist/src/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/uplot.vue.d.ts

@@ -1,4 +1,4 @@
-import Uplot from 'uplot';
+import { default as Uplot } from 'uplot';
 export type Options = Omit<Uplot.Options, 'height' | 'width'>;
 export type AlignedData = Uplot.AlignedData;
 export interface Series {
@@ -24,74 +24,56 @@ interface UplotProps {
     series?: Series[];
 }
 declare function toggleShow(idx: number | Series): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UplotProps>, {
-    noResetScale: boolean;
-    showDebug: boolean;
-    noFooter: boolean;
-    zoom: () => null[];
-}>, {
+declare function __VLS_template(): {
+    slots: {
+        header?(_: {
+            series: {
+                label: string | undefined;
+                stroke: string | null;
+                value: number | string | null | undefined;
+                data: number | null | undefined;
+                show: boolean | undefined;
+            }[] | undefined;
+            toggleShow: typeof toggleShow;
+        }): any;
+        footer?(_: {
+            series: {
+                label: string | undefined;
+                stroke: string | null;
+                value: number | string | null | undefined;
+                data: number | null | undefined;
+                show: boolean | undefined;
+            }[] | undefined;
+            toggleShow: typeof toggleShow;
+        }): any;
+    };
+    refs: {
+        el: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UplotProps, {
     toggleShow: typeof toggleShow;
-    uplot: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (select: Uplot.Select) => void;
-    cursor: (cursor: Uplot.Cursor) => void;
-    "update:zoom": (zoom: number[]) => void;
-    "update:series": (series: Series[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UplotProps>, {
-    noResetScale: boolean;
-    showDebug: boolean;
-    noFooter: boolean;
-    zoom: () => null[];
-}>>> & {
+    uplot: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (select: Uplot.Select) => any;
+    cursor: (cursor: Uplot.Cursor) => any;
+    "update:zoom": (zoom: number[]) => any;
+    "update:series": (series: Series[]) => any;
+}, string, import('vue').PublicProps, Readonly<UplotProps> & Readonly<{
     onSelect?: ((select: Uplot.Select) => any) | undefined;
     onCursor?: ((cursor: Uplot.Cursor) => any) | undefined;
     "onUpdate:zoom"?: ((zoom: number[]) => any) | undefined;
     "onUpdate:series"?: ((series: Series[]) => any) | undefined;
-}, {
+}>, {
     noResetScale: boolean;
     showDebug: boolean;
     noFooter: boolean;
     zoom: number[] | null[];
-}, {}>, {
-    header?(_: {
-        series: {
-            label: string | undefined;
-            stroke: string | null;
-            value: string | number | null | undefined;
-            data: number | null | undefined;
-            show: boolean | undefined;
-        }[] | undefined;
-        toggleShow: typeof toggleShow;
-    }): any;
-    footer?(_: {
-        series: {
-            label: string | undefined;
-            stroke: string | null;
-            value: string | number | null | undefined;
-            data: number | null | undefined;
-            show: boolean | undefined;
-        }[] | undefined;
-        toggleShow: typeof toggleShow;
-    }): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/vite.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vite").UserConfig;
+declare const _default: import('vite').UserConfig;
 export default _default;

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@flowtools/uplot",
   "type": "module",
-  "version": "0.0.11",
-  "packageManager": "pnpm@8.14.0",
+  "version": "0.0.12",
   "description": "Modern vue component for uplot",
   "author": "Jukka Raimovaara <roska@mentalhouse.fi> (Mentalhouse Oy)",
   "license": "MIT",
@@ -42,23 +41,24 @@
     "vue": "=>3.2.47"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.6.3",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vitest/coverage-v8": "^1.2.1",
-    "@vue/test-utils": "^2.4.3",
-    "@vueuse/core": "^10.7.2",
-    "bumpp": "^9.3.0",
-    "eslint": "^8.56.0",
-    "jsdom": "^24.0.0",
-    "lint-staged": "^15.2.0",
-    "simple-git-hooks": "^2.9.0",
-    "typescript": "^5.3.3",
-    "uplot": "^1.6.28",
+    "@antfu/eslint-config": "^3.11.2",
+    "@types/node": "^22.10.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "^2.1.6",
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^12.0.0",
+    "bumpp": "^9.8.1",
+    "eslint": "^9.15.0",
+    "jsdom": "^25.0.1",
+    "lint-staged": "^15.2.10",
+    "simple-git-hooks": "^2.11.1",
+    "typescript": "^5.7.2",
+    "uplot": "^1.6.31",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.2",
-    "vitest": "^1.2.1",
-    "vue": "^3.4.15"
+    "vite": "^6.0.1",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.6",
+    "vue": "^3.5.13"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"