vue-chrts 0.0.156 → 0.0.157

package/dist/components/AreaStacked/index.d.ts

@@ -1 +0,0 @@
-export { default as AreaStackedChart } from './AreaStackedChart.vue';

package/dist/components/Bar/BarChart.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@unovis/ts"),i=require("@unovis/vue"),m=require("../Tooltip.cjs"),c=require("../../types.cjs"),f=e.defineComponent({__name:"BarChart",props:{data:{},stacked:{type:Boolean},height:{},xLabel:{},yLabel:{},categories:{},xFormatter:{},yFormatter:{},yNumTicks:{},xNumTicks:{},yAxis:{},groupPadding:{},barPadding:{},radius:{},hideLegend:{type:Boolean},orientation:{default:o.Orientation.Vertical},paginationPosition:{default:c.PaginationPosition.Bottom}},setup(p){const r=p,s=e.computed(()=>r.yAxis.map(a=>n=>n[a])),d=(a,n)=>Object.values(r.categories)[n].color,g=e.computed(()=>a=>{const n=e.createApp(m.default,{data:a,categories:r.categories}),l=document.createElement("div");n.mount(l);const t=l.innerHTML;return n.unmount(),t}),u=e.computed(()=>r.paginationPosition===c.PaginationPosition.Top);return(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col space-y-4",{"flex-col-reverse":u.value}])},[e.createVNode(e.unref(i.VisXYContainer),{height:a.height},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VisTooltip),{triggers:{[e.unref(o.GroupedBar).selectors.bar]:g.value}},null,8,["triggers"]),a.stacked?(e.openBlock(),e.createBlock(e.unref(i.VisStackedBar),{key:1,data:a.data,x:(l,t)=>t,y:s.value,"grid-line":!1,"domain-line":!1,color:d,"rounded-corners":a.radius??0,"group-padding":a.groupPadding??0,"bar-padding":a.barPadding??.2,orientation:a.orientation??e.unref(o.Orientation).Vertical},null,8,["data","x","y","rounded-corners","group-padding","bar-padding","orientation"])):(e.openBlock(),e.createBlock(e.unref(i.VisGroupedBar),{key:0,data:a.data,x:(l,t)=>t,y:s.value,"grid-line":!1,"domain-line":!1,color:d,"rounded-corners":a.radius??0,"group-padding":a.groupPadding??0,"bar-padding":a.barPadding??.2,orientation:a.orientation??e.unref(o.Orientation).Vertical},null,8,["data","x","y","rounded-corners","group-padding","bar-padding","orientation"])),e.createVNode(e.unref(i.VisAxis),{type:"x",label:a.xLabel,"grid-line":!1,"domain-line":!1,"tick-format":a.xFormatter,"num-ticks":a.xNumTicks,"tick-line":!1},null,8,["label","tick-format","num-ticks"]),e.createVNode(e.unref(i.VisAxis),{type:"y",label:a.yLabel,"grid-line":a.orientation!==e.unref(o.Orientation).Horizontal,"domain-line":!1,"tick-format":a.yFormatter},null,8,["label","grid-line","tick-format"])]),_:1},8,["height"]),a.hideLegend?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items center justify-end",{"pb-4":u.value}])},[e.createVNode(e.unref(i.VisBulletLegend),{items:Object.values(a.categories)},null,8,["items"])],2))],2))}});exports.default=f;
-//# sourceMappingURL=BarChart.cjs.map

package/dist/components/Bar/BarChart.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart.cjs","sources":["../../../src/components/Bar/BarChart.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed, ComputedRef, createApp } from \"vue\";\nimport { BulletLegendItemInterface, GroupedBar, Orientation } from \"@unovis/ts\";\n\nimport {\n  VisAxis,\n  VisBulletLegend,\n  VisGroupedBar,\n  VisStackedBar,\n  VisTooltip,\n  VisXYContainer,\n} from \"@unovis/vue\";\n\nimport Tooltip from \"./../Tooltip.vue\";\nimport { PaginationPosition } from \"../../types\";\n\ntype BarChartProps<T> = {\n  data: T[];\n  stacked?: boolean;\n  height: number;\n  xLabel?: string;\n  yLabel?: string;\n  categories: Record<string, BulletLegendItemInterface>;\n  xFormatter: (i: number, idx?: number) => string | number;\n  yFormatter?: (i: number, idx?: number) => string | number;\n  yNumTicks?: number;\n  xNumTicks?: number;\n  yAxis: (keyof T)[];\n  groupPadding?: number;\n  barPadding?: number;\n  radius?: number;\n  hideLegend?: boolean;\n  orientation?: Orientation;\n  paginationPosition?: PaginationPosition;\n};\n\nconst props = withDefaults(defineProps<BarChartProps<T>>(), {\n  orientation: Orientation.Vertical,\n  paginationPosition: PaginationPosition.Bottom,\n});\n\nconst yAxis: ComputedRef<((d: T) => T[keyof T])[]> = computed(() => {\n  return props.yAxis.map((key) => (d: T) => {\n    return d[key];\n  });\n});\n\nconst color = (_: T, i: number) => Object.values(props.categories)[i].color;\n\nconst generateTooltip = computed(() => (d: T) => {\n  const app = createApp(Tooltip, {\n    data: d,\n    categories: props.categories,\n  });\n\n  const container = document.createElement(\"div\");\n  app.mount(container);\n\n  const html = container.innerHTML;\n  app.unmount();\n\n  return html;\n});\n\nconst PaginationPositionTop = computed(\n  () => props.paginationPosition === PaginationPosition.Top\n);\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col space-y-4\"\n    :class=\"{ 'flex-col-reverse': PaginationPositionTop }\"\n  >\n    <VisXYContainer :height=\"height\">\n      <VisTooltip\n        :triggers=\"{\n          [GroupedBar.selectors.bar]: generateTooltip,\n        }\"\n      />\n\n      <VisGroupedBar\n        v-if=\"!stacked\"\n        :data=\"data\"\n        :x=\"(_: T, i: number) => i\"\n        :y=\"yAxis\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :color=\"color\"\n        :rounded-corners=\"radius ?? 0\"\n        :group-padding=\"groupPadding ?? 0\"\n        :bar-padding=\"barPadding ?? 0.2\"\n        :orientation=\"orientation ?? Orientation.Vertical\"\n      />\n      <VisStackedBar\n        v-else\n        :data=\"data\"\n        :x=\"(_: T, i: number) => i\"\n        :y=\"yAxis\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :color=\"color\"\n        :rounded-corners=\"radius ?? 0\"\n        :group-padding=\"groupPadding ?? 0\"\n        :bar-padding=\"barPadding ?? 0.2\"\n        :orientation=\"orientation ?? Orientation.Vertical\"\n      />\n      <VisAxis\n        type=\"x\"\n        :label=\"xLabel\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :tick-format=\"xFormatter\"\n        :num-ticks=\"xNumTicks\"\n        :tick-line=\"false\"\n      />\n      <VisAxis\n        type=\"y\"\n        :label=\"yLabel\"\n        :grid-line=\"orientation !== Orientation.Horizontal\"\n        :domain-line=\"false\"\n        :tick-format=\"yFormatter\"\n      />\n    </VisXYContainer>\n    <div\n      v-if=\"!hideLegend\"\n      class=\"flex items center justify-end\"\n      :class=\"{ 'pb-4': PaginationPositionTop }\"\n    >\n      <VisBulletLegend :items=\"Object.values(categories)\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","yAxis","computed","key","d","color","_","i","generateTooltip","app","createApp","Tooltip","container","html","PaginationPositionTop","PaginationPosition"],"mappings":"ulBAoCA,MAAMA,EAAQC,EAKRC,EAA+CC,EAAAA,SAAS,IACrDH,EAAM,MAAM,IAAKI,GAASC,GACxBA,EAAED,CAAG,CACb,CACF,EAEKE,EAAQ,CAACC,EAAMC,IAAc,OAAO,OAAOR,EAAM,UAAU,EAAEQ,CAAC,EAAE,MAEhEC,EAAkBN,EAAAA,SAAS,IAAOE,GAAS,CACzC,MAAAK,EAAMC,YAAUC,UAAS,CAC7B,KAAMP,EACN,WAAYL,EAAM,UAAA,CACnB,EAEKa,EAAY,SAAS,cAAc,KAAK,EAC9CH,EAAI,MAAMG,CAAS,EAEnB,MAAMC,EAAOD,EAAU,UACvB,OAAAH,EAAI,QAAQ,EAELI,CAAA,CACR,EAEKC,EAAwBZ,EAAA,SAC5B,IAAMH,EAAM,qBAAuBgB,qBAAmB,GACxD"}

package/dist/components/Bar/BarChart.js

@@ -1,107 +0,0 @@
-import { defineComponent as P, computed as s, createApp as v, createElementBlock as m, openBlock as l, normalizeClass as c, createVNode as n, createCommentVNode as B, unref as a, withCtx as V, createBlock as f } from "vue";
-import { Orientation as d, GroupedBar as L } from "@unovis/ts";
-import { VisXYContainer as T, VisTooltip as C, VisGroupedBar as A, VisStackedBar as N, VisAxis as y, VisBulletLegend as F } from "@unovis/vue";
-import j from "../Tooltip.js";
-import { PaginationPosition as b } from "../../types.js";
-const H = /* @__PURE__ */ P({
-  __name: "BarChart",
-  props: {
-    data: {},
-    stacked: { type: Boolean },
-    height: {},
-    xLabel: {},
-    yLabel: {},
-    categories: {},
-    xFormatter: {},
-    yFormatter: {},
-    yNumTicks: {},
-    xNumTicks: {},
-    yAxis: {},
-    groupPadding: {},
-    barPadding: {},
-    radius: {},
-    hideLegend: { type: Boolean },
-    orientation: { default: d.Vertical },
-    paginationPosition: { default: b.Bottom }
-  },
-  setup(k) {
-    const r = k, u = s(() => r.yAxis.map((e) => (i) => i[e])), p = (e, i) => Object.values(r.categories)[i].color, h = s(() => (e) => {
-      const i = v(j, {
-        data: e,
-        categories: r.categories
-      }), t = document.createElement("div");
-      i.mount(t);
-      const o = t.innerHTML;
-      return i.unmount(), o;
-    }), g = s(
-      () => r.paginationPosition === b.Top
-    );
-    return (e, i) => (l(), m("div", {
-      class: c(["flex flex-col space-y-4", { "flex-col-reverse": g.value }])
-    }, [
-      n(a(T), { height: e.height }, {
-        default: V(() => [
-          n(a(C), {
-            triggers: {
-              [a(L).selectors.bar]: h.value
-            }
-          }, null, 8, ["triggers"]),
-          e.stacked ? (l(), f(a(N), {
-            key: 1,
-            data: e.data,
-            x: (t, o) => o,
-            y: u.value,
-            "grid-line": !1,
-            "domain-line": !1,
-            color: p,
-            "rounded-corners": e.radius ?? 0,
-            "group-padding": e.groupPadding ?? 0,
-            "bar-padding": e.barPadding ?? 0.2,
-            orientation: e.orientation ?? a(d).Vertical
-          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])) : (l(), f(a(A), {
-            key: 0,
-            data: e.data,
-            x: (t, o) => o,
-            y: u.value,
-            "grid-line": !1,
-            "domain-line": !1,
-            color: p,
-            "rounded-corners": e.radius ?? 0,
-            "group-padding": e.groupPadding ?? 0,
-            "bar-padding": e.barPadding ?? 0.2,
-            orientation: e.orientation ?? a(d).Vertical
-          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])),
-          n(a(y), {
-            type: "x",
-            label: e.xLabel,
-            "grid-line": !1,
-            "domain-line": !1,
-            "tick-format": e.xFormatter,
-            "num-ticks": e.xNumTicks,
-            "tick-line": !1
-          }, null, 8, ["label", "tick-format", "num-ticks"]),
-          n(a(y), {
-            type: "y",
-            label: e.yLabel,
-            "grid-line": e.orientation !== a(d).Horizontal,
-            "domain-line": !1,
-            "tick-format": e.yFormatter
-          }, null, 8, ["label", "grid-line", "tick-format"])
-        ]),
-        _: 1
-      }, 8, ["height"]),
-      e.hideLegend ? B("", !0) : (l(), m("div", {
-        key: 0,
-        class: c(["flex items center justify-end", { "pb-4": g.value }])
-      }, [
-        n(a(F), {
-          items: Object.values(e.categories)
-        }, null, 8, ["items"])
-      ], 2))
-    ], 2));
-  }
-});
-export {
-  H as default
-};
-//# sourceMappingURL=BarChart.js.map

