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

package/dist/_virtual/_commonjsHelpers.cjs

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,6 @@
+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

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

package/dist/_virtual/browser.js

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

package/dist/_virtual/striptags.cjs

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,7 @@
+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

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

package/dist/_virtual/striptags2.js

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

package/dist/components/Area/AreaChart.cjs

@@ -0,0 +1,6 @@
+"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

@@ -0,0 +1,141 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+"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

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

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

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

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

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+"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

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

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

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

package/dist/components/Bar/BarChart.cjs

@@ -0,0 +1 @@
+"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;

package/dist/components/Bar/BarChart.js

@@ -0,0 +1,121 @@
+import { defineComponent as v, computed as s, createApp as P, createElementBlock as g, openBlock as d, normalizeClass as f, createVNode as i, createCommentVNode as B, unref as r, withCtx as L, createBlock as y } from "vue";
+import "../../node_modules/@unovis/vue/index.js";
+import T from "../Tooltip.js";
+import { PaginationPosition as b } from "../../types.js";
+import { Orientation as l } from "../../node_modules/@unovis/ts/types/position.js";
+import C from "../../node_modules/@unovis/vue/containers/xy-container/index.js";
+import N from "../../node_modules/@unovis/vue/components/tooltip/index.js";
+import { StackedBar as V } from "../../node_modules/@unovis/ts/components/stacked-bar/index.js";
+import { GroupedBar as w } from "../../node_modules/@unovis/ts/components/grouped-bar/index.js";
+import A from "../../node_modules/@unovis/vue/components/grouped-bar/index.js";
+import F from "../../node_modules/@unovis/vue/components/stacked-bar/index.js";
+import k from "../../node_modules/@unovis/vue/components/axis/index.js";
+import O from "../../node_modules/@unovis/vue/html-components/bullet-legend/index.js";
+const K = /* @__PURE__ */ v({
+  __name: "BarChart",
+  props: {
+    data: {},
+    stacked: { type: Boolean },
+    height: {},
+    xLabel: {},
+    yLabel: {},
+    categories: {},
+    xFormatter: {},
+    yFormatter: {},
+    yNumTicks: {},
+    xNumTicks: {},
+    yAxis: {},
+    groupPadding: {},
+    barPadding: {},
+    radius: {},
+    hideLegend: { type: Boolean },
+    orientation: { default: l.Vertical },
+    paginationPosition: { default: b.Bottom }
+  },
+  setup(h) {
+    const t = h, m = s(() => t.yAxis.map((e) => (o) => o[e])), u = (e, o) => Object.values(t.categories)[o].color, p = s(() => (e) => {
+      if (typeof window > "u" || typeof document > "u")
+        return "";
+      try {
+        const o = P(T, {
+          data: e,
+          categories: t.categories
+        }), n = document.createElement("div");
+        o.mount(n);
+        const a = n.innerHTML;
+        return o.unmount(), a;
+      } catch {
+        return "";
+      }
+    }), c = s(
+      () => t.paginationPosition === b.Top
+    );
+    return (e, o) => (d(), g("div", {
+      class: f(["flex flex-col space-y-4", { "flex-col-reverse": c.value }])
+    }, [
+      i(r(C), { height: e.height }, {
+        default: L(() => [
+          i(r(N), {
+            triggers: {
+              [r(w).selectors.bar]: p.value,
+              [r(V).selectors.bar]: p.value
+            }
+          }, null, 8, ["triggers"]),
+          e.stacked ? (d(), y(r(F), {
+            key: 1,
+            data: e.data,
+            x: (n, a) => a,
+            y: m.value,
+            "grid-line": !1,
+            "domain-line": !1,
+            color: u,
+            "rounded-corners": e.radius ?? 0,
+            "group-padding": e.groupPadding ?? 0,
+            "bar-padding": e.barPadding ?? 0.2,
+            orientation: e.orientation ?? r(l).Vertical
+          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])) : (d(), y(r(A), {
+            key: 0,
+            data: e.data,
+            x: (n, a) => a,
+            y: m.value,
+            "grid-line": !1,
+            "domain-line": !1,
+            color: u,
+            "rounded-corners": e.radius ?? 0,
+            "group-padding": e.groupPadding ?? 0,
+            "bar-padding": e.barPadding ?? 0.2,
+            orientation: e.orientation ?? r(l).Vertical
+          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])),
+          i(r(k), {
+            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"]),
+          i(r(k), {
+            type: "y",
+            label: e.yLabel,
+            "grid-line": e.orientation !== r(l).Horizontal,
+            "domain-line": !1,
+            "tick-format": e.yFormatter
+          }, null, 8, ["label", "grid-line", "tick-format"])
+        ]),
+        _: 1
+      }, 8, ["height"]),
+      e.hideLegend ? B("", !0) : (d(), g("div", {
+        key: 0,
+        class: f(["flex items center justify-end", { "pb-4": c.value }])
+      }, [
+        i(r(O), {
+          items: Object.values(e.categories)
+        }, null, 8, ["items"])
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  K as default
+};

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

@@ -0,0 +1,33 @@
+import { BulletLegendItemInterface, Orientation } from '@unovis/ts';
+import { PaginationPosition } 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[];
+        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;
+    } & 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/Bar/BarChart2.cjs

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

package/dist/components/Bar/BarChart2.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { BulletLegendItemInterface } from '@unovis/ts';
+import { Component } from 'vue';
+type __VLS_Props = {
+    colors: string[];
+    index: string;
+    items: BulletLegendItemInterface[];
+    customTooltip?: Component;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    colors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/Donut/DonutChart.cjs

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