vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-history-plot-s8wYm7fn.js → vue-ui-history-plot-C93VwVCY.js}

@@ -13,7 +13,7 @@ import dl from "./Title-l36lOBMx.js";
 import { t as yl } from "./themes-AUNCOb2G.js";
 import fl from "./Legend-G6GMcdAc.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"], kl = { key: 1 }, wl = ["id"], Cl = ["stop-color"], Al = ["stop-color"], _l = ["stop-color"], Sl = { key: 2 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = { key: 3 }, Tl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Ml = ["x", "y", "fill", "font-size"], zl = ["transform", "font-size", "fill", "font-weight"], Ol = { key: 6 }, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = { key: 7 }, Pl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Fl = ["transform", "fill", "font-size", "text-anchor"], Dl = ["x", "y", "font-size", "fill", "font-weight"], Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Yl = ["d", "stroke", "stroke-width"], El = ["cx", "cy", "fill", "r"], Hl = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Wl = { key: 1 }, Ul = ["x", "y", "font-size", "fill", "font-weight"], jl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Gl = { key: 2 }, Vl = ["x", "y", "font-size", "font-weight", "fill"], ql = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Jl = {
+const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"], kl = { key: 1 }, wl = ["id"], Cl = ["stop-color"], Al = ["stop-color"], _l = ["stop-color"], Sl = { key: 2 }, $l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = { key: 3 }, Tl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Ml = ["x", "y", "fill", "font-size"], zl = ["transform", "font-size", "fill", "font-weight"], Ol = { key: 6 }, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = { key: 7 }, Pl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Fl = ["transform", "fill", "font-size", "text-anchor"], Dl = ["x", "y", "font-size", "fill", "font-weight"], Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Yl = ["d", "stroke", "stroke-width"], El = ["cx", "cy", "fill", "r"], Hl = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Wl = { key: 1 }, Ul = ["x", "y", "font-size", "fill", "font-weight"], jl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Gl = { key: 2 }, Vl = ["x", "y", "font-size", "font-weight", "fill"], ql = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Jl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ql = ["id"], Zl = ["onClick"], Kl = ["innerHTML"], ea = {
@@ -34,15 +34,15 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ze, { expose: Ke, emit: et }) {
-    const tt = N(() => import("./Tooltip-oWCO1HKy.js")), lt = N(() => import("./BaseIcon-BmMbm4d0.js")), at = N(() => import("./vue-ui-accordion-CZ0thhxa.js")), st = N(() => import("./DataTable-BT7VF2ua.js")), ot = N(() => import("./PenAndPaper-DSvu9dwa.js")), rt = N(() => import("./UserOptions-CnzumGJj.js")), nt = N(() => import("./PackageVersion-QNVkHOgG.js")), ut = N(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_history_plot: it } = sl(), y = Ze, L = v(null), xe = v(null), pe = v(0), ge = v(null), me = v(0), be = v(0), ke = v(0), M = He(null), X = He(null), we = v(null), $ = v(je()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), Ce = v(null), Ae = v(!1), U = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = h({
+    const tt = N(() => import("./Tooltip-oWCO1HKy.js")), lt = N(() => import("./BaseIcon-BmMbm4d0.js")), at = N(() => import("./vue-ui-accordion-CZ0thhxa.js")), st = N(() => import("./DataTable-BT7VF2ua.js")), ot = N(() => import("./PenAndPaper-DSvu9dwa.js")), rt = N(() => import("./UserOptions-CGnQt6Fd.js")), nt = N(() => import("./PackageVersion-D-auaEEJ.js")), ut = N(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_history_plot: it } = sl(), y = Ze, $ = v(null), xe = v(null), pe = v(0), ge = v(null), me = v(0), be = v(0), ke = v(0), M = He(null), X = He(null), we = v(null), L = v(je()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), Ce = v(null), Ae = v(!1), U = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = h({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
     }), _e = et;
     Ft(() => {
-      Ae.value = !0, Le();
+      Ae.value = !0, $e();
     });
     const Se = h(() => !!e.value.debug);
-    function Le() {
+    function $e() {
       if (Ge(y.dataset) ? (Ve({
         componentName: "VueUiHistoryPlot",
         type: "dataset",
@@ -63,7 +63,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
       }), Ge(y.dataset) || (ue.value = e.value.loading), e.value.responsive) {
         const t = Je(() => {
           const { width: a, height: l } = al({
-            chart: L.value,
+            chart: $.value,
             title: e.value.style.chart.title.text ? xe.value : null,
             noTitle: we.value,
             legend: e.value.style.chart.legend.show ? ge.value : null,
@@ -115,7 +115,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
             })) : (n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize);
           });
         });
-        M.value && (X.value && M.value.unobserve(X.value), M.value.disconnect()), M.value = new ResizeObserver(t), X.value = L.value.parentNode, M.value.observe(X.value);
+        M.value && (X.value && M.value.unobserve(X.value), M.value.disconnect()), M.value = new ResizeObserver(t), X.value = $.value.parentNode, M.value.observe(X.value);
       }
     }
     Dt(() => {
@@ -203,14 +203,14 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: ie, setUserOptionsVisibility: $e, keepUserOptionState: Te } = il({ config: e.value }), { svgRef: ce } = cl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ie, setUserOptionsVisibility: Le, keepUserOptionState: Te } = il({ config: e.value }), { svgRef: ce } = cl({ config: e.value.style.chart.title });
     Z(() => y.config, (t) => {
-      z.value || (e.value = ne()), ie.value = !e.value.userOptions.showOnChartHover, Le(), pe.value += 1, be.value += 1, me.value += 1, f.value.height = e.value.style.chart.height, f.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+      z.value || (e.value = ne()), ie.value = !e.value.userOptions.showOnChartHover, $e(), pe.value += 1, be.value += 1, me.value += 1, f.value.height = e.value.style.chart.height, f.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), Z(() => y.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ue.value = !1);
     }, { deep: !0 });
     const { isPrinting: Me, isImaging: ze, generatePdf: Oe, generateImage: Ne } = nl({
-      elementId: `history_plot_${$.value}`,
+      elementId: `history_plot_${L.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
       options: e.value.userOptions.print
     }), vt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = h(() => jt(e.value.customPalette)), C = v({
@@ -495,12 +495,12 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
     function Be() {
       C.value.showTooltip = !C.value.showTooltip;
     }
-    function Lt() {
+    function $t() {
       return P.value;
     }
-    async function $t({ scale: t = 2 } = {}) {
-      if (!L.value) return;
-      const { width: a, height: l } = L.value.getBoundingClientRect(), u = a / l, { imageUri: s, base64: k } = await hl({ domElement: L.value, base64: !0, img: !0, scale: t });
+    async function Lt({ scale: t = 2 } = {}) {
+      if (!$.value) return;
+      const { width: a, height: l } = $.value.getBoundingClientRect(), u = a / l, { imageUri: s, base64: k } = await hl({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: k,
@@ -535,7 +535,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: H.value,
-          fullscreenParent: L.value,
+          fullscreenParent: $.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -575,8 +575,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         It();
     }
     return Ke({
-      getData: Lt,
-      getImage: $t,
+      getData: $t,
+      getImage: Lt,
       generatePdf: Oe,
       generateCsv: de,
       generateImage: Ne,
@@ -586,13 +586,13 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
       toggleAnnotator: ye,
       toggleFullscreen: Xe
     }), (t, a) => (o(), r("div", {
-      id: `history_plot_${$.value}`,
+      id: `history_plot_${L.value}`,
       ref_key: "historyPlotChart",
-      ref: L,
+      ref: $,
       class: F({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
       style: S(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => i($e)(!0)),
-      onMouseleave: a[3] || (a[3] = () => i($e)(!1))
+      onMouseenter: a[2] || (a[2] = () => i(Le)(!0)),
+      onMouseleave: a[3] || (a[3] = () => i(Le)(!1))
     }, [
       p(t.$slots, "userConfig", {}, void 0, !0),
       e.value.userOptions.buttons.annotator ? (o(), I(i(ot), {
@@ -632,7 +632,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         }, null, 8, ["config"]))
       ], 4)) : d("", !0),
       _("div", {
-        id: `legend-top-${$.value}`
+        id: `legend-top-${L.value}`
       }, null, 8, gl),
       e.value.userOptions.show && V.value && (i(Te) || i(ie)) ? (o(), I(i(rt), {
         ref_key: "userOptionsRef",
@@ -642,7 +642,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         color: e.value.style.chart.color,
         isPrinting: i(Me),
         isImaging: i(ze),
-        uid: $.value,
+        uid: L.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -652,7 +652,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: H.value,
-        chartElement: L.value,
+        chartElement: $.value,
         position: e.value.userOptions.position,
         isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -708,26 +708,33 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: g(() => [
+            p(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: g(() => [
             p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: g(({ toggleFullscreen: l, isFullscreen: u }) => [
             p(t.$slots, "optionFullscreen", R(B({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: g(({ toggleAnnotator: l, isAnnotator: u }) => [
             p(t.$slots, "optionAnnotator", R(B({ toggleAnnotator: l, isAnnotator: u })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       (o(), r("svg", {
@@ -752,7 +759,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         ], 8, bl)) : d("", !0),
         e.value.style.chart.plots.gradient.show ? (o(), r("defs", kl, [
           (o(!0), r(m, null, b(P.value, (l, u) => (o(), r("radialGradient", {
-            id: `gradient_${u}_${$.value}`,
+            id: `gradient_${u}_${L.value}`,
             fy: "30%"
           }, [
             _("stop", {
@@ -778,9 +785,9 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Ll))), 256))
+          }, null, 8, $l))), 256))
         ])) : d("", !0),
-        e.value.style.chart.axes.y.labels.show ? (o(), r("g", $l, [
+        e.value.style.chart.axes.y.labels.show ? (o(), r("g", Ll, [
           (o(!0), r(m, null, b(x.value.tickY, (l) => (o(), r("line", {
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
@@ -934,7 +941,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
           (o(!0), r(m, null, b(l.plots, (s) => (o(), r("circle", {
             cx: s.x,
             cy: s.y,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${u}_${$.value})` : s.color,
+            fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${u}_${L.value})` : s.color,
             r: n.value.plots,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
@@ -1029,11 +1036,11 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         p(t.$slots, "watermark", R(B({ isPrinting: i(Me) || i(ze) })), void 0, !0)
       ])) : d("", !0),
       _("div", {
-        id: `legend-bottom-${$.value}`
+        id: `legend-bottom-${L.value}`
       }, null, 8, Ql),
       Ae.value ? (o(), I(Bt, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
       }, [
         _("div", {
           ref_key: "chartLegend",
@@ -1081,7 +1088,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: L.value,
+        parent: $.value,
         content: le.value,
         isCustom: W.value,
         isFullscreen: H.value,
@@ -1155,7 +1162,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
       i(z) ? (o(), I(rl, { key: 8 })) : d("", !0)
     ], 46, pl));
   }
-}, xa = /* @__PURE__ */ xl(ea, [["__scopeId", "data-v-d1ad2eeb"]]);
+}, xa = /* @__PURE__ */ xl(ea, [["__scopeId", "data-v-a357420a"]]);
 export {
   xa as default
 };