vue-chrts 0.1.0-beta.5 → 0.1.0

package/dist/components/AreaChart/AreaChart.js

@@ -16,7 +16,7 @@ const m = 24, A = 4, Y = 0.5, H = "#3b82f6", Z = /* @__PURE__ */ E({
     curveType: {},
     xNumTicks: { default: (i) => i.data.length > m ? m / A : i.data.length - 1 },
     xExplicitTicks: {},
-    minMaxTicksOnly: {},
+    minMaxTicksOnly: { type: Boolean },
     yNumTicks: { default: (i) => i.data.length > m ? m / A : i.data.length - 1 },
     hideLegend: { type: Boolean },
     hideTooltip: { type: Boolean },

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

@@ -54,7 +54,7 @@ export interface AreaChartProps<T> {
     /**
      * Force only first and last ticks on the x-axis.
      */
-    minMaxTicksOnly?: number;
+    minMaxTicksOnly?: boolean;
     /**
      * The desired number of ticks on the y-axis.
      */

package/dist/components/BarChart/BarChart.js

@@ -1,9 +1,9 @@
-import { defineComponent as b, computed as u, createApp as h, createElementBlock as y, openBlock as d, normalizeClass as k, createVNode as t, createCommentVNode as B, unref as i, withCtx as T, createBlock as f } from "vue";
-import { Orientation as s, StackedBar as v, GroupedBar as V } from "@unovis/ts";
-import { VisXYContainer as P, VisTooltip as x, VisGroupedBar as C, VisStackedBar as G, VisAxis as L, VisBulletLegend as N } from "@unovis/vue";
-import A from "../Tooltip.js";
-import { LegendPosition as O } from "../../types.js";
-const M = /* @__PURE__ */ b({
+import { defineComponent as h, computed as u, createApp as b, createElementBlock as y, openBlock as d, normalizeClass as k, createVNode as r, createCommentVNode as B, unref as i, withCtx as T, createBlock as f } from "vue";
+import { Orientation as s, StackedBar as v, GroupedBar as x } from "@unovis/ts";
+import { VisXYContainer as V, VisTooltip as P, VisGroupedBar as A, VisStackedBar as C, VisAxis as L, VisBulletLegend as G } from "@unovis/vue";
+import N from "../Tooltip.js";
+import { LegendPosition as w } from "../../types.js";
+const M = /* @__PURE__ */ h({
   __name: "BarChart",
   props: {
     data: {},
@@ -15,7 +15,7 @@ const M = /* @__PURE__ */ b({
     xFormatter: {},
     yFormatter: {},
     yNumTicks: { default: (a) => a.data.length > 24 ? 24 / 4 : a.data.length - 1 },
-    minMaxTicksOnly: {},
+    minMaxTicksOnly: { type: Boolean },
     xNumTicks: { default: (a) => a.data.length > 24 ? 24 / 4 : a.data.length - 1 },
     xExplicitTicks: {},
     yAxis: {},
@@ -33,19 +33,22 @@ const M = /* @__PURE__ */ b({
     yGridLine: { type: Boolean, default: !0 }
   },
   setup(a) {
-    const r = a, m = u(() => r.yAxis.map((e) => (n) => n[e])), c = (e, n) => Object.values(r.categories)[n].color, p = u(
-      () => r.legendPosition === O.Top
+    const o = a;
+    if (!o.yAxis || o.yAxis.length === 0)
+      throw new Error("yAxis is required");
+    const c = u(() => o.yAxis.map((e) => (n) => n[e])), m = (e, n) => Object.values(o.categories)[n].color, p = u(
+      () => o.legendPosition === w.Top
     ), g = u(() => (e) => {
       if (typeof window > "u" || typeof document > "u")
         return "";
       try {
-        const n = h(A, {
+        const n = b(N, {
           data: e,
-          categories: r.categories
+          categories: o.categories
         }), l = document.createElement("div");
         n.mount(l);
-        const o = l.innerHTML;
-        return n.unmount(), o;
+        const t = l.innerHTML;
+        return n.unmount(), t;
       } catch {
         return "";
       }
@@ -53,36 +56,36 @@ const M = /* @__PURE__ */ b({
     return (e, n) => (d(), y("div", {
       class: k(["flex flex-col space-y-4", { "flex-col-reverse": p.value }])
     }, [
-      t(i(P), { height: e.height }, {
+      r(i(V), { height: e.height }, {
         default: T(() => [
-          t(i(x), {
+          r(i(P), {
             triggers: {
-              [i(V).selectors.bar]: g.value,
+              [i(x).selectors.bar]: g.value,
               [i(v).selectors.bar]: g.value
             }
           }, null, 8, ["triggers"]),
-          e.stacked ? (d(), f(i(G), {
+          e.stacked ? (d(), f(i(C), {
             key: 1,
             data: e.data,
-            x: (l, o) => o,
-            y: m.value,
-            color: c,
+            x: (l, t) => t,
+            y: c.value,
+            color: m,
             "rounded-corners": e.radius ?? 0,
             "group-padding": e.groupPadding ?? 0,
             "bar-padding": e.barPadding ?? 0.2,
             orientation: e.orientation ?? i(s).Vertical
-          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])) : (d(), f(i(C), {
+          }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])) : (d(), f(i(A), {
             key: 0,
             data: e.data,
-            x: (l, o) => o,
-            y: m.value,
-            color: c,
+            x: (l, t) => t,
+            y: c.value,
+            color: m,
             "rounded-corners": e.radius ?? 0,
             "group-padding": e.groupPadding ?? 0,
             "bar-padding": e.barPadding ?? 0.2,
             orientation: e.orientation ?? i(s).Vertical
           }, null, 8, ["data", "x", "y", "rounded-corners", "group-padding", "bar-padding", "orientation"])),
-          t(i(L), {
+          r(i(L), {
             type: "x",
             "tick-format": e.xFormatter,
             label: e.xLabel,
@@ -93,15 +96,15 @@ const M = /* @__PURE__ */ b({
             "tick-values": e.xExplicitTicks,
             "min-max-ticks-only": e.minMaxTicksOnly
           }, null, 8, ["tick-format", "label", "grid-line", "domain-line", "tick-line", "num-ticks", "tick-values", "min-max-ticks-only"]),
-          t(i(L), {
+          r(i(L), {
             type: "y",
             label: e.yLabel,
             "grid-line": e.orientation !== i(s).Horizontal && e.yGridLine,
             "domain-line": !!e.yDomainLine,
-            "tick-format": e.yFormatter,
+            "tick-format": () => "",
             "num-ticks": e.yNumTicks,
             "tick-line": e.yTickLine
-          }, null, 8, ["label", "grid-line", "domain-line", "tick-format", "num-ticks", "tick-line"])
+          }, null, 8, ["label", "grid-line", "domain-line", "num-ticks", "tick-line"])
         ]),
         _: 1
       }, 8, ["height"]),
@@ -109,7 +112,7 @@ const M = /* @__PURE__ */ b({
         key: 0,
         class: k(["flex items center justify-end", { "pb-4": p.value }])
       }, [
-        t(i(N), {
+        r(i(G), {
           items: Object.values(e.categories)
         }, null, 8, ["items"])
       ], 2))

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

@@ -48,7 +48,7 @@ export interface BarChartProps<T> {
     /**
      * Force only first and last ticks on the x-axis.
      */
-    minMaxTicksOnly?: number;
+    minMaxTicksOnly?: boolean;
     /**
      * The desired number of ticks on the x-axis.
      */

package/dist/components/LineChart/LineChart.js

@@ -16,7 +16,7 @@ const X = /* @__PURE__ */ v({
     curveType: {},
     xNumTicks: { default: (t) => t.data.length > 24 ? 24 / 4 : t.data.length - 1 },
     xExplicitTicks: {},
-    minMaxTicksOnly: {},
+    minMaxTicksOnly: { type: Boolean },
     yNumTicks: { default: (t) => t.data.length > 24 ? 24 / 4 : t.data.length - 1 },
     hideTooltip: { type: Boolean },
     hideLegend: { type: Boolean },

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

@@ -53,7 +53,7 @@ export interface LineChartProps<T> {
     /**
      * Force only first and last ticks on the x-axis.
      */
-    minMaxTicksOnly?: number;
+    minMaxTicksOnly?: boolean;
     /**
      * The desired number of ticks on the y-axis.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist"