vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-rings-B7zSZa8h.js → vue-ui-rings-DbsYfGjx.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as O, useSlots as $t, ref as r, computed as c, toRefs as Tt, watch as Y, shallowRef as Me, onMounted as _t, onBeforeUnmount as xt, createElementBlock as p, openBlock as i, unref as s, normalizeStyle as L, normalizeClass as U, createBlock as A, createCommentVNode as b, createElementVNode as C, createVNode as q, createSlots as ie, withCtx as d, renderSlot as g, normalizeProps as B, guardReactiveProps as V, Fragment as ve, renderList as ce, mergeProps as ze, Teleport as St, toDisplayString as de, resolveDynamicComponent as Ot, createTextVNode as Ee, nextTick as At } from "vue";
-import { c as Ue, t as Ft, b as It, p as N, o as We, f as he, g as Pt, e as Lt, a1 as Nt, h as Ge, a as He, d as D, X as Dt, s as Rt, i as Bt, x as Q, P as Vt, Q as Mt, G as zt, H as Et } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as O, useSlots as $t, ref as r, computed as c, toRefs as Tt, watch as Y, shallowRef as Me, onMounted as _t, onBeforeUnmount as xt, createElementBlock as g, openBlock as i, unref as s, normalizeStyle as L, normalizeClass as U, createBlock as A, createCommentVNode as b, createElementVNode as C, createVNode as q, createSlots as ie, withCtx as d, renderSlot as p, normalizeProps as B, guardReactiveProps as V, Fragment as ve, renderList as ce, mergeProps as ze, Teleport as St, toDisplayString as de, resolveDynamicComponent as Ot, createTextVNode as Ee, nextTick as At } from "vue";
+import { c as Ue, t as Ft, b as It, p as N, o as We, f as pe, g as Pt, e as Lt, a1 as Nt, h as Ge, a as He, d as D, X as Dt, s as Rt, i as Bt, x as Q, P as Vt, Q as Mt, G as zt, H as Et } from "./lib-C_mNZmhD.js";
 import { t as Ut, u as Wt } from "./useResponsive-DfdjqQps.js";
 import { u as Gt, a as je } from "./useNestedProp-BjZe1Y85.js";
 import { u as Ht } from "./usePrinter-DTzqpYKF.js";
