vue-data-ui 2.4.51 → 2.4.52

package/dist/{vue-ui-dumbbell-bb4-Ep6o.js → vue-ui-dumbbell-D0PjpD19.js}

@@ -1,15 +1,15 @@
-import { computed as m, ref as v, watch as ye, onMounted as fe, onBeforeUnmount as Oe, openBlock as o, createElementBlock as r, normalizeClass as be, normalizeStyle as F, unref as u, createBlock as L, createCommentVNode as y, createSlots as Ge, withCtx as _, renderSlot as k, normalizeProps as W, guardReactiveProps as U, createVNode as Me, Fragment as w, renderList as $, createElementVNode as i, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
-import { u as Ie, c as pe, t as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as R, l as xe, h as Ce, q as We, r as Ue } from "./index-BbPeL8Gp.js";
+import { computed as m, ref as v, watch as ye, onMounted as fe, onBeforeUnmount as Oe, openBlock as o, createElementBlock as r, normalizeClass as be, normalizeStyle as F, unref as u, createBlock as L, createCommentVNode as y, createSlots as Ge, withCtx as _, renderSlot as k, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as w, renderList as $, createElementVNode as i, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
+import { u as Ie, c as pe, t as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as B, l as xe, h as Ce, q as We, r as Ue } from "./index-K5uyh1gA.js";
 import { t as Re, u as Be } from "./useResponsive-CoxXLe23.js";
-import { _ as je } from "./Title-aSAft5dl.js";
-import { u as qe, U as Ye } from "./usePrinter-DaybDVqP.js";
-import { D as Ze } from "./DataTable-DGf6RrOJ.js";
-import Je from "./vue-ui-skeleton-Bniq21d9.js";
-import { L as Ke } from "./Legend-BLaZxMge.js";
-import Qe from "./vue-ui-accordion-5d5iVpr7.js";
-import { u as we } from "./useNestedProp-BN8claGG.js";
-import { _ as et } from "./PackageVersion-CxJghxYD.js";
-import { P as tt } from "./PenAndPaper-ZdZEumki.js";
+import { _ as je } from "./Title-aMb2ETf7.js";
+import { u as qe, U as Ye } from "./usePrinter-p_ZZlGc9.js";
+import { D as Ze } from "./DataTable-COkA4Nyz.js";
+import Je from "./vue-ui-skeleton-BhA2lIT6.js";
+import { L as Ke } from "./Legend-bYlSC7I7.js";
+import Qe from "./vue-ui-accordion-CsJT7Az3.js";
+import { u as we } from "./useNestedProp-DifqJZAs.js";
+import { _ as et } from "./PackageVersion-Dz3KcTL4.js";
+import { P as tt } from "./PenAndPaper-BycdTwSP.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ut = { key: 1 }, it = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = { key: 2 }, vt = ["x", "y", "font-size", "fill", "font-weight"], ht = ["x", "y", "font-size", "fill"], yt = { key: 3 }, ft = ["x", "y", "font-size", "fill", "font-weight"], bt = ["id"], gt = ["stop-color"], pt = ["stop-color"], mt = ["stop-color"], _t = ["id"], kt = ["stop-color"], xt = ["stop-color"], Ct = ["stop-color"], wt = ["id"], $t = ["stop-color"], Lt = ["stop-color"], At = ["id"], zt = ["stop-color"], St = ["stop-color"], Xt = { key: 0 }, Nt = ["d", "fill"], Tt = { key: 1 }, Pt = ["x", "y", "height", "width", "fill"], Ot = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mt = { key: 2 }, Dt = ["x", "y", "fill", "font-size"], It = { key: 3 }, Ft = ["x", "y", "fill", "font-size"], Vt = {
@@ -40,10 +40,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       set(l) {
         return l;
       }
-    }), f = v(pe()), B = v(0), X = v(null), j = v(null), q = v(null), Y = v(null), Z = v(null), J = v(0), K = v(0), Q = v(0), e = m({
+    }), f = v(pe()), j = v(0), X = v(null), q = v(null), Y = v(null), Z = v(null), J = v(null), K = v(0), Q = v(0), ee = v(0), e = m({
       get: () => ae(),
       set: (l) => l
-    }), { userOptionsVisible: ee, setUserOptionsVisibility: te, keepUserOptionState: le } = lt({ config: e.value });
+    }), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: le } = lt({ config: e.value });
     function ae() {
       const l = we({
         userConfig: p.config,
@@ -57,7 +57,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       } : l;
     }
     ye(() => p.config, (l) => {
-      e.value = ae(), se(), J.value += 1, K.value += 1, Q.value += 1, h.value = e.value.style.chart.rowHeight, N.value = e.value.style.chart.width;
+      e.value = ae(), V.value = !e.value.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, h.value = e.value.style.chart.rowHeight, N.value = e.value.style.chart.width;
     }, { deep: !0 }), ye(() => p.dataset, (l) => {
       ce();
     }, { deep: !0 });
@@ -85,10 +85,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         const l = Re(() => {
           const { width: n, height: t } = Be({
             chart: X.value,
-            title: e.value.style.chart.title.text ? j.value : null,
-            legend: e.value.style.chart.legend.show ? q.value : null,
-            source: Y.value,
-            noTitle: Z.value
+            title: e.value.style.chart.title.text ? q.value : null,
+            legend: e.value.style.chart.legend.show ? Y.value : null,
+            source: Z.value,
+            noTitle: J.value
           });
           N.value = n, h.value = t / p.dataset.length, b.value = G();
         });
@@ -108,10 +108,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       start: _e(l.start),
       end: _e(l.end),
       id: pe()
-    }))), V = m(() => ({
+    }))), E = m(() => ({
       max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
       min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
-    })), d = m(() => He(V.value.min < 0 ? V.value.min : 0, V.value.max, e.value.style.chart.grid.scaleSteps)), h = v(e.value.style.chart.rowHeight), N = v(e.value.style.chart.width), s = m(() => {
+    })), d = m(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), h = v(e.value.style.chart.rowHeight), N = v(e.value.style.chart.width), s = m(() => {
       const l = h.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + N.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * p.dataset.length, a = d.value.ticks.length * (N.value / d.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
@@ -150,12 +150,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         const t = x.value.map((a) => a.end - a.start);
         l >= Se.value ? (cancelAnimationFrame(ie.value), b.value = G()) : (b.value = b.value.map((a, c) => {
           a.endVal += t[c] * (e.value.animationSpeed / 100);
-          const g = s.value.left + (a.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, H = g + (I - g) / 2;
+          const g = s.value.left + (a.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * s.value.widthPlotReference, W = g + (I - g) / 2;
           return {
             ...a,
             startX: g,
             endX: I,
-            centerX: H,
+            centerX: W,
             y: s.value.top + c * h.value + h.value / 2,
             endVal: a.endVal
           };
@@ -194,7 +194,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
           v: C.value.body[g].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), H = z({
+        }), W = z({
           p: e.value.style.chart.labels.prefix,
           v: C.value.body[g].end,
           s: e.value.style.chart.labels.suffix,
@@ -207,7 +207,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         return [
           { name: c.name },
           I,
-          H,
+          W,
           Pe
         ];
       }), t = {
@@ -245,7 +245,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
     }
     const T = v(!1);
     function Ne(l) {
-      T.value = l, B.value += 1;
+      T.value = l, j.value += 1;
     }
     function Te() {
       return b.value;
@@ -254,7 +254,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       O.value.showTable = !O.value.showTable;
     }
     const D = v(!1);
-    function E() {
+    function H() {
       D.value = !D.value;
     }
     return Le({
@@ -263,7 +263,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       generateCsv: ve,
       generateImage: ue,
       toggleTable: he,
-      toggleAnnotator: E
+      toggleAnnotator: H
     }), (l, n) => (o(), r("div", {
       ref_key: "dumbbellChart",
       ref: X,
@@ -279,23 +279,23 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: D.value,
-        onClose: E
+        onClose: H
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
       ze.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Z,
+        ref: J,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (o(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: j,
+        ref: q,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (o(), L(je, {
-          key: `title_${J.value}`,
+          key: `title_${K.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -308,9 +308,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && S.value && (u(le) || u(ee)) ? (o(), L(Ye, {
+      e.value.userOptions.show && S.value && (u(le) || u(V)) ? (o(), L(Ye, {
         ref: "details",
-        key: `user_option_${B.value}`,
+        key: `user_option_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: u(oe),
@@ -332,9 +332,9 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         onGenerateCsv: ve,
         onGenerateImage: u(ue),
         onToggleTable: he,
-        onToggleAnnotator: E,
+        onToggleAnnotator: H,
         style: F({
-          visibility: u(le) ? u(ee) ? "visible" : "hidden" : "visible"
+          visibility: u(le) ? u(V) ? "visible" : "hidden" : "visible"
         })
       }, Ge({ _: 2 }, [
         l.$slots.optionPdf ? {
@@ -368,14 +368,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: _(({ toggleFullscreen: t, isFullscreen: a }) => [
-            k(l.$slots, "optionFullscreen", W(U({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+            k(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: _(({ toggleAnnotator: t, isAnnotator: a }) => [
-            k(l.$slots, "optionAnnotator", W(U({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+            k(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -448,7 +448,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
             fill: e.value.style.chart.labels.xAxisLabels.color,
             "font-weight": e.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "middle"
-          }, A(u(R)(
+          }, A(u(B)(
             e.value.style.chart.labels.formatter,
             t,
             u(z)({
@@ -576,7 +576,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
               fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
               "font-size": e.value.style.chart.labels.startLabels.fontSize,
               "text-anchor": "middle"
-            }, A(u(R)(
+            }, A(u(B)(
               e.value.style.chart.labels.formatter,
               c.start,
               u(z)({
@@ -595,7 +595,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
               fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
               "font-size": e.value.style.chart.labels.endLabels.fontSize,
               "text-anchor": "middle"
-            }, A(u(R)(
+            }, A(u(B)(
               e.value.style.chart.labels.formatter,
               c.end,
               u(z)({
@@ -611,7 +611,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
         k(l.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, ot)) : y("", !0),
       l.$slots.watermark ? (o(), r("div", Vt, [
-        k(l.$slots, "watermark", W(U({ isPrinting: u(oe) || u(re) })), void 0, !0)
+        k(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
       ])) : y("", !0),
       S.value ? y("", !0) : (o(), L(Je, {
         key: 6,
@@ -627,10 +627,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       }, null, 8, ["config"])),
       i("div", {
         ref_key: "chartLegend",
-        ref: q
+        ref: Y
       }, [
         e.value.style.chart.legend.show && S.value ? (o(), L(Ke, {
-          key: `legend_${Q.value}`,
+          key: `legend_${ee.value}`,
           legendSet: de.value,
           config: Xe.value
         }, {
@@ -663,7 +663,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       l.$slots.source ? (o(), r("div", {
         key: 7,
         ref_key: "source",
-        ref: Y,
+        ref: Z,
         dir: "auto"
       }, [
         k(l.$slots, "source", {}, void 0, !0)
@@ -686,7 +686,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       }, {
         content: _(() => [
           (o(), L(Ze, {
-            key: `table_${K.value}`,
+            key: `table_${Q.value}`,
             colNames: M.value.colNames,
             head: M.value.head,
             body: M.value.body,
@@ -710,7 +710,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = { key: 0 }, nt = ["x1", "x2",
       }, 8, ["config"])) : y("", !0)
     ], 46, st));
   }
-}, rl = /* @__PURE__ */ at(Ut, [["__scopeId", "data-v-4603ff8d"]]);
+}, rl = /* @__PURE__ */ at(Ut, [["__scopeId", "data-v-65f8df5c"]]);
 export {
   rl as default
 };

package/dist/{vue-ui-flow-hD0F6mTK.js → vue-ui-flow-BuTJcn6b.js}

@@ -1,13 +1,13 @@
-import { computed as m, onMounted as ze, ref as b, watch as Ye, openBlock as i, createElementBlock as c, normalizeClass as ge, normalizeStyle as x, unref as u, createBlock as O, createCommentVNode as C, createSlots as De, withCtx as y, renderSlot as k, normalizeProps as X, guardReactiveProps as W, createVNode as be, createElementVNode as M, Fragment as P, renderList as F, toDisplayString as q, createTextVNode as Ge, nextTick as Ue } from "vue";
-import { u as Ve, o as Be, e as je, c as ye, t as Xe, a as We, p as R, b as qe, v as f, f as ke, X as Re, G as we, L as Ze, i as Je, q as Ke, r as Qe } from "./index-BbPeL8Gp.js";
-import { _ as et } from "./Title-aSAft5dl.js";
-import { u as tt, U as ot } from "./usePrinter-DaybDVqP.js";
-import { D as lt } from "./DataTable-DGf6RrOJ.js";
-import at from "./vue-ui-accordion-5d5iVpr7.js";
-import nt from "./vue-ui-skeleton-Bniq21d9.js";
-import { u as Ce } from "./useNestedProp-BN8claGG.js";
-import { _ as st } from "./PackageVersion-CxJghxYD.js";
-import { P as rt } from "./PenAndPaper-ZdZEumki.js";
+import { computed as m, onMounted as ze, ref as b, watch as Ye, openBlock as i, createElementBlock as c, normalizeClass as ge, normalizeStyle as x, unref as u, createBlock as O, createCommentVNode as C, createSlots as De, withCtx as y, renderSlot as k, normalizeProps as W, guardReactiveProps as q, createVNode as be, createElementVNode as M, Fragment as P, renderList as F, toDisplayString as R, createTextVNode as Ge, nextTick as Ue } from "vue";
+import { u as Ve, o as Be, e as je, c as ye, t as Xe, a as We, p as Z, b as qe, v as f, f as ke, X as Re, G as we, L as Ze, i as Je, q as Ke, r as Qe } from "./index-K5uyh1gA.js";
+import { _ as et } from "./Title-aMb2ETf7.js";
+import { u as tt, U as ot } from "./usePrinter-p_ZZlGc9.js";
+import { D as lt } from "./DataTable-COkA4Nyz.js";
+import at from "./vue-ui-accordion-CsJT7Az3.js";
+import nt from "./vue-ui-skeleton-BhA2lIT6.js";
+import { u as Ce } from "./useNestedProp-DifqJZAs.js";
+import { _ as st } from "./PackageVersion-Dz3KcTL4.js";
+import { P as rt } from "./PenAndPaper-BycdTwSP.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ct = ["id"], dt = {
@@ -44,22 +44,22 @@ const ct = ["id"], dt = {
   setup($e, { expose: xe }) {
     const p = $e, { vue_ui_flow: _e } = Ve(), E = m(() => !!p.dataset && p.dataset.length);
     ze(() => {
-      Z();
+      J();
     });
-    function Z() {
+    function J() {
       Be(p.dataset) && je({
         componentName: "VueUiFlow",
         type: "dataset"
       });
     }
-    const z = b(ye()), Y = b(null), J = b(0), K = b(0), T = b(!1);
+    const z = b(ye()), Y = b(null), K = b(0), Q = b(0), T = b(!1);
     function Ne(t) {
-      T.value = t, J.value += 1;
+      T.value = t, K.value += 1;
     }
     const e = m({
       get: () => oe(),
       set: (t) => t
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: ee, keepUserOptionState: te } = ut({ config: e.value });
+    }), { userOptionsVisible: D, setUserOptionsVisibility: ee, keepUserOptionState: te } = ut({ config: e.value });
     function oe() {
       const t = Ce({
         userConfig: p.config,
@@ -70,18 +70,18 @@ const ct = ["id"], dt = {
           userConfig: Xe.vue_ui_flow[t.theme] || p.config,
           defaultConfig: t
         }),
-        customPalette: We[t.theme] || R
+        customPalette: We[t.theme] || Z
       } : t;
     }
     Ye(() => p.config, (t) => {
-      e.value = oe(), Z(), K.value += 1;
+      e.value = oe(), D.value = !e.value.showOnChartHover, J(), Q.value += 1;
     }, { deep: !0 });
     const { isPrinting: le, isImaging: ae, generatePdf: ne, generateImage: se } = tt({
       elementId: `flow_${z.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-flow"
-    }), Te = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = m(() => qe(e.value.customPalette)), re = m(() => e.value.style.chart.nodes.gap), _ = m(() => e.value.style.chart.nodes.width), I = b({
+    }), Te = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), G = m(() => qe(e.value.customPalette)), re = m(() => e.value.style.chart.nodes.gap), _ = m(() => e.value.style.chart.nodes.width), I = b({
       showTable: e.value.table.show
-    }), ue = m(() => e.value.style.chart.links.width), G = m(() => !p.dataset || !p.dataset.length ? [] : p.dataset.map((t) => [
+    }), ue = m(() => e.value.style.chart.links.width), U = m(() => !p.dataset || !p.dataset.length ? [] : p.dataset.map((t) => [
       t[0],
       t[1],
       f(t[2])
@@ -90,7 +90,7 @@ const ct = ["id"], dt = {
       function l(n) {
         t[n] || (t[n] = { inflow: 0, outflow: 0 });
       }
-      G.value.forEach(([n, a, v]) => {
+      U.value.forEach(([n, a, v]) => {
         l(n), l(a), t[n].outflow += v, t[a].inflow += v;
       });
       let o = 0;
@@ -116,7 +116,7 @@ const ct = ["id"], dt = {
         const $ = l[s] ? l[s].level : 0, S = $ + 1;
         n(s, $), n(r, S), l[s].children || (l[s].children = []), l[s].children.push({ target: r, value: h }), l[s].outflow += h, l[r].inflow += h;
       }), Object.keys(l).forEach((s, r) => {
-        l[s].color = D.value[r] || D.value[r % D.value.length] || R[r] || R[r % d.length];
+        l[s].color = G.value[r] || G.value[r % G.value.length] || Z[r] || Z[r % d.length];
       });
       for (const s in l)
         l[s].height = Oe(Math.max(l[s].inflow, l[s].outflow)), l[s].name = s;
@@ -140,11 +140,11 @@ const ct = ["id"], dt = {
       for (const s in l) {
         let r = a[s].absoluteY;
         l[s].children && l[s].children.forEach(({ target: h, value: N }, $) => {
-          const S = a[h].y, B = a[s], j = a[h], fe = f(r), he = f(r + N / l[s].outflow * B.height), me = f(S), pe = f(S + N / l[h].inflow * j.height), Ee = {
+          const S = a[h].y, j = a[s], X = a[h], fe = f(r), he = f(r + N / l[s].outflow * j.height), me = f(S), pe = f(S + N / l[h].inflow * X.height), Ee = {
             id: ye(),
             source: s,
             target: h,
-            path: `M ${f(B.x) + f(_.value)} ${fe} L ${f(B.x) + f(_.value)} ${he} L ${f(j.x)} ${pe} L ${f(j.x)} ${me} Z`,
+            path: `M ${f(j.x) + f(_.value)} ${fe} L ${f(j.x) + f(_.value)} ${he} L ${f(X.x)} ${pe} L ${f(X.x)} ${me} Z`,
             value: N,
             sourceColor: l[s].color,
             targetColor: l[h].color
@@ -172,8 +172,8 @@ const ct = ["id"], dt = {
       }
       return Math.max(...Object.values(l));
     }
-    const U = m(() => {
-      const { top: t, right: l, left: o, bottom: n } = e.value.style.chart.padding, a = G.value.length * ue.value;
+    const V = m(() => {
+      const { top: t, right: l, left: o, bottom: n } = e.value.style.chart.padding, a = U.value.length * ue.value;
       return {
         height: Ie.value + t + n,
         width: l + Math.max(...g.value.nodes.map((v) => v.x)) + _.value,
@@ -186,7 +186,7 @@ const ct = ["id"], dt = {
     });
     function Ae(t) {
       const l = {}, o = {}, n = /* @__PURE__ */ new Set();
-      return G.value.forEach(([a, v, s]) => {
+      return U.value.forEach(([a, v, s]) => {
         l[a] || (l[a] = []), o[v] || (o[v] = []), l[a].push(v), o[v].push(a);
       }), l[t] && l[t].forEach((a) => n.add(a)), o[t] && o[t].forEach((a) => n.add(a)), Array.from(n).concat(t);
     }
@@ -276,7 +276,7 @@ const ct = ["id"], dt = {
       I.value.showTable = !I.value.showTable;
     }
     const H = b(!1);
-    function V() {
+    function B() {
       H.value = !H.value;
     }
     return xe({
@@ -285,7 +285,7 @@ const ct = ["id"], dt = {
       generateImage: se,
       generatePdf: ne,
       toggleTable: ve,
-      toggleAnnotator: V
+      toggleAnnotator: B
     }), (t, l) => (i(), c("div", {
       ref_key: "flowChart",
       ref: Y,
@@ -301,12 +301,12 @@ const ct = ["id"], dt = {
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: H.value,
-        onClose: V
+        onClose: B
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : C("", !0),
       Te.value ? (i(), c("div", dt, null, 512)) : C("", !0),
       e.value.style.chart.title.text ? (i(), c("div", vt, [
         (i(), O(et, {
-          key: `title_${K.value}`,
+          key: `title_${Q.value}`,
           config: {
             title: {
               cy: "flow-title",
@@ -319,9 +319,9 @@ const ct = ["id"], dt = {
           }
         }, null, 8, ["config"]))
       ])) : C("", !0),
-      e.value.userOptions.show && E.value && (u(te) || u(Q)) ? (i(), O(ot, {
+      e.value.userOptions.show && E.value && (u(te) || u(D)) ? (i(), O(ot, {
         ref: "details",
-        key: `user_option_${J.value}`,
+        key: `user_option_${K.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: u(le),
@@ -343,9 +343,9 @@ const ct = ["id"], dt = {
         onGenerateCsv: de,
         onGenerateImage: u(se),
         onToggleTable: ve,
-        onToggleAnnotator: V,
+        onToggleAnnotator: B,
         style: x({
-          visibility: u(te) ? u(Q) ? "visible" : "hidden" : "visible"
+          visibility: u(te) ? u(D) ? "visible" : "hidden" : "visible"
         })
       }, De({ _: 2 }, [
         t.$slots.optionPdf ? {
@@ -379,21 +379,21 @@ const ct = ["id"], dt = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: y(({ toggleFullscreen: o, isFullscreen: n }) => [
-            k(t.$slots, "optionFullscreen", X(W({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
+            k(t.$slots, "optionFullscreen", W(q({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: y(({ toggleAnnotator: o, isAnnotator: n }) => [
-            k(t.$slots, "optionAnnotator", X(W({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
+            k(t.$slots, "optionAnnotator", W(q({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
           ]),
           key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : C("", !0),
       (i(), c("svg", {
         xmlns: u(Re),
-        viewBox: `0 0 ${U.value.width} ${U.value.height}`,
+        viewBox: `0 0 ${V.value.width} ${V.value.height}`,
         class: ge({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
         style: x(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -444,7 +444,7 @@ const ct = ["id"], dt = {
           fill: u(we)(o.color),
           "text-anchor": "middle",
           style: x(`pointer-events: none; opacity:${w.value ? w.value.includes(o.name) ? 1 : 0 : 1}`)
-        }, q(e.value.style.chart.nodes.labels.abbreviation.use ? u(Ze)({ source: o.name, length: e.value.style.chart.nodes.labels.abbreviation.length }) : o.name), 13, yt))), 256)),
+        }, R(e.value.style.chart.nodes.labels.abbreviation.use ? u(Ze)({ source: o.name, length: e.value.style.chart.nodes.labels.abbreviation.length }) : o.name), 13, yt))), 256)),
         (i(!0), c(P, null, F(g.value.nodes, (o, n) => (i(), c("text", {
           x: o.x + _.value / 2,
           y: u(f)(o.absoluteY + o.height / 2 + e.value.style.chart.nodes.labels.fontSize),
@@ -452,7 +452,7 @@ const ct = ["id"], dt = {
           fill: u(we)(o.color),
           "text-anchor": "middle",
           style: x(`pointer-events: none; opacity:${w.value ? w.value.includes(o.name) ? 1 : 0 : 1}`)
-        }, q(u(Je)(
+        }, R(u(Je)(
           e.value.style.chart.nodes.labels.formatter,
           o.value,
           u(ke)({
@@ -463,10 +463,10 @@ const ct = ["id"], dt = {
           }),
           { datapoint: o, seriesIndex: n }
         )), 13, kt))), 256)),
-        k(t.$slots, "svg", { svg: U.value }, void 0, !0)
+        k(t.$slots, "svg", { svg: V.value }, void 0, !0)
       ], 14, ft)),
       t.$slots.watermark ? (i(), c("div", wt, [
-        k(t.$slots, "watermark", X(W({ isPrinting: u(le) || u(ae) })), void 0, !0)
+        k(t.$slots, "watermark", W(q({ isPrinting: u(le) || u(ae) })), void 0, !0)
       ])) : C("", !0),
       E.value ? C("", !0) : (i(), O(nt, {
         key: 5,
@@ -512,7 +512,7 @@ const ct = ["id"], dt = {
               }, null, 8, $t)
             ]),
             td: y(({ td: o }) => [
-              Ge(q(o.name || o), 1)
+              Ge(R(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"])
@@ -521,7 +521,7 @@ const ct = ["id"], dt = {
       }, 8, ["config"])) : C("", !0)
     ], 46, ct));
   }
-}, Et = /* @__PURE__ */ it(xt, [["__scopeId", "data-v-e695afca"]]);
+}, Et = /* @__PURE__ */ it(xt, [["__scopeId", "data-v-a8be668a"]]);
 export {
   Et as default
 };

package/dist/vue-ui-flow-Dc-KV4a3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-BkXYJDpD.cjs"),ke=require("./Title-B7ruS8yl.cjs"),te=require("./usePrinter-DHv-BwME.cjs"),ye=require("./DataTable-CwAdpLng.cjs"),be=require("./vue-ui-accordion-kr18wKfc.cjs"),Ce=require("./vue-ui-skeleton-BTN1PKkz.cjs"),oe=require("./useNestedProp-C6IvqE-r.cjs"),we=require("./PackageVersion-C1F3QLoY.cjs"),Ne=require("./PenAndPaper-DDheVRNG.cjs"),xe=require("./useUserOptionState-BgepsfED.cjs"),Be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),$e=["id"],_e={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},Se={key:2,style:"width:100%;background:transparent;padding-bottom:24px"},Pe=["xmlns","viewBox"],Ee=["id"],Te=["stop-color"],Oe=["stop-color"],Fe=["d","fill","stroke","stroke-width"],Le=["x","y","height","width","fill","stroke","stroke-width","onMouseenter"],ze=["x","y","font-size","fill"],Ve=["x","y","font-size","fill"],Ie={key:4,class:"vue-data-ui-watermark"},Ae={key:6,ref:"source",dir:"auto"},He=["innerHTML"],Me={__name:"vue-ui-flow",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(le,{expose:ne}){const f=le,{vue_ui_flow:ae}=s.useConfig(),B=e.computed(()=>!!f.dataset&&f.dataset.length);e.onMounted(()=>{z()});function z(){s.objectIsEmpty(f.dataset)&&s.error({componentName:"VueUiFlow",type:"dataset"})}const $=e.ref(s.createUid()),_=e.ref(null),V=e.ref(0),I=e.ref(0),y=e.ref(!1);function re(o){y.value=o,V.value+=1}const t=e.computed({get:()=>M(),set:o=>o}),{userOptionsVisible:S,setUserOptionsVisibility:A,keepUserOptionState:H}=xe.useUserOptionState({config:t.value});function M(){const o=oe.useNestedProp({userConfig:f.config,defaultConfig:ae});return o.theme?{...oe.useNestedProp({userConfig:s.themes.vue_ui_flow[o.theme]||f.config,defaultConfig:o}),customPalette:s.themePalettes[o.theme]||s.palette}:o}e.watch(()=>f.config,o=>{t.value=M(),S.value=!t.value.showOnChartHover,z(),I.value+=1},{deep:!0});const{isPrinting:q,isImaging:D,generatePdf:U,generateImage:Y}=te.usePrinter({elementId:`flow_${$.value}`,fileName:t.value.style.chart.title.text||"vue-ui-flow"}),se=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),P=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),G=e.computed(()=>t.value.style.chart.nodes.gap),g=e.computed(()=>t.value.style.chart.nodes.width),b=e.ref({showTable:t.value.table.show}),j=e.computed(()=>t.value.style.chart.links.width),E=e.computed(()=>!f.dataset||!f.dataset.length?[]:f.dataset.map(o=>[o[0],o[1],s.checkNaN(o[2])])),W=e.computed(()=>{const o={};function n(r){o[r]||(o[r]={inflow:0,outflow:0})}E.value.forEach(([r,a,c])=>{n(r),n(a),o[r].outflow+=c,o[a].inflow+=c});let l=0;for(const r in o){const a=Math.max(o[r].inflow,o[r].outflow);l=Math.max(l,a)}return l});function ue(o){return o/W.value*100+t.value.style.chart.nodes.minHeight}function ie(o){const n=t.value.style.chart.nodes.minHeight;return(o-n)/100*W.value}function ce(o){const n={},l={};function r(u,i){n[u]||(n[u]={height:0,level:null,inflow:0,outflow:0}),n[u].level===null&&(n[u].level=i),l[i]||(l[i]=[]),l[i].includes(u)||l[i].push(u)}o.forEach(([u,i,v],k)=>{const p=n[u]?n[u].level:0,x=p+1;r(u,p),r(i,x),n[u].children||(n[u].children=[]),n[u].children.push({target:i,value:v}),n[u].outflow+=v,n[i].inflow+=v}),Object.keys(n).forEach((u,i)=>{n[u].color=P.value[i]||P.value[i%P.value.length]||s.palette[i]||s.palette[i%d.length]});for(const u in n)n[u].height=ue(Math.max(n[u].inflow,n[u].outflow)),n[u].name=u;const a={};for(const u in l){let i=0;l[u].forEach((v,k)=>{const p=n[v].height;a[v]={x:parseInt(u,10)*j.value+t.value.style.chart.padding.left,y:i,absoluteY:i,height:p,i:k,color:n[v].color,value:ie(p)},i+=p+G.value})}const c=[];for(const u in n){let i=a[u].absoluteY;n[u].children&&n[u].children.forEach(({target:v,value:k},p)=>{const x=a[v].y,F=a[u],L=a[v],J=s.checkNaN(i),K=s.checkNaN(i+k/n[u].outflow*F.height),Q=s.checkNaN(x),ee=s.checkNaN(x+k/n[v].inflow*L.height),ge={id:s.createUid(),source:u,target:v,path:`M ${s.checkNaN(F.x)+s.checkNaN(g.value)} ${J} L ${s.checkNaN(F.x)+s.checkNaN(g.value)} ${K} L ${s.checkNaN(L.x)} ${ee} L ${s.checkNaN(L.x)} ${Q} Z`,value:k,sourceColor:n[u].color,targetColor:n[v].color};c.push(ge),i+=K-J,a[v].y+=ee-Q})}return{nodeCoordinates:a,links:c}}const h=e.computed(()=>{const o=ce(f.dataset);return{nodes:Object.keys(o.nodeCoordinates).map((n,l)=>({...o.nodeCoordinates[n],name:n})),links:o.links}}),de=e.computed(()=>ve(h.value.nodes));function ve(o){const n={};for(const r in o){const{x:a,height:c}=o[r];n[a]||(n[a]=0),n[a]+=c+G.value}return Math.max(...Object.values(n))}const T=e.computed(()=>{const{top:o,right:n,left:l,bottom:r}=t.value.style.chart.padding,a=E.value.length*j.value;return{height:de.value+o+r,width:n+Math.max(...h.value.nodes.map(c=>c.x))+g.value,left:l,top:o,right:a-n,p_top:o,p_bottom:r}});function fe(o){const n={},l={},r=new Set;return E.value.forEach(([a,c,u])=>{n[a]||(n[a]=[]),l[c]||(l[c]=[]),n[a].push(c),l[c].push(a)}),n[o]&&n[o].forEach(a=>r.add(a)),l[o]&&l[o].forEach(a=>r.add(a)),Array.from(r).concat(o)}const m=e.ref(null),C=e.ref(null);function he(o){m.value=fe(o.name),C.value=o.name}function me(){m.value=null,C.value=null}const X=e.computed(()=>h.value.links.map(({source:o,target:n,sourceColor:l,targetColor:r,value:a})=>({source:o,target:n,sourceColor:l,targetColor:r,value:a})));function R(){e.nextTick(()=>{const o=X.value.map((r,a)=>[[r.source],[r.target],[r.value]]),n=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[t.value.table.columnNames.source],[t.value.table.columnNames.target],[t.value.table.columnNames.value]]].concat(o),l=s.createCsvContent(n);s.downloadCsv({csvContent:l,title:t.value.style.chart.title.text||"vue-ui-flow"})})}const w=e.computed(()=>{const o=[t.value.table.columnNames.source,t.value.table.columnNames.target,t.value.table.columnNames.value],n=X.value.map((a,c)=>[{color:a.sourceColor,name:a.source},{color:a.targetColor,name:a.target},s.dataLabel({p:t.value.style.chart.nodes.labels.prefix,v:a.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding})]),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.source,t.value.table.columnNames.target,t.value.table.columnNames.value],head:o,body:n,config:l}});function pe(){return h.value}function Z(){b.value.showTable=!b.value.showTable}const N=e.ref(!1);function O(){N.value=!N.value}return ne({getData:pe,generateCsv:R,generateImage:Y,generatePdf:U,toggleTable:Z,toggleAnnotator:O}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"flowChart",ref:_,class:e.normalizeClass(`vue-ui-flow ${y.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:`flow_${$.value}`,onMouseenter:n[2]||(n[2]=()=>e.unref(A)(!0)),onMouseleave:n[3]||(n[3]=()=>e.unref(A)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ne.PenAndPaper,{key:0,parent:_.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:N.value,onClose:O},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),se.value?(e.openBlock(),e.createElementBlock("div",_e,null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(),e.createBlock(ke._sfc_main,{key:`title_${I.value}`,config:{title:{cy:"flow-title",...t.value.style.chart.title},subtitle:{cy:"flow-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&B.value&&(e.unref(H)||e.unref(S))?(e.openBlock(),e.createBlock(te.UserOptions,{ref:"details",key:`user_option_${V.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(q),isImaging:e.unref(D),uid:$.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:y.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:N.value,onToggleFullscreen:re,onGeneratePdf:e.unref(U),onGenerateCsv:R,onGenerateImage:e.unref(Y),onToggleTable:Z,onToggleAnnotator:O,style:e.normalizeStyle({visibility:e.unref(H)?e.unref(S)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"4"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:r})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:r})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(s.XMLNS),viewBox:`0 0 ${T.value.width} ${T.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":y.value,"vue-data-ui-fulscreen--off":!y.value}),style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(we._sfc_main),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.links,(l,r)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:l.id,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":l.sourceColor},null,8,Te),e.createElementVNode("stop",{offset:"100%","stop-color":l.targetColor},null,8,Oe)],8,Ee))),256))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.links,l=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-flow-link",d:l.path,fill:`url(#${l.id})`,stroke:t.value.style.chart.links.stroke,"stroke-width":t.value.style.chart.links.strokeWidth,style:e.normalizeStyle(`opacity:${C.value?[l.target,l.source].includes(C.value)?1:.3:t.value.style.chart.links.opacity}`)},null,12,Fe))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.nodes,(l,r)=>(e.openBlock(),e.createElementBlock("rect",{class:"vue-ui-flow-node",x:l.x,y:e.unref(s.checkNaN)(l.absoluteY),height:e.unref(s.checkNaN)(l.height),width:g.value,fill:l.color,stroke:t.value.style.chart.nodes.stroke,"stroke-width":t.value.style.chart.nodes.strokeWidth,onMouseenter:a=>he(l),onMouseleave:n[0]||(n[0]=a=>me()),style:e.normalizeStyle(`opacity:${m.value?m.value.includes(l.name)?1:.2:1}`)},null,44,Le))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.nodes,(l,r)=>(e.openBlock(),e.createElementBlock("text",{x:l.x+g.value/2,y:e.unref(s.checkNaN)(l.absoluteY+l.height/2-t.value.style.chart.nodes.labels.fontSize/4),"font-size":t.value.style.chart.nodes.labels.fontSize,fill:e.unref(s.adaptColorToBackground)(l.color),"text-anchor":"middle",style:e.normalizeStyle(`pointer-events: none; opacity:${m.value?m.value.includes(l.name)?1:0:1}`)},e.toDisplayString(t.value.style.chart.nodes.labels.abbreviation.use?e.unref(s.abbreviate)({source:l.name,length:t.value.style.chart.nodes.labels.abbreviation.length}):l.name),13,ze))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.nodes,(l,r)=>(e.openBlock(),e.createElementBlock("text",{x:l.x+g.value/2,y:e.unref(s.checkNaN)(l.absoluteY+l.height/2+t.value.style.chart.nodes.labels.fontSize),"font-size":t.value.style.chart.nodes.labels.fontSize,fill:e.unref(s.adaptColorToBackground)(l.color),"text-anchor":"middle",style:e.normalizeStyle(`pointer-events: none; opacity:${m.value?m.value.includes(l.name)?1:0:1}`)},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.nodes.labels.formatter,l.value,e.unref(s.dataLabel)({p:t.value.style.chart.nodes.labels.prefix,v:l.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding}),{datapoint:l,seriesIndex:r})),13,Ve))),256)),e.renderSlot(o.$slots,"svg",{svg:T.value},void 0,!0)],14,Pe)),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(q)||e.unref(D)})),void 0,!0)])):e.createCommentVNode("",!0),B.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ce.default,{key:5,config:{type:"flow",style:{backgroundColor:t.value.style.chart.backgroundColor}}},null,8,["config"])),o.$slots.source?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),B.value?(e.openBlock(),e.createBlock(be.default,{key:7,hideDetails:"",config:{open:b.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(ye.DataTable,{colNames:w.value.colNames,head:w.value.head,body:w.value.body,config:w.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:n[1]||(n[1]=l=>b.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createElementVNode("div",{innerHTML:l,style:{display:"flex","align-items":"center"}},null,8,He)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l.name||l),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,$e))}},qe=Be._export_sfc(Me,[["__scopeId","data-v-a8be668a"]]);exports.default=qe;