vue-data-ui 3.3.2 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Arrow-DLi6NnGD.js → Arrow-CRe_nKB4.js} +1 -1
- package/dist/{BaseDraggableDialog-CVGErydD.js → BaseDraggableDialog-CbuLbfrc.js} +2 -2
- package/dist/{BaseIcon-eZbszQrv.js → BaseIcon-B5KaGWWC.js} +1 -1
- package/dist/{ColorPicker-BoPM4Ejg.js → ColorPicker-BMztHpBp.js} +10 -10
- package/dist/{DataTable-yAMEyP6y.js → DataTable-DOx3zgih.js} +2 -2
- package/dist/{Legend-By4rru90.js → Legend-C8u37J42.js} +2 -2
- package/dist/{NonSvgPenAndPaper-C7QqIewT.js → NonSvgPenAndPaper-BcxfJ-r2.js} +3 -3
- package/dist/{PackageVersion-r-Q1R3nV.js → PackageVersion-DyDViSOy.js} +1 -1
- package/dist/{PenAndPaper-Bo-lMUik.js → PenAndPaper-Dj2diYr0.js} +3 -3
- package/dist/{Shape-BceHSLHf.js → Shape-BhNvlGIN.js} +1 -1
- package/dist/{Slicer-Znzt0gSE.js → Slicer-BHgEsIBU.js} +111 -111
- package/dist/SlicerPreview-Cobmb_1S.js +1148 -0
- package/dist/{SparkTooltip--YwqrrgZ.js → SparkTooltip-CL3cNRQ_.js} +1 -1
- package/dist/{Title-Camz1Lce.js → Title-CFmv95In.js} +1 -1
- package/dist/{Tooltip-VOcQEHa4.js → Tooltip-Cs4v8OnI.js} +1 -1
- package/dist/{UserOptions-CSja1SGU.js → UserOptions-C0YT60JN.js} +2 -2
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/{dom-to-png-DxyZSvDx.js → dom-to-png-xQ7LXrxp.js} +1 -1
- package/dist/{img-J2dLIr8Y.js → img-CFY3JivG.js} +1 -1
- package/dist/{lib-CEjkWSLj.js → lib-BcBZIm6u.js} +439 -395
- package/dist/{pdf-anN8VbM7.js → pdf-O34i6EQX.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +82 -8
- package/dist/{useAutoSizeLabelsInsideViewbox-CovTrBjm.js → useAutoSizeLabelsInsideViewbox-BHq4FD8x.js} +1 -1
- package/dist/{useNestedProp-Ce3PwN8T.js → useNestedProp-B7CiTRDS.js} +327 -240
- package/dist/{usePrinter-DJ1iH-F_.js → usePrinter-C1GiglOH.js} +2 -2
- package/dist/useTimeLabelCollider-CIsgDrl9.js +78 -0
- package/dist/{vue-data-ui-BFdGl7rL.js → vue-data-ui-D7Tgakts.js} +64 -64
- package/dist/vue-data-ui.js +100 -100
- package/dist/{vue-ui-3d-bar-kzlIaqHU.js → vue-ui-3d-bar-H_4pqH3h.js} +56 -56
- package/dist/{vue-ui-accordion-VTP418mC.js → vue-ui-accordion-BKkTS12x.js} +3 -3
- package/dist/{vue-ui-age-pyramid-YFzQ15k1.js → vue-ui-age-pyramid-BGzYbrts.js} +62 -55
- package/dist/{vue-ui-annotator-CmwDyy9m.js → vue-ui-annotator-DkSYrnwb.js} +7 -7
- package/dist/{vue-ui-bullet-DdjpiM-T.js → vue-ui-bullet-Cf4Uzhez.js} +7 -7
- package/dist/vue-ui-candlestick-DfbP87Cr.js +1334 -0
- package/dist/{vue-ui-carousel-table-CRI_iPLn.js → vue-ui-carousel-table-0z6eLg_I.js} +29 -29
- package/dist/{vue-ui-chestnut-YrEA5Gq3.js → vue-ui-chestnut-BcQFRaXx.js} +70 -70
- package/dist/{vue-ui-chord-D_2DdvpZ.js → vue-ui-chord-YYE07iRP.js} +35 -35
- package/dist/{vue-ui-circle-pack-xm9-OOAR.js → vue-ui-circle-pack-BRSqhjxm.js} +47 -47
- package/dist/{vue-ui-cursor-Dt8Zzw22.js → vue-ui-cursor-iuati4v1.js} +2 -2
- package/dist/{vue-ui-dashboard-29ZuFoLn.js → vue-ui-dashboard-BpeLteeH.js} +67 -67
- package/dist/{vue-ui-digits-nKPRJ9Vz.js → vue-ui-digits-eYxf3UFN.js} +2 -2
- package/dist/{vue-ui-donut-BQptfVfE.js → vue-ui-donut-Yw81BFf2.js} +189 -189
- package/dist/{vue-ui-donut-evolution-fiqngEFW.js → vue-ui-donut-evolution-k3xCwZYv.js} +145 -138
- package/dist/{vue-ui-dumbbell-Cw45EBO0.js → vue-ui-dumbbell-DMPndU1O.js} +82 -75
- package/dist/{vue-ui-flow-DPu9BjPy.js → vue-ui-flow-D-W3VQTv.js} +75 -75
- package/dist/{vue-ui-funnel-CtlDuNjO.js → vue-ui-funnel-q-b-LqXG.js} +63 -63
- package/dist/{vue-ui-galaxy-BiVjoNHW.js → vue-ui-galaxy-4pueJOcI.js} +62 -62
- package/dist/{vue-ui-gauge-CoM6Q3Nb.js → vue-ui-gauge-APtv_CvA.js} +58 -58
- package/dist/{vue-ui-gizmo-DXG8dS5u.js → vue-ui-gizmo-BH0MvhIV.js} +3 -3
- package/dist/{vue-ui-heatmap-D6n8AnCc.js → vue-ui-heatmap-BBdrkhmg.js} +465 -435
- package/dist/{vue-ui-history-plot-C8WMHda_.js → vue-ui-history-plot-DL5ioFH4.js} +115 -108
- package/dist/{vue-ui-kpi-Dphnwumo.js → vue-ui-kpi-N8s0i48S.js} +3 -3
- package/dist/{vue-ui-mini-loader-DFk9GZ5V.js → vue-ui-mini-loader-Db-9iQcC.js} +2 -2
- package/dist/{vue-ui-molecule-DC4_vXt_.js → vue-ui-molecule-DnjRfc4-.js} +102 -102
- package/dist/{vue-ui-mood-radar-BgT5wMS0.js → vue-ui-mood-radar-9aAC_ake.js} +28 -28
- package/dist/{vue-ui-nested-donuts-D2gSqe1f.js → vue-ui-nested-donuts-BnVXn9Qa.js} +60 -60
- package/dist/{vue-ui-onion-CEbv2ii4.js → vue-ui-onion-DbanwrFr.js} +46 -46
- package/dist/{vue-ui-parallel-coordinate-plot-budrvcwU.js → vue-ui-parallel-coordinate-plot-CtlpCJ97.js} +88 -81
- package/dist/{vue-ui-quadrant-PpymeiXe.js → vue-ui-quadrant-BVffm_0o.js} +8 -8
- package/dist/{vue-ui-quick-chart-k6mjTD56.js → vue-ui-quick-chart-C4Uc3DRH.js} +280 -273
- package/dist/{vue-ui-radar-C5NvYMnv.js → vue-ui-radar-C-MSV1ZJ.js} +69 -69
- package/dist/{vue-ui-rating-eKlTJch9.js → vue-ui-rating-fR2WRHYO.js} +2 -2
- package/dist/{vue-ui-relation-circle-Df33aaUT.js → vue-ui-relation-circle-4MPxPkAi.js} +31 -31
- package/dist/{vue-ui-ridgeline-BTw-37RS.js → vue-ui-ridgeline-B1T10gWF.js} +118 -111
- package/dist/{vue-ui-rings-C_s9xOtZ.js → vue-ui-rings-G0bYxlue.js} +50 -50
- package/dist/{vue-ui-scatter-Jd8bQ0S5.js → vue-ui-scatter-DqZwonPL.js} +100 -100
- package/dist/{vue-ui-skeleton-Ce7H57o7.js → vue-ui-skeleton-C-IKc-3B.js} +3 -3
- package/dist/{vue-ui-smiley-C4mhT7ZV.js → vue-ui-smiley-BKXuAviQ.js} +2 -2
- package/dist/{vue-ui-spark-trend-DQy4iSO7.js → vue-ui-spark-trend-8vV7SyrA.js} +18 -18
- package/dist/{vue-ui-sparkbar-CUFTHql0.js → vue-ui-sparkbar-BsWBXGuQ.js} +3 -3
- package/dist/{vue-ui-sparkgauge-CcykuBps.js → vue-ui-sparkgauge-B9-iRqNC.js} +6 -6
- package/dist/{vue-ui-sparkhistogram-CyGvYpYn.js → vue-ui-sparkhistogram-CV4PH2vQ.js} +4 -4
- package/dist/{vue-ui-sparkline-CLWJM6hA.js → vue-ui-sparkline-DScNHLXj.js} +23 -23
- package/dist/{vue-ui-sparkstackbar-Cln1pduE.js → vue-ui-sparkstackbar-CXPJToNY.js} +17 -17
- package/dist/vue-ui-stackbar-94piqh7z.js +1695 -0
- package/dist/{vue-ui-strip-plot-C4U0fT5D.js → vue-ui-strip-plot-CA4GL9dj.js} +144 -137
- package/dist/{vue-ui-table-DpdP3PDq.js → vue-ui-table-BAbQsJGk.js} +18 -18
- package/dist/{vue-ui-table-heatmap-J29d8nds.js → vue-ui-table-heatmap-DU6GKPVy.js} +32 -32
- package/dist/{vue-ui-table-sparkline-Chf5YY4A.js → vue-ui-table-sparkline-1KrHuOle.js} +28 -28
- package/dist/{vue-ui-thermometer-D6RmaNE6.js → vue-ui-thermometer-DrCAdNyW.js} +22 -22
- package/dist/{vue-ui-timer-C5E1kJRt.js → vue-ui-timer-Cj677c6_.js} +29 -29
- package/dist/{vue-ui-tiremarks-D0erVBnj.js → vue-ui-tiremarks-O5LGA_1a.js} +14 -14
- package/dist/{vue-ui-treemap-K8FYxuYz.js → vue-ui-treemap-BVe_Fft6.js} +78 -78
- package/dist/{vue-ui-vertical-bar-BA3OY8Sh.js → vue-ui-vertical-bar-D8oCUku1.js} +94 -94
- package/dist/{vue-ui-waffle-CgLgPuro.js → vue-ui-waffle-C39XL2GH.js} +68 -68
- package/dist/{vue-ui-wheel-C_cOUhCs.js → vue-ui-wheel-BEpyCUNj.js} +21 -21
- package/dist/{vue-ui-word-cloud-uvHNOIpN.js → vue-ui-word-cloud-Dlp9LghX.js} +35 -35
- package/dist/{vue-ui-world-DmeNMwpX.js → vue-ui-world-BS8BCZJ3.js} +6 -6
- package/dist/vue-ui-xy-D3LqMzve.js +3375 -0
- package/dist/vue-ui-xy-canvas-Dct7tf8w.js +1548 -0
- package/package.json +1 -1
- package/dist/useResizeObserverEffect-DfnWps4W.js +0 -109
- package/dist/vue-ui-candlestick-x9U5Ni0N.js +0 -1066
- package/dist/vue-ui-stackbar-DIUil9DO.js +0 -1442
- package/dist/vue-ui-xy-canvas-BQKR36bd.js +0 -1305
- package/dist/vue-ui-xy-tWE4H5ij.js +0 -4520
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { useCssVars as ea, defineAsyncComponent as W, ref as v, shallowRef as ut, toRefs as ta, watch as Ae, computed as p, onMounted as it, onBeforeUnmount as ct, createElementBlock as i, openBlock as r, unref as d, normalizeStyle as R, normalizeClass as F, createBlock as V, createCommentVNode as h, renderSlot as w, createElementVNode as I, createSlots as Ie, withCtx as x, normalizeProps as de, guardReactiveProps as he, withModifiers as vt, createVNode as fe, Fragment as z, renderList as
|
|
2
|
-
import { c as _e, t as la, b as na, p as ge, o as sa, f as gt, g as ra, e as ua, h as ia, X as ca,
|
|
1
|
+
import { useCssVars as ea, defineAsyncComponent as W, ref as v, shallowRef as ut, toRefs as ta, watch as Ae, computed as p, onMounted as it, onBeforeUnmount as ct, createElementBlock as i, openBlock as r, unref as d, normalizeStyle as R, normalizeClass as F, createBlock as V, createCommentVNode as h, renderSlot as w, createElementVNode as I, createSlots as Ie, withCtx as x, normalizeProps as de, guardReactiveProps as he, withModifiers as vt, createVNode as fe, Fragment as z, renderList as q, mergeProps as dt, toDisplayString as H, Teleport as aa, resolveDynamicComponent as oa, createTextVNode as ht, nextTick as ft } from "vue";
|
|
2
|
+
import { c as _e, t as la, b as na, p as ge, o as sa, f as gt, g as ra, e as ua, h as ia, X as ca, J as va, d as Pe, $ as da, al as ha, P as fa, Q as ga, a as ba } from "./lib-BcBZIm6u.js";
|
|
3
3
|
import { t as pa, u as ma } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as ya, a as bt } from "./useNestedProp-
|
|
4
|
+
import { u as ya, a as bt } from "./useNestedProp-B7CiTRDS.js";
|
|
5
5
|
import { u as ka, B as $a } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
-
import { u as wa } from "./usePrinter-
|
|
6
|
+
import { u as wa } from "./usePrinter-C1GiglOH.js";
|
|
7
7
|
import { u as Ca } from "./useSvgExport-DrjCWun4.js";
|
|
8
8
|
import { u as Ma } from "./useUserOptionState-BIvW1Kz7.js";
|
|
9
9
|
import { u as xa } from "./useChartAccessibility-9icAAmYg.js";
|
|
10
|
-
import Aa from "./img-
|
|
11
|
-
import { _ as Ia } from "./Shape-
|
|
12
|
-
import _a from "./Title-
|
|
10
|
+
import Aa from "./img-CFY3JivG.js";
|
|
11
|
+
import { _ as Ia } from "./Shape-BhNvlGIN.js";
|
|
12
|
+
import _a from "./Title-CFmv95In.js";
|
|
13
13
|
import { t as Pa } from "./themes-Dw-dDudK.js";
|
|
14
|
-
import Sa from "./Legend-
|
|
14
|
+
import Sa from "./Legend-C8u37J42.js";
|
|
15
15
|
import { _ as Ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
16
|
-
const Ba = ["id"], Oa = ["id"], La = ["xmlns", "viewBox"], Da = ["width", "height"], Ea = { key: 1 }, Na = ["id", "d"], Ra = { key: 2 }, Fa = ["transform"], za = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ua = ["d", "fill", "stroke", "stroke-width"], Xa = ["d", "fill"], Va = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], ja = ["d", "fill", "stroke", "stroke-width"], Ga = ["d", "fill", "stroke", "stroke-width"], Ya = ["d", "fill", "stroke", "stroke-width"], Wa = { key: 0 },
|
|
16
|
+
const Ba = ["id"], Oa = ["id"], La = ["xmlns", "viewBox"], Da = ["width", "height"], Ea = { key: 1 }, Na = ["id", "d"], Ra = { key: 2 }, Fa = ["transform"], za = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ua = ["d", "fill", "stroke", "stroke-width"], Xa = ["d", "fill"], Va = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick", "onMouseleave"], ja = ["d", "fill", "stroke", "stroke-width"], Ga = ["d", "fill", "stroke", "stroke-width"], Ya = ["d", "fill", "stroke", "stroke-width"], Wa = { key: 0 }, qa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ha = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Qa = ["cx", "cy", "r", "stroke", "stroke-width", "fill"], Za = ["transform", "fill", "text-anchor", "font-size", "font-weight"], Ja = { key: 1 }, Ka = ["font-size", "font-weight", "fill"], eo = ["href"], to = ["transform", "text-anchor", "font-size", "font-weight", "fill", "innerHTML"], ao = {
|
|
17
17
|
key: 4,
|
|
18
18
|
class: "vue-data-ui-watermark"
|
|
19
19
|
}, oo = ["id"], lo = ["onClick"], no = {
|
|
@@ -41,7 +41,7 @@ const Ba = ["id"], Oa = ["id"], La = ["xmlns", "viewBox"], Da = ["width", "heigh
|
|
|
41
41
|
ea((t) => ({
|
|
42
42
|
dd6a513c: t.slicerColor
|
|
43
43
|
}));
|
|
44
|
-
const kt = W(() => import("./vue-ui-accordion-
|
|
44
|
+
const kt = W(() => import("./vue-ui-accordion-BKkTS12x.js")), Se = W(() => import("./BaseIcon-B5KaGWWC.js")), $t = W(() => import("./DataTable-DOx3zgih.js")), wt = W(() => import("./PackageVersion-DyDViSOy.js")), Ct = W(() => import("./PenAndPaper-Dj2diYr0.js")), Mt = W(() => import("./UserOptions-C0YT60JN.js")), xt = W(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_chord: At } = ya(), B = pt, ne = yt, E = v(!!B.dataset && Object.hasOwn(B.dataset, "matrix")), $ = v(_e()), C = v(null), m = v(null), g = v(null), Te = v(0), O = v(null), Be = v(null), Oe = v(null), Le = v(null), De = v(null), be = v(0), pe = v(0), me = v(0), Q = v(!1), U = ut(null), Z = ut(null), Ee = v(!1), K = v(null), ye = v(null), e = v($e()), { loading: Ne, FINAL_DATASET: M, manualLoading: ee } = ka({
|
|
45
45
|
...ta(B),
|
|
46
46
|
FINAL_CONFIG: e,
|
|
47
47
|
prepareConfig: $e,
|
|
@@ -349,15 +349,15 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
349
349
|
const a = b.value.inner, l = t.startAngle - Math.PI / 2, s = t.endAngle - Math.PI / 2, n = o.startAngle - Math.PI / 2, u = o.endAngle - Math.PI / 2, f = Math.cos(l) * a, P = Math.sin(l) * a, S = Math.cos(s) * a, N = Math.sin(s) * a, c = Math.cos(n) * a, k = Math.sin(n) * a, T = Math.cos(u) * a, D = Math.sin(u) * a, X = t.endAngle - t.startAngle > Math.PI ? 1 : 0, Y = o.endAngle - o.startAngle > Math.PI ? 1 : 0;
|
|
350
350
|
return `M${f},${P}A${a},${a} 0 ${X} 1 ${S},${N}Q0,0 ${c},${k}A${a},${a} 0 ${Y} 1 ${T},${D}Q0,0 ${f},${P}Z`;
|
|
351
351
|
}
|
|
352
|
-
const
|
|
352
|
+
const qe = p(() => _.value * Math.PI / 180);
|
|
353
353
|
function Lt(t) {
|
|
354
354
|
return (t.startAngle + t.endAngle) / 2;
|
|
355
355
|
}
|
|
356
356
|
function Dt(t) {
|
|
357
|
-
return ((Lt(t) +
|
|
357
|
+
return ((Lt(t) + qe.value) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
|
|
358
358
|
}
|
|
359
359
|
function Et(t) {
|
|
360
|
-
let o = t +
|
|
360
|
+
let o = t + qe.value;
|
|
361
361
|
return o = (o % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI), o > Math.PI ? "end" : "start";
|
|
362
362
|
}
|
|
363
363
|
function Nt(t) {
|
|
@@ -369,18 +369,18 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
369
369
|
return `M${n},${u} A${a},${a} 0 ${S} 1 ${f},${P}`;
|
|
370
370
|
}
|
|
371
371
|
const _ = v(e.value.initialRotation), te = v(!1);
|
|
372
|
-
let
|
|
372
|
+
let He = 0, Qe = 0;
|
|
373
373
|
function Ze(t) {
|
|
374
374
|
const o = J.value.getBoundingClientRect(), a = o.left + o.width / 2, l = o.top + o.height / 2, s = t.clientX ?? t.touches[0].clientX, n = t.clientY ?? t.touches[0].clientY;
|
|
375
375
|
return Math.atan2(n - l, s - a);
|
|
376
376
|
}
|
|
377
377
|
function Je(t) {
|
|
378
|
-
!e.value.enableRotation || ae.value || (t.preventDefault(), te.value = !0,
|
|
378
|
+
!e.value.enableRotation || ae.value || (t.preventDefault(), te.value = !0, He = _.value, Qe = Ze(t));
|
|
379
379
|
}
|
|
380
380
|
function re(t) {
|
|
381
381
|
if (!te.value) return;
|
|
382
382
|
const o = Ze(t);
|
|
383
|
-
_.value =
|
|
383
|
+
_.value = He + (o - Qe) * 180 / Math.PI;
|
|
384
384
|
}
|
|
385
385
|
function ue() {
|
|
386
386
|
te.value = !1;
|
|
@@ -529,7 +529,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
529
529
|
aspectRatio: l
|
|
530
530
|
};
|
|
531
531
|
}
|
|
532
|
-
function
|
|
532
|
+
function qt(t, o) {
|
|
533
533
|
return `${y.value.labels[o]}${e.value.style.chart.arcs.labels.showPercentage ? Pe({
|
|
534
534
|
p: " (",
|
|
535
535
|
v: isNaN(t.proportion) ? 0 : t.proportion * 100,
|
|
@@ -573,12 +573,12 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
573
573
|
function st() {
|
|
574
574
|
j.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
|
|
575
575
|
}
|
|
576
|
-
const
|
|
576
|
+
const Ht = p(() => e.value.style.chart.backgroundColor), Qt = p(() => e.value.style.chart.legend), Zt = p(() => e.value.style.chart.title), { exportSvg: Jt, getSvg: Kt } = Ca({
|
|
577
577
|
svg: J,
|
|
578
578
|
title: Zt,
|
|
579
579
|
legend: Qt,
|
|
580
580
|
legendItems: Me,
|
|
581
|
-
backgroundColor:
|
|
581
|
+
backgroundColor: Ht
|
|
582
582
|
});
|
|
583
583
|
async function rt({ isCb: t }) {
|
|
584
584
|
if (t) {
|
|
@@ -764,7 +764,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
764
764
|
w(t.$slots, "chart-background", {}, void 0, !0)
|
|
765
765
|
], 8, Da)) : h("", !0),
|
|
766
766
|
e.value.style.chart.arcs.labels.curved ? (r(), i("defs", Ea, [
|
|
767
|
-
(r(!0), i(z, null,
|
|
767
|
+
(r(!0), i(z, null, q(A.value.groups, (a, l) => (r(), i("path", {
|
|
768
768
|
key: `labelPath-${l}`,
|
|
769
769
|
id: `labelPath-${l}_${$.value}`,
|
|
770
770
|
d: Rt(
|
|
@@ -776,14 +776,14 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
776
776
|
}, null, 8, Na))), 128))
|
|
777
777
|
])) : h("", !0),
|
|
778
778
|
t.$slots.pattern ? (r(), i("g", Ra, [
|
|
779
|
-
(r(!0), i(z, null,
|
|
779
|
+
(r(!0), i(z, null, q(A.value.groups, (a, l) => (r(), i("defs", null, [
|
|
780
780
|
w(t.$slots, "pattern", dt({ ref_for: !0 }, { seriesIndex: a.index, patternId: `pattern_${$.value}_${l}` }), void 0, !0)
|
|
781
781
|
]))), 256))
|
|
782
782
|
])) : h("", !0),
|
|
783
783
|
I("g", {
|
|
784
784
|
transform: `translate(${L.value.width / 2}, ${L.value.height / 2}) rotate(${_.value})`
|
|
785
785
|
}, [
|
|
786
|
-
(r(!0), i(z, null,
|
|
786
|
+
(r(!0), i(z, null, q(A.value.groups, (a, l) => (r(), i("g", null, [
|
|
787
787
|
(r(), i("path", {
|
|
788
788
|
class: F({ "vue-ui-chord-arc": !0, "vue-ui-chord-arc-animated": e.value.useCssAnimation && !Q.value }),
|
|
789
789
|
key: `arc-${l}`,
|
|
@@ -826,7 +826,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
826
826
|
}, null, 14, Ua)) : h("", !0)
|
|
827
827
|
]))), 256)),
|
|
828
828
|
I("g", null, [
|
|
829
|
-
(r(!0), i(z, null,
|
|
829
|
+
(r(!0), i(z, null, q(C.value ? A.value.chords.filter((a) => a.source.groupId === C.value.id) : g.value ? A.value.chords.filter((a) => a.source.groupId === g.value) : A.value.chords, (a, l) => (r(), i(z, {
|
|
830
830
|
key: `ribbon-${a.id}`
|
|
831
831
|
}, [
|
|
832
832
|
a.source.value ? (r(), i("path", {
|
|
@@ -903,7 +903,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
903
903
|
}, null, 8, Ya)) : h("", !0)
|
|
904
904
|
]),
|
|
905
905
|
(C.value || m.value || g.value) && e.value.style.chart.ribbons.labels.show ? (r(), i("g", Wa, [
|
|
906
|
-
(r(!0), i(z, null,
|
|
906
|
+
(r(!0), i(z, null, q(Ot.value, (a) => (r(), i(z, {
|
|
907
907
|
key: a.id
|
|
908
908
|
}, [
|
|
909
909
|
I("line", {
|
|
@@ -914,7 +914,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
914
914
|
stroke: e.value.style.chart.backgroundColor,
|
|
915
915
|
"stroke-width": e.value.style.chart.ribbons.labels.connector.strokeWidth * 3,
|
|
916
916
|
"pointer-events": "none"
|
|
917
|
-
}, null, 8,
|
|
917
|
+
}, null, 8, qa),
|
|
918
918
|
I("line", {
|
|
919
919
|
x1: a.midBaseX,
|
|
920
920
|
y1: a.midBaseY,
|
|
@@ -923,7 +923,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
923
923
|
stroke: e.value.style.chart.ribbons.labels.connector.stroke,
|
|
924
924
|
"stroke-width": e.value.style.chart.ribbons.labels.connector.strokeWidth,
|
|
925
925
|
"pointer-events": "none"
|
|
926
|
-
}, null, 8,
|
|
926
|
+
}, null, 8, Ha),
|
|
927
927
|
e.value.style.chart.ribbons.labels.marker.show ? (r(), i("circle", {
|
|
928
928
|
key: 0,
|
|
929
929
|
cx: Math.cos(a.theta - Math.PI / 2) * (b.value.outer + e.value.style.chart.ribbons.labels.offset + 12),
|
|
@@ -947,11 +947,11 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
947
947
|
"font-weight": e.value.style.chart.ribbons.labels.bold ? "bold" : "normal",
|
|
948
948
|
dy: ".35em",
|
|
949
949
|
"pointer-events": "none"
|
|
950
|
-
},
|
|
950
|
+
}, H(Ke(a.value)), 9, Za)
|
|
951
951
|
], 64))), 128))
|
|
952
952
|
])) : h("", !0),
|
|
953
953
|
e.value.style.chart.arcs.labels.show ? (r(), i("g", Ja, [
|
|
954
|
-
e.value.style.chart.arcs.labels.curved ? (r(!0), i(z, { key: 0 },
|
|
954
|
+
e.value.style.chart.arcs.labels.curved ? (r(!0), i(z, { key: 0 }, q(A.value.groups, (a, l) => (r(), i("text", {
|
|
955
955
|
class: "vue-ui-chord-label-curved",
|
|
956
956
|
key: `curved-label-${l}`,
|
|
957
957
|
"font-size": e.value.style.chart.arcs.labels.fontSize,
|
|
@@ -962,13 +962,13 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
962
962
|
href: `#labelPath-${l}_${$.value}`,
|
|
963
963
|
startOffset: "50%",
|
|
964
964
|
"text-anchor": "middle"
|
|
965
|
-
},
|
|
965
|
+
}, H(y.value.labels[l]) + H(e.value.style.chart.arcs.labels.showPercentage ? d(Pe)({
|
|
966
966
|
p: " (",
|
|
967
967
|
v: isNaN(a.proportion) ? 0 : a.proportion * 100,
|
|
968
968
|
s: "%)",
|
|
969
969
|
r: e.value.style.chart.arcs.labels.roundingPercentage
|
|
970
970
|
}) : ""), 9, eo)
|
|
971
|
-
], 8, Ka))), 128)) : !C.value && !m.value && !g.value ? (r(!0), i(z, { key: 1 },
|
|
971
|
+
], 8, Ka))), 128)) : !C.value && !m.value && !g.value ? (r(!0), i(z, { key: 1 }, q(A.value.groups, (a, l) => (r(), i("text", {
|
|
972
972
|
class: "vue-ui-chord-label-straight",
|
|
973
973
|
key: `label-${l}`,
|
|
974
974
|
transform: `
|
|
@@ -981,7 +981,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
981
981
|
"font-weight": e.value.style.chart.arcs.labels.bold ? "bold" : "normal",
|
|
982
982
|
fill: e.value.style.chart.arcs.labels.color,
|
|
983
983
|
innerHTML: d(da)({
|
|
984
|
-
content: d(ha)(
|
|
984
|
+
content: d(ha)(qt(a, l)),
|
|
985
985
|
fontSize: e.value.style.chart.arcs.labels.fontSize,
|
|
986
986
|
fill: e.value.style.chart.arcs.labels.color,
|
|
987
987
|
x: 0,
|
|
@@ -1018,7 +1018,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
1018
1018
|
opacity: g.value ? g.value === a.id ? 1 : 0.3 : 1
|
|
1019
1019
|
}),
|
|
1020
1020
|
onClick: (l) => a.select()
|
|
1021
|
-
},
|
|
1021
|
+
}, H(a.name), 13, lo)
|
|
1022
1022
|
]),
|
|
1023
1023
|
_: 2
|
|
1024
1024
|
}, [
|
|
@@ -1083,10 +1083,10 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
1083
1083
|
onClose: st
|
|
1084
1084
|
}, {
|
|
1085
1085
|
th: x(({ th: a }) => [
|
|
1086
|
-
ht(
|
|
1086
|
+
ht(H(a.name), 1)
|
|
1087
1087
|
]),
|
|
1088
1088
|
td: x(({ td: a }) => [
|
|
1089
|
-
I("div", so,
|
|
1089
|
+
I("div", so, H(a.name ? a.name : Ke(a)), 1)
|
|
1090
1090
|
]),
|
|
1091
1091
|
_: 1
|
|
1092
1092
|
}, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
|
|
@@ -1096,7 +1096,7 @@ dataset.matrix[${o}] = [${t.toString()}] has a length of ${t.length} but should
|
|
|
1096
1096
|
e.value.table.useDialog ? {
|
|
1097
1097
|
name: "title",
|
|
1098
1098
|
fn: x(() => [
|
|
1099
|
-
ht(
|
|
1099
|
+
ht(H(oe.value.title), 1)
|
|
1100
1100
|
]),
|
|
1101
1101
|
key: "0"
|
|
1102
1102
|
} : void 0,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { useCssVars as wt, computed as k, defineAsyncComponent as N, ref as m, toRefs as Ct, watch as ne, shallowRef as Ge, onMounted as _t, onBeforeUnmount as zt, watchEffect as $t, createElementBlock as g, openBlock as p, unref as i, normalizeStyle as se, normalizeClass as We, createBlock as V, createCommentVNode as _, renderSlot as x, createSlots as je, withCtx as z, normalizeProps as J, guardReactiveProps as K, createVNode as qe, Fragment as ue, renderList as Tt, createElementVNode as $, mergeProps as ke, toDisplayString as H, resolveDynamicComponent as St, createTextVNode as Xe, nextTick as Ye } from "vue";
|
|
2
|
-
import { u as Ot, a as Ze } from "./useNestedProp-
|
|
3
|
-
import { c as Je, t as Dt, b as xe, p as re, o as It, f as
|
|
2
|
+
import { u as Ot, a as Ze } from "./useNestedProp-B7CiTRDS.js";
|
|
3
|
+
import { c as Je, t as Dt, b as xe, p as re, o as It, f as Pt, e as Ft, h as At, U as Ke, d as we, X as Mt, S as Et, J as Q, K as Nt, P as Rt, Q as Bt, a as Qe } from "./lib-BcBZIm6u.js";
|
|
4
4
|
import { t as Lt, u as Ut } from "./useResponsive-DfdjqQps.js";
|
|
5
|
-
import { u as Vt } from "./usePrinter-
|
|
5
|
+
import { u as Vt } from "./usePrinter-C1GiglOH.js";
|
|
6
6
|
import { u as Ht, B as Gt } from "./BaseScanner-BgWxam9d.js";
|
|
7
7
|
import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as jt } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import qt from "./img-
|
|
10
|
-
import Xt from "./Title-
|
|
9
|
+
import qt from "./img-CFY3JivG.js";
|
|
10
|
+
import Xt from "./Title-CFmv95In.js";
|
|
11
11
|
import { t as Yt } from "./themes-Dw-dDudK.js";
|
|
12
12
|
import { u as Zt } from "./useSvgExport-DrjCWun4.js";
|
|
13
13
|
import { _ as Jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -102,7 +102,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
102
102
|
v4d5c504a: L.value,
|
|
103
103
|
v7e14eec3: me.value
|
|
104
104
|
}));
|
|
105
|
-
const y = N(() => import("./BaseIcon-
|
|
105
|
+
const y = N(() => import("./BaseIcon-B5KaGWWC.js")), v = N(() => import("./vue-ui-accordion-BKkTS12x.js")), n = N(() => import("./DataTable-DOx3zgih.js")), o = N(() => import("./UserOptions-C0YT60JN.js")), s = N(() => import("./PenAndPaper-Dj2diYr0.js")), d = N(() => import("./PackageVersion-DyDViSOy.js")), w = N(() => import("./BaseDraggableDialog-CbuLbfrc.js")), C = u, ee = f, { vue_ui_circle_pack: te } = Ot(), G = k(() => !!C.dataset && C.dataset.length), S = m(Je()), T = m(null), Ce = m(null), _e = m(null), ze = m(0), $e = m(0), Te = m(0), ot = m(null), W = m(null), ce = m(null), e = m(he()), { loading: Se, FINAL_DATASET: Oe } = Ht({
|
|
106
106
|
...Ct(C),
|
|
107
107
|
FINAL_CONFIG: e,
|
|
108
108
|
prepareConfig: he,
|
|
@@ -152,37 +152,37 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
152
152
|
} : t;
|
|
153
153
|
}
|
|
154
154
|
ne(() => C.config, (t) => {
|
|
155
|
-
e.value = he(), de.value = !e.value.userOptions.showOnChartHover, fe(), ze.value += 1, $e.value += 1,
|
|
155
|
+
e.value = he(), de.value = !e.value.userOptions.showOnChartHover, fe(), ze.value += 1, $e.value += 1, F.value.showTable = e.value.table.show;
|
|
156
156
|
}, { deep: !0 });
|
|
157
|
-
const { isPrinting:
|
|
157
|
+
const { isPrinting: Pe, isImaging: Fe, generatePdf: Ae, generateImage: Me } = Vt({
|
|
158
158
|
elementId: `vue-ui-circle-pack_${S.value}`,
|
|
159
159
|
fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
|
|
160
160
|
options: e.value.userOptions.print
|
|
161
|
-
}), nt = k(() => e.value.userOptions.show && !e.value.style.chart.title.text),
|
|
161
|
+
}), nt = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = m({
|
|
162
162
|
showTable: e.value.table.show
|
|
163
163
|
});
|
|
164
164
|
ne(e, () => {
|
|
165
|
-
|
|
165
|
+
F.value = {
|
|
166
166
|
showTable: e.value.table.show
|
|
167
167
|
};
|
|
168
168
|
}, { immediate: !0 });
|
|
169
|
-
const O = Ge(null), R = Ge(null), A = m({ h: 10, w: 10 }),
|
|
169
|
+
const O = Ge(null), R = Ge(null), A = m({ h: 10, w: 10 }), Ee = m(0), M = m([0, 0, 100, 100]), j = m({ h: 0, w: 0 }), st = k(() => e.value.debug);
|
|
170
170
|
async function fe() {
|
|
171
|
-
It(C.dataset) &&
|
|
171
|
+
It(C.dataset) && Pt({
|
|
172
172
|
componentName: "VueUiCirclePack",
|
|
173
173
|
type: "dataset",
|
|
174
174
|
debug: st.value
|
|
175
|
-
}), A.value = { h: 10, w: 10 },
|
|
175
|
+
}), A.value = { h: 10, w: 10 }, M.value = [0, 0, 100, 100], j.value = { h: 0, w: 0 }, B.value = await tt(le.value), D.value = et(B.value, 1).join(" "), j.value = Ne(T.value);
|
|
176
176
|
const t = Lt(() => {
|
|
177
177
|
const { width: a, height: l, heightTitle: r, heightNoTitle: b } = Ut({
|
|
178
178
|
chart: T.value,
|
|
179
179
|
title: Ce.value,
|
|
180
180
|
noTitle: _e.value
|
|
181
|
-
}),
|
|
182
|
-
|
|
183
|
-
A.value.w =
|
|
181
|
+
}), E = Math.max(10, a), ge = Math.max(10, l - 12);
|
|
182
|
+
Ee.value = e.value.style.chart.title.text ? r : b, requestAnimationFrame(() => {
|
|
183
|
+
A.value.w = E, A.value.h = ge - Ee.value, Ye(async () => {
|
|
184
184
|
const kt = le.value.map((xt) => ({ ...xt }));
|
|
185
|
-
B.value = await tt(kt, A.value.h, A.value.w),
|
|
185
|
+
B.value = await tt(kt, A.value.h, A.value.w), M.value = et(B.value, 1), D.value = M.value.join(" "), j.value = Ne(T.value);
|
|
186
186
|
});
|
|
187
187
|
});
|
|
188
188
|
});
|
|
@@ -203,7 +203,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
203
203
|
ne(() => Oe.value, async (t) => {
|
|
204
204
|
await fe();
|
|
205
205
|
}, { deep: !0 });
|
|
206
|
-
const ut = k(() =>
|
|
206
|
+
const ut = k(() => Ft(e.value.customPalette)), le = k(() => Oe.value.map((t, a) => {
|
|
207
207
|
const l = At(t.color) || ut.value[a] || xe[e.value.theme || "default"][a % xe[e.value.theme || "default"].length] || re[a] || re[a % re.length];
|
|
208
208
|
return {
|
|
209
209
|
...t,
|
|
@@ -228,7 +228,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
228
228
|
function vt(t) {
|
|
229
229
|
e.value.style.chart.circles.zoom.show && (h.value = t);
|
|
230
230
|
}
|
|
231
|
-
const L = k(() => h.value ? h.value.r : 0), me = k(() =>
|
|
231
|
+
const L = k(() => h.value ? h.value.r : 0), me = k(() => P.value ? L.value : h.value ? h.value.r > M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? h.value.r : M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), I = m(0), dt = k(() => ({
|
|
232
232
|
pointerEvents: "none",
|
|
233
233
|
opacity: I.value,
|
|
234
234
|
filter: `drop-shadow(0px 0px 6px ${Ke(h.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
|
|
@@ -244,8 +244,8 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
244
244
|
requestAnimationFrame(a);
|
|
245
245
|
});
|
|
246
246
|
const Y = k(() => ({
|
|
247
|
-
name: e.value.style.chart.circles.zoom.label.name.fontSize *
|
|
248
|
-
value: e.value.style.chart.circles.zoom.label.value.fontSize *
|
|
247
|
+
name: e.value.style.chart.circles.zoom.label.name.fontSize * M.value[3] / 300,
|
|
248
|
+
value: e.value.style.chart.circles.zoom.label.value.fontSize * M.value[3] / 300
|
|
249
249
|
}));
|
|
250
250
|
function pe(t) {
|
|
251
251
|
return Qe(
|
|
@@ -281,9 +281,9 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
281
281
|
function Le(t) {
|
|
282
282
|
U.value = t, Te.value += 1;
|
|
283
283
|
}
|
|
284
|
-
const
|
|
284
|
+
const P = m(!1);
|
|
285
285
|
function ye() {
|
|
286
|
-
|
|
286
|
+
P.value = !P.value;
|
|
287
287
|
}
|
|
288
288
|
const ae = k(() => {
|
|
289
289
|
const t = le.value.map((l) => ({
|
|
@@ -295,9 +295,9 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
295
295
|
});
|
|
296
296
|
function be(t = null) {
|
|
297
297
|
Ye(() => {
|
|
298
|
-
const a = ae.value.head.map((b,
|
|
298
|
+
const a = ae.value.head.map((b, E) => [[
|
|
299
299
|
b.name
|
|
300
|
-
], [ae.value.body[
|
|
300
|
+
], [ae.value.body[E]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(a), r = Rt(l);
|
|
301
301
|
t ? t(r) : Bt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
|
|
302
302
|
});
|
|
303
303
|
}
|
|
@@ -305,10 +305,10 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
305
305
|
const t = [
|
|
306
306
|
e.value.table.columnNames.datapoint,
|
|
307
307
|
e.value.table.columnNames.value
|
|
308
|
-
], a = ae.value.head.map((b,
|
|
308
|
+
], a = ae.value.head.map((b, E) => {
|
|
309
309
|
const ge = we({
|
|
310
310
|
p: e.value.style.chart.circles.labels.value.prefix,
|
|
311
|
-
v: ae.value.body[
|
|
311
|
+
v: ae.value.body[E],
|
|
312
312
|
s: e.value.style.chart.circles.labels.value.suffix,
|
|
313
313
|
r: e.value.style.chart.circles.labels.value.rounding
|
|
314
314
|
});
|
|
@@ -343,17 +343,17 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
343
343
|
};
|
|
344
344
|
});
|
|
345
345
|
function Ue() {
|
|
346
|
-
|
|
346
|
+
F.value.showTable = !F.value.showTable;
|
|
347
347
|
}
|
|
348
348
|
function ft() {
|
|
349
349
|
return le.value;
|
|
350
350
|
}
|
|
351
351
|
async function mt({ scale: t = 2 } = {}) {
|
|
352
352
|
if (!T.value) return;
|
|
353
|
-
const { width: a, height: l } = T.value.getBoundingClientRect(), r = a / l, { imageUri: b, base64:
|
|
353
|
+
const { width: a, height: l } = T.value.getBoundingClientRect(), r = a / l, { imageUri: b, base64: E } = await qt({ domElement: T.value, base64: !0, img: !0, scale: t });
|
|
354
354
|
return {
|
|
355
355
|
imageUri: b,
|
|
356
|
-
base64:
|
|
356
|
+
base64: E,
|
|
357
357
|
title: e.value.style.chart.title.text,
|
|
358
358
|
width: a,
|
|
359
359
|
height: l,
|
|
@@ -361,7 +361,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
361
361
|
};
|
|
362
362
|
}
|
|
363
363
|
const Z = k(() => {
|
|
364
|
-
const t = e.value.table.useDialog && !e.value.table.show, a =
|
|
364
|
+
const t = e.value.table.useDialog && !e.value.table.show, a = F.value.showTable;
|
|
365
365
|
return {
|
|
366
366
|
component: t ? w : v,
|
|
367
367
|
title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
|
|
@@ -390,11 +390,11 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
390
390
|
}
|
|
391
391
|
};
|
|
392
392
|
});
|
|
393
|
-
ne(() =>
|
|
393
|
+
ne(() => F.value.showTable, (t) => {
|
|
394
394
|
e.value.table.show || (t && e.value.table.useDialog && W.value ? W.value.open() : "close" in W.value && W.value.close());
|
|
395
395
|
});
|
|
396
396
|
function Ve() {
|
|
397
|
-
|
|
397
|
+
F.value.showTable = !1, ce.value && ce.value.setTableIconState(!1);
|
|
398
398
|
}
|
|
399
399
|
const pt = k(() => e.value.style.chart.backgroundColor), yt = k(() => e.value.style.chart.title), { exportSvg: bt, getSvg: gt } = Zt({
|
|
400
400
|
svg: ve,
|
|
@@ -413,7 +413,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
413
413
|
getImage: mt,
|
|
414
414
|
generateCsv: be,
|
|
415
415
|
generatePdf: Ae,
|
|
416
|
-
generateImage:
|
|
416
|
+
generateImage: Me,
|
|
417
417
|
generateSvg: He,
|
|
418
418
|
toggleTable: Ue,
|
|
419
419
|
toggleAnnotator: ye,
|
|
@@ -432,7 +432,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
432
432
|
svgRef: i(ve),
|
|
433
433
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
434
434
|
color: e.value.style.chart.color,
|
|
435
|
-
active:
|
|
435
|
+
active: P.value,
|
|
436
436
|
scale: q.value / 100,
|
|
437
437
|
onClose: ye
|
|
438
438
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active", "scale"])) : _("", !0),
|
|
@@ -470,8 +470,8 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
470
470
|
key: `user_option_${Te.value}`,
|
|
471
471
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
472
472
|
color: e.value.style.chart.color,
|
|
473
|
-
isPrinting: i(
|
|
474
|
-
isImaging: i(
|
|
473
|
+
isPrinting: i(Pe),
|
|
474
|
+
isImaging: i(Fe),
|
|
475
475
|
uid: S.value,
|
|
476
476
|
hasTooltip: !1,
|
|
477
477
|
hasLabel: !1,
|
|
@@ -488,12 +488,12 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
488
488
|
printScale: e.value.userOptions.print.scale,
|
|
489
489
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
490
490
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
491
|
-
isAnnotation:
|
|
491
|
+
isAnnotation: P.value,
|
|
492
492
|
tableDialog: e.value.table.useDialog,
|
|
493
493
|
onToggleFullscreen: Le,
|
|
494
494
|
onGeneratePdf: i(Ae),
|
|
495
495
|
onGenerateCsv: be,
|
|
496
|
-
onGenerateImage: i(
|
|
496
|
+
onGenerateImage: i(Me),
|
|
497
497
|
onGenerateSvg: He,
|
|
498
498
|
onToggleTable: Ue,
|
|
499
499
|
onToggleAnnotator: ye,
|
|
@@ -552,7 +552,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
552
552
|
(p(), g("svg", {
|
|
553
553
|
ref_key: "svgRef",
|
|
554
554
|
ref: ve,
|
|
555
|
-
xmlns: i(
|
|
555
|
+
xmlns: i(Mt),
|
|
556
556
|
viewBox: D.value,
|
|
557
557
|
height: Math.max(10, A.value.h),
|
|
558
558
|
width: Math.max(10, A.value.w),
|
|
@@ -580,7 +580,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
580
580
|
}, [
|
|
581
581
|
$("stop", {
|
|
582
582
|
offset: "10%",
|
|
583
|
-
"stop-color": i(
|
|
583
|
+
"stop-color": i(Et)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
|
|
584
584
|
}, null, 8, al),
|
|
585
585
|
$("stop", {
|
|
586
586
|
offset: "90%",
|
|
@@ -634,7 +634,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
634
634
|
pointerEvents: "none",
|
|
635
635
|
transition: "opacity 0.2s ease-in-out"
|
|
636
636
|
},
|
|
637
|
-
opacity: h.value && !
|
|
637
|
+
opacity: h.value && !P.value ? 0.2 : 1,
|
|
638
638
|
x: l.x,
|
|
639
639
|
y: l.y + Re(l.r, e.value.style.chart.circles.labels.name.offsetY) - l.r / 10,
|
|
640
640
|
"font-size": l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
|
|
@@ -648,7 +648,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
648
648
|
pointerEvents: "none",
|
|
649
649
|
transition: "opacity 0.2s ease-in-out"
|
|
650
650
|
},
|
|
651
|
-
opacity: h.value && !
|
|
651
|
+
opacity: h.value && !P.value ? 0.2 : 1,
|
|
652
652
|
x: l.x,
|
|
653
653
|
y: l.y + Re(l.r, e.value.style.chart.circles.labels.value.offsetY) + l.r / 2.5,
|
|
654
654
|
"font-size": Be(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
|
|
@@ -658,7 +658,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
658
658
|
}, H(pe(l)), 9, cl)) : _("", !0)
|
|
659
659
|
], 64))
|
|
660
660
|
], 64))), 256)),
|
|
661
|
-
h.value && e.value.style.chart.circles.zoom.show && !
|
|
661
|
+
h.value && e.value.style.chart.circles.zoom.show && !P.value ? (p(), g(ue, { key: 1 }, [
|
|
662
662
|
$("circle", {
|
|
663
663
|
style: se(dt.value),
|
|
664
664
|
cx: h.value.x,
|
|
@@ -703,7 +703,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
703
703
|
}, void 0, !0)
|
|
704
704
|
], 14, el)),
|
|
705
705
|
t.$slots.watermark ? (p(), g("div", pl, [
|
|
706
|
-
x(t.$slots, "watermark", J(K({ isPrinting: i(
|
|
706
|
+
x(t.$slots, "watermark", J(K({ isPrinting: i(Pe) || i(Fe) })), void 0, !0)
|
|
707
707
|
])) : _("", !0),
|
|
708
708
|
t.$slots.source ? (p(), g("div", {
|
|
709
709
|
key: 5,
|
|
@@ -770,7 +770,7 @@ const Qt = ["id"], el = ["xmlns", "viewBox", "height", "width"], tl = ["x", "y",
|
|
|
770
770
|
i(Se) ? (p(), V(Gt, { key: 7 })) : _("", !0)
|
|
771
771
|
], 46, Qt));
|
|
772
772
|
}
|
|
773
|
-
},
|
|
773
|
+
}, Pl = /* @__PURE__ */ Jt(bl, [["__scopeId", "data-v-124a478d"]]);
|
|
774
774
|
export {
|
|
775
|
-
|
|
775
|
+
Pl as default
|
|
776
776
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
|
|
2
|
-
import { u as F, a as L } from "./useNestedProp-
|
|
3
|
-
import { c as z, X as O, s as I } from "./lib-
|
|
2
|
+
import { u as F, a as L } from "./useNestedProp-B7CiTRDS.js";
|
|
3
|
+
import { c as z, X as O, s as I } from "./lib-BcBZIm6u.js";
|
|
4
4
|
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const N = ["xmlns", "height", "width"], T = {
|
|
6
6
|
id: "follower",
|