@@ -13,7 +13,7 @@ import Zt from "./Title-l36lOBMx.js";
 import { t as el } from "./themes-AUNCOb2G.js";
 import tl from "./Legend-G6GMcdAc.js";
 import { _ as ll } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "height"], ul = ["id"], rl = ["stop-color"], il = ["stop-color"], vl = { key: 1 }, cl = ["stroke", "cx", "cy", "r", "fill"], dl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], hl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], pl = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], gl = {
+const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "height"], ul = ["id"], rl = ["stop-color"], il = ["stop-color"], vl = { key: 1 }, cl = ["stroke", "cx", "cy", "r", "fill"], dl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], pl = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], hl = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], gl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, fl = ["id"], yl = ["onClick"], ml = ["innerHTML"], bl = {
@@ -34,7 +34,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
   },
   emits: ["selectLegend"],
   setup(Xe, { expose: Ye, emit: qe }) {
-    const Qe = O(() => import("./Tooltip-oWCO1HKy.js")), Je = O(() => import("./BaseIcon-BmMbm4d0.js")), Ke = O(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ze = O(() => import("./DataTable-BT7VF2ua.js")), et = O(() => import("./PenAndPaper-DSvu9dwa.js")), tt = O(() => import("./UserOptions-CnzumGJj.js")), lt = O(() => import("./PackageVersion-BSldVhnp.js")), ot = O(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_rings: at } = Gt(), st = $t(), k = Xe, F = r(!1), pe = c(() => !!k.dataset && k.dataset.length), y = r(Ue()), W = r(!1), J = r(""), T = r(null), ge = r(0), _ = r(null), fe = r(null), ye = r(null), me = r(null), be = r(null), ke = r(0), we = r(0), Ce = r(0), K = r(!1), $e = r(!1), M = r(null), Z = r(null), e = r(le()), { loading: I, FINAL_DATASET: Te, manualLoading: G } = jt({
+    const Qe = O(() => import("./Tooltip-oWCO1HKy.js")), Je = O(() => import("./BaseIcon-BmMbm4d0.js")), Ke = O(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ze = O(() => import("./DataTable-BT7VF2ua.js")), et = O(() => import("./PenAndPaper-DSvu9dwa.js")), tt = O(() => import("./UserOptions-CGnQt6Fd.js")), lt = O(() => import("./PackageVersion-D-auaEEJ.js")), ot = O(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_rings: at } = Gt(), st = $t(), k = Xe, F = r(!1), he = c(() => !!k.dataset && k.dataset.length), y = r(Ue()), W = r(!1), J = r(""), T = r(null), ge = r(0), _ = r(null), fe = r(null), ye = r(null), me = r(null), be = r(null), ke = r(0), we = r(0), Ce = r(0), K = r(!1), $e = r(!1), M = r(null), Z = r(null), e = r(le()), { loading: I, FINAL_DATASET: Te, manualLoading: G } = jt({
       ...Tt(k),
       FINAL_CONFIG: e,
       prepareConfig: le,
@@ -93,12 +93,12 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
     });
     const oe = c(() => !!e.value.debug);
     function Se() {
-      if (We(k.dataset) ? (he({
+      if (We(k.dataset) ? (pe({
         componentName: "VueUiRings",
         type: "dataset",
         debug: oe.value
       }), G.value = !0) : k.dataset.forEach((t, o) => {
-        t.values.length || (he({
+        t.values.length || (pe({
           componentName: "VueUiRings",
           type: "dataset",
           debug: oe.value
@@ -106,7 +106,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          he({
+          pe({
             componentName: "VueUiRings",
             type: "datasetSerieAttribute",
             property: l,
@@ -222,11 +222,11 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
     function dt(t, o) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
     }
-    function ht(t, o) {
+    function pt(t, o) {
       T.value = null, W.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
     const ne = r(null);
-    function pt(t, o) {
+    function ht(t, o) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), m.value.length === k.dataset.length) return;
       ne.value = {
         datapoint: t,
@@ -412,7 +412,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
       toggleTooltip: Re,
       toggleAnnotator: re,
       toggleFullscreen: Ne
-    }), (t, o) => (i(), p("div", {
+    }), (t, o) => (i(), g("div", {
       ref_key: "ringsChart",
       ref: _,
       class: U(`vue-data-ui-component vue-ui-rings ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -431,14 +431,14 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
         active: X.value,
         onClose: re
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      nt.value ? (i(), p("div", {
+      nt.value ? (i(), g("div", {
         key: 1,
         ref_key: "noTitle",
         ref: be,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : b("", !0),
-      e.value.style.chart.title.text ? (i(), p("div", {
+      e.value.style.chart.title.text ? (i(), g("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: fe,
@@ -461,7 +461,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
       C("div", {
         id: `legend-top-${y.value}`
       }, null, 8, al),
-      e.value.userOptions.show && pe.value && (s(xe) || s(ee)) ? (i(), A(s(tt), {
+      e.value.userOptions.show && he.value && (s(xe) || s(ee)) ? (i(), A(s(tt), {
         ref_key: "userOptionsRef",
         ref: Z,
         key: `user_options_${ge.value}`,
@@ -502,61 +502,68 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: d(({ isOpen: l, color: a }) => [
-            g(t.$slots, "menuIcon", B(V({ isOpen: l, color: a })), void 0, !0)
+            p(t.$slots, "menuIcon", B(V({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: d(() => [
-            g(t.$slots, "optionTooltip", {}, void 0, !0)
+            p(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: d(() => [
-            g(t.$slots, "optionPdf", {}, void 0, !0)
+            p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: d(() => [
-            g(t.$slots, "optionCsv", {}, void 0, !0)
+            p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: d(() => [
-            g(t.$slots, "optionImg", {}, void 0, !0)
+            p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: d(() => [
+            p(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: d(() => [
-            g(t.$slots, "optionTable", {}, void 0, !0)
+            p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: d(({ toggleFullscreen: l, isFullscreen: a }) => [
-            g(t.$slots, "optionFullscreen", B(V({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            p(t.$slots, "optionFullscreen", B(V({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: d(({ toggleAnnotator: l, isAnnotator: a }) => [
-            g(t.$slots, "optionAnnotator", B(V({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            p(t.$slots, "optionAnnotator", B(V({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
-      (i(), p("svg", {
+      (i(), g("svg", {
         ref_key: "svgRef",
         ref: te,
         xmlns: s(Dt),
@@ -565,7 +572,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
         style: L(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         q(s(lt)),
-        t.$slots["chart-background"] ? (i(), p("foreignObject", {
+        t.$slots["chart-background"] ? (i(), g("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -575,10 +582,10 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
             pointerEvents: "none"
           }
         }, [
-          g(t.$slots, "chart-background", {}, void 0, !0)
+          p(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, nl)) : b("", !0),
         C("defs", null, [
-          (i(!0), p(ve, null, ce(f.value, (l, a) => (i(), p("radialGradient", {
+          (i(!0), g(ve, null, ce(f.value, (l, a) => (i(), g("radialGradient", {
             cx: "50%",
             cy: "30%",
             r: "50%",
@@ -596,12 +603,12 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
             }, null, 8, il)
           ], 8, ul))), 256))
         ]),
-        t.$slots.pattern ? (i(), p("g", vl, [
-          (i(!0), p(ve, null, ce(f.value, (l) => (i(), p("defs", null, [
-            g(t.$slots, "pattern", ze({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${y.value}_${l.absoluteIndex}` }), void 0, !0)
+        t.$slots.pattern ? (i(), g("g", vl, [
+          (i(!0), g(ve, null, ce(f.value, (l) => (i(), g("defs", null, [
+            p(t.$slots, "pattern", ze({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${y.value}_${l.absoluteIndex}` }), void 0, !0)
           ]))), 256))
         ])) : b("", !0),
-        (i(!0), p(ve, null, ce(f.value, (l, a) => (i(), p("g", null, [
+        (i(!0), g(ve, null, ce(f.value, (l, a) => (i(), g("g", null, [
           C("circle", {
             class: U({
               "vue-ui-rings-item": F.value && e.value.useCssAnimation,
@@ -630,7 +637,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
             r: s(Q)(h.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : h.value * l.proportion / 2 * 0.9),
             fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${y.value}_${a})` : l.color
           }, null, 14, dl),
-          t.$slots.pattern ? (i(), p("circle", {
+          t.$slots.pattern ? (i(), g("circle", {
             key: 0,
             class: U({
               "vue-ui-rings-item": F.value && e.value.useCssAnimation,
@@ -645,22 +652,22 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
             cy: a === 0 ? u.value.height / 2 : u.value.height / 2 + h.value * f.value[0].proportion / 2 - h.value * l.proportion / 2 - 2 * (a + 1),
             r: s(Q)(h.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : h.value * l.proportion / 2 * 0.9),
             fill: `url(#pattern_${y.value}_${l.absoluteIndex})`
-          }, null, 14, hl)) : b("", !0),
+          }, null, 14, pl)) : b("", !0),
           C("circle", {
             stroke: "none",
             cx: u.value.width / 2,
             cy: a === 0 ? u.value.height / 2 : u.value.height / 2 + h.value * f.value[0].proportion / 2 - h.value * l.proportion / 2 - 2 * (a + 1),
             r: s(Q)(h.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : h.value * l.proportion / 2 * 0.9),
             fill: "transparent",
-            onMouseenter: (n) => pt(l, a),
-            onMouseleave: (n) => ht(l, a),
+            onMouseenter: (n) => ht(l, a),
+            onMouseleave: (n) => pt(l, a),
             onClick: (n) => dt(l, a)
-          }, null, 40, pl)
+          }, null, 40, hl)
         ]))), 256)),
-        g(t.$slots, "svg", { svg: u.value }, void 0, !0)
+        p(t.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 14, sl)),
-      t.$slots.watermark ? (i(), p("div", gl, [
-        g(t.$slots, "watermark", B(V({ isPrinting: s(Oe) || s(Ae) })), void 0, !0)
+      t.$slots.watermark ? (i(), g("div", gl, [
+        p(t.$slots, "watermark", B(V({ isPrinting: s(Oe) || s(Ae) })), void 0, !0)
       ])) : b("", !0),
       C("div", {
         id: `legend-bottom-${y.value}`
@@ -680,7 +687,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
             onClickMarker: o[0] || (o[0] = ({ legend: l }) => ae(l.uid))
           }, ie({
             item: d(({ legend: l, index: a }) => [
-              s(I) ? b("", !0) : (i(), p("div", {
+              s(I) ? b("", !0) : (i(), g("div", {
                 key: 0,
                 onClick: (n) => ae(l.uid),
                 style: L(`opacity:${m.value.includes(l.uid) ? 0.5 : 1}`)
@@ -701,19 +708,19 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["legendSet", "config"])) : g(t.$slots, "legend", {
+          ]), 1032, ["legendSet", "config"])) : p(t.$slots, "legend", {
             key: 1,
             legend: se.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : b("", !0),
-      t.$slots.source ? (i(), p("div", {
+      t.$slots.source ? (i(), g("div", {
         key: 6,
         ref_key: "source",
         ref: me,
         dir: "auto"
       }, [
-        g(t.$slots, "source", {}, void 0, !0)
+        p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
       q(s(Qe), {
         show: w.value.showTooltip && W.value && m.value.length < k.dataset.length,
@@ -736,14 +743,14 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": d(() => [
-          g(t.$slots, "tooltip-before", B(V({ ...ne.value })), void 0, !0)
+          p(t.$slots, "tooltip-before", B(V({ ...ne.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          g(t.$slots, "tooltip-after", B(V({ ...ne.value })), void 0, !0)
+          p(t.$slots, "tooltip-after", B(V({ ...ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      pe.value && e.value.userOptions.buttons.table ? (i(), A(Ot(z.value.component), ze({ key: 7 }, z.value.props, {
+      he.value && e.value.userOptions.buttons.table ? (i(), A(Ot(z.value.component), ze({ key: 7 }, z.value.props, {
         ref_key: "tableUnit",
         ref: M,
         onClose: Be
@@ -800,7 +807,7 @@ const ol = ["id"], al = ["id"], sl = ["xmlns", "viewBox"], nl = ["width", "heigh
       s(I) ? (i(), A(Xt, { key: 8 })) : b("", !0)
     ], 46, ol));
   }
-}, Dl = /* @__PURE__ */ ll(bl, [["__scopeId", "data-v-5c6dcdcf"]]);
+}, Dl = /* @__PURE__ */ ll(bl, [["__scopeId", "data-v-618dffa7"]]);
 export {
   Dl as default
 };