vue-chrts 0.1.0-beta.2-internal-22 → 0.1.0-beta.3

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

@@ -0,0 +1,36 @@
+interface DonutChartProps {
+    /**
+     * The type of donut chart to render.
+     * See `DonutType` for available options.
+     */
+    type?: string;
+    /**
+     * The data to be displayed in the donut chart.
+     * Each number in the array represents a segment value.
+     */
+    data: number[];
+    /**
+     * The height of the chart in pixels.
+     */
+    height: number;
+    /**
+     * The radius of the donut in pixels.
+     */
+    radius: number;
+    /**
+     * If `true`, hides the chart legend.
+     */
+    hideLegend?: boolean;
+    /**
+     * An array of label objects defining the name and color for each segment.
+     */
+    labels: {
+        name: string;
+        color: string;
+    }[];
+}
+declare enum DonutType {
+    Half = "half",
+    Full = "full"
+}
+export { type DonutChartProps, DonutType };

package/dist/components/{Donut/index.js → DonutChart/types.js}

@@ -1,4 +1,3 @@
-import "vue";
 var r = /* @__PURE__ */ ((l) => (l.Half = "half", l.Full = "full", l))(r || {});
 export {
   r as DonutType

package/dist/components/LineChart/LineChart.js

@@ -0,0 +1,112 @@
+import { defineComponent as B, computed as m, createApp as C, createElementBlock as u, openBlock as r, normalizeClass as g, createVNode as c, createCommentVNode as f, unref as t, withCtx as V, createBlock as h, Fragment as x, renderList as D } from "vue";
+import { Position as k, CurveType as N } from "@unovis/ts";
+import { VisXYContainer as F, VisTooltip as P, VisLine as j, VisAxis as L, VisCrosshair as G, VisBulletLegend as w } from "@unovis/vue";
+import z from "../Tooltip.js";
+import { LegendPosition as I } from "../../types.js";
+import { getDistributedIndices as O } from "../../utils.js";
+const Y = /* @__PURE__ */ B({
+  __name: "LineChart",
+  props: {
+    data: {},
+    height: {},
+    xLabel: {},
+    yLabel: {},
+    categories: {},
+    xFormatter: {},
+    yFormatter: {},
+    curveType: {},
+    hideTooltip: { type: Boolean },
+    yNumTicks: { default: (n) => n.data.length > 24 ? 24 / 4 : n.data.length - 1 },
+    xNumTicks: { default: (n) => n.data.length > 24 ? 24 / 4 : n.data.length - 1 },
+    hideLegend: { type: Boolean },
+    legendPosition: {},
+    xGridLine: { type: Boolean },
+    xDomainLine: { type: Boolean },
+    yGridLine: { type: Boolean },
+    yDomainLine: { type: Boolean },
+    xTickLine: { type: Boolean },
+    yTickLine: { type: Boolean }
+  },
+  setup(n) {
+    const i = n, v = (e) => Object.values(i.categories)[e].color, T = m(() => (e) => {
+      if (typeof window > "u" || typeof document > "u")
+        return "";
+      try {
+        const o = C(z, {
+          data: e,
+          categories: i.categories
+        }), a = document.createElement("div");
+        o.mount(a);
+        const l = a.innerHTML;
+        return o.unmount(), l;
+      } catch {
+        return "";
+      }
+    }), p = m(
+      () => i.legendPosition === I.Top
+    ), s = m(
+      () => O(i.data.length, i.xNumTicks)
+    ), d = m(() => {
+      var e;
+      return !((e = i.data) != null && e.length) || !s || s.value.length === 0 ? [] : s.value.map((o) => i.data[o]);
+    });
+    return (e, o) => (r(), u("div", {
+      class: g(["flex flex-col space-y-4", { "flex-col-reverse": p.value }])
+    }, [
+      c(t(F), {
+        data: d.value,
+        height: e.height
+      }, {
+        default: V(() => [
+          c(t(P), {
+            "horizontal-placement": t(k).Right,
+            "vertical-placement": t(k).Top
+          }, null, 8, ["horizontal-placement", "vertical-placement"]),
+          (r(!0), u(x, null, D(Object.keys(i.categories), (a, l) => (r(), h(t(j), {
+            key: l,
+            x: (y, b) => b,
+            y: (y) => y[a],
+            color: v(l),
+            "curve-type": e.curveType ?? t(N).MonotoneX
+          }, null, 8, ["x", "y", "color", "curve-type"]))), 128)),
+          c(t(L), {
+            type: "x",
+            "num-ticks": d.value.length,
+            "tick-format": (a, l) => e.xFormatter(d.value[a], l),
+            label: e.xLabel,
+            "label-margin": 8,
+            "domain-line": e.xDomainLine,
+            "grid-line": e.xGridLine,
+            "tick-line": e.xTickLine
+          }, null, 8, ["num-ticks", "tick-format", "label", "domain-line", "grid-line", "tick-line"]),
+          c(t(L), {
+            type: "y",
+            "tick-format": e.yFormatter,
+            label: e.yLabel,
+            "num-ticks": e.yNumTicks,
+            "domain-line": e.yDomainLine,
+            "grid-line": e.yGridLine,
+            "tick-line": e.yTickLine
+          }, null, 8, ["tick-format", "label", "num-ticks", "domain-line", "grid-line", "tick-line"]),
+          e.hideTooltip ? f("", !0) : (r(), h(t(G), {
+            key: 0,
+            color: "#666",
+            template: T.value
+          }, null, 8, ["template"]))
+        ]),
+        _: 1
+      }, 8, ["data", "height"]),
+      e.hideLegend ? f("", !0) : (r(), u("div", {
+        key: 0,
+        class: g(["flex items center justify-end", { "pb-4": p.value }])
+      }, [
+        c(t(w), {
+          items: Object.values(e.categories)
+        }, null, 8, ["items"])
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

package/dist/components/{Line → LineChart}/LineChart.vue.d.ts

@@ -1,19 +1,6 @@
-import { CurveType, BulletLegendItemInterface } from '@unovis/ts';
-import { PaginationPosition } from '../../types';
+import { LineChartProps } 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> & {
-        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;
-    } & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & LineChartProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};

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

@@ -0,0 +1,90 @@
+import { BulletLegendItemInterface, CurveType, LegendPosition } from '../../types';
+export interface LineChartProps<T> {
+    /**
+     * The data to be displayed in the line 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.
+     * @param idx The index of the data point.
+     * @returns The formatted x-axis label.
+     */
+    xFormatter: (item: T, idx: number) => 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.
+     * @returns The formatted y-axis label.
+     */
+    yFormatter?: (i: number, idx: number) => string;
+    /**
+     * The type of curve to use for the line chart.
+     * See `CurveType` for available options.
+     */
+    curveType?: CurveType;
+    /**
+     * If `true`, hides the chart tooltip.
+     */
+    hideTooltip?: boolean;
+    /**
+     * The desired number of ticks on the y-axis.
+     */
+    yNumTicks?: number;
+    /**
+     * The desired number of ticks on the x-axis.
+     */
+    xNumTicks?: number;
+    /**
+     * If `true`, hides the chart legend.
+     */
+    hideLegend?: boolean;
+    /**
+     * Optional position for the legend, if applicable.
+     * See `LegendPosition` for available options.
+     */
+    legendPosition?: LegendPosition;
+    /**
+     * If `true`, displays grid lines along the x-axis.
+     */
+    xGridLine?: boolean;
+    /**
+     * If `true`, displays a domain line (axis line) along the x-axis.
+     */
+    xDomainLine?: boolean;
+    /**
+     * If `true`, displays grid lines along the y-axis.
+     */
+    yGridLine?: boolean;
+    /**
+     * If `true`, displays a domain line (axis line) along the y-axis.
+     */
+    yDomainLine?: boolean;
+    /**
+     * If `true`, displays tick lines on the x-axis.
+     */
+    xTickLine?: boolean;
+    /**
+     * If `true`, displays tick lines on the y-axis.
+     */
+    yTickLine?: boolean;
+}

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

@@ -1,7 +1,5 @@
 import { BulletLegendItemInterface } from '@unovis/ts';
-declare const _default: <T extends {
-    name: string;
-}>(__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<{
+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> & {
         data: T;
         categories: Record<string, BulletLegendItemInterface>;

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-import { default as AreaChart } from './components/Area/AreaChart.vue';
-import { default as AreaStackedChart } from './components/AreaStacked/AreaStackedChart.vue';
-import { default as DonutChart } from './components/Donut/DonutChart.vue';
-import { default as BarChart } from './components/Bar/BarChart.vue';
-import { default as LineChart } from './components/Line/LineChart.vue';
-export { AreaChart, AreaStackedChart, BarChart, DonutChart, LineChart };
+import { default as AreaChart } from './components/AreaChart/AreaChart.vue';
+import { default as AreaStackedChart } from './components/AreaStackedChart/AreaStackedChart.vue';
+import { default as LineChart } from './components/LineChart/LineChart.vue';
+import { default as BarChart } from './components/BarChart/BarChart.vue';
+import { default as DonutChart } from './components/DonutChart/DonutChart.vue';
+import { LegendPosition, CurveType, Orientation, BulletLegendItemInterface } from './types';
+export { AreaChart, AreaStackedChart, LineChart, BarChart, DonutChart, Orientation, CurveType, LegendPosition };
+export type { BulletLegendItemInterface, };

package/dist/index.js

@@ -1,12 +1,16 @@
-import { default as t } from "./components/Area/AreaChart.js";
-import { default as o } from "./components/AreaStacked/AreaStackedChart.js";
-import { default as d } from "./components/Donut/DonutChart.js";
-import { default as h } from "./components/Bar/BarChart.js";
-import { default as m } from "./components/Line/LineChart.js";
+import { default as a } from "./components/AreaChart/AreaChart.js";
+import { default as o } from "./components/AreaStackedChart/AreaStackedChart.js";
+import { default as d } from "./components/LineChart/LineChart.js";
+import { default as u } from "./components/BarChart/BarChart.js";
+import { default as n } from "./components/DonutChart/DonutChart.js";
+import { CurveType as x, LegendPosition as C, Orientation as h } from "./types.js";
 export {
-  t as AreaChart,
+  a as AreaChart,
   o as AreaStackedChart,
-  h as BarChart,
-  d as DonutChart,
-  m as LineChart
+  u as BarChart,
+  x as CurveType,
+  n as DonutChart,
+  C as LegendPosition,
+  d as LineChart,
+  h as Orientation
 };

package/dist/types.d.ts

@@ -1,5 +1,42 @@
-export declare enum PaginationPosition {
+import { AreaChartProps } from './components/AreaChart/types';
+import { BarChartProps } from './components/BarChart/types';
+import { LineChartProps } from './components/LineChart/types';
+import { DonutChartProps } from './components/DonutChart/types';
+declare enum LegendPosition {
     Top = "top",
     Bottom = "bottom"
 }
-export { CurveType, type BulletLegendItemInterface, Position, Orientation, } from '@unovis/ts';
+declare enum CurveType {
+    Basis = "basis",
+    BasisClosed = "basisClosed",
+    BasisOpen = "basisOpen",
+    Bundle = "bundle",
+    Cardinal = "cardinal",
+    CardinalClosed = "cardinalClosed",
+    CardinalOpen = "cardinalOpen",
+    CatmullRom = "catmullRom",
+    CatmullRomClosed = "catmullRomClosed",
+    CatmullRomOpen = "catmullRomOpen",
+    Linear = "linear",
+    LinearClosed = "linearClosed",
+    MonotoneX = "monotoneX",
+    MonotoneY = "monotoneY",
+    Natural = "natural",
+    Step = "step",
+    StepAfter = "stepAfter",
+    StepBefore = "stepBefore"
+}
+interface BulletLegendItemInterface {
+    name: string | number;
+    color?: string;
+    className?: string;
+    shape?: any;
+    inactive?: boolean;
+    hidden?: boolean;
+    pointer?: boolean;
+}
+declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export { LegendPosition, CurveType, Orientation, type AreaChartProps, type BarChartProps, type LineChartProps, type DonutChartProps, type BulletLegendItemInterface, };

package/dist/types.js

@@ -1,4 +1,6 @@
-var o = /* @__PURE__ */ ((t) => (t.Top = "top", t.Bottom = "bottom", t))(o || {});
+var l = /* @__PURE__ */ ((a) => (a.Top = "top", a.Bottom = "bottom", a))(l || {}), o = /* @__PURE__ */ ((a) => (a.Basis = "basis", a.BasisClosed = "basisClosed", a.BasisOpen = "basisOpen", a.Bundle = "bundle", a.Cardinal = "cardinal", a.CardinalClosed = "cardinalClosed", a.CardinalOpen = "cardinalOpen", a.CatmullRom = "catmullRom", a.CatmullRomClosed = "catmullRomClosed", a.CatmullRomOpen = "catmullRomOpen", a.Linear = "linear", a.LinearClosed = "linearClosed", a.MonotoneX = "monotoneX", a.MonotoneY = "monotoneY", a.Natural = "natural", a.Step = "step", a.StepAfter = "stepAfter", a.StepBefore = "stepBefore", a))(o || {}), t = /* @__PURE__ */ ((a) => (a.Horizontal = "horizontal", a.Vertical = "vertical", a))(t || {});
 export {
-  o as PaginationPosition
+  o as CurveType,
+  l as LegendPosition,
+  t as Orientation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.1.0-beta.2-internal-22",
+  "version": "0.1.0-beta.3",
   "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/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/index.d.ts

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

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/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/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;