vue-data-ui 3.17.0 → 3.17.2

package/README.md

@@ -7,12 +7,13 @@
 
 # vue-data-ui
 
-[![Open on npmx.dev](https://npmx.dev/api/registry/badge/version/vue-data-ui)](https://npmx.dev/vue-data-ui)
+[![Version](https://npmx.dev/api/registry/badge/version/vue-data-ui)](https://npmx.dev/vue-data-ui)
+[![License](https://npmx.dev/api/registry/badge/license/vue-data-ui)](https://npmx.dev/package/vue-data-ui)
+[![Types](https://npmx.dev/api/registry/badge/types/vue-data-ui)](https://npmx.dev/package/vue-data-ui)
+[![npm downloads](https://npmx.dev/api/registry/badge/downloads/vue-data-ui)](https://npmx.dev/package/vue-data-ui?modal=chart)
 [![Static Badge](https://img.shields.io/badge/components-67-blue)](https://github.com/graphieros/vue-data-ui)
 [![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui/issues)
-[![License](https://img.shields.io/badge/license-MIT-green)](https://github.com/graphieros/vue-data-ui?tab=MIT-1-ov-file#readme)
 [![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/4526-shield.svg)](https://madewithvuejs.com/p/vue-data-ui/shield-link)
-[![npm downloads](https://npmx.dev/api/registry/badge/downloads/vue-data-ui)](https://npmx.dev/package/vue-data-ui?modal=chart)
 [![GitHub Repo stars](https://img.shields.io/github/stars/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui)
 
 A user-empowering data visualization Vue component library for eloquent data storytelling.

package/dist/{PackageVersion-B3kmPxTR.js → PackageVersion-PjmqM4wb.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.17.0", a = { "aria-hidden": "true" }, p = {
+const n = "3.17.2", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (e(), t("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{RecursiveLinks-BYh0tHDW.js → RecursiveLinks-BDwyYfP-.js}

@@ -1,5 +1,5 @@
-import { ref as p, watch as m, resolveComponent as x, openBlock as e, createElementBlock as o, Fragment as r, renderList as y, createElementVNode as h, createCommentVNode as l, createBlock as f } from "vue";
-const P = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], C = {
+import { ref as C, watch as m, resolveComponent as x, openBlock as e, createElementBlock as o, Fragment as r, renderList as i, createElementVNode as k, createCommentVNode as n, createBlock as f } from "vue";
+const p = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], P = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], F = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -13,14 +13,18 @@ const P = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], v = ["x1", "y1", "
     backgroundColor: {
       type: String,
       default: "#FFFFFF"
+    },
+    useChildColor: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(n) {
-    const g = n, c = p([]);
+  setup(l) {
+    const d = l, c = C([]);
     return m(
-      () => g.dataset,
-      (i) => {
-        const u = i || [];
+      () => d.dataset,
+      (y) => {
+        const u = y || [];
         u.forEach((a) => {
           a.nodes && a.nodes.length > 0 && a.nodes.forEach((t) => {
             t.ancestor !== a && (t.ancestor = a);
@@ -28,51 +32,52 @@ const P = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], v = ["x1", "y1", "
         }), c.value = u;
       },
       { immediate: !0 }
-    ), (i, u) => {
+    ), (y, u) => {
       const a = x("RecursiveLinks", !0);
       return e(), o(r, null, [
-        (e(!0), o(r, null, y(c.value, (t, k) => (e(), o(r, {
-          key: `level_${k}`
+        (e(!0), o(r, null, i(c.value, (t, h) => (e(), o(r, {
+          key: `level_${h}`
         }, [
-          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, y(t.polygonPath.coordinates, (s, d) => (e(), o(r, {
-            key: `node_${k}_${d}`
+          t.polygonPath && t.polygonPath.coordinates ? (e(!0), o(r, { key: 0 }, i(t.polygonPath.coordinates, (s, g) => (e(), o(r, {
+            key: `node_${h}_${g}`
           }, [
             t.ancestor && t.ancestor.polygonPath ? (e(), o(r, { key: 0 }, [
-              h("line", {
+              k("line", {
                 x1: s.x,
                 y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
-                stroke: n.backgroundColor,
-                "stroke-width": t.circleRadius / 1.5
-              }, null, 8, P),
-              h("line", {
+                stroke: l.backgroundColor,
+                "stroke-width": t.strokeWidth * 1.5
+              }, null, 8, p),
+              k("line", {
                 x1: s.x,
                 y1: s.y,
                 x2: t.ancestor.polygonPath.coordinates[0].x,
                 y2: t.ancestor.polygonPath.coordinates[0].y,
-                stroke: n.color,
-                "stroke-width": t.circleRadius / 2
-              }, null, 8, v)
-            ], 64)) : l("", !0)
-          ], 64))), 128)) : l("", !0)
+                stroke: l.useChildColor ? t.color : l.color,
+                "stroke-width": t.strokeWidth
+              }, null, 8, P)
+            ], 64)) : n("", !0)
+          ], 64))), 128)) : n("", !0)
         ], 64))), 128)),
-        (e(!0), o(r, null, y(c.value, (t) => (e(), o(r, {
+        (e(!0), o(r, null, i(c.value, (t) => (e(), o(r, {
           key: `children_${t.uid || t.name}`
         }, [
           t.polygonPath && t.polygonPath.coordinates ? (e(), o(r, { key: 0 }, [
             t.nodes && t.nodes.length > 0 ? (e(), f(a, {
               key: 0,
               dataset: t.nodes,
-              color: n.color,
-              backgroundColor: n.backgroundColor
-            }, null, 8, ["dataset", "color", "backgroundColor"])) : l("", !0)
-          ], 64)) : l("", !0)
+              color: l.color,
+              useChildColor: l.useChildColor,
+              backgroundColor: l.backgroundColor
+            }, null, 8, ["dataset", "color", "useChildColor", "backgroundColor"])) : n("", !0)
+          ], 64)) : n("", !0)
         ], 64))), 128))
       ], 64);
     };
   }
 };
 export {
-  C as default
+  F as default
 };