package/dist/components/Bar/BarChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart.js","sources":["../../../src/components/Bar/BarChart.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed, ComputedRef, createApp } from \"vue\";\nimport { BulletLegendItemInterface, GroupedBar, Orientation } from \"@unovis/ts\";\n\nimport {\n  VisAxis,\n  VisBulletLegend,\n  VisGroupedBar,\n  VisStackedBar,\n  VisTooltip,\n  VisXYContainer,\n} from \"@unovis/vue\";\n\nimport Tooltip from \"./../Tooltip.vue\";\nimport { PaginationPosition } from \"../../types\";\n\ntype BarChartProps<T> = {\n  data: T[];\n  stacked?: boolean;\n  height: number;\n  xLabel?: string;\n  yLabel?: string;\n  categories: Record<string, BulletLegendItemInterface>;\n  xFormatter: (i: number, idx?: number) => string | number;\n  yFormatter?: (i: number, idx?: number) => string | number;\n  yNumTicks?: number;\n  xNumTicks?: number;\n  yAxis: (keyof T)[];\n  groupPadding?: number;\n  barPadding?: number;\n  radius?: number;\n  hideLegend?: boolean;\n  orientation?: Orientation;\n  paginationPosition?: PaginationPosition;\n};\n\nconst props = withDefaults(defineProps<BarChartProps<T>>(), {\n  orientation: Orientation.Vertical,\n  paginationPosition: PaginationPosition.Bottom,\n});\n\nconst yAxis: ComputedRef<((d: T) => T[keyof T])[]> = computed(() => {\n  return props.yAxis.map((key) => (d: T) => {\n    return d[key];\n  });\n});\n\nconst color = (_: T, i: number) => Object.values(props.categories)[i].color;\n\nconst generateTooltip = computed(() => (d: T) => {\n  const app = createApp(Tooltip, {\n    data: d,\n    categories: props.categories,\n  });\n\n  const container = document.createElement(\"div\");\n  app.mount(container);\n\n  const html = container.innerHTML;\n  app.unmount();\n\n  return html;\n});\n\nconst PaginationPositionTop = computed(\n  () => props.paginationPosition === PaginationPosition.Top\n);\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col space-y-4\"\n    :class=\"{ 'flex-col-reverse': PaginationPositionTop }\"\n  >\n    <VisXYContainer :height=\"height\">\n      <VisTooltip\n        :triggers=\"{\n          [GroupedBar.selectors.bar]: generateTooltip,\n        }\"\n      />\n\n      <VisGroupedBar\n        v-if=\"!stacked\"\n        :data=\"data\"\n        :x=\"(_: T, i: number) => i\"\n        :y=\"yAxis\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :color=\"color\"\n        :rounded-corners=\"radius ?? 0\"\n        :group-padding=\"groupPadding ?? 0\"\n        :bar-padding=\"barPadding ?? 0.2\"\n        :orientation=\"orientation ?? Orientation.Vertical\"\n      />\n      <VisStackedBar\n        v-else\n        :data=\"data\"\n        :x=\"(_: T, i: number) => i\"\n        :y=\"yAxis\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :color=\"color\"\n        :rounded-corners=\"radius ?? 0\"\n        :group-padding=\"groupPadding ?? 0\"\n        :bar-padding=\"barPadding ?? 0.2\"\n        :orientation=\"orientation ?? Orientation.Vertical\"\n      />\n      <VisAxis\n        type=\"x\"\n        :label=\"xLabel\"\n        :grid-line=\"false\"\n        :domain-line=\"false\"\n        :tick-format=\"xFormatter\"\n        :num-ticks=\"xNumTicks\"\n        :tick-line=\"false\"\n      />\n      <VisAxis\n        type=\"y\"\n        :label=\"yLabel\"\n        :grid-line=\"orientation !== Orientation.Horizontal\"\n        :domain-line=\"false\"\n        :tick-format=\"yFormatter\"\n      />\n    </VisXYContainer>\n    <div\n      v-if=\"!hideLegend\"\n      class=\"flex items center justify-end\"\n      :class=\"{ 'pb-4': PaginationPositionTop }\"\n    >\n      <VisBulletLegend :items=\"Object.values(categories)\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","yAxis","computed","key","d","color","_","generateTooltip","app","createApp","Tooltip","container","html","PaginationPositionTop","PaginationPosition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAMA,IAAQC,GAKRC,IAA+CC,EAAS,MACrDH,EAAM,MAAM,IAAI,CAACI,MAAQ,CAACC,MACxBA,EAAED,CAAG,CACb,CACF,GAEKE,IAAQ,CAACC,GAAM,MAAc,OAAO,OAAOP,EAAM,UAAU,EAAE,CAAC,EAAE,OAEhEQ,IAAkBL,EAAS,MAAM,CAACE,MAAS;AACzC,YAAAI,IAAMC,EAAUC,GAAS;AAAA,QAC7B,MAAMN;AAAA,QACN,YAAYL,EAAM;AAAA,MAAA,CACnB,GAEKY,IAAY,SAAS,cAAc,KAAK;AAC9C,MAAAH,EAAI,MAAMG,CAAS;AAEnB,YAAMC,IAAOD,EAAU;AACvB,aAAAH,EAAI,QAAQ,GAELI;AAAA,IAAA,CACR,GAEKC,IAAwBX;AAAA,MAC5B,MAAMH,EAAM,uBAAuBe,EAAmB;AAAA,IACxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Bar/BarChart.vue.d.ts

@@ -1,36 +0,0 @@
-import { BulletLegendItemInterface, Orientation } from '@unovis/ts';
-import { PaginationPosition } from '../../types';
-
-declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
-        data: T[];
-        stacked?: boolean;
-        height: number;
-        xLabel?: string;
-        yLabel?: string;
-        categories: Record<string, BulletLegendItemInterface>;
-        xFormatter: (i: number, idx?: number) => string | number;
-        yFormatter?: (i: number, idx?: number) => string | number;
-        yNumTicks?: number;
-        xNumTicks?: number;
-        yAxis: (keyof T)[];
-        groupPadding?: number;
-        barPadding?: number;
-        radius?: number;
-        hideLegend?: boolean;
-        orientation?: Orientation;
-        paginationPosition?: PaginationPosition;
-    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: ReturnType<() => {}>;
-    emit: typeof __VLS_emit;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/Bar/BarChart2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./BarChart.cjs");exports.default=e.default;
-//# sourceMappingURL=BarChart2.cjs.map

package/dist/components/Bar/BarChart2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Bar/BarChart2.js

@@ -1,5 +0,0 @@
-import f from "./BarChart.js";
-export {
-  f as default
-};
-//# sourceMappingURL=BarChart2.js.map

package/dist/components/Bar/BarChart2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Bar/index.d.ts

@@ -1 +0,0 @@
-export { default as BarChart } from './BarChart.vue';

package/dist/components/Crosshair/Crosshair.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),i=require("@unovis/vue"),_=e.defineComponent({__name:"Crosshair",props:{colors:{default:()=>[]},index:{},items:{},customTooltip:{}},setup(s){const o=s,r=new WeakMap;function c(t){if(r.has(t))return r.get(t);if(typeof window<"u"){const n=document.createElement("div"),u=Object.entries(d.omit(t,[o.index])).map(([p,m])=>({...o.items.find(f=>f.name===p),value:m})),l=o.customTooltip??i.VisTooltip;return e.createApp(l,{title:t[o.index].toString(),data:u}).mount(n),r.set(t,n.innerHTML),n.innerHTML}}function a(t,n){return o.colors[n]??"transparent"}return(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.VisTooltip),{"horizontal-shift":20,"vertical-shift":20}),e.createVNode(e.unref(i.VisCrosshair),{template:c,color:a})],64))}});exports.default=_;
-//# sourceMappingURL=Crosshair.cjs.map

