vue-chrts 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/components/Tooltip.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as c, createElementBlock as l, openBlock as a, createElementVNode as o, toDisplayString as n, Fragment as z, renderList as B, normalizeStyle as w } from "vue";
-import { getFirstPropertyValue as R } from "../utils.js";
-const j = { style: { display: "flex", "align-items": "center" } }, L = /* @__PURE__ */ S({
+import { defineComponent as S, computed as p, createElementBlock as l, openBlock as a, createElementVNode as o, toDisplayString as n, Fragment as z, renderList as B, normalizeStyle as w } from "vue";
+import { getFirstPropertyValue as j } from "../utils.js";
+const C = { style: { display: "flex", "align-items": "center" } }, W = /* @__PURE__ */ S({
   __name: "Tooltip",
   props: {
     data: {},
@@ -9,11 +9,11 @@ const j = { style: { display: "flex", "align-items": "center" } }, L = /* @__PUR
     yFormatter: { type: Function }
   },
   setup(t) {
-    const e = t, p = c(
-      () => e.titleFormatter ? e.titleFormatter(e.data) : R(e.data)
-    ), m = ["_index", "_stacked", "_ending"], g = c(() => Object.entries(e.data ?? []).filter(
+    const e = t, c = p(
+      () => e.titleFormatter ? e.titleFormatter(e.data) : j(e.data)
+    ), m = ["_index", "_stacked", "_ending"], g = p(() => Object.entries(e.data ?? []).filter(
       ([r, x]) => !m.includes(r) && Object.keys(e.categories).includes(r)
-    )), f = {
+    )), u = {
       color: "var(--vis-tooltip-title-color, #000)",
       textTransform: "var(--vis-tooltip-title-text-transform, capitalize)",
       borderBottom: "var(--vis-tooltip-title-border-bottom, 1px solid #e5e7eb)",
@@ -23,18 +23,17 @@ const j = { style: { display: "flex", "align-items": "center" } }, L = /* @__PUR
       fontSize: "var(--vis-tooltip-title-font-size, 0.875rem)",
       lineHeight: "var(--vis-tooltip-title-line-height, 100%)",
       fontWeight: "var(--vis-tooltip-title-font-weight, 600)"
-    }, u = {
+    }, f = {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
-      paddingRight: "var(--vis-tooltip-entry-padding-right, 1rem)",
-      paddingLeft: "var(--vis-tooltip-entry-padding-left, 1rem)"
-    }, h = {
+      padding: "var(--vis-tooltip-entry-padding-top, 0.25rem) var(--vis-tooltip-entry-padding-right, 0.25rem) var(--vis-tooltip-entry-padding-bottom, 0.5rem) var(--vis-tooltip-entry-padding-left, 0.25rem)"
+    }, y = {
       width: "var(--vis-tooltip-dot-width, 8px)",
       height: "var(--vis-tooltip-dot-height, 8px)",
       borderRadius: "var(--vis-tooltip-dot-border-radius, 4px)",
       marginRight: "var(--vis-tooltip-dot-margin-right, 8px)"
-    }, y = {
+    }, h = {
       fontWeight: "var(--vis-tooltip-label-font-weight, 400)",
       fontSize: "var(--vis-tooltip-label-font-size, 0.875rem)",
       marginRight: "var(--vis-tooltip-label-margin-right, 1rem)",
@@ -45,21 +44,21 @@ const j = { style: { display: "flex", "align-items": "center" } }, L = /* @__PUR
       color: "var(--vis-tooltip-value-color)"
     };
     return (r, x) => (a(), l("div", null, [
-      o("div", { style: f }, n(p.value), 1),
+      o("div", { style: u }, n(c.value), 1),
       (a(!0), l(z, null, B(g.value, ([i, s], F) => {
         var v, d;
         return a(), l("div", {
           key: i,
-          style: u
+          style: f
         }, [
-          o("div", j, [
+          o("div", C, [
             o("span", {
               style: w({
-                ...h,
+                ...y,
                 backgroundColor: typeof ((v = t.categories[i]) == null ? void 0 : v.color) == "string" && ((d = t.categories[i]) != null && d.color) ? t.categories[i].color : `var(--vis-color${F})`
               })
             }, null, 4),
-            o("span", { style: y }, n(t.categories[i].name) + ": ", 1)
+            o("span", { style: h }, n(t.categories[i].name) + ": ", 1)
           ]),
           o("div", null, [
             o("span", { style: b }, n(t.yFormatter ? t.yFormatter(s) : s), 1)
@@ -70,5 +69,5 @@ const j = { style: { display: "flex", "align-items": "center" } }, L = /* @__PUR
   }
 });
 export {
-  L as default
+  W as default
 };

package/package.json

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