vue-chrts 0.1.0-beta.2-internal-21 → 0.1.0-beta.2

package/README.md

@@ -1,84 +1,5 @@
-# Vue-Chrts
+# Vue 3 + TypeScript + Vite
 
-A Vue 3 charts package inspired by [Tremor](https://tremor.so/), built on top of [Unovis](https://unovis.dev). Vue-Chrts provides beautiful, responsive charts for your Vue applications with minimal setup.
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
-[Check the docs and examples](https://nuxtcharts.com/docs)
-
-## Features
-
-- 📊 Multiple chart types: Line, Bar, Area, Stacked Area, Donut
-- 🎨 Customizable appearance
-- 📱 Responsive design
-- 💡 Simple, intuitive API
-- 🚀 Built with Vue 3 and TypeScript
-
-## Installation
-
-```bash
-# npm
-npm install vue-chrts
-
-# yarn
-yarn add vue-chrts
-
-# pnpm
-pnpm add vue-chrts
-```
-[Check the docs and examples](https://nuxtcharts.com/docs)
-
-## Usage Example
-
-```vue
-<script setup>
-import { LineChart } from 'vue-chrts';
-
-const data = [
-  { month: 'Jan', sales: 100, profit: 50 },
-  { month: 'Feb', sales: 120, profit: 55 },
-  { month: 'Mar', sales: 180, profit: 80 },
-  { month: 'Apr', sales: 110, profit: 40 },
-  { month: 'May', sales: 90, profit: 30 },
-];
-
-const categories = {
-  sales: {
-    name: 'Sales',
-    color: '#3b82f6'
-  },
-  profit: {
-    name: 'Profit', 
-    color: '#10b981'
-  }
-};
-
-const xFormatter = (i) => data[i].month;
-</script>
-
-<template>
-  <LineChart
-    :data="data"
-    :categories="categories"
-    :height="300"
-    :xFormatter="xFormatter"
-    xLabel="Month"
-    yLabel="Amount"
-  />
-</template>
-```
-[Check the docs and examples](https://nuxtcharts.com/docs)
-
-## Available Charts
-
-- `LineChart`
-- `BarChart`
-- `AreaChart`
-- `AreaStackedChart`
-- `DonutChart`
-
-## Credits
-
-This library is inspired by [Tremor](https://tremor.so/) and built on top of [Unovis](https://unovis.dev).
-
-## License
-
-MIT
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.1.0-beta.2-internal-21",
+  "version": "0.1.0-beta.2",
   "type": "module",
   "files": [
     "dist"
@@ -25,6 +25,8 @@
     "@tailwindcss/vite": "^4.0.15",
     "@tanstack/vue-table": "^8.21.2",
     "@types/node": "^22.13.11",
+    "@unovis/ts": "^1.5.1",
+    "@unovis/vue": "^1.5.1",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^13.0.0",
@@ -35,8 +37,5 @@
     "vue-router": "^4.5.0",
     "vue-tsc": "^2.2.4"
   },
-  "dependencies": {
-    "@unovis/ts": "^1.5.1",
-    "@unovis/vue": "^1.5.1"
-  }
+  "packageManager": "pnpm@8.15.4+sha256.cea6d0bdf2de3a0549582da3983c70c92ffc577ff4410cbf190817ddc35137c2"
 }

package/dist/_virtual/_commonjsHelpers.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/dist/_virtual/browser.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("../node_modules/to-px/browser.cjs");r.__require();

package/dist/_virtual/browser.js

@@ -1,2 +0,0 @@
-import { __require as r } from "../node_modules/to-px/browser.js";
-r();

package/dist/_virtual/striptags.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),t=require("../node_modules/striptags/src/striptags.cjs");var r=t.__require();const s=e.getDefaultExportFromCjs(r);exports.default=s;

package/dist/_virtual/striptags.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/striptags/src/striptags.js";
-var s = t();
-const e = /* @__PURE__ */ r(s);
-export {
-  e as default
-};

package/dist/_virtual/striptags2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/striptags2.js

@@ -1,4 +0,0 @@
-var r = { exports: {} };
-export {
-  r as __module
-};

package/dist/components/Area/AreaChart.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../../utils.cjs");require("../../node_modules/@unovis/vue/index.cjs");const T=require("../Tooltip.cjs"),B=require("../../types.cjs"),L=require("../../node_modules/@unovis/vue/containers/xy-container/index.cjs"),b=require("../../node_modules/@unovis/vue/components/tooltip/index.cjs"),m=require("../../node_modules/@unovis/ts/types/position.cjs"),q=require("../../node_modules/@unovis/vue/components/area/index.cjs"),f=require("../../node_modules/@unovis/ts/types/curve.cjs"),N=require("../../node_modules/@unovis/vue/components/line/index.cjs"),g=require("../../node_modules/@unovis/vue/components/axis/index.cjs"),$=require("../../node_modules/@unovis/vue/components/crosshair/index.cjs"),C=require("../../node_modules/@unovis/vue/html-components/bullet-legend/index.cjs"),P=e.defineComponent({__name:"AreaChart",props:{data:{},height:{},xLabel:{},yLabel:{},categories:{},xFormatter:{},yFormatter:{},curveType:{},xNumTicks:{default:i=>i.data.length>24?24/4:i.data.length-1},yNumTicks:{default:i=>i.data.length>24?24/4:i.data.length-1},hideLegend:{type:Boolean},hideTooltip:{type:Boolean},gridLineX:{type:Boolean},domainLineX:{type:Boolean},gridLineY:{type:Boolean},domainLineY:{type:Boolean},paginationPosition:{}},setup(i){const o=i,l=Object.values(o.categories).map(t=>t.color),y=e.computed(()=>t=>{if(typeof window>"u"||typeof document>"u")return"";try{const n=e.createApp(T.default,{data:t,categories:o.categories}),r=document.createElement("div");n.mount(r);const a=r.innerHTML;return n.unmount(),a}catch{return""}});function k(t){var n;return{y:r=>Number(r[t]),color:((n=o.categories[t])==null?void 0:n.color)??"#3b82f6"}}const v=l.map((t,n)=>`
-  <linearGradient id="gradient${n}-${t}" gradientTransform="rotate(90)">
-    <stop offset="0%" stop-color="${t}" stop-opacity="1" />
-    <stop offset="100%" stop-color="${t}" stop-opacity="0" />
-  </linearGradient>
-`).join(""),p=e.computed(()=>o.paginationPosition===B.PaginationPosition.Top),u=e.computed(()=>h.getDistributedIndices(o.data.length,o.xNumTicks)),c=e.computed(()=>{var t;return!((t=o.data)!=null&&t.length)||!u||u.value.length===0?[]:u.value.map(n=>o.data[n])});return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col space-y-4",{"flex-col-reverse":p.value}])},[e.createVNode(e.unref(L.default),{data:c.value,height:t.height,"svg-defs":e.unref(v)},{default:e.withCtx(()=>[t.hideTooltip?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b.default),{key:0,"horizontal-placement":e.unref(m.Position).Right,"vertical-placement":e.unref(m.Position).Top},null,8,["horizontal-placement","vertical-placement"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(o.categories),(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[e.createVNode(e.unref(q.default),e.mergeProps({x:(s,d)=>d,ref_for:!0},k(r),{color:`url(#gradient${a}-${e.unref(l)[a]})`,opacity:.5,"curve-type":t.curveType??e.unref(f.CurveType).MonotoneX}),null,16,["x","color","curve-type"]),e.createVNode(e.unref(N.default),{x:(s,d)=>d,y:s=>s[r],color:e.unref(l)[a],"curve-type":t.curveType??e.unref(f.CurveType).MonotoneX},null,8,["x","y","color","curve-type"])],64))),128)),e.createVNode(e.unref(g.default),{type:"x","num-ticks":c.value.length,"tick-format":r=>t.xFormatter(c.value[r]),label:t.xLabel,"grid-line":t.gridLineX,"domain-line":t.domainLineX,"tick-line":!!t.gridLineX},null,8,["num-ticks","tick-format","label","grid-line","domain-line","tick-line"]),e.createVNode(e.unref(g.default),{type:"y","num-ticks":t.yNumTicks,"tick-format":t.yFormatter,label:t.yLabel,"grid-line":t.gridLineY,"domain-line":t.domainLineY,"tick-line":!!t.gridLineY},null,8,["num-ticks","tick-format","label","grid-line","domain-line","tick-line"]),t.hideTooltip?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref($.default),{key:1,color:"#666",template:y.value},null,8,["template"]))]),_:1},8,["data","height","svg-defs"]),t.hideLegend?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items center justify-end",{"pb-4":p.value}])},[e.createVNode(e.unref(C.default),{items:Object.values(t.categories)},null,8,["items"])],2))],2))}});exports.default=P;

package/dist/components/Area/AreaChart.js

@@ -1,141 +0,0 @@
-import { defineComponent as X, computed as c, createApp as C, createElementBlock as s, openBlock as l, normalizeClass as v, createVNode as m, createCommentVNode as y, unref as t, withCtx as j, createBlock as k, Fragment as L, renderList as F, mergeProps as Y } from "vue";
-import { getDistributedIndices as z } from "../../utils.js";
-import "../../node_modules/@unovis/vue/index.js";
-import O from "../Tooltip.js";
-import { PaginationPosition as w } from "../../types.js";
-import A from "../../node_modules/@unovis/vue/containers/xy-container/index.js";
-import D from "../../node_modules/@unovis/vue/components/tooltip/index.js";
-import { Position as T } from "../../node_modules/@unovis/ts/types/position.js";
-import I from "../../node_modules/@unovis/vue/components/area/index.js";
-import { CurveType as b } from "../../node_modules/@unovis/ts/types/curve.js";
-import M from "../../node_modules/@unovis/vue/components/line/index.js";
-import B from "../../node_modules/@unovis/vue/components/axis/index.js";
-import E from "../../node_modules/@unovis/vue/components/crosshair/index.js";
-import G from "../../node_modules/@unovis/vue/html-components/bullet-legend/index.js";
-const te = /* @__PURE__ */ X({
-  __name: "AreaChart",
-  props: {
-    data: {},
-    height: {},
-    xLabel: {},
-    yLabel: {},
-    categories: {},
-    xFormatter: {},
-    yFormatter: {},
-    curveType: {},
-    xNumTicks: { default: (r) => r.data.length > 24 ? 24 / 4 : r.data.length - 1 },
-    yNumTicks: { default: (r) => r.data.length > 24 ? 24 / 4 : r.data.length - 1 },
-    hideLegend: { type: Boolean },
-    hideTooltip: { type: Boolean },
-    gridLineX: { type: Boolean },
-    domainLineX: { type: Boolean },
-    gridLineY: { type: Boolean },
-    domainLineY: { type: Boolean },
-    paginationPosition: {}
-  },
-  setup(r) {
-    const i = r, p = Object.values(i.categories).map((e) => e.color), P = c(() => (e) => {
-      if (typeof window > "u" || typeof document > "u")
-        return "";
-      try {
-        const o = C(O, {
-          data: e,
-          categories: i.categories
-        }), n = document.createElement("div");
-        o.mount(n);
-        const a = n.innerHTML;
-        return o.unmount(), a;
-      } catch {
-        return "";
-      }
-    });
-    function $(e) {
-      var o;
-      return {
-        y: (n) => Number(n[e]),
-        color: ((o = i.categories[e]) == null ? void 0 : o.color) ?? "#3b82f6"
-      };
-    }
-    const N = p.map(
-      (e, o) => `
-  <linearGradient id="gradient${o}-${e}" gradientTransform="rotate(90)">
-    <stop offset="0%" stop-color="${e}" stop-opacity="1" />
-    <stop offset="100%" stop-color="${e}" stop-opacity="0" />
-  </linearGradient>
-`
-    ).join(""), h = c(
-      () => i.paginationPosition === w.Top
-    ), d = c(() => z(i.data.length, i.xNumTicks)), u = c(() => {
-      var e;
-      return !((e = i.data) != null && e.length) || !d || d.value.length === 0 ? [] : d.value.map((o) => i.data[o]);
-    });
-    return (e, o) => (l(), s("div", {
-      class: v(["flex flex-col space-y-4", { "flex-col-reverse": h.value }])
-    }, [
-      m(t(A), {
-        data: u.value,
-        height: e.height,
-        "svg-defs": t(N)
-      }, {
-        default: j(() => [
-          e.hideTooltip ? y("", !0) : (l(), k(t(D), {
-            key: 0,
-            "horizontal-placement": t(T).Right,
-            "vertical-placement": t(T).Top
-          }, null, 8, ["horizontal-placement", "vertical-placement"])),
-          (l(!0), s(L, null, F(Object.keys(i.categories), (n, a) => (l(), s(L, { key: a }, [
-            m(t(I), Y({
-              x: (f, g) => g,
-              ref_for: !0
-            }, $(n), {
-              color: `url(#gradient${a}-${t(p)[a]})`,
-              opacity: 0.5,
-              "curve-type": e.curveType ?? t(b).MonotoneX
-            }), null, 16, ["x", "color", "curve-type"]),
-            m(t(M), {
-              x: (f, g) => g,
-              y: (f) => f[n],
-              color: t(p)[a],
-              "curve-type": e.curveType ?? t(b).MonotoneX
-            }, null, 8, ["x", "y", "color", "curve-type"])
-          ], 64))), 128)),
-          m(t(B), {
-            type: "x",
-            "num-ticks": u.value.length,
-            "tick-format": (n) => e.xFormatter(u.value[n]),
-            label: e.xLabel,
-            "grid-line": e.gridLineX,
-            "domain-line": e.domainLineX,
-            "tick-line": !!e.gridLineX
-          }, null, 8, ["num-ticks", "tick-format", "label", "grid-line", "domain-line", "tick-line"]),
-          m(t(B), {
-            type: "y",
-            "num-ticks": e.yNumTicks,
-            "tick-format": e.yFormatter,
-            label: e.yLabel,
-            "grid-line": e.gridLineY,
-            "domain-line": e.domainLineY,
-            "tick-line": !!e.gridLineY
-          }, null, 8, ["num-ticks", "tick-format", "label", "grid-line", "domain-line", "tick-line"]),
-          e.hideTooltip ? y("", !0) : (l(), k(t(E), {
-            key: 1,
-            color: "#666",
-            template: P.value
-          }, null, 8, ["template"]))
-        ]),
-        _: 1
-      }, 8, ["data", "height", "svg-defs"]),
-      e.hideLegend ? y("", !0) : (l(), s("div", {
-        key: 0,
-        class: v(["flex items center justify-end", { "pb-4": h.value }])
-      }, [
-        m(t(G), {
-          items: Object.values(e.categories)
-        }, null, 8, ["items"])
-      ], 2))
-    ], 2));
-  }
-});
-export {
-  te as default
-};

package/dist/components/Area/AreaChart.vue.d.ts

@@ -1,14 +0,0 @@
-import { AreaChartProps } from './types';
-declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & AreaChartProps<T> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/Area/AreaChart2.cjs

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

package/dist/components/Area/AreaChart2.js

@@ -1,4 +0,0 @@
-import f from "./AreaChart.js";
-export {
-  f as default
-};

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

@@ -1,2 +0,0 @@
-export { default as AreaChart } from './AreaChart.vue';
-export * from './types';

package/dist/components/Area/types.d.ts

@@ -1,82 +0,0 @@
-import { PaginationPosition } from '../../types';
-import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
-export interface AreaChartProps<T> {
-    /**
-     * The data to be displayed in the area chart.
-     * Each element of the array represents a data point.
-     * The structure of 'T' should be compatible with the chart's rendering logic.
-     */
-    data: T[];
-    /**
-     * The height of the chart in pixels.
-     */
-    height: number;
-    /**
-     * Optional label for the x-axis.
-     */
-    xLabel?: string;
-    /**
-     * Optional label for the y-axis.
-     */
-    yLabel?: string;
-    /**
-     * A record mapping category keys to `BulletLegendItemInterface` objects.
-     * This defines the visual representation and labels for each category in the chart's legend.
-     */
-    categories: Record<string, BulletLegendItemInterface>;
-    /**
-     * A function that formats the x-axis tick labels.
-     * @param item The x-axis value to be formatted.
-     * @returns The formatted x-axis label.
-     */
-    xFormatter: (item: T) => string | number;
-    /**
-     * An optional function that formats the y-axis tick labels.
-     * @param i The value to be formatted.
-     * @param idx The index of the data point (optional).
-     * @returns The formatted y-axis label or value.
-     */
-    yFormatter?: (i: number, idx?: number) => string | number;
-    /**
-     * The type of curve to use for the area chart lines.
-     * See `CurveType` for available options.
-     */
-    curveType?: CurveType;
-    /**
-     * The desired number of ticks on the x-axis.
-     */
-    xNumTicks?: number;
-    /**
-     * The desired number of ticks on the y-axis.
-     */
-    yNumTicks?: number;
-    /**
-     * If `true`, hides the chart legend.
-     */
-    hideLegend?: boolean;
-    /**
-     * If `true`, hides the chart tooltip.
-     */
-    hideTooltip?: boolean;
-    /**
-     * If `true`, displays grid lines along the x-axis.
-     */
-    gridLineX?: boolean;
-    /**
-     * If `true`, displays a domain line (axis line) along the x-axis.
-     */
-    domainLineX?: boolean;
-    /**
-     * If `true`, displays grid lines along the y-axis.
-     */
-    gridLineY?: boolean;
-    /**
-     * If `true`, displays a domain line (axis line) along the y-axis.
-     */
-    domainLineY?: boolean;
-    /**
-     * Optional position for pagination controls, if applicable.
-     * See `PaginationPosition` for available options.
-     */
-    paginationPosition?: PaginationPosition;
-}

package/dist/components/AreaStacked/AreaStackedChart.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/@unovis/vue/index.cjs");const d=require("../Tooltip.cjs"),p=require("../../node_modules/@unovis/vue/containers/xy-container/index.cjs"),f=require("../../node_modules/@unovis/vue/components/area/index.cjs"),m=require("../../node_modules/@unovis/ts/types/curve.cjs"),u=require("../../node_modules/@unovis/vue/components/axis/index.cjs"),h=require("../../node_modules/@unovis/vue/components/crosshair/index.cjs"),v=require("../../node_modules/@unovis/vue/html-components/bullet-legend/index.cjs"),y={class:"flex flex-col space-y-4"},_={class:"flex items center justify-end"},g=e.defineComponent({__name:"AreaStackedChart",props:{data:{},height:{},categories:{},hideTooltip:{type:Boolean}},setup(c){const n=c,a=e.computed(()=>t=>{if(typeof window>"u"||typeof document>"u")return"";try{const r=e.createApp(d.default,{data:t,categories:n.categories}),o=document.createElement("div");r.mount(o);const s=o.innerHTML;return r.unmount(),s}catch{return""}}),i=t=>Number.parseInt(t.time),l=[t=>t.firstTime,t=>t.returning];return(t,r)=>(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(e.unref(p.default),{data:t.data,height:t.height},{default:e.withCtx(()=>[e.createVNode(e.unref(f.default),{x:i,y:l,color:Object.values(n.categories).map(o=>o.color),"curve-type":e.unref(m.CurveType).Linear},null,8,["color","curve-type"]),e.createVNode(e.unref(u.default),{type:"x",label:"Time","num-ticks":12}),e.createVNode(e.unref(u.default),{type:"y",label:"Number of visitors","num-ticks":3}),t.hideTooltip?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(h.default),{key:0,color:"#666",template:a.value},null,8,["template"]))]),_:1},8,["data","height"]),e.createElementVNode("div",_,[e.createVNode(e.unref(v.default),{items:Object.values(t.categories)},null,8,["items"])])]))}});exports.default=g;

package/dist/components/AreaStacked/AreaStackedChart.js

@@ -1,74 +0,0 @@
-import { defineComponent as d, computed as f, createApp as h, createElementBlock as y, openBlock as a, createVNode as o, createElementVNode as g, unref as t, withCtx as v, createBlock as _, createCommentVNode as k } from "vue";
-import "../../node_modules/@unovis/vue/index.js";
-import T from "../Tooltip.js";
-import b from "../../node_modules/@unovis/vue/containers/xy-container/index.js";
-import C from "../../node_modules/@unovis/vue/components/area/index.js";
-import { CurveType as N } from "../../node_modules/@unovis/ts/types/curve.js";
-import c from "../../node_modules/@unovis/vue/components/axis/index.js";
-import x from "../../node_modules/@unovis/vue/components/crosshair/index.js";
-import B from "../../node_modules/@unovis/vue/html-components/bullet-legend/index.js";
-const j = { class: "flex flex-col space-y-4" }, w = { class: "flex items center justify-end" }, M = /* @__PURE__ */ d({
-  __name: "AreaStackedChart",
-  props: {
-    data: {},
-    height: {},
-    categories: {},
-    hideTooltip: { type: Boolean }
-  },
-  setup(m) {
-    const i = m, s = f(() => (e) => {
-      if (typeof window > "u" || typeof document > "u")
-        return "";
-      try {
-        const r = h(T, {
-          data: e,
-          categories: i.categories
-        }), n = document.createElement("div");
-        r.mount(n);
-        const u = n.innerHTML;
-        return r.unmount(), u;
-      } catch {
-        return "";
-      }
-    }), l = (e) => Number.parseInt(e.time), p = [(e) => e.firstTime, (e) => e.returning];
-    return (e, r) => (a(), y("div", j, [
-      o(t(b), {
-        data: e.data,
-        height: e.height
-      }, {
-        default: v(() => [
-          o(t(C), {
-            x: l,
-            y: p,
-            color: Object.values(i.categories).map((n) => n.color),
-            "curve-type": t(N).Linear
-          }, null, 8, ["color", "curve-type"]),
-          o(t(c), {
-            type: "x",
-            label: "Time",
-            "num-ticks": 12
-          }),
-          o(t(c), {
-            type: "y",
-            label: "Number of visitors",
-            "num-ticks": 3
-          }),
-          e.hideTooltip ? k("", !0) : (a(), _(t(x), {
-            key: 0,
-            color: "#666",
-            template: s.value
-          }, null, 8, ["template"]))
-        ]),
-        _: 1
-      }, 8, ["data", "height"]),
-      g("div", w, [
-        o(t(B), {
-          items: Object.values(e.categories)
-        }, null, 8, ["items"])
-      ])
-    ]));
-  }
-});
-export {
-  M as default
-};

package/dist/components/AreaStacked/AreaStackedChart.vue.d.ts

@@ -1,20 +0,0 @@
-import { BulletLegendItemInterface } from '@unovis/ts';
-export type AreaStackedChartProps<T> = {
-    data: T[];
-    height: number;
-    categories: Record<string, BulletLegendItemInterface>;
-    hideTooltip?: boolean;
-};
-declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & AreaStackedChartProps<T> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/AreaStacked/AreaStackedChart2.cjs

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

package/dist/components/AreaStacked/AreaStackedChart2.js

@@ -1,4 +0,0 @@
-import f from "./AreaStackedChart.js";
-export {
-  f as default
-};

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

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

package/dist/components/Bar/BarChart.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/@unovis/vue/index.cjs");const f=require("../Tooltip.cjs"),c=require("../../types.cjs"),o=require("../../node_modules/@unovis/ts/types/position.cjs"),m=require("../../node_modules/@unovis/vue/containers/xy-container/index.cjs"),y=require("../../node_modules/@unovis/vue/components/tooltip/index.cjs"),k=require("../../node_modules/@unovis/ts/components/stacked-bar/index.cjs"),b=require("../../node_modules/@unovis/ts/components/grouped-bar/index.cjs"),v=require("../../node_modules/@unovis/vue/components/grouped-bar/index.cjs"),h=require("../../node_modules/@unovis/vue/components/stacked-bar/index.cjs"),p=require("../../node_modules/@unovis/vue/components/axis/index.cjs"),P=require("../../node_modules/@unovis/vue/html-components/bullet-legend/index.cjs"),B=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(g){const a=g,d=e.computed(()=>a.yAxis.map(n=>r=>r[n])),l=(n,r)=>Object.values(a.categories)[r].color,u=e.computed(()=>n=>{if(typeof window>"u"||typeof document>"u")return"";try{const r=e.createApp(f.default,{data:n,categories:a.categories}),i=document.createElement("div");r.mount(i);const t=i.innerHTML;return r.unmount(),t}catch{return""}}),s=e.computed(()=>a.paginationPosition===c.PaginationPosition.Top);return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col space-y-4",{"flex-col-reverse":s.value}])},[e.createVNode(e.unref(m.default),{height:n.height},{default:e.withCtx(()=>[e.createVNode(e.unref(y.default),{triggers:{[e.unref(b.GroupedBar).selectors.bar]:u.value,[e.unref(k.StackedBar).selectors.bar]:u.value}},null,8,["triggers"]),n.stacked?(e.openBlock(),e.createBlock(e.unref(h.default),{key:1,data:n.data,x:(i,t)=>t,y:d.value,"grid-line":!1,"domain-line":!1,color:l,"rounded-corners":n.radius??0,"group-padding":n.groupPadding??0,"bar-padding":n.barPadding??.2,orientation:n.orientation??e.unref(o.Orientation).Vertical},null,8,["data","x","y","rounded-corners","group-padding","bar-padding","orientation"])):(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,data:n.data,x:(i,t)=>t,y:d.value,"grid-line":!1,"domain-line":!1,color:l,"rounded-corners":n.radius??0,"group-padding":n.groupPadding??0,"bar-padding":n.barPadding??.2,orientation:n.orientation??e.unref(o.Orientation).Vertical},null,8,["data","x","y","rounded-corners","group-padding","bar-padding","orientation"])),e.createVNode(e.unref(p.default),{type:"x",label:n.xLabel,"grid-line":!1,"domain-line":!1,"tick-format":n.xFormatter,"num-ticks":n.xNumTicks,"tick-line":!1},null,8,["label","tick-format","num-ticks"]),e.createVNode(e.unref(p.default),{type:"y",label:n.yLabel,"grid-line":n.orientation!==e.unref(o.Orientation).Horizontal,"domain-line":!1,"tick-format":n.yFormatter},null,8,["label","grid-line","tick-format"])]),_:1},8,["height"]),n.hideLegend?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items center justify-end",{"pb-4":s.value}])},[e.createVNode(e.unref(P.default),{items:Object.values(n.categories)},null,8,["items"])],2))],2))}});exports.default=B;