package/dist/components/Crosshair/Crosshair.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Crosshair.cjs","sources":["../../../src/components/Crosshair/Crosshair.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BulletLegendItemInterface } from '@unovis/ts'\nimport { omit } from '@unovis/ts'\nimport { VisCrosshair, VisTooltip } from '@unovis/vue'\nimport { type Component, createApp } from 'vue'\n\nconst props = withDefaults(defineProps<{\n  colors: string[]\n  index: string\n  items: BulletLegendItemInterface[]\n  customTooltip?: Component\n}>(), {\n  colors: () => [],\n})\n\n// Use weakmap to store reference to each datapoint for Tooltip\nconst wm = new WeakMap()\nfunction template(d: any) {\n  if (wm.has(d)) {\n    return wm.get(d)\n  }\n  else {\n    if (typeof window !== 'undefined') {\n      const componentDiv = document.createElement('div')\n      const omittedData = Object.entries(omit(d, [props.index])).map(([key, value]) => {\n        const legendReference = props.items.find(i => i.name === key)\n        return { ...legendReference, value }\n      })\n    const TooltipComponent = props.customTooltip ?? VisTooltip\n    createApp(TooltipComponent, { title: d[props.index].toString(), data: omittedData }).mount(componentDiv)\n    wm.set(d, componentDiv.innerHTML)\n    return componentDiv.innerHTML\n    }\n\n  }\n}\n\nfunction color(_: unknown, i: number) {\n  return props.colors[i] ?? 'transparent'\n}\n</script>\n\n<template>\n  <VisTooltip :horizontal-shift=\"20\" :vertical-shift=\"20\" />\n  <VisCrosshair :template=\"template\" :color=\"color\" />\n</template>"],"names":["props","__props","wm","template","d","componentDiv","omittedData","omit","key","value","i","TooltipComponent","VisTooltip","createApp","color","_"],"mappings":"wSAMA,MAAMA,EAAQC,EAURC,MAAS,QACf,SAASC,EAASC,EAAQ,CACpB,GAAAF,EAAG,IAAIE,CAAC,EACH,OAAAF,EAAG,IAAIE,CAAC,EAGX,GAAA,OAAO,OAAW,IAAa,CAC3B,MAAAC,EAAe,SAAS,cAAc,KAAK,EAC3CC,EAAc,OAAO,QAAQC,EAAK,KAAAH,EAAG,CAACJ,EAAM,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAACQ,EAAKC,CAAK,KAElE,CAAE,GADeT,EAAM,MAAM,KAAUU,GAAAA,EAAE,OAASF,CAAG,EAC/B,MAAAC,CAAM,EACpC,EACGE,EAAmBX,EAAM,eAAiBY,EAAA,WAChDC,OAAAA,EAAAA,UAAUF,EAAkB,CAAE,MAAOP,EAAEJ,EAAM,KAAK,EAAE,SAAS,EAAG,KAAMM,CAAa,CAAA,EAAE,MAAMD,CAAY,EACpGH,EAAA,IAAIE,EAAGC,EAAa,SAAS,EACzBA,EAAa,SAAA,CAGtB,CAGO,SAAAS,EAAMC,EAAYL,EAAW,CAC7B,OAAAV,EAAM,OAAOU,CAAC,GAAK,aAAA"}

package/dist/components/Crosshair/Crosshair.js

@@ -1,40 +0,0 @@
-import { defineComponent as h, createElementBlock as _, openBlock as T, Fragment as g, createVNode as r, unref as i, createApp as x } from "vue";
-import { omit as w } from "@unovis/ts";
-import { VisTooltip as s, VisCrosshair as C } from "@unovis/vue";
-const B = /* @__PURE__ */ h({
-  __name: "Crosshair",
-  props: {
-    colors: { default: () => [] },
-    index: {},
-    items: {},
-    customTooltip: {}
-  },
-  setup(c) {
-    const n = c, o = /* @__PURE__ */ new WeakMap();
-    function a(e) {
-      if (o.has(e))
-        return o.get(e);
-      if (typeof window < "u") {
-        const t = document.createElement("div"), p = Object.entries(w(e, [n.index])).map(([f, u]) => ({ ...n.items.find((d) => d.name === f), value: u })), l = n.customTooltip ?? s;
-        return x(l, { title: e[n.index].toString(), data: p }).mount(t), o.set(e, t.innerHTML), t.innerHTML;
-      }
-    }
-    function m(e, t) {
-      return n.colors[t] ?? "transparent";
-    }
-    return (e, t) => (T(), _(g, null, [
-      r(i(s), {
-        "horizontal-shift": 20,
-        "vertical-shift": 20
-      }),
-      r(i(C), {
-        template: a,
-        color: m
-      })
-    ], 64));
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=Crosshair.js.map

package/dist/components/Crosshair/Crosshair.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Crosshair.js","sources":["../../../src/components/Crosshair/Crosshair.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BulletLegendItemInterface } from '@unovis/ts'\nimport { omit } from '@unovis/ts'\nimport { VisCrosshair, VisTooltip } from '@unovis/vue'\nimport { type Component, createApp } from 'vue'\n\nconst props = withDefaults(defineProps<{\n  colors: string[]\n  index: string\n  items: BulletLegendItemInterface[]\n  customTooltip?: Component\n}>(), {\n  colors: () => [],\n})\n\n// Use weakmap to store reference to each datapoint for Tooltip\nconst wm = new WeakMap()\nfunction template(d: any) {\n  if (wm.has(d)) {\n    return wm.get(d)\n  }\n  else {\n    if (typeof window !== 'undefined') {\n      const componentDiv = document.createElement('div')\n      const omittedData = Object.entries(omit(d, [props.index])).map(([key, value]) => {\n        const legendReference = props.items.find(i => i.name === key)\n        return { ...legendReference, value }\n      })\n    const TooltipComponent = props.customTooltip ?? VisTooltip\n    createApp(TooltipComponent, { title: d[props.index].toString(), data: omittedData }).mount(componentDiv)\n    wm.set(d, componentDiv.innerHTML)\n    return componentDiv.innerHTML\n    }\n\n  }\n}\n\nfunction color(_: unknown, i: number) {\n  return props.colors[i] ?? 'transparent'\n}\n</script>\n\n<template>\n  <VisTooltip :horizontal-shift=\"20\" :vertical-shift=\"20\" />\n  <VisCrosshair :template=\"template\" :color=\"color\" />\n</template>"],"names":["props","__props","wm","template","d","componentDiv","omittedData","omit","key","value","i","TooltipComponent","VisTooltip","createApp","color","_"],"mappings":";;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAURC,wBAAS,QAAQ;AACvB,aAASC,EAASC,GAAQ;AACpB,UAAAF,EAAG,IAAIE,CAAC;AACH,eAAAF,EAAG,IAAIE,CAAC;AAGX,UAAA,OAAO,SAAW,KAAa;AAC3B,cAAAC,IAAe,SAAS,cAAc,KAAK,GAC3CC,IAAc,OAAO,QAAQC,EAAKH,GAAG,CAACJ,EAAM,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAACQ,GAAKC,CAAK,OAElE,EAAE,GADeT,EAAM,MAAM,KAAK,CAAKU,MAAAA,EAAE,SAASF,CAAG,GAC/B,OAAAC,EAAM,EACpC,GACGE,IAAmBX,EAAM,iBAAiBY;AAChD,eAAAC,EAAUF,GAAkB,EAAE,OAAOP,EAAEJ,EAAM,KAAK,EAAE,SAAS,GAAG,MAAMM,EAAa,CAAA,EAAE,MAAMD,CAAY,GACpGH,EAAA,IAAIE,GAAGC,EAAa,SAAS,GACzBA,EAAa;AAAA,MAAA;AAAA,IAGtB;AAGO,aAAAS,EAAMC,GAAYL,GAAW;AAC7B,aAAAV,EAAM,OAAOU,CAAC,KAAK;AAAA,IAAA;;;;;;;;;;;;;"}

package/dist/components/Crosshair/Crosshair.vue.d.ts

@@ -1,38 +0,0 @@
-import { BulletLegendItemInterface } from '@unovis/ts';
-import { Component } from 'vue';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    colors: string[];
-    index: string;
-    items: BulletLegendItemInterface[];
-    customTooltip?: Component;
-}>, {
-    colors: () => any[];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    colors: string[];
-    index: string;
-    items: BulletLegendItemInterface[];
-    customTooltip?: Component;
-}>, {
-    colors: () => any[];
-}>>> & Readonly<{}>, {
-    colors: string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-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];
-} & {};

package/dist/components/Crosshair/Crosshair2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Crosshair.cjs");exports.default=e.default;
-//# sourceMappingURL=Crosshair2.cjs.map

package/dist/components/Crosshair/Crosshair2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Crosshair2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Crosshair/Crosshair2.js

@@ -1,5 +0,0 @@
-import f from "./Crosshair.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Crosshair2.js.map

package/dist/components/Crosshair/Crosshair2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Crosshair2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Crosshair/index.d.ts

@@ -1 +0,0 @@
-export { default as Crosshair } from './Crosshair.vue';

package/dist/components/Donut/DonutChart.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),o=require("@unovis/vue"),u={class:"flex items-center justify-center"},d={key:0,class:"flex items-center justify-center mt-4"},g=e.defineComponent({__name:"DonutChart",props:{type:{},data:{},height:{},radius:{},hidePagination:{type:Boolean},labels:{}},setup(r){const n=r,s=t=>t,l=n.type==="half",a={[c.Donut.selectors.segment]:t=>(console.log(),`<div class='flex items-center'><div class='w-2 h-2 rounded-full mr-2' style='background-color: ${n.labels[t.index].color} ;'></div>
-        <div>${t.data}</div>
-      </vistooltip>
-    </vissinglecontainer>
-  </div>`)};return(t,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",u,[e.createVNode(e.unref(o.VisSingleContainer),{class:e.normalizeClass(l?"mt-24":""),data:t.data,height:t.height,margin:{}},{default:e.withCtx(()=>[e.createVNode(e.unref(o.VisTooltip),{"horizontal-shift":20,"vertical-shift":20,triggers:a}),e.createVNode(e.unref(o.VisDonut),{value:s,"corner-radius":t.radius,color:n.labels.map(i=>i.color),"angle-range":l?[-1.5707963267948966,1.5707963267948966]:[]},null,8,["corner-radius","color","angle-range"])]),_:1},8,["class","data","height"]),e.renderSlot(t.$slots,"default")]),t.hidePagination?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(e.unref(o.VisBulletLegend),{items:t.labels},null,8,["items"])]))],64))}});exports.default=g;
-//# sourceMappingURL=DonutChart.cjs.map

package/dist/components/Donut/DonutChart.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChart.cjs","sources":["../../../src/components/Donut/DonutChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Donut } from \"@unovis/ts\";\nimport {\n  VisBulletLegend,\n  VisDonut,\n  VisSingleContainer,\n  VisTooltip,\n} from \"@unovis/vue\";\n\nexport type DonutChartProps = {\n    type?: string;\n    data: number[];\n    height: number;\n    radius: number;\n    hidePagination?: boolean\n    labels: {\n      name: string;\n      color: string;\n    }[];\n  }\n\nconst props = defineProps<DonutChartProps>();\n\nconst value = (d: number) => d;\n\nconst isHalf = props.type === \"half\";\n\nconst tooltip = {\n  [Donut.selectors.segment]: (d: any) => {\n    console.log();\n\n    return `<div class='flex items-center'><div class='w-2 h-2 rounded-full mr-2' style='background-color: ${\n      props.labels[d.index].color\n    } ;'></div>\n        <div>${d.data}</div>\n      </vistooltip>\n    </vissinglecontainer>\n  </div>`;\n  },\n};\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center\">\n    <VisSingleContainer\n      :class=\"isHalf ? 'mt-24' : ''\"\n      :data=\"data\"\n      :height=\"height\"\n      :margin=\"{}\"\n    >\n      <VisTooltip\n        :horizontal-shift=\"20\"\n        :vertical-shift=\"20\"\n        :triggers=\"tooltip\"\n      />\n\n      <VisDonut\n        :value=\"value\"\n        :corner-radius=\"radius\"\n        :color=\"props.labels.map((l) => l.color)\"\n        :angle-range=\"isHalf ? [-1.5707963267948966, 1.5707963267948966] : []\"\n      />\n    </VisSingleContainer>\n\n    <slot />\n  </div>\n\n  <div v-if=\"!hidePagination\" class=\"flex items-center justify-center mt-4\">\n    <VisBulletLegend :items=\"labels\" />\n  </div>\n</template>\n"],"names":["props","__props","value","d","isHalf","tooltip","Donut"],"mappings":"+ZAqBA,MAAMA,EAAQC,EAERC,EAASC,GAAcA,EAEvBC,EAASJ,EAAM,OAAS,OAExBK,EAAU,CACd,CAACC,QAAM,UAAU,OAAO,EAAIH,IAC1B,QAAQ,IAAI,EAEL,kGACLH,EAAM,OAAOG,EAAE,KAAK,EAAE,KACxB;AAAA,eACWA,EAAE,IAAI;AAAA;AAAA;AAAA,UAKrB"}

package/dist/components/Donut/DonutChart.js

@@ -1,59 +0,0 @@
-import { defineComponent as m, createElementBlock as i, openBlock as n, Fragment as u, createElementVNode as g, createCommentVNode as h, createVNode as t, renderSlot as f, unref as o, normalizeClass as p, withCtx as v } from "vue";
-import { Donut as y } from "@unovis/ts";
-import { VisSingleContainer as V, VisTooltip as C, VisDonut as b, VisBulletLegend as _ } from "@unovis/vue";
-const k = { class: "flex items-center justify-center" }, B = {
-  key: 0,
-  class: "flex items-center justify-center mt-4"
-}, w = /* @__PURE__ */ m({
-  __name: "DonutChart",
-  props: {
-    type: {},
-    data: {},
-    height: {},
-    radius: {},
-    hidePagination: { type: Boolean },
-    labels: {}
-  },
-  setup(a) {
-    const s = a, r = (e) => e, l = s.type === "half", c = {
-      [y.selectors.segment]: (e) => (console.log(), `<div class='flex items-center'><div class='w-2 h-2 rounded-full mr-2' style='background-color: ${s.labels[e.index].color} ;'></div>
-        <div>${e.data}</div>
-      </vistooltip>
-    </vissinglecontainer>
-  </div>`)
-    };
-    return (e, D) => (n(), i(u, null, [
-      g("div", k, [
-        t(o(V), {
-          class: p(l ? "mt-24" : ""),
-          data: e.data,
-          height: e.height,
-          margin: {}
-        }, {
-          default: v(() => [
-            t(o(C), {
-              "horizontal-shift": 20,
-              "vertical-shift": 20,
-              triggers: c
-            }),
-            t(o(b), {
-              value: r,
-              "corner-radius": e.radius,
-              color: s.labels.map((d) => d.color),
-              "angle-range": l ? [-1.5707963267948966, 1.5707963267948966] : []
-            }, null, 8, ["corner-radius", "color", "angle-range"])
-          ]),
-          _: 1
-        }, 8, ["class", "data", "height"]),
-        f(e.$slots, "default")
-      ]),
-      e.hidePagination ? h("", !0) : (n(), i("div", B, [
-        t(o(_), { items: e.labels }, null, 8, ["items"])
-      ]))
-    ], 64));
-  }
-});
-export {
-  w as default
-};
-//# sourceMappingURL=DonutChart.js.map

package/dist/components/Donut/DonutChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChart.js","sources":["../../../src/components/Donut/DonutChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Donut } from \"@unovis/ts\";\nimport {\n  VisBulletLegend,\n  VisDonut,\n  VisSingleContainer,\n  VisTooltip,\n} from \"@unovis/vue\";\n\nexport type DonutChartProps = {\n    type?: string;\n    data: number[];\n    height: number;\n    radius: number;\n    hidePagination?: boolean\n    labels: {\n      name: string;\n      color: string;\n    }[];\n  }\n\nconst props = defineProps<DonutChartProps>();\n\nconst value = (d: number) => d;\n\nconst isHalf = props.type === \"half\";\n\nconst tooltip = {\n  [Donut.selectors.segment]: (d: any) => {\n    console.log();\n\n    return `<div class='flex items-center'><div class='w-2 h-2 rounded-full mr-2' style='background-color: ${\n      props.labels[d.index].color\n    } ;'></div>\n        <div>${d.data}</div>\n      </vistooltip>\n    </vissinglecontainer>\n  </div>`;\n  },\n};\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center\">\n    <VisSingleContainer\n      :class=\"isHalf ? 'mt-24' : ''\"\n      :data=\"data\"\n      :height=\"height\"\n      :margin=\"{}\"\n    >\n      <VisTooltip\n        :horizontal-shift=\"20\"\n        :vertical-shift=\"20\"\n        :triggers=\"tooltip\"\n      />\n\n      <VisDonut\n        :value=\"value\"\n        :corner-radius=\"radius\"\n        :color=\"props.labels.map((l) => l.color)\"\n        :angle-range=\"isHalf ? [-1.5707963267948966, 1.5707963267948966] : []\"\n      />\n    </VisSingleContainer>\n\n    <slot />\n  </div>\n\n  <div v-if=\"!hidePagination\" class=\"flex items-center justify-center mt-4\">\n    <VisBulletLegend :items=\"labels\" />\n  </div>\n</template>\n"],"names":["props","__props","value","d","isHalf","tooltip","Donut"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAERC,IAAQ,CAACC,MAAcA,GAEvBC,IAASJ,EAAM,SAAS,QAExBK,IAAU;AAAA,MACd,CAACC,EAAM,UAAU,OAAO,GAAG,CAACH,OAC1B,QAAQ,IAAI,GAEL,kGACLH,EAAM,OAAOG,EAAE,KAAK,EAAE,KACxB;AAAA,eACWA,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA,IAKrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Donut/DonutChart.vue.d.ts

@@ -1,31 +0,0 @@
-export type DonutChartProps = {
-    type?: string;
-    data: number[];
-    height: number;
-    radius: number;
-    hidePagination?: boolean;
-    labels: {
-        name: string;
-        color: string;
-    }[];
-};
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DonutChartProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DonutChartProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-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_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Donut/DonutChart2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./DonutChart.cjs");exports.default=e.default;
-//# sourceMappingURL=DonutChart2.cjs.map

package/dist/components/Donut/DonutChart2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChart2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Donut/DonutChart2.js

@@ -1,5 +0,0 @@
-import f from "./DonutChart.js";
-export {
-  f as default
-};
-//# sourceMappingURL=DonutChart2.js.map

package/dist/components/Donut/DonutChart2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChart2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Donut/index.d.ts

@@ -1 +0,0 @@
-export { default as DonutChart } from './DonutChart.vue';

package/dist/components/Line/LineChart.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),o=require("@unovis/vue"),d=require("../Tooltip.cjs"),f={class:"flex items center justify-end"},y=e.defineComponent({__name:"LineChart",props:{data:{},height:{},xLabel:{},yLabel:{},categories:{},xFormatter:{type:Function},yFormatter:{type:Function},curveType:{},yNumTicks:{},xNumTicks:{},paginationPosition:{}},setup(s){const n=s,u=t=>Object.values(n.categories)[t].color,m=e.computed(()=>t=>{const i=e.createApp(d.default,{data:t,categories:n.categories}),r=document.createElement("div");i.mount(r);const a=r.innerHTML;return i.unmount(),a});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["space-y-4 flex flex-col",{"flex-col-reverse":n.paginationPosition==="top"}])},[e.createVNode(e.unref(o.VisXYContainer),{data:t.data,height:t.height},{default:e.withCtx(()=>[e.createVNode(e.unref(o.VisTooltip),{"horizontal-placement":e.unref(l.Position).Right,"vertical-placement":e.unref(l.Position).Top},null,8,["horizontal-placement","vertical-placement"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(n.categories),(r,a)=>(e.openBlock(),e.createBlock(e.unref(o.VisLine),{key:a,x:(c,p)=>p,y:c=>c[r],color:u(a),"curve-type":t.curveType??e.unref(l.CurveType).MonotoneX},null,8,["x","y","color","curve-type"]))),128)),e.createVNode(e.unref(o.VisAxis),{type:"x","tick-format":t.xFormatter,"num-ticks":t.xNumTicks??4,label:t.xLabel,"label-margin":8,"domain-line":!1,"grid-line":!1},null,8,["tick-format","num-ticks","label"]),e.createVNode(e.unref(o.VisAxis),{type:"y","num-ticks":t.yNumTicks??4,"tick-format":t.yFormatter,label:t.yLabel,"domain-line":!1},null,8,["num-ticks","tick-format","label"]),e.createVNode(e.unref(o.VisCrosshair),{color:"#666",template:m.value},null,8,["template"])]),_:1},8,["data","height"]),e.createElementVNode("div",f,[e.createVNode(e.unref(o.VisBulletLegend),{items:Object.values(t.categories)},null,8,["items"])])],2))}});exports.default=y;
-//# sourceMappingURL=LineChart.cjs.map

package/dist/components/Line/LineChart.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.cjs","sources":["../../../src/components/Line/LineChart.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed, createApp } from \"vue\";\n\nimport { CurveType, BulletLegendItemInterface, Position } from \"@unovis/ts\";\n\n\n\nimport {\n  VisAxis,\n  VisBulletLegend,\n  VisCrosshair,\n  VisLine,\n  VisXYContainer,\n  VisTooltip,\n} from \"@unovis/vue\";\n\nimport Tooltip from \"./../Tooltip.vue\";\nimport { PaginationPosition } from \"../../types\";\n\ntype LineChartProps<T> = {\n  data: T[];\n  height: number;\n  xLabel?: string;\n  yLabel?: string;\n  categories: Record<string, BulletLegendItemInterface>;\n  xFormatter: (i: number, idx: number) => string;\n  yFormatter?: (i: number, idx: number) => string;\n  curveType?: CurveType;\n  yNumTicks?: number;\n  xNumTicks?: number;\n  paginationPosition?: PaginationPosition;\n};\n\nconst props = defineProps<LineChartProps<T>>();\n\nconst color = (key: number) => Object.values(props.categories)[key].color;\n\nconst generateTooltip = computed(() => (d: T) => {\n  const app = createApp(Tooltip, {\n    data: d,\n    categories: props.categories,\n  });\n\n  const container = document.createElement(\"div\");\n  app.mount(container);\n\n  const html = container.innerHTML;\n  app.unmount();\n\n  return html;\n});\n</script>\n\n<template>\n  <div\n    class=\"space-y-4 flex flex-col\"\n    :class=\"{\n      'flex-col-reverse': props.paginationPosition === 'top',\n    }\"\n  >\n    <VisXYContainer :data=\"data\" :height=\"height\">\n      <VisTooltip\n        :horizontal-placement=\"Position.Right\"\n        :vertical-placement=\"Position.Top\"\n      />\n      <template v-for=\"(i, iKey) in Object.keys(props.categories)\" :key=\"iKey\">\n        <VisLine\n          :x=\"(_: any, i: number) => i\"\n          :y=\"(d: T) => d[i as keyof typeof d]\"\n          :color=\"color(iKey)\"\n          :curve-type=\"curveType ?? CurveType.MonotoneX\"\n        />\n      </template>\n      <VisAxis\n        type=\"x\"\n        :tick-format=\"xFormatter\"\n        :num-ticks=\"xNumTicks ?? 4\"\n        :label=\"xLabel\"\n        :label-margin=\"8\"\n        :domain-line=\"false\"\n        :grid-line=\"false\"\n      />\n      <VisAxis\n        type=\"y\"\n        :num-ticks=\"yNumTicks ?? 4\"\n        :tick-format=\"yFormatter\"\n        :label=\"yLabel\"\n        :domain-line=\"false\"\n      />\n      <VisCrosshair color=\"#666\" :template=\"generateTooltip\" />\n    </VisXYContainer>\n    <div class=\"flex items center justify-end\">\n      <VisBulletLegend :items=\"Object.values(categories)\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","color","key","generateTooltip","computed","d","app","createApp","Tooltip","container","html"],"mappings":"0dAiCA,MAAMA,EAAQC,EAERC,EAASC,GAAgB,OAAO,OAAOH,EAAM,UAAU,EAAEG,CAAG,EAAE,MAE9DC,EAAkBC,EAAAA,SAAS,IAAOC,GAAS,CACzC,MAAAC,EAAMC,YAAUC,UAAS,CAC7B,KAAMH,EACN,WAAYN,EAAM,UAAA,CACnB,EAEKU,EAAY,SAAS,cAAc,KAAK,EAC9CH,EAAI,MAAMG,CAAS,EAEnB,MAAMC,EAAOD,EAAU,UACvB,OAAAH,EAAI,QAAQ,EAELI,CAAA,CACR"}

package/dist/components/Line/LineChart.js

@@ -1,85 +0,0 @@
-import { defineComponent as g, computed as h, createApp as k, createElementBlock as c, openBlock as r, normalizeClass as v, createVNode as o, createElementVNode as b, unref as t, withCtx as T, Fragment as L, renderList as V, createBlock as x } from "vue";
-import { Position as m, CurveType as C } from "@unovis/ts";
-import { VisXYContainer as F, VisTooltip as N, VisLine as j, VisAxis as u, VisCrosshair as B, VisBulletLegend as z } from "@unovis/vue";
-import E from "../Tooltip.js";
-const O = { class: "flex items center justify-end" }, _ = /* @__PURE__ */ g({
-  __name: "LineChart",
-  props: {
-    data: {},
-    height: {},
-    xLabel: {},
-    yLabel: {},
-    categories: {},
-    xFormatter: { type: Function },
-    yFormatter: { type: Function },
-    curveType: {},
-    yNumTicks: {},
-    xNumTicks: {},
-    paginationPosition: {}
-  },
-  setup(p) {
-    const a = p, d = (e) => Object.values(a.categories)[e].color, f = h(() => (e) => {
-      const l = k(E, {
-        data: e,
-        categories: a.categories
-      }), i = document.createElement("div");
-      l.mount(i);
-      const n = i.innerHTML;
-      return l.unmount(), n;
-    });
-    return (e, l) => (r(), c("div", {
-      class: v(["space-y-4 flex flex-col", {
-        "flex-col-reverse": a.paginationPosition === "top"
-      }])
-    }, [
-      o(t(F), {
-        data: e.data,
-        height: e.height
-      }, {
-        default: T(() => [
-          o(t(N), {
-            "horizontal-placement": t(m).Right,
-            "vertical-placement": t(m).Top
-          }, null, 8, ["horizontal-placement", "vertical-placement"]),
-          (r(!0), c(L, null, V(Object.keys(a.categories), (i, n) => (r(), x(t(j), {
-            key: n,
-            x: (s, y) => y,
-            y: (s) => s[i],
-            color: d(n),
-            "curve-type": e.curveType ?? t(C).MonotoneX
-          }, null, 8, ["x", "y", "color", "curve-type"]))), 128)),
-          o(t(u), {
-            type: "x",
-            "tick-format": e.xFormatter,
-            "num-ticks": e.xNumTicks ?? 4,
-            label: e.xLabel,
-            "label-margin": 8,
-            "domain-line": !1,
-            "grid-line": !1
-          }, null, 8, ["tick-format", "num-ticks", "label"]),
-          o(t(u), {
-            type: "y",
-            "num-ticks": e.yNumTicks ?? 4,
-            "tick-format": e.yFormatter,
-            label: e.yLabel,
-            "domain-line": !1
-          }, null, 8, ["num-ticks", "tick-format", "label"]),
-          o(t(B), {
-            color: "#666",
-            template: f.value
-          }, null, 8, ["template"])
-        ]),
-        _: 1
-      }, 8, ["data", "height"]),
-      b("div", O, [
-        o(t(z), {
-          items: Object.values(e.categories)
-        }, null, 8, ["items"])
-      ])
-    ], 2));
-  }
-});
-export {
-  _ as default
-};
-//# sourceMappingURL=LineChart.js.map

package/dist/components/Line/LineChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.js","sources":["../../../src/components/Line/LineChart.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed, createApp } from \"vue\";\n\nimport { CurveType, BulletLegendItemInterface, Position } from \"@unovis/ts\";\n\n\n\nimport {\n  VisAxis,\n  VisBulletLegend,\n  VisCrosshair,\n  VisLine,\n  VisXYContainer,\n  VisTooltip,\n} from \"@unovis/vue\";\n\nimport Tooltip from \"./../Tooltip.vue\";\nimport { PaginationPosition } from \"../../types\";\n\ntype LineChartProps<T> = {\n  data: T[];\n  height: number;\n  xLabel?: string;\n  yLabel?: string;\n  categories: Record<string, BulletLegendItemInterface>;\n  xFormatter: (i: number, idx: number) => string;\n  yFormatter?: (i: number, idx: number) => string;\n  curveType?: CurveType;\n  yNumTicks?: number;\n  xNumTicks?: number;\n  paginationPosition?: PaginationPosition;\n};\n\nconst props = defineProps<LineChartProps<T>>();\n\nconst color = (key: number) => Object.values(props.categories)[key].color;\n\nconst generateTooltip = computed(() => (d: T) => {\n  const app = createApp(Tooltip, {\n    data: d,\n    categories: props.categories,\n  });\n\n  const container = document.createElement(\"div\");\n  app.mount(container);\n\n  const html = container.innerHTML;\n  app.unmount();\n\n  return html;\n});\n</script>\n\n<template>\n  <div\n    class=\"space-y-4 flex flex-col\"\n    :class=\"{\n      'flex-col-reverse': props.paginationPosition === 'top',\n    }\"\n  >\n    <VisXYContainer :data=\"data\" :height=\"height\">\n      <VisTooltip\n        :horizontal-placement=\"Position.Right\"\n        :vertical-placement=\"Position.Top\"\n      />\n      <template v-for=\"(i, iKey) in Object.keys(props.categories)\" :key=\"iKey\">\n        <VisLine\n          :x=\"(_: any, i: number) => i\"\n          :y=\"(d: T) => d[i as keyof typeof d]\"\n          :color=\"color(iKey)\"\n          :curve-type=\"curveType ?? CurveType.MonotoneX\"\n        />\n      </template>\n      <VisAxis\n        type=\"x\"\n        :tick-format=\"xFormatter\"\n        :num-ticks=\"xNumTicks ?? 4\"\n        :label=\"xLabel\"\n        :label-margin=\"8\"\n        :domain-line=\"false\"\n        :grid-line=\"false\"\n      />\n      <VisAxis\n        type=\"y\"\n        :num-ticks=\"yNumTicks ?? 4\"\n        :tick-format=\"yFormatter\"\n        :label=\"yLabel\"\n        :domain-line=\"false\"\n      />\n      <VisCrosshair color=\"#666\" :template=\"generateTooltip\" />\n    </VisXYContainer>\n    <div class=\"flex items center justify-end\">\n      <VisBulletLegend :items=\"Object.values(categories)\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","color","key","generateTooltip","computed","d","app","createApp","Tooltip","container","html"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAERC,IAAQ,CAACC,MAAgB,OAAO,OAAOH,EAAM,UAAU,EAAEG,CAAG,EAAE,OAE9DC,IAAkBC,EAAS,MAAM,CAACC,MAAS;AACzC,YAAAC,IAAMC,EAAUC,GAAS;AAAA,QAC7B,MAAMH;AAAA,QACN,YAAYN,EAAM;AAAA,MAAA,CACnB,GAEKU,IAAY,SAAS,cAAc,KAAK;AAC9C,MAAAH,EAAI,MAAMG,CAAS;AAEnB,YAAMC,IAAOD,EAAU;AACvB,aAAAH,EAAI,QAAQ,GAELI;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Line/LineChart.vue.d.ts

@@ -1,27 +0,0 @@
-import { CurveType, BulletLegendItemInterface } from '@unovis/ts';
-import { PaginationPosition } from '../../types';
-
-declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
-        data: T[];
-        height: number;
-        xLabel?: string;
-        yLabel?: string;
-        categories: Record<string, BulletLegendItemInterface>;
-        xFormatter: (i: number, idx: number) => string;
-        yFormatter?: (i: number, idx: number) => string;
-        curveType?: CurveType;
-        yNumTicks?: number;
-        xNumTicks?: number;
-        paginationPosition?: PaginationPosition;
-    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: ReturnType<() => {}>;
-    emit: typeof __VLS_emit;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;

package/dist/components/Line/LineChart2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LineChart.cjs");exports.default=e.default;
-//# sourceMappingURL=LineChart2.cjs.map

package/dist/components/Line/LineChart